.hero{align-items:center}.hero-copy h1{font-size:clamp(42px,4.7vw,70px)}
.hero .intro-flow{background:#f1f6fb;border:1px solid #e1ebf4;border-radius:32px;min-height:560px;height:auto;padding:22px 18px 18px;overflow:hidden;position:relative;transform:none;box-sizing:border-box}
.intro-flow-top{display:flex;justify-content:space-between;align-items:center;padding:0 8px}.intro-kicker{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#617b94}#intro-motion{border:1px solid #cfdeed;background:white;width:30px;height:30px;border-radius:50%;color:#456785;cursor:pointer;font:inherit;font-size:12px}
.intro-map{position:relative;width:100%;aspect-ratio:600/470;margin:16px 0 0;isolation:isolate}
.intro-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.intro-track{fill:none;stroke:#cadbec;stroke-width:2;stroke-dasharray:4 6}.intro-live{fill:none;stroke-width:2;stroke-dasharray:190;stroke-dashoffset:190;animation:flow-line 12s ease infinite}.intro-live-left{stroke:#215e94}.intro-live-right{stroke:#f07e1b}.intro-live-down{stroke:#215e94;animation-delay:3s}
.intro-person{position:absolute;top:15%;width:27%;text-align:center;color:#215e94;display:flex;flex-direction:column;align-items:center;z-index:1}.intro-person>svg{width:74px;height:74px;border-radius:50%;background:#fff;box-shadow:0 5px 15px #244e7410;border:4px solid #fff}.intro-person strong{font-size:17px;line-height:1.3;margin-top:10px;color:#17334e}.intro-person>span{font-size:11px;color:#667e95;line-height:1.4;margin-top:4px}.intro-teacher{left:1%}.intro-parent{right:1%;color:#ee852f}.intro-child{left:36.5%;top:12%}.intro-child>svg{width:94px;height:94px;background:#fff1e4;border:5px solid white;box-shadow:0 0 0 7px #f5e6d8}.intro-child strong{font-size:21px}.intro-child>span{font-size:10px;white-space:nowrap}.intro-child-halo{position:absolute;width:120px;height:120px;border:1px solid #f0cdaa;border-radius:50%;top:-13px;z-index:-1;animation:child-halo 6s ease infinite}
.intro-check{position:absolute;top:55px;right:20%;width:21px;height:21px;background:#e8f4ed;border:3px solid #f1f6fb;border-radius:50%;font-size:11px;color:#447c64;font-style:normal;display:grid;place-items:center;animation:check-appear 12s ease infinite}.intro-parent .intro-check{animation-delay:.6s}
.intro-note{position:absolute;top:43%;font-size:9px;background:white;border-radius:20px;padding:5px 9px;color:#436b8e;box-shadow:0 2px 9px #17334e08}.intro-note-left{left:18%}.intro-note-right{right:18%;color:#b46524}
.intro-expert{position:absolute;top:68%;left:8%;width:84%;display:flex;align-items:center;gap:12px;border:1px solid #d8e5ef;background:white;border-radius:18px;padding:13px 15px;box-shadow:0 9px 22px #204e7510;box-sizing:border-box}.intro-expert-avatar{flex:none;width:52px;height:52px;border-radius:50%;background:#edf4fb;color:#215e94}.intro-expert-avatar svg{width:100%;height:100%}.intro-small{font-size:8px;color:#637f99;letter-spacing:1.3px;display:block;margin-bottom:4px}.intro-expert strong{font-size:15px;color:#17334e;display:block;line-height:1.3}.intro-expert p{font-size:10px;line-height:1.45;color:#6d8193;margin:5px 0 0}.intro-expert-tick{color:#3e7466;background:#e8f4ed;width:20px;height:20px;flex:none;display:grid;place-items:center;border-radius:50%;font-size:10px;margin-left:auto;animation:check-appear 12s ease 4s infinite}
.intro-guidance{position:absolute;top:92%;left:50%;transform:translateX(-50%);font-size:10px;color:#215e94;white-space:nowrap;background:#e4eff9;border-radius:20px;padding:7px 14px;animation:guidance-appear 12s ease infinite}.intro-guidance span{color:#f07e1b;margin-right:5px}.intro-flow-caption{text-align:center;color:#607b93;font-size:11px!important;line-height:1.5;margin:32px 0 0!important}
.intro-flow.paused *{animation-play-state:paused!important}
@keyframes flow-line{0%,10%{stroke-dashoffset:190;opacity:0}20%,48%{stroke-dashoffset:0;opacity:1}65%,100%{stroke-dashoffset:0;opacity:0}}@keyframes check-appear{0%,10%{transform:scale(.7);opacity:.3}20%,90%{transform:scale(1);opacity:1}100%{opacity:.3}}@keyframes child-halo{0%,100%{transform:scale(1);opacity:.4}50%{transform:scale(1.07);opacity:.9}}@keyframes guidance-appear{0%,42%{opacity:.35}55%,90%{opacity:1}100%{opacity:.35}}
@media(max-width:1100px){.hero .intro-flow{min-height:510px}.intro-person>svg{width:62px;height:62px}.intro-child>svg{width:80px;height:80px}.intro-child-halo{width:108px;height:108px}.intro-expert{padding:12px;gap:8px}.intro-expert strong{font-size:13px}.intro-expert p{font-size:9px}.intro-person>span{font-size:9px}.intro-check{top:45px}}
@media(max-width:800px){.hero .intro-flow{width:100%;max-width:600px;min-height:0;margin:auto;padding-bottom:23px}.intro-person>svg{width:74px;height:74px}.intro-child>svg{width:94px;height:94px}.intro-person>span{font-size:11px}.intro-expert strong{font-size:15px}.intro-expert p{font-size:10px}.intro-flow-caption{margin-top:36px!important}}
@media(max-width:480px){.hero .intro-flow{padding:17px 9px 21px;border-radius:23px}.intro-kicker{font-size:8px;letter-spacing:1px}.intro-person>svg{width:51px;height:51px;border-width:3px}.intro-child>svg{width:64px;height:64px;border-width:3px;box-shadow:0 0 0 5px #f5e6d8}.intro-child-halo{width:87px;height:87px;top:-11px}.intro-person strong{font-size:13px;margin-top:7px}.intro-child strong{font-size:16px}.intro-person>span{font-size:8px}.intro-child>span{font-size:7px}.intro-check{top:34px;width:16px;height:16px;font-size:9px;border-width:2px;right:15%}.intro-expert{left:2%;width:96%;padding:10px;gap:8px;border-radius:13px}.intro-expert-avatar{width:37px;height:37px}.intro-small{font-size:6px;letter-spacing:1px}.intro-expert strong{font-size:11px}.intro-expert p{font-size:8px;margin-top:4px}.intro-expert-tick{width:16px;height:16px;font-size:9px}.intro-note{font-size:7px;padding:4px 7px}.intro-guidance{top:97%;font-size:8px;padding:6px 10px}.intro-flow-caption{font-size:9px!important;margin-top:42px!important}}
@media(prefers-reduced-motion:reduce){.intro-flow *{animation:none!important}.intro-particles{display:none}.intro-live{display:none}.intro-guidance{opacity:1}}
@media(max-width:480px){
 .hero{display:flex;flex-direction:column;gap:22px;align-items:stretch}
 .hero .hero-copy{display:contents}
 .hero-copy>.eyebrow{order:0;margin:0}
 .hero-copy>h1{order:1;margin:0;font-size:38px}
 .hero .intro-flow{order:2;margin:0}
 .hero-copy>.hero-description{order:3;margin:0}
 .hero-copy>.hero-actions{order:4;margin:0}
 .hero-copy>.hero-foot{order:5;margin-top:0}
 .intro-note{display:none}
 .intro-person>span{font-size:9px}
 .intro-child>span{font-size:8px}
 .intro-expert strong{font-size:12px}
 .intro-expert p{font-size:9px}
 .intro-guidance{font-size:9px}
 .intro-flow-caption{font-size:10px!important}
}
/* A soft glass ribbon, one continuous shared journey. */
.belief-strip.glass-flow{position:relative;isolation:isolate;max-width:1280px;width:calc(100% - 64px);margin:0 auto 30px;padding:0;border-radius:28px;overflow:hidden;background:linear-gradient(110deg,#fff6ecb8,#fce0c69c 42%,#f1f6fcb8);border:1px solid #ffffffdd;box-shadow:inset 0 1px 0 #fff,0 10px 35px #b77d3910,0 0 0 1px #eac8a552;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);color:#254b70;transform:none}
.glass-flow:before,.glass-flow:after{content:'';position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}.glass-flow:before{left:0;background:linear-gradient(90deg,#fff5e9ee,transparent)}.glass-flow:after{right:0;background:linear-gradient(270deg,#edf3f9ee,transparent)}
.glass-flow-track{display:flex;width:max-content;animation:glass-circulation 34s linear infinite;will-change:transform}
.glass-flow-group{display:flex;align-items:center;flex-shrink:0;gap:32px;padding:23px 16px}
.belief-strip.glass-flow span{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-size:17px;line-height:1.3;font-weight:600;letter-spacing:.02em}
.belief-strip.glass-flow i{font-style:normal;color:#d18d50;font-size:18px;opacity:.65}.belief-strip.glass-flow .glass-loop{font-size:24px;margin:0 12px;color:#698aa7}.glass-growth b{font-weight:500;color:#d67a30}.glass-flow:hover .glass-flow-track,.glass-flow.paused .glass-flow-track{animation-play-state:paused}
@keyframes glass-circulation{to{transform:translateX(-50%)}}
@media(max-width:800px){.belief-strip.glass-flow{width:calc(100% - 36px);border-radius:23px}.glass-flow-group{padding:20px 15px;gap:25px}.belief-strip.glass-flow span{font-size:15px}}
@media(max-width:480px){.belief-strip.glass-flow{width:calc(100% - 32px);margin-bottom:15px;border-radius:20px}.glass-flow-group{padding:18px 12px;gap:20px}.belief-strip.glass-flow span{font-size:14px}.glass-flow:before,.glass-flow:after{width:25px}}
@media(prefers-reduced-motion:reduce){.glass-flow-track{animation:none}.glass-flow-group{gap:14px}.glass-flow-group~.glass-flow-group{display:none}.glass-flow{overflow-x:auto!important}.glass-flow:before,.glass-flow:after{display:none}}

/* Warm off-white page ground. */
body{background:#f7f3ed}
.header{background:rgba(247,243,237,.93);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}

/* Fixed composition: write, hold, erase, repeat. No horizontal scrolling. */
.glass-equation:before,.glass-equation:after{display:none}
.equation-stage{display:flex;align-items:center;justify-content:center;gap:24px;min-height:84px;padding:18px 24px}
.belief-strip.glass-equation .equation-word{display:inline-block;font-size:22px;letter-spacing:0;white-space:nowrap;clip-path:inset(0 100% 0 0);animation-duration:12s;animation-iteration-count:infinite;animation-timing-function:steps(8,end)}
.belief-strip.glass-equation .equation-plus{display:inline-block;font-size:25px;font-weight:400;color:#d18d50;opacity:0;animation-duration:12s;animation-iteration-count:infinite;animation-timing-function:ease}
.equation-parent{animation-name:write-parent}.equation-teacher{animation-name:write-teacher}.equation-expert{animation-name:write-expert}.equation-growth{animation-name:write-growth;color:#215e94}.equation-growth b{color:#d67a30;font-weight:400}
.equation-first{animation-name:plus-first}.equation-second{animation-name:plus-second}.equation-equals{animation-name:plus-equals}
.glass-equation.paused *{animation-play-state:paused!important}
@keyframes write-parent{0%,3%{clip-path:inset(0 100% 0 0)}10%,91%{clip-path:inset(0 0 0 0)}97%,100%{clip-path:inset(0 100% 0 0)}}
@keyframes write-teacher{0%,22%{clip-path:inset(0 100% 0 0)}33%,86%{clip-path:inset(0 0 0 0)}93%,100%{clip-path:inset(0 100% 0 0)}}
@keyframes write-expert{0%,43%{clip-path:inset(0 100% 0 0)}53%,81%{clip-path:inset(0 0 0 0)}88%,100%{clip-path:inset(0 100% 0 0)}}
@keyframes write-growth{0%,63%{clip-path:inset(0 100% 0 0)}73%,77%{clip-path:inset(0 0 0 0)}84%,100%{clip-path:inset(0 100% 0 0)}}
@keyframes plus-first{0%,14%{opacity:0}18%,90%{opacity:1}94%,100%{opacity:0}}
@keyframes plus-second{0%,35%{opacity:0}39%,85%{opacity:1}89%,100%{opacity:0}}
@keyframes plus-equals{0%,55%{opacity:0}59%,80%{opacity:1}84%,100%{opacity:0}}
@media(max-width:800px){.equation-stage{gap:17px}.belief-strip.glass-equation .equation-word{font-size:19px}}
@media(max-width:480px){.equation-stage{gap:8px;min-height:73px;padding:18px 10px}.belief-strip.glass-equation .equation-word{font-size:13px}.belief-strip.glass-equation .equation-plus{font-size:17px}}
@media(prefers-reduced-motion:reduce){.glass-equation *{animation:none!important;clip-path:none!important;opacity:1!important}}

/* Cards unfold and reveal one clear part of the shared story. */
.belief-strip.reveal-flow{background:linear-gradient(115deg,#fff8efad,#fff2e3b0 40%,#edf4fcb0);border-radius:30px;overflow:visible;padding:22px 28px;margin-top:12px;margin-bottom:35px}
.reveal-flow:before,.reveal-flow:after{display:none}
.reveal-stage{display:flex;align-items:center;justify-content:center;gap:22px;min-height:172px;perspective:900px}
.reveal-box{position:relative;isolation:isolate;width:185px;height:143px;border-radius:23px;background:linear-gradient(145deg,#fffffff0,#ffffff70);border:1px solid #fff;box-shadow:0 9px 25px #234c7410,inset 0 1px 0 white;perspective:600px}
.reveal-lid{position:absolute;inset:0;border-radius:22px;background:linear-gradient(145deg,#fffdfa,#eddfcd);border:1px solid #fff;box-shadow:0 5px 16px #71523b10;transform-origin:50% 100%;z-index:3;backface-visibility:hidden;animation:box-open 12s cubic-bezier(.22,.8,.25,1) infinite;animation-delay:calc(var(--order) * .7s)}
.reveal-lid:after{content:'';position:absolute;width:36px;height:4px;border-radius:10px;background:#dfc5a5;left:calc(50% - 18px);top:20px;opacity:.7}
.reveal-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;z-index:2;animation:box-content 12s cubic-bezier(.22,.8,.25,1) infinite;animation-delay:calc(var(--order) * .7s)}
.belief-strip.reveal-flow .reveal-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#e7eff8;color:#215e94;font-size:24px;font-weight:400;box-shadow:inset 0 1px 0 white}
.reveal-content strong{font-size:23px;line-height:1.1;letter-spacing:-.6px;color:#244b70;font-weight:700}.reveal-content small{font-size:11px;line-height:1.3;color:#728294;white-space:nowrap}
.reveal-base{position:absolute;bottom:0;left:18%;right:18%;height:3px;border-radius:10px;background:#cddce9;z-index:4}
.reveal-growth{background:linear-gradient(145deg,#fff3e4,#fffaf4);border-color:#f3d2ae}.reveal-growth .reveal-lid{background:linear-gradient(145deg,#ffe8cb,#f7c99a)}.reveal-growth .reveal-content strong{color:#b35d19}.belief-strip.reveal-flow .reveal-growth .reveal-icon{background:#fce5cc;color:#bd651d}.reveal-growth .reveal-base{background:#efbe89}
.reveal-connector{color:#b79977;font-size:24px;font-weight:400;animation:connector-glow 12s ease infinite}
.reveal-flow.paused *{animation-play-state:paused!important}
@keyframes box-open{0%,6%{transform:rotateX(0deg);opacity:1}15%,76%{transform:translateY(8px) rotateX(-105deg);opacity:0}85%,100%{transform:rotateX(0deg);opacity:1}}
@keyframes box-content{0%,8%{opacity:0;transform:translateY(23px) scale(.92);filter:blur(3px)}19%,74%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}83%,100%{opacity:0;transform:translateY(14px) scale(.95);filter:blur(2px)}}
@keyframes connector-glow{0%,15%,95%,100%{opacity:.15}40%,77%{opacity:.8}}
@media(max-width:800px){.reveal-stage{gap:12px}.reveal-box{width:145px;height:135px}.reveal-content strong{font-size:20px}.reveal-content small{font-size:10px}.belief-strip.reveal-flow{padding:18px}.reveal-connector{font-size:18px}}
@media(max-width:580px){.belief-strip.reveal-flow{padding:20px 14px;border-radius:24px}.reveal-stage{display:grid;grid-template-columns:1fr 22px 1fr;gap:14px 7px;max-width:370px;margin:auto}.reveal-box{width:100%;height:131px}.reveal-connector{text-align:center}.reveal-connector:nth-child(4){display:none}.reveal-content strong{font-size:20px}.reveal-content small{font-size:10px}.reveal-content{gap:6px}.belief-strip.reveal-flow .reveal-icon{width:34px;height:34px;font-size:22px;border-radius:11px}}
@media(prefers-reduced-motion:reduce){.reveal-flow *{animation:none!important}.reveal-lid{display:none}.reveal-content{opacity:1;transform:none;filter:none}.reveal-connector{opacity:.7}}

/* Original six-second logo film, with the empty frame cropped by the brand window. */
.brand .animated-brand{position:relative;display:block;width:148px;height:91px;overflow:hidden;flex:none;mix-blend-mode:multiply}
.brand .brand-motion-media,.brand .brand-motion-static{position:absolute;width:270px;height:152px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain;mix-blend-mode:multiply;border:0;pointer-events:none}
.brand .brand-motion-static{display:none}
.header .nav-wrap{padding-block:4px;min-height:97px}
.footer .animated-brand{height:91px}
@media(max-width:800px){.brand .animated-brand{width:125px;height:79px}.brand .brand-motion-media,.brand .brand-motion-static{width:230px;height:129px}.header .nav-wrap{min-height:83px;padding-block:2px}}
@media(prefers-reduced-motion:reduce){.brand .brand-motion-media{display:none}.brand .brand-motion-static{display:block}}

/* The four letters of KİTA. */
.reveal-icon svg{width:25px;height:25px;display:block}
.reveal-content strong{font-size:21px;letter-spacing:.02em}
@media(max-width:800px){.reveal-content strong{font-size:18px}}
@media(max-width:580px){.reveal-content strong{font-size:18px}.reveal-icon svg{width:23px;height:23px}}

/* Keep the animated K separate; the original wordmark sits alongside it. */
.brand{gap:9px}
.brand .animated-brand,.footer .animated-brand{width:68px;height:68px}
.brand .brand-motion-media{width:436.364%;height:245.455%;left:-168.182%;top:-45.455%;transform:none;object-fit:fill}
.brand .brand-motion-static{width:90.5%;height:90.5%;left:4.75%;top:4.75%;transform:none;background:transparent;border-radius:0;object-fit:contain}
.brand .brand-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:7px;width:166px;line-height:1}
.brand .brand-lockup .brand-wordmark{width:86px;height:auto;max-width:none;border-radius:0;background:transparent;object-fit:contain}
.brand .brand-lockup .brand-tagline{width:166px;height:auto;max-width:100%;border-radius:0;background:transparent;object-fit:contain}
.header .nav-wrap{min-height:88px;padding-block:8px}
@media(max-width:800px){.brand .animated-brand,.footer .animated-brand{width:57px;height:57px}.brand .brand-lockup{width:148px;gap:6px}.brand .brand-lockup .brand-wordmark{width:76px}.brand .brand-lockup .brand-tagline{width:148px}.header .nav-wrap{min-height:77px;padding-block:7px}}

/* Deep blue invitation, with soft light and restrained depth. */
.final-card{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 18% 0%,#4083b766,transparent 52%),radial-gradient(ellipse at 95% 100%,#0a203a99,transparent 60%),linear-gradient(135deg,#245f91 0%,#194770 52%,#102f51 100%);border:1px solid #ffffff26;box-shadow:0 22px 55px #173c6729,inset 0 1px 0 #ffffff35;color:#f7f3ed}
.final-card:before{content:'';position:absolute;inset:14px;border:1px solid #ffffff10;border-radius:inherit;pointer-events:none;z-index:-1}
.final-card h2,.final-card h2 span{color:#fff!important;text-shadow:0 3px 12px #0a203533}
.final-card>.eyebrow{color:#c4d9ec}.final-card>p:not(.eyebrow){color:#d5e3ef}
.final-card .final-flower,.final-card .final-doodle{color:#9dc4e2;opacity:.42}
.final-card .button.dark,.final-card .button.light{background:linear-gradient(145deg,#fff,#edf4fa);color:#173f65;border:1px solid #ffffffb3;box-shadow:0 6px 18px #071d3033,inset 0 1px 0 white}
.final-card .button:hover{background:#fff;box-shadow:0 10px 24px #071d3047;transform:translateY(-2px)}
.final-card .final-contact-link{color:#d3e6f6;border-color:#b8d2e866}.final-card .final-contact-link:hover{color:#fff}
/* Deep blue navigation and a white brand. */
.header{background:radial-gradient(ellipse at top left,#3273a866,transparent 55%),linear-gradient(110deg,#1c4e7b,#102f51);color:#fff;border-bottom:1px solid #ffffff20;box-shadow:0 6px 25px #0b284d20}
.header #navigation a{color:#eaf3fb}.header #navigation a:hover,.header #navigation a[aria-current=page]{color:#fff;text-decoration:underline;text-underline-offset:7px;text-decoration-color:#91b8d9}
.header .brand .animated-brand{mix-blend-mode:screen}.header .brand .brand-motion-media{filter:grayscale(1) invert(1) brightness(3);mix-blend-mode:normal}.header .brand .brand-motion-static{filter:brightness(0) invert(1)}
.header .brand .brand-lockup img{filter:brightness(0) invert(1)}
.header .nav-cta{background:#f0f6fc;color:#173f65;border-color:#ffffff80;box-shadow:0 4px 12px #071f3426}
.header .nav-cta:hover{background:#fff}.header .menu-toggle{background:#ffffff0d;border-color:#ffffff50;color:#fff}.header .menu-toggle span{background:#fff}
.final-actions .wa-icon{width:23px;height:23px;flex:none}.final-actions .cta-role-label{font-size:14px;line-height:1.3}.final-actions .button{gap:11px}
@media(max-width:800px){.header #navigation{background:#173e65;border:1px solid #ffffff21;box-shadow:0 12px 25px #061c3933}.final-actions .cta-role-label{font-size:12px}.final-actions .wa-icon{width:21px;height:21px}}

body{background:#f1f5f9}