@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#282044;--purple:#6c49df;--light:#f3f0ff;--muted:#655f76;--orange:#ffbd39;--line:#e6e1ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:#fff;font-family:'Nunito',Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button,select,textarea{font:inherit}button,a,summary,select{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}img{max-width:100%;height:auto;display:block}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.topline{background:var(--purple);color:white;text-align:center;font-size:14px;padding:8px 20px}.topline a{margin-left:36px;font-weight:800}header{background:#fffffff5;position:sticky;top:0;z-index:20;border-bottom:1px solid #f1eef6;backdrop-filter:blur(12px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:98px}.logo{width:136px;height:73px;object-fit:contain}.nav nav{display:flex;gap:24px;font-size:15px;font-weight:800}.nav nav a:hover,.nav nav a[aria-current]{color:var(--purple)}.navcta{background:var(--purple);border-radius:12px;padding:12px 18px;color:white;font-size:14px;font-weight:800;white-space:nowrap}.menu{display:none}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:24px;min-height:620px;padding-top:40px;padding-bottom:50px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:1.8px;color:var(--purple);display:block;margin-bottom:18px}.pill{display:inline-block;background:var(--light);padding:8px 15px;border-radius:100px;font-size:11px;letter-spacing:1.4px}.hero h1{font-size:clamp(44px,4.7vw,68px);line-height:1.1;letter-spacing:-2.2px;margin:5px 0 24px;font-weight:900}.hero h1 em{color:var(--purple);font-style:normal}.hero p{font-size:19px;line-height:1.7;color:var(--muted)}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;gap:24px;justify-content:space-between;align-items:center;padding:14px 22px;border:2px solid var(--purple);border-radius:13px;font-size:16px;font-weight:900;background:var(--purple);color:white;transition:transform .15s}.button:hover{transform:translateY(-2px)}.button.secondary{background:white;color:var(--ink);border-color:var(--line)}.heronote{display:flex;gap:23px;font-size:13px;font-weight:700;color:var(--muted);margin-top:24px}.heroart{position:relative;isolation:isolate}.heroart:before{content:'';position:absolute;inset:12% 0 0;border-radius:50%;background:#f6f3ff;z-index:-1}.heroart>img{width:510px;margin:auto}.orbit{position:absolute;right:0;top:8%;font-size:70px;color:var(--orange);transform:rotate(12deg)}.imagebadge{position:absolute;bottom:10px;left:5px;box-shadow:0 12px 45px #31216516;border:1px solid var(--line);background:white;display:flex;align-items:center;gap:13px;padding:12px 22px;border-radius:18px;transform:rotate(-3deg);font-size:16px;font-weight:900}.imagebadge>span{font-size:32px;color:var(--purple)}.imagebadge small{font-size:12px;font-weight:600;display:block;color:var(--muted)}.values{background:#faf9fd;border-block:1px solid var(--line)}.values>div{display:flex;justify-content:space-around;gap:20px;padding:22px 0;font-size:15px;font-weight:800}.values span:before{content:'✦';color:var(--purple);margin-right:15px}.section{padding-top:85px;padding-bottom:85px}.sectionhead{display:flex;justify-content:space-between;gap:35px;align-items:center;margin-bottom:35px}h2{font-size:clamp(30px,3vw,43px);line-height:1.18;letter-spacing:-1px;margin:0 0 22px;font-weight:900}h3{font-size:22px;line-height:1.3;letter-spacing:-.4px;margin:18px 0 12px;font-weight:900}p{color:var(--muted);margin:0 0 22px}.agecards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.agecard{border-radius:22px;min-height:288px;padding:26px;transition:transform .2s}.agecard:hover{transform:translateY(-5px)}.agecard>span{font-size:42px;font-weight:900;line-height:1.2}.agecard small{font-size:16px;font-weight:800}.agecard h3{font-size:22px;min-height:57px}.agecard p{font-size:15px;min-height:50px;color:inherit;opacity:.85}.agecard b{display:flex;justify-content:space-between;font-size:14px}.a0{background:#fff1ca}.a1{background:#ebe4ff}.a2{background:#dff4ef}.a3{background:#ffebde}.smallnote{font-size:13px;margin-top:18px}.tinted{background:#f6f3ff}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.photo{position:relative}.photo img,.rounded{border-radius:25px}.photo img{aspect-ratio:1.08;object-fit:cover}.photocaption{position:absolute;bottom:20px;left:18px;right:18px;text-align:center;background:#fffef5eb;padding:11px;border-radius:10px;font-size:13px;font-weight:900}.checklist{padding:0;list-style:none;font-size:16px;margin:24px 0}.checklist li{margin:13px 0}.checklist li:before{content:'✓';display:inline-grid;place-items:center;border-radius:50%;width:26px;height:26px;background:#e4dafd;color:var(--purple);margin-right:12px;font-size:13px;font-weight:900}.center{text-align:center;margin-bottom:38px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{padding:32px;border:1px solid var(--line);border-radius:22px;background:#fff}.card p{font-size:16px;margin:0}.icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:var(--light);color:var(--purple);font-size:22px;font-weight:900}.audiences{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-top:0}.audiences>a{background:#ede7ff;border-radius:26px;padding:42px}.audiences>a+ a{background:#fff1ce}.audiences p{font-size:17px}.audiences b{font-size:15px}.faqsection{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;padding-top:20px}.faqs details{border-bottom:1px solid #dcd6e8;padding:20px 0}.faqs summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:17px;font-weight:900;list-style:none}.faqs summary::-webkit-details-marker{display:none}.faqs summary span{font-size:24px;color:var(--purple);font-weight:500}.faqs details[open] summary span{transform:rotate(45deg)}.faqs p{font-size:16px;margin:15px 25px 2px 0}.textlink{font-size:16px;color:var(--purple);font-weight:900}.cta{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--purple);color:white;padding:48px 55px;border-radius:30px;margin-top:20px;margin-bottom:85px}.cta .eyebrow{color:#f0e8ff}.cta p{color:#f0e8ff;margin:0}.cta h2{font-size:36px}.cta .button{background:var(--orange);color:#332843;border-color:var(--orange);white-space:nowrap}footer{background:#f8f7fb;padding:55px 0 25px}.footgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px}.footgrid b{display:block;margin:20px 0;font-size:15px}.footgrid a:not(:has(img)){display:block;color:var(--muted);font-size:14px;margin:10px 0}.footgrid p{font-size:14px;margin-top:16px}.footbottom{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);padding-top:25px;border-top:1px solid var(--line);margin-top:28px}.pageintro{padding-top:75px;padding-bottom:48px;text-align:center}.pageintro h1{font-size:clamp(38px,4.4vw,62px);letter-spacing:-1.8px;line-height:1.13;max-width:900px;margin:0 auto 24px;font-weight:900}.pageintro>p{max-width:750px;margin:auto;font-size:20px}.pageintro+.section{padding-top:20px}.tabs{display:flex;justify-content:center;gap:15px;margin-bottom:25px}.tabs button{padding:14px 36px;border-radius:100px;border:1px solid var(--line);background:white;font-weight:900;color:var(--ink)}.tabs button[aria-selected=true]{background:var(--purple);color:white;border-color:var(--purple)}.agepanel{padding:50px;border-radius:25px;background:var(--light);min-height:310px}.agepanel p{max-width:850px;font-size:19px}.focus{font-size:15px;font-weight:900;color:var(--purple)}.steps{max-width:950px}.steps article{display:flex;gap:35px;border-bottom:1px solid var(--line);padding:35px 0}.steps article>span{font-size:36px;font-weight:900;color:var(--purple)}.steps h2{font-size:29px}.steps p{margin:0}.narrow{max-width:880px}.callout{background:var(--light);border-radius:18px;padding:26px;margin-top:30px;border-left:4px solid var(--purple)}.callout h3{margin-top:0}.callout p{font-size:16px;margin-bottom:0}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.email{font-size:23px;color:var(--purple);font-weight:900}form{padding:32px;border:1px solid var(--line);border-radius:24px;box-shadow:0 8px 40px #38236a08}label{display:block;font-size:15px;font-weight:900;margin-bottom:10px}select,textarea{display:block;width:100%;color:var(--ink);border:1px solid #bdb5cb;border-radius:10px;padding:13px;background:white;margin-bottom:22px;font-size:16px}textarea{resize:vertical}#formstatus{font-size:14px}.skip{position:absolute;top:-100px;left:15px;padding:12px;background:#fff;z-index:100}.skip:focus{top:8px}:focus-visible{outline:3px solid #e49304;outline-offset:5px}a:hover{color:var(--purple)}.button:hover,.navcta:hover{color:white}.button.secondary:hover{color:var(--purple)}.cta .button:hover{color:var(--ink)}
@media(min-width:1500px){.hero{min-height:660px}}@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.nav nav{gap:14px;font-size:14px}.navcta{display:none}.hero h1{font-size:53px}.hero{min-height:570px}.split{gap:40px}.agecard{padding:20px}.agecard h3{font-size:20px}.agecard>span{font-size:35px}.section{padding-block:65px}.faqsection{gap:40px}.hero p{font-size:17px}.heronote{gap:13px}.footgrid{gap:20px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.topline{font-size:12px}.topline a{display:none}.nav{min-height:79px;gap:15px}.logo{width:118px;height:64px}.menu{display:block;padding:9px 13px;border:1px solid var(--line);background:white;border-radius:10px;font-size:15px;font-weight:800;color:var(--ink)}.nav nav{display:none;position:absolute;left:0;right:0;top:79px;background:white;padding:18px 25px;border-bottom:1px solid var(--line)}.nav nav.open{display:flex;flex-direction:column;gap:0}.nav nav a{padding:12px;font-size:16px}.hero{grid-template-columns:1fr;gap:10px;padding-top:30px;padding-bottom:35px;text-align:center}.hero h1{font-size:46px;letter-spacing:-1.8px}.pill{font-size:10px;letter-spacing:1px;margin-bottom:18px}.hero p{font-size:17px}.heroart{width:min(420px,100%);margin:auto}.heroart>img{max-height:405px;width:auto}.hero .actions{justify-content:center;gap:10px;margin-top:20px}.button{font-size:14px;padding:12px 16px;gap:14px}.heronote{justify-content:center;font-size:12px;margin-top:18px}.imagebadge{text-align:left;bottom:0;font-size:14px;left:5px;padding:9px 13px}.orbit{font-size:45px;right:5%;top:5%}.values>div{flex-wrap:wrap;gap:8px 20px;justify-content:center;padding:15px 0;font-size:12px}.values span:before{margin-right:8px}.section{padding-block:48px}.sectionhead{display:block;margin-bottom:25px}.sectionhead p{font-size:16px}h2{font-size:32px;letter-spacing:-.8px}.agecards{grid-template-columns:1fr 1fr;gap:12px}.agecard{padding:18px;min-height:272px}.agecard>span{font-size:30px}.agecard h3{font-size:19px;min-height:52px}.agecard p{font-size:14px;min-height:70px}.agecard small{font-size:13px}.smallnote{font-size:12px}.split{grid-template-columns:1fr;gap:32px}.photo img{aspect-ratio:1.2}.cards{grid-template-columns:1fr;gap:16px}.card{padding:25px}.card h3{font-size:22px}.center{margin-bottom:25px}.audiences{grid-template-columns:1fr;padding-top:0}.audiences>a{padding:30px}.faqsection{grid-template-columns:1fr;gap:16px;padding-top:15px}.faqs summary{font-size:16px}.cta{display:block;padding:30px 25px;margin-bottom:48px;border-radius:22px}.cta h2{font-size:30px}.cta .button{margin-top:23px}.footgrid{grid-template-columns:1fr 1fr;gap:20px}.footbottom{display:block}.footbottom span{display:block;margin:8px 0}.pageintro{padding-top:44px;padding-bottom:32px}.pageintro h1{font-size:40px}.pageintro>p{font-size:18px}.tabs{gap:6px}.tabs button{padding:10px 13px;font-size:14px;flex:1;white-space:nowrap}.agepanel{padding:26px;min-height:350px}.agepanel p{font-size:17px}.steps article{gap:20px;padding:25px 0}.steps h2{font-size:24px}.contactgrid{grid-template-columns:1fr;gap:30px}form{padding:23px}.eyebrow{font-size:11px}.email{font-size:21px}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(min-width:761px){.nav nav{flex:1;flex-wrap:wrap;justify-content:center;padding-block:12px}}
.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.package-card{padding:32px;border:1px solid var(--line);border-radius:24px;background:#fff;display:flex;flex-direction:column}.package-card.featured{border:2px solid var(--purple);background:#fbfaff}.package-card h2{font-size:29px;min-height:70px}.package-card p{font-size:16px}.package-price{font-size:24px;color:var(--purple);margin-top:10px}.package-card small{font-size:13px;color:var(--muted);margin:8px 0 20px}.package-card h3{font-size:17px}.package-card .checklist{font-size:15px;flex:1}.package-card .checklist li:before{display:none}.package-card .checklist li{border-bottom:1px solid var(--line);padding-bottom:12px}.package-card .button{font-size:14px;gap:10px}.hero .actions .button{font-size:14px}.hero p{max-width:560px}.hero p br:first-of-type{display:none}
@media(max-width:900px){.package-grid{grid-template-columns:1fr}.package-card h2{min-height:0}.package-card{padding:27px}}

/* Asemli — giriş düğmesi (uygulamaya geçiş) */
.navlogin{background:#fff;color:var(--purple);border:2px solid var(--purple);padding:10px 16px}.navlogin:hover{color:var(--purple)}.nav .navcta+.navlogin{margin-left:-12px}
@media(max-width:1100px){.navcta.navlogin{display:inline-block}}
@media(max-width:760px){.navcta.navlogin{padding:8px 12px;font-size:13px;margin-left:0}}
/* Asemli — alt bilgi: şirket bilgisi ve uygulama mağazası rozetleri (üstteki 4 sütunlu ızgaraya hizalı: şirket 1–2, uygulama 3–4) */
.footinfo{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:24px 40px;align-items:start;margin-top:34px;padding-top:30px;border-top:1px solid var(--line)}
.footcompany{grid-column:1/span 2;font-style:normal;font-size:14px;color:var(--muted);line-height:1.65}
.footapps{grid-column:3/span 2}
.footcompany b,.footapps b{display:block;color:var(--ink);font-size:15px;margin:0 0 12px}
.footcompany span{display:block}
.footcompany a{display:inline-block;color:var(--purple);font-weight:800;padding:8px 0}
.storebadges{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:0;padding:0}
.storebadge{display:block;border-radius:12px;transition:transform .15s}
.storebadge img{height:54px;width:auto;mix-blend-mode:multiply}
.storebadge:hover{transform:translateY(-2px)}
.storebadge:focus-visible{outline:3px solid #e49304;outline-offset:3px}
@media(max-width:1100px){.footinfo{gap:24px 20px}}
@media(max-width:760px){.footinfo{grid-template-columns:1fr;gap:26px}.footcompany,.footapps{grid-column:1}.storebadges{gap:10px}.storebadge img{height:50px}}
/* Asemli — yasal metin (gizlilik politikası) */
.legal ul{color:var(--muted);padding-left:22px;margin:0 0 22px}
.legal li{margin:6px 0}
.legal strong{color:var(--ink)}
/* Asemli — yönetim önizleme şeridi (yalnız /yonetim/ önizlemesinde) */
.previewbar{background:var(--orange);color:var(--ink);text-align:center;padding:10px 16px;font-size:14px;font-weight:800}
.previewbar a{margin-left:14px;text-decoration:underline}
/* Asemli — erişilebilirlik: 320 px genişlikte yaş sekmeleri iki satıra sarılır (WCAG 1.4.10) */
@media(max-width:400px){.tabs{flex-wrap:wrap}.tabs button{flex:1 1 40%}}
/* Asemli — iletişim formu (sunucuya gönderilir; alan hataları ve durum iletisi) */
#contact input[type=text],#contact input[type=email]{display:block;width:100%;color:var(--ink);border:1px solid #bdb5cb;border-radius:10px;padding:13px;background:white;margin-bottom:22px;font:inherit;font-size:16px}
#contact [aria-invalid=true]{border:2px solid #b3261e}
.fielderror{color:#b3261e;font-size:14px;font-weight:800;margin:-4px 0 8px}
.formstatus:empty{display:none}
.formstatus{border-radius:12px;padding:14px 16px;font-size:15px;font-weight:800;margin:0 0 22px}
.formstatus.ok{background:#e3f5ec;color:#145c38;border:1px solid #9fd9bb}
.formstatus.bad{background:#fdecea;color:#8c1d18;border:1px solid #f1b0aa}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#contact button[disabled]{opacity:.6;cursor:progress}
