/* A quiet, parent-facing homepage. Existing product and form behavior is retained. */
body[data-page="home"]{--font-head:var(--font-body);--ink:#302638;--ink-soft:#625b68;--ink-faint:#716779;--cream:#f7f6f2;--cream-2:#efede8;--line:#dfdbe2;--lilac-500:#695279;--lilac-600:#604570;--on-dark:#f8f4fa;--on-dark-soft:#d7ccdf;--on-dark-faint:#c2b5cb;color:var(--ink);background:#fff}
body[data-page="home"] .wrap{max-width:1160px}
body[data-page="home"] main > section{padding:76px 0}
body[data-page="home"] h1,body[data-page="home"] h2,body[data-page="home"] h3{font-family:var(--font-body);letter-spacing:-.025em;color:var(--ink)}
body[data-page="home"] h1{font-size:clamp(2.25rem,4.4vw,3.7rem);line-height:1.12;font-weight:800}
body[data-page="home"] h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.25;font-weight:750}
body[data-page="home"] h3{font-size:1.18rem;line-height:1.4;font-weight:750}
body[data-page="home"] .hl{color:inherit}
body[data-page="home"] .eyebrow{font:700 .75rem/1.5 var(--font-body);color:#75604d;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
body[data-page="home"] .eyebrow::before{display:none}
body[data-page="home"] .lede{font-size:1.05rem;line-height:1.8;color:var(--ink-soft);max-width:62ch;margin-top:18px}
body[data-page="home"] .sec-head{margin-bottom:32px}
body[data-page="home"] .sec-head.center{text-align:left}
body[data-page="home"] .sec-head.center .lede{margin-left:0}
body[data-page="home"] .btn{font:700 .94rem/1.4 var(--font-body);border-radius:999px;min-height:48px;padding:12px 24px;box-shadow:none;transform:none!important;background-image:none;transition:background .15s,color .15s}
body[data-page="home"] .btn::before,body[data-page="home"] .btn::after{display:none}
body[data-page="home"] .btn-primary{background:#f3bd58;color:#30200e;border:1px solid #f3bd58}
body[data-page="home"] .btn-primary:hover{background:#eaae43;border-color:#eaae43}
body[data-page="home"] .btn-outline{background:transparent;border:1px solid #9e91a7;color:#493452}
body[data-page="home"] .btn-outline:hover{background:#eee9f1}
body[data-page="home"] .cta-row{gap:12px}
body[data-page="home"] .scroll-progress i{background:#b79966}
/* Keep reading position steady. A small opacity change is enough feedback. */
html.js body[data-page="home"] .reveal{transform:none;opacity:1;transition:none}
html.js body[data-page="home"] .sec-head.reveal{opacity:.8;transition:opacity .25s ease}
html.js body[data-page="home"] .sec-head.reveal.in{opacity:1}
body[data-page="home"] .hero{padding:0;background:#241731;min-height:0;isolation:isolate}
.hero .slide{min-height:560px;padding:40px 0 24px;gap:32px;grid-template-columns:1fr 1fr}
.hero .slide-copy{gap:0}
body[data-page="home"] .hero h1,body[data-page="home"] .hero h2{color:#fff}
.hero .gold{color:#f5cb80}
body[data-page="home"] .hero .eyebrow{color:#d8bea0}
body[data-page="home"] .hero .lede{color:#e0d6e7;margin:22px 0 26px;max-width:45ch}
body[data-page="home"] .hero .btn-outline{border-color:#897594;color:#f3eaf9}
body[data-page="home"] .hero .btn-outline:hover{background:#ffffff12}
.hero .slide-art{min-height:0}
.hero-chips{display:flex;gap:20px;margin-top:24px}
.hero-chips .chip{display:flex;align-items:center;gap:7px;font-size:.85rem;padding:4px 0;color:#d0bfdc;background:none;border:0;box-shadow:none;text-decoration:none}
.hero-chips .ic{width:16px;height:16px}.hero-chips .chip:hover{color:#fff}
.hero-controls{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 0 24px;position:relative;z-index:6}
.hero-controls .hero-nav,.hero-controls .dots{position:static;display:flex;align-items:center;justify-content:center;transform:none}
.hero-controls .hero-nav{width:44px;height:44px;background:none;border:1px solid #ffffff38;box-shadow:none}
.hero-controls .dots{gap:8px}
.hero-controls .dots button{width:30px;height:44px;padding:0;display:grid;place-items:center;background:none;border-radius:0}
.hero-controls .dots button::after{content:"";height:3px;width:100%;border-radius:3px;background:#ffffff50}
.hero-controls .dots button[aria-pressed="true"]::after{background:#f5cb80}
.hero-controls .dots button[aria-pressed="true"]{width:40px}
body[data-page="home"] .hero .motto-title{font-size:clamp(1.4rem,2.5vw,2.1rem);line-height:1.4}
.hero .motto-sub{font-size:.95rem;color:#dccde5;line-height:1.65;margin-top:14px}
.pkgs{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.pkg,.pkg.featured{display:block;transform:none;border:1px solid #d9d4dc;border-radius:18px;background:#fff;box-shadow:none;overflow:visible}
.pkg.featured{border-color:#82718e;background:#fdfbff}
.pkg:hover{transform:none;box-shadow:none}
.pkg-body{padding:30px;display:flex;flex-direction:column;height:100%;gap:0}
body[data-page="home"] .pkg h3{font-size:1.4rem;margin:0 0 10px}
.pkg-sub{font-size:.96rem;line-height:1.7;color:var(--ink-soft);margin:0;min-height:3.4em}
.plan-includes{list-style:none;padding:20px 0;margin:0;display:grid;gap:8px;font-size:.94rem}
.plan-includes li{display:flex;align-items:baseline;gap:10px}.plan-includes li::before{content:"✓";color:#52664f}
.pkg-price{margin-top:auto;padding:22px 0;border-top:1px solid #e8e3eb;background:none}
.pkg-price .amount{font:800 2rem/1.2 var(--font-body);color:#302638}.pkg-price .per{font-size:.9rem;color:#625b68}
.price-note{font-size:.8rem;line-height:1.5;margin-top:8px;color:#625b68}
.pkg-actions{display:flex;align-items:center;gap:12px}.pkg-actions > *{flex:1}
body[data-page="home"] .pkg-actions .btn-outline{border:0;padding:12px 0;font-size:.88rem;text-decoration:underline;text-underline-offset:4px}
.pkg-more{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:20px;font-size:.85rem;color:#625b68}.pkg-more a{color:#493452;text-underline-offset:4px}
.lead-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--ink)}
.lead-copy .lede{font-size:1rem}.lead-form{background:#f7f6f2;border:0;border-radius:16px;padding:28px;box-shadow:none}
.lead-form .f-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.lead-form label{color:#493f50;font-size:.85rem;font-weight:700}
.lead-form input,.lead-form select{background:#fff;border:1px solid #c9c1cf;border-radius:8px;font:400 16px/1.5 var(--font-body);color:#302638;min-height:48px;width:100%;margin-top:6px;padding:10px 12px}
.lead-form .f-legal{font-size:.75rem;line-height:1.65;color:#655b6e;margin:16px 0}.lead-form .btn{width:100%}
.difference-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.difference-item{display:block;border:0;border-left:1px solid #d7d1dc;background:none;border-radius:0;padding:0 0 0 24px;box-shadow:none}
.difference-item:first-child{border-left:0;padding-left:0}.difference-item p{font-size:.96rem;line-height:1.75;color:#625b68;margin:12px 0 0}
.difference-link{display:inline-flex;align-items:center;min-height:44px;margin-top:24px;font-size:.94rem;font-weight:700;color:#564063;text-underline-offset:5px}
.how-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.how-screen{height:330px;background:#f3f1ec;border-radius:16px;display:flex;justify-content:center;align-items:center;padding:22px;margin-bottom:24px}
.how-screen img{height:100%;width:auto;max-width:100%;object-fit:contain;border-radius:14px}
.step-label{font-size:.75rem;font-weight:700;letter-spacing:.035em;color:#79644c;display:block;margin-bottom:10px}
.how-steps p{font-size:.96rem;line-height:1.75;color:#625b68;margin-top:10px}
body[data-page="home"] .sec-evren{background:#eef0e9;color:var(--ink)}
.world-list{border-top:1px solid #ccd0c4}.world-list article{display:grid;grid-template-columns:180px 1fr 40px;gap:24px;align-items:center;padding:28px 0;border-bottom:1px solid #ccd0c4}
.world-name{font-size:1.25rem;font-weight:750}.world-name small{display:block;margin-top:5px;font-size:.78rem;font-weight:500;color:#686d62}
.world-list p{font-size:.96rem;line-height:1.7;margin-top:7px;color:#5d6559}.world-list .ic{height:30px;width:30px;color:#67785c}
.curiosity-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}.curiosity-layout .sec-head{margin:0}
.curiosity-card{background:#f7f6f2;border:0;border-radius:16px;padding:32px;box-shadow:none}
.curiosity-label{font-size:.8rem;color:#756b7d;display:block;margin-bottom:10px}
.curiosity-steps{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:20px}
.curiosity-steps li{display:flex;gap:16px;align-items:baseline}.curiosity-steps li>span{background:none;font-size:.8rem;color:#887591;min-width:22px;padding:0}
.curiosity-steps b{font-size:.94rem}.curiosity-steps p{font-size:.9rem;color:#625b68;line-height:1.65;margin-top:4px}
body[data-page="home"] .sec-ebeveyn{background:#f7f6f2}
.parent-layout{display:grid;grid-template-columns:1fr 1fr;gap:72px}.parent-notes{margin:0}.parent-notes>div{padding:20px 0;border-bottom:1px solid #dcd7df}.parent-notes>div:first-child{padding-top:0}
.parent-notes dt{font-size:1.06rem;font-weight:750;margin-bottom:8px}.parent-notes dd{margin:0;font-size:.96rem;line-height:1.75;color:#625b68}
body[data-page="home"] .sec-bugun{background:#fff}
.example-layout{display:grid;grid-template-columns:.8fr 1fr;gap:80px;align-items:center}
.example-image{height:440px;background:#eeeaf2;border-radius:18px;display:flex;justify-content:center;padding:24px}
.example-image img{height:100%;width:auto;max-width:100%;object-fit:contain;border-radius:12px}
.example-notes{padding-left:20px;font-size:.96rem;line-height:1.8;color:#625b68;display:grid;gap:8px;margin:22px 0 0}
.vid-rail{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:0 0 16px}
.clip{flex:0 0 46%;min-width:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;scroll-snap-align:start}
.clip video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:14px;background:#241731}
.clip-v{flex-basis:27%}.clip-v video{aspect-ratio:16/9}
.clip figcaption{padding:16px 0 0;display:grid;gap:5px;color:#302638;font-size:.96rem}.clip figcaption span{font-size:.8rem;color:#746b7b}
.rail-ctrl{display:flex;align-items:center;gap:18px;margin-top:12px}.rail-ctrl button{border:1px solid #c8c0ce;border-radius:50%;width:44px;height:44px;background:#fff;color:#564063;display:grid;place-items:center}.rail-ctrl svg{width:18px;height:18px}
.rail-bar{height:2px;flex:1;background:#e8e2eb}.rail-bar i{display:block;height:100%;background:#897095;transform-origin:left}
body[data-page="home"] .faq{max-width:900px;margin:0}
body[data-page="home"] .faq details{background:none;border:0;border-bottom:1px solid #d6d0dd;border-radius:0;box-shadow:none;margin:0}
body[data-page="home"] .faq summary{font:700 1rem/1.55 var(--font-body);padding:22px 32px 22px 0;color:#3a2c44;min-height:64px}
body[data-page="home"] .faq .ans{font-size:.96rem;line-height:1.8;padding:0 28px 24px 0;color:#625b68}
body[data-page="home"] .home-download{background:#eeeaf1}
.home-download>.wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.home-download p:not(.eyebrow){font-size:1rem;color:#625b68;line-height:1.7;margin-top:14px}.home-download .btn{flex-shrink:0}
@media(max-width:900px){
 body[data-page="home"] main>section{padding:56px 0}
 .hero .slide{grid-template-columns:1fr;min-height:0;padding:30px 0 22px;gap:28px}
 .hero .slide-art{order:0;max-width:520px;width:100%;margin:auto}.hero .slide-copy{text-align:left}
 body[data-page="home"] .hero .lede{max-width:55ch;margin:18px 0 22px}.hero .cta-row{justify-content:flex-start}.hero-chips{justify-content:flex-start}
 .hero-controls{padding-bottom:24px}
 .lead-card{grid-template-columns:1fr;gap:24px}.lead-copy .lede{max-width:64ch}
 .curiosity-layout,.parent-layout,.example-layout{gap:32px}.world-list article{grid-template-columns:130px 1fr 30px}
 .how-steps{gap:20px}.how-screen{height:280px;padding:18px}
}
@media(max-width:600px){
 body[data-page="home"] .wrap{width:calc(100% - 40px)}
 body[data-page="home"] main>section{padding:44px 0}
 body[data-page="home"] .hero{padding:0}.hero .slide{padding:32px 0 16px;gap:24px}
 body[data-page="home"] .hero h1{font-size:2.35rem;max-width:12ch}
 body[data-page="home"] .hero .lede{font-size:1rem;line-height:1.7}
 .hero-chips{gap:20px;margin-top:20px}.hero .slide-art{max-width:360px}
 .hero-controls{padding-bottom:16px}
 .pkgs{grid-template-columns:1fr;gap:18px}.pkg-body{padding:24px}.pkg-sub{min-height:0}
 .pkg-actions{gap:8px}.pkg-price{padding:18px 0}.plan-includes{padding:18px 0}.pkg-more{font-size:.8rem}
 .lead-form{padding:20px}.lead-form .f-row{grid-template-columns:1fr;gap:14px}.lead-card{gap:20px}
 .difference-summary{grid-template-columns:1fr;gap:0}.difference-item,.difference-item:first-child{border:0;border-bottom:1px solid #d7d1dc;padding:18px 0}.difference-item:first-child{padding-top:0}.difference-item p{margin-top:8px}
 .how-steps{grid-template-columns:1fr;gap:24px}.how-steps li{display:grid;grid-template-columns:110px 1fr;column-gap:20px;align-content:center;align-items:start;border-bottom:1px solid #e4dfe7;padding-bottom:24px}
 .how-screen{grid-column:1;grid-row:1/4;width:110px;height:228px;padding:10px;border-radius:12px;margin:0;align-self:center}
 .how-steps .step-label{grid-column:2;align-self:end;margin:24px 0 8px}.how-steps h3,.how-steps p{grid-column:2}.how-steps p{font-size:.9rem;line-height:1.6;margin:8px 0 24px}
 .world-list article{grid-template-columns:1fr 30px;gap:14px;padding:24px 0}.world-name{grid-column:1;font-size:1rem;display:flex;align-items:center;gap:14px}.world-name small{display:inline;margin:0}.world-list article>div{grid-column:1/-1;grid-row:2}.world-list article>.ic{grid-column:2;grid-row:1;height:24px;width:24px}
 .curiosity-layout,.parent-layout,.example-layout{grid-template-columns:1fr;gap:24px}.curiosity-card{padding:24px}.parent-layout .sec-head{margin:0}.parent-notes>div:first-child{padding-top:16px}
 .example-image{height:330px;max-width:100%;padding:20px}.example-layout .sec-head{order:-1;margin-bottom:0}
 .clip{flex-basis:88%}.clip-v{flex-basis:88%}.clip video{border-radius:12px}
 body[data-page="home"] .faq summary{font-size:.97rem;padding-block:20px}
 .home-download>.wrap{display:block}.home-download .btn{margin-top:24px}
 body[data-page="home"] .sticky-cta .btn{padding:12px 6px;font-size:.79rem;min-height:48px}
}
@media(prefers-reduced-motion:reduce){html.js body[data-page="home"] .sec-head.reveal{opacity:1;transition:none}}
/* One spacing scale for section introductions. */
body[data-page="home"] .sec-head{gap:0}
body[data-page="home"] .sec-head.center{align-items:flex-start;margin-inline:0}
body[data-page="home"] .hero::after{display:none}
.hero .slide-copy{align-items:flex-start}
body[data-page="home"] .sticky-cta .btn-outline{color:#fff;border-color:#a392b1;background:transparent}
body[data-page="home"] .sticky-cta .btn-outline:hover{color:#fff;background:#ffffff14}

/* ==========================================================================
   Hero sanat alanı — maskotlu sahne (video yerine)
   /assets/video/* dosyaları dağıtıma girmediği için .hero-film siyah kutu
   olarak kalıyordu; slaytların görseli yeniden maskot + telefon kurgusuna
   döndü. Kurallar 731101b öncesindeki sürümden alınmıştır.
   ========================================================================== */

/* --- Slayt 1: katmanlı sahne --- */
.hero-stage{--mx:0;--my:0;position:relative;width:min(520px,100%);aspect-ratio:1.05;display:grid;place-items:center}
.hero-stage .layer{transform:translate3d(calc(var(--mx)*var(--d,0)*16px),calc(var(--my)*var(--d,0)*16px),0);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.hero-stage .m-glow{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.55),rgba(139,92,246,0) 68%)}
.hero-stage .orbit{position:absolute;border-radius:50%;border:2px dashed rgba(255,194,75,.32);inset:6%;animation:spin 46s linear infinite}
.hero-stage .orbit::after{content:"";position:absolute;top:-6px;left:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:var(--gold-400);box-shadow:0 0 18px 3px rgba(255,194,75,.85)}
.hero-stage .orbit.o2{inset:-6%;border-color:rgba(196,167,245,.22);animation-duration:74s;animation-direction:reverse}
.hero-stage .orbit.o2::after{background:var(--lilac-300);box-shadow:0 0 16px 3px rgba(196,167,245,.7)}
.phone-frame{
  position:relative;border-radius:34px;overflow:hidden;background:#0f0720;
  border:6px solid #1c0f33;box-shadow:0 0 0 2px rgba(255,255,255,.12),0 40px 80px -30px rgba(0,0,0,.9);
}
.phone-frame img{width:100%;height:100%;object-fit:cover;object-position:left top;display:block}
.hero-phone{width:52%;aspect-ratio:9/19;position:relative;z-index:2;justify-self:end;margin-right:6%}
.hero-stage .mascot{position:absolute;left:2%;bottom:0;width:44%;z-index:3;animation:float 6.5s ease-in-out infinite}
.hero-stage .mascot img{width:100%;height:auto;filter:drop-shadow(0 26px 38px rgba(0,0,0,.55))}
.float-chip{
  position:absolute;z-index:4;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border-radius:999px;
  background:rgba(21,8,38,.85);border:1px solid rgba(255,255,255,.18);color:var(--on-dark);font-size:.8rem;font-weight:700;
  box-shadow:0 14px 30px -14px rgba(0,0,0,.8);backdrop-filter:blur(6px);animation:float 6s ease-in-out infinite;
}
.float-chip .ic{width:15px;height:15px;color:var(--gold-400)}
.float-chip.c1{top:9%;left:4%;animation-delay:-1.5s}
.float-chip.c2{top:38%;right:-2%;animation-delay:-3s}
.float-chip.c2 .ic{color:#8FB0FF}
.float-chip.c3{bottom:12%;right:6%;animation-delay:-4.5s}
.float-chip.c3 .ic{color:#5FE0A8}

/* --- Slayt 2: Fil Suresi kuş sürüsü + maskot --- */
.motto-art{position:relative;width:min(480px,92%);aspect-ratio:520/420}
.motto-art .birds{width:100%;height:100%;display:block;overflow:visible}
.motto-art .bird{animation:birdRise 7s ease-in-out infinite;transform-origin:center}
.motto-art .b2{animation-delay:-1s}.motto-art .b3{animation-delay:-2s}.motto-art .b4{animation-delay:-3s}
.motto-art .b5{animation-delay:-4s}.motto-art .b6{animation-delay:-5s}.motto-art .b7{animation-delay:-6s}
.motto-art .b8{animation-delay:-.5s}.motto-art .b9{animation-delay:-2.5s}
@keyframes birdRise{0%,100%{transform:translate(0,0)}50%{transform:translate(6px,-10px)}}
.motto-art .moon{animation:spin 90s linear infinite;transform-origin:300px 150px}
.motto-mascot{position:absolute;right:2%;bottom:0;width:22%;filter:drop-shadow(0 16px 24px rgba(0,0,0,.5));animation:float 6s ease-in-out infinite}
.motto-mascot img{width:100%;height:auto}

/* --- Slayt 3: üç evren kartı --- */
.fan-card .ic{width:26px;height:26px;color:var(--c,var(--gold-400));margin:0 auto .5rem;display:block}

/* --- Slogan şeridindeki referans bağlantısı --- */
.ref-toggle{
  display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:999px;
  color:#EFE4FF;font-size:.78rem;font-weight:600;padding:.34rem .85rem;
  transition:background .18s,border-color .18s,color .18s;
}
.ref-toggle:hover{background:rgba(255,255,255,.18);border-color:var(--gold-400);color:var(--gold-300)}
.ref-toggle .ic{width:14px;height:14px;color:var(--gold-400)}
.slogan-bar .ref-toggle{flex:none}

@media(max-width:900px){
  .hero-stage{width:min(360px,86vw)}
  .hero-phone{width:50%;margin-right:4%}
  .float-chip{font-size:.72rem;padding:.35rem .65rem}
  .float-chip.c1{top:4%;left:0}
  .float-chip.c2{right:-4%}
  .motto-art{width:min(360px,88%)}
}
@media(max-width:640px){
  .ref-toggle span{display:none}
  .ref-toggle{padding:.3rem .55rem}
}
@media(max-width:560px){
  .hero-stage{width:min(300px,80vw)}
  .float-chip.c3{display:none}
  .motto-art{width:min(300px,80%)}
}