*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#0b1425;font-family:Arial,Helvetica,sans-serif;background-image:url('assets/how-ribbon-left-v146.png'),url('assets/how-ribbon-right-v146.png'),radial-gradient(ellipse at 50% 20%,#fff9f5,#fff0f3 65%,#ffe7ee);background-position:left 90px,right 90px,center;background-size:140px 1000px,140px 1000px,100% 100%;background-repeat:repeat-y,repeat-y,no-repeat}a{color:inherit;text-decoration:none}.container{width:calc(100% - 112px);max-width:1500px;margin-left:auto;margin-right:auto}.how-header{margin-top:12px;min-height:58px;padding:9px 24px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:#fff;border-radius:18px}.how-logo img{display:block;width:180px;height:40px;object-fit:contain}.how-header nav{display:flex;gap:26px;align-items:center;font-size:13px;white-space:nowrap}.how-header nav a{padding:10px 0}.how-header nav .active{color:#008948;border-bottom:2px solid #00ad58;font-weight:700}.header-actions{display:flex;gap:12px;white-space:nowrap}.header-actions a{padding:11px 19px;border-radius:11px;font-size:13px;font-weight:600}.outline{border:1px solid #00ad58;color:#008948}.pink{background:#ff1473;color:white}.green{background:#00a658;color:white}.intro{text-align:center;padding:38px 0 27px}.intro>span{color:#ff1473;letter-spacing:.1em;font-size:13px;font-weight:700}.intro h1{font-size:clamp(30px,3vw,46px);letter-spacing:-1.1px;line-height:1.15;margin:14px 0 8px}.intro>p{font-size:18px;line-height:1.6;color:#748098;margin:0}.flows{display:grid;grid-template-columns:1fr 1fr;gap:24px}.flow{display:flex;flex-direction:column;border-radius:17px;background:#fff;padding:26px;box-shadow:0 8px 24px #dba5b315}.flow h2{font-size:27px;letter-spacing:-.8px;margin:0 0 5px}.lead{color:#758098;margin:0 0 18px;font-size:16px;line-height:1.5}.steps{display:grid;gap:10px;flex:1}.step{background:#fbf6f7;border-radius:13px;padding:15px 20px;display:flex;flex-direction:column;justify-content:center}.step h3{font-size:17px;margin:0 0 4px}.step p{font-size:14px;line-height:1.5;margin:0;color:#758098}.flow-cta{display:block;margin-top:16px;padding:14px 20px;text-align:center;border-radius:12px;font-size:16px;font-weight:600}.flow-cta:hover{filter:brightness(.96)}.faq{max-width:1100px;margin:26px auto 0}.faq>h2{text-align:center;font-size:27px;margin:0 0 14px;letter-spacing:-.5px}.faq-list{background:white;border-radius:13px;overflow:hidden}.faq details+details{border-top:1px solid #e6eaf0}.faq summary{list-style:none;cursor:pointer;padding:19px 24px;font-size:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:22px;font-weight:400;color:#697690}.faq details[open] summary:after{content:'−'}.faq details p{margin:0;padding:0 24px 18px;font-size:14px;line-height:1.7;color:#758098}.faq details>a{display:inline-block;color:#008948;margin:0 24px 18px;font-size:13px}.reference-footer{margin-top:28px}a:focus-visible,summary:focus-visible{outline:2px solid #00ad58;outline-offset:4px}
@media(max-width:1100px){.container{width:calc(100% - 40px)}.how-header nav{gap:14px;font-size:12px}.how-logo img{width:145px}.header-actions a{padding:10px 12px;font-size:12px}.flow h2{font-size:23px}.lead{font-size:14px}.flow{padding:22px}}
@media(max-width:800px){.how-header{flex-wrap:wrap}.how-header nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:18px}.header-actions{margin-left:auto}.intro{padding-top:28px}.intro>p{font-size:15px}.flows{grid-template-columns:1fr;gap:18px}.step{padding:16px}.flow h2{font-size:25px}.flow-cta{font-size:14px}.faq>h2{font-size:24px}body{background-size:60px 1000px,60px 1000px,100% 100%}}
@media(max-width:420px){.how-logo img{width:122px}.header-actions{gap:7px}.header-actions a{font-size:10px;padding:9px 10px}.how-header{padding:10px 12px;gap:12px}.flow{padding:20px}.faq summary{padding:17px}}
/* V143 — referans görselindeki dört sütunlu sayfa sonu */
.reference-footer{width:100%;margin-top:36px;background:#fffdfd;color:#0c1420;padding:0 0 24px}.reference-footer-inner{width:calc(100% - 112px);max-width:1800px;margin:0 auto;border-top:1px solid #ececef;padding-top:48px}.reference-footer-grid{display:grid;grid-template-columns:1.9fr 1fr 1fr .95fr;gap:42px;align-items:start}.reference-footer-brand img{display:block;width:175px;height:auto;max-width:100%}.reference-footer-brand p{margin:30px 0 0;color:#78889b;font-size:15px;line-height:1.6}.reference-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.reference-footer h2{font-size:16px;font-weight:700;line-height:22px;margin:0 0 0}.reference-footer nav a{font-size:16px;line-height:24px;color:#718093}.reference-footer nav a:hover{color:#00ad58}.reference-footer-copyright{font-size:12px;line-height:18px;color:#8999aa;margin:34px 0 0}.reference-footer a:focus-visible{outline:2px solid #00ad58;outline-offset:4px}
@media(max-width:1100px){.reference-footer-inner{width:calc(100% - 40px)}.reference-footer-grid{gap:26px}.reference-footer-brand p{font-size:13px}.reference-footer nav a{font-size:14px}}
@media(max-width:700px){.reference-footer-inner{padding-top:30px}.reference-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.reference-footer-brand{grid-column:1/-1}.reference-footer-brand p{margin-top:16px}.reference-footer-copyright{margin-top:30px}}
/* V145: kompakt ortak sayfa sonu */
.reference-footer{margin-top:28px;padding-bottom:16px}.reference-footer-inner{padding-top:26px}.reference-footer-grid{gap:28px}.reference-footer-brand img{width:142px}.reference-footer-brand p{margin-top:16px;font-size:12px}.reference-footer h2{font-size:13px;line-height:18px}.reference-footer nav{gap:10px}.reference-footer nav a{font-size:13px;line-height:19px}.reference-footer-copyright{font-size:11px;line-height:16px;margin-top:22px}
@media(max-width:700px){.reference-footer-grid{gap:24px}.reference-footer-brand p{margin-top:12px}.reference-footer-copyright{margin-top:20px}}
/* V147 — onaylanan fotoğraflı tasarım */
.photo-hero{position:relative;min-height:360px;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-photo{position:absolute;right:0;inset-block:0;width:66%;background-size:cover;background-position:center;z-index:-1;mask-image:linear-gradient(to right,transparent,black 24%);-webkit-mask-image:linear-gradient(to right,transparent,black 24%)}.hero-content{padding:45px 20px}.hero-content h1{font-size:clamp(34px,3.6vw,58px);letter-spacing:-1.6px;line-height:1.03;margin:0 0 15px;max-width:55%}.hero-content h1 span{color:#ee387e}.hero-content>p{max-width:45%;color:#576475;font-size:18px;line-height:1.5;margin:0 0 18px}.hero-buttons{display:flex;gap:14px}.hero-buttons a{padding:13px 24px;border-radius:13px;font-size:14px;font-weight:600}.photo-title{text-align:center;margin:18px 0 15px}.photo-title h2{font-size:25px;letter-spacing:-.6px;margin:0 0 3px}.photo-title p{margin:0;color:#748098;font-size:15px}.photo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.photo-step{min-width:0;overflow:hidden;border:1px solid #f6e4e9;border-radius:16px;background:#fff;box-shadow:0 5px 18px #d6a5b012}.photo-step>img{display:block;width:100%;height:210px;object-fit:cover}.photo-step>div{padding:17px 20px}.photo-step h3{margin:0 0 8px;font-size:20px;letter-spacing:-.5px}.photo-step p{margin:0;font-size:14px;line-height:1.5;color:#758098}.memory-callout{display:flex;align-items:center;gap:24px;overflow:hidden;margin:20px 0 0;border:1px solid #f6e4e9;border-radius:16px;background:#fff;min-height:100px}.memory-callout>img{width:28%;height:112px;object-fit:cover;mask-image:linear-gradient(to right,black 60%,transparent);-webkit-mask-image:linear-gradient(to right,black 60%,transparent)}.memory-callout>div{flex:1}.memory-callout h2{font-size:20px;margin:0 0 7px;letter-spacing:-.5px}.memory-callout p{font-size:14px;margin:0;color:#758098;line-height:1.5}.memory-callout>a{margin-right:25px;padding:12px 22px;border-radius:12px;white-space:nowrap;font-size:14px;font-weight:600}.how-photo-content .faq{margin-top:20px;max-width:950px}.how-photo-content .faq>h2{font-size:25px}.how-photo-content .faq-list{background:transparent;overflow:visible}.how-photo-content .faq details{margin-top:8px;border:0;border-radius:20px;background:white}.how-photo-content .faq summary{padding:13px 22px}.how-header{position:relative;z-index:2}.hero-buttons .outline{background:white}
@media(max-width:800px){.photo-hero{min-height:350px}.hero-photo{width:100%;opacity:.28}.hero-content h1,.hero-content>p{max-width:100%}.hero-content>p{font-size:16px}.photo-steps{grid-template-columns:1fr}.photo-step>img{height:230px}.memory-callout{flex-wrap:wrap;padding:18px;gap:15px}.memory-callout>img{width:100%;height:145px;mask-image:none;-webkit-mask-image:none;border-radius:10px}.memory-callout>div{flex-basis:100%}.memory-callout>a{margin-right:0}.hero-content{padding:35px 10px}}