/* ATC Kids / visual story. All rules are local to this public page. */
.ak-page { --cream:#fff9eb; --sky:#bcdfff; --mint:#b5ecd3; --lilac:#d4bcfa; --pink:#ffcfc5; --ease:cubic-bezier(.16,1,.3,1); background:var(--cream); overflow:clip; }
.ak-wrap { width:min(1280px,calc(100% - 80px)); margin-inline:auto; }
.ak-page :is(h1,h2,h3,p,figure) { margin:0; }
.ak-page h2 { font-size:clamp(40px,5.3vw,76px); line-height:1.07; letter-spacing:-.055em; font-weight:800; }
.ak-page h2 em { font-style:normal; color:#2d8ff5; }
.ak-page .ak-eyebrow { font-size:10px; font-weight:800; letter-spacing:.17em; margin-bottom:25px; }
.ak-page .ak-description { font-size:15px; line-height:1.8; color:#53637c; }
.ak-page :is(a,button):focus-visible { outline:3px solid #2479d1; outline-offset:6px; }
.ak-page [id] { scroll-margin-top:105px; }
.ak-breadcrumb { display:flex; gap:12px; padding-top:20px; font-size:10px; color:#65748a; position:relative; z-index:3; }
.ak-breadcrumb a:hover { text-decoration:underline; }
.ak-hero { position:relative; isolation:isolate; padding-bottom:20px; }
.ak-universe { position:relative; height:730px; }
.ak-hero-core { position:relative; z-index:3; width:650px; max-width:60%; margin:auto; padding-top:75px; text-align:center; }
.ak-hero-core .ak-eyebrow { margin:0; font-size:9px; }
.ak-hero-core h1 { width:100%; margin:-24px 0 -20px; }
.ak-hero-core h1 img { display:block; width:100%; height:auto; }
.ak-headline { font-size:clamp(42px,4.4vw,62px); font-weight:800; letter-spacing:-.06em; line-height:1.05; position:relative; }
.ak-headline > span { color:#2d8ff5; }
.ak-headline > svg { display:block; width:240px; height:16px; margin:5px auto 19px; stroke:#2d8ff5; fill:none; stroke-width:3; stroke-linecap:round; }
.ak-hero-core .ak-description { font-size:13px; }
.ak-actions { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:25px; margin-top:25px; }
.ak-button { display:inline-flex; justify-content:center; align-items:center; gap:28px; background:var(--navy); color:white; padding:17px 24px; border-radius:100px; font-size:12px; font-weight:700; transition:background .2s,transform .2s; }
.ak-button span { font-size:22px; line-height:1; }
.ak-button:hover { transform:translateY(-3px); background:#1568bd; }
.ak-button:active { transform:scale(.98); }
.ak-discover { font-size:11px; font-weight:700; padding:14px 0; }
.ak-discover span { margin-left:12px; }
.ak-cloud { position:absolute; pointer-events:none; z-index:-1; }
.ak-cloud-sky { width:720px; height:530px; max-width:73%; top:53px; left:50%; transform:translateX(-50%) rotate(-7deg); background:#cceaff; border-radius:46% 54% 58% 42% / 56% 48% 52% 44%; }
.ak-cloud-mint { width:370px; height:320px; left:-100px; bottom:5px; border-radius:43% 57% 47% 53%; background:#c4efcf; transform:rotate(16deg); }
.ak-orbit-line { position:absolute; width:100%; height:100%; inset:0; color:#b7c7d3; z-index:-1; pointer-events:none; }
.ak-bubble { position:absolute; z-index:4; font-family:'Patrick Hand',cursive; font-size:23px; line-height:1.15; padding:22px 28px; border-radius:30px 30px 30px 7px; transform:rotate(var(--tilt,0deg)); box-shadow:0 9px 0 -5px #0d21550a; }
.ak-bubble strong { font-weight:400; }
.ak-bubble-one { left:2%; top:90px; background:var(--mint); --tilt:-10deg; padding-right:40px; }
.ak-bubble-symbol { position:absolute; font-size:42px; color:#6c9c84; top:-30px; left:13px; }
.ak-bubble-two { right:0; top:105px; background:var(--lilac); --tilt:8deg; }
.ak-bubble-two svg { position:absolute; width:50px; height:35px; right:8px; bottom:-34px; stroke:#a797c8; stroke-width:2; stroke-linecap:round; }
.ak-bubble-three { right:0; top:375px; background:#b7dfff; --tilt:-7deg; }
.ak-bubble-four { left:0; top:330px; background:#ffcfc5; --tilt:8deg; padding:17px 36px 17px 24px; }
.ak-bubble-four > span { position:absolute; font-size:43px; right:-23px; bottom:3px; color:#ba8381; transform:rotate(-20deg); }
.ak-bubble-five { left:53%; bottom:37px; background:#ffe49a; --tilt:-4deg; font-size:21px; padding:16px 26px; border-radius:22px 22px 6px 22px; }
.ak-doodle { position:absolute; pointer-events:none; }
.ak-doodle-flower { right:17%; bottom:38px; font-size:90px; color:#a1b6d3; transform:rotate(9deg); }
.ak-doodle-spark { left:27%; top:5px; font-size:40px; color:#c5b4dd; }
.ak-doodle-loop { left:29%; bottom:67px; width:75px; height:75px; stroke:#809dc2; stroke-width:2.5; stroke-linecap:round; transform:rotate(24deg); }
.ak-mini-scene { position:absolute; width:230px; left:5%; bottom:6px; transform:rotate(-8deg); padding:8px 10px 12px; background:#fffdf8; border-radius:100px 100px 18px 18px; box-shadow:0 14px 30px #233c6810; z-index:2; }
.ak-mini-scene img { width:100%; height:164px; object-fit:contain; }
.ak-mini-scene figcaption { text-align:center; font-family:'Patrick Hand',cursive; font-size:19px; }
.ak-mini-scene small { display:block; font-family:var(--font); color:#687889; font-size:8px; margin-top:4px; }
.ak-pebble { position:absolute; border-radius:55% 45% 48% 52%; width:17px; height:29px; background:#b8ccb9; }
.ak-pebble-one { right:29%; top:31px; transform:rotate(40deg); }
.ak-pebble-two { right:4%; bottom:106px; width:26px; height:17px; background:#d3bbd8; }
.ak-hero-foot { display:flex; justify-content:space-between; align-items:center; padding-top:10px; font-size:10px; letter-spacing:.05em; }
.ak-hero-foot a { font-family:'Patrick Hand',cursive; font-size:20px; }
.ak-hero-foot a span { display:inline-flex; justify-content:center; align-items:center; width:35px; height:35px; border:1px solid #aec2c9; border-radius:50%; margin-left:12px; }
/* A single visual world stays on screen as the first two chapters pass through it. */
.ak-journey { position:relative; isolation:isolate; overflow:clip; background:#d9edff; border-radius:50% 50% 0 0 / 65px 65px 0 0; view-timeline-name:--ak-journey; }
.ak-journey-backdrop { position:sticky; top:74px; height:calc(100svh - 74px); min-height:620px; margin-bottom:calc(-1 * max(620px,100svh - 74px)); z-index:-1; overflow:clip; pointer-events:none; }
.ak-world-blob { position:absolute; inset:8% 10%; border-radius:45% 55% 42% 58%; background:#e5f8d8; transform:rotate(-5deg); transition:background 1.2s var(--ease),border-radius 1.2s var(--ease); }
.ak-journey.is-value .ak-world-blob { background:#d4c3f6; border-radius:58% 42% 54% 46%; }
.ak-thread { position:absolute; inset:0; width:100%; height:100%; stroke:#9fb9c9; stroke-width:1; stroke-dasharray:3 8; opacity:.7; }
.ak-world-star { position:absolute; left:6%; top:39%; font-size:130px; color:#76c7a2; }
.ak-world-dot { position:absolute; width:100px; height:130px; background:#ffdf8b; border-radius:58% 42% 55% 45%; right:4%; top:20%; transform:rotate(30deg); }
.ak-intro { position:relative; padding-block:100px 70px; text-align:center; min-height:calc(100svh - 74px); }
.ak-big-title { position:relative; z-index:2; }
.ak-big-title > span { display:block; }
.ak-intro-scene { position:relative; width:490px; max-width:75%; margin:5px auto -5px; }
.ak-intro-scene img { width:100%; height:335px; object-fit:contain; }
.ak-note { position:absolute; z-index:2; font-family:'Patrick Hand',cursive; font-size:25px; line-height:1.1; background:#fff9e8; padding:18px 26px; border-radius:25px 25px 5px 25px; }
.ak-note-left { left:-125px; top:120px; transform:rotate(-10deg); }
.ak-note-right { right:-135px; bottom:65px; transform:rotate(8deg); background:#e0e9da; }
.ak-intro .ak-description { margin-inline:auto; max-width:510px; }
.ak-value { position:relative; min-height:850px; padding-block:100px 120px; }
.ak-value-title { position:absolute; top:300px; width:100%; left:0; text-align:center; z-index:2; pointer-events:none; }
.ak-value-title h2 { font-size:80px; }
.ak-handnote { display:block; font-family:'Patrick Hand',cursive; font-size:26px; color:#546b83; margin-top:20px; }
.ak-cards { position:relative; min-height:640px; width:100%; }
.ak-card { position:absolute; width:245px; min-height:275px; padding:32px; border:2px solid #ffffffa8; border-radius:80px 75px 35px 35px; transform:rotate(var(--tilt)); box-shadow:0 15px 25px #3653730a; }
.ak-card-space { left:5%; top:0; --tilt:-9deg; background:#a9d5ff; }
.ak-card-care { right:3%; top:28px; --tilt:7deg; background:#b1e9c5; border-radius:36px 90px 36px 85px; }
.ak-card-play { left:10%; top:350px; --tilt:6deg; background:#ffe194; border-radius:70px 35px 75px 35px; }
.ak-card-age { right:7%; top:375px; --tilt:-8deg; background:#d0b8f2; }
.ak-card-number { display:block; font-size:10px; letter-spacing:.1em; opacity:.65; }
.ak-card svg { width:90px; height:90px; stroke:#315782; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; margin:10px 0 15px; }
.ak-icon-fill { fill:#ffffff65; }
.ak-card h3 { font-size:23px; letter-spacing:-.04em; line-height:1.25; }
.ak-card-doodle { position:absolute; right:24px; top:80px; font-size:45px; color:#6985a5; }
.ak-trust { position:relative; background:#112955; color:#fff; border-radius:60px 60px 0 0; margin-top:-35px; z-index:2; padding:105px 0 95px; }
.ak-trust:after { content:''; position:absolute; height:35px; bottom:-17px; left:0; right:0; background:radial-gradient(circle at 50% 0,#112955 23px,transparent 24px) 0 0 / 48px 35px repeat-x; }
.ak-trust-inner { text-align:center; }
.ak-trust h2 { font-size:clamp(44px,6vw,84px); }
.ak-trust h2 > span { display:block; }
.ak-trust h2 em { color:#2d8ff5; }
.ak-trust .ak-eyebrow { color:#b3c6e4; }
.ak-trust-universe { position:relative; width:850px; max-width:100%; height:260px; margin:35px auto 10px; }
.ak-heart { position:absolute; width:180px; height:180px; top:37px; left:calc(50% - 90px); stroke:#e2bdbf; stroke-width:3; stroke-linecap:round; transform:rotate(-8deg); }
.ak-trust-notes li { position:absolute; padding:17px 25px; background:#bceaca; color:#153457; font-size:15px; border-radius:35px; transform:rotate(var(--tilt)); }
.ak-trust-notes li span { margin-right:8px; }
.ak-trust-notes li:nth-child(1) { left:3%; top:25px; --tilt:-6deg; }
.ak-trust-notes li:nth-child(2) { right:3%; top:40px; --tilt:7deg; background:#d6bffa; }
.ak-trust-notes li:nth-child(3) { left:0; bottom:30px; --tilt:4deg; background:#badcff; }
.ak-trust-notes li:nth-child(4) { right:0; bottom:25px; --tilt:-5deg; background:#ffe49e; }
.ak-trust .ak-description { color:#c3d0e4; font-size:14px; }
.ak-process {
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:start;
  gap:90px;
  padding-block:135px;
  background:#e4f3ff;
  box-shadow:0 0 0 100vmax #e4f3ff;
  clip-path:inset(0 -100vmax);
}
.ak-process-heading { position:sticky; top:140px; }
.ak-process-counter { display:flex; align-items:center; gap:22px; margin-top:40px; }
.ak-process-counter > span:first-child { width:78px; height:78px; display:grid; place-items:center; border-radius:50%; background:#e2eadc; font-size:34px; font-family:'Patrick Hand',cursive; }
.ak-process-counter > span:last-child { font-family:'Patrick Hand',cursive; font-size:23px; line-height:1.15; color:#56738a; }
.ak-process-arrow { width:140px; height:90px; margin:20px 0 0 110px; stroke:#8eacb7; stroke-width:2.4; stroke-linecap:round; }
.ak-steps { list-style:none; padding:0; margin:0; position:relative; }
.ak-steps:before { content:''; position:absolute; top:50px; bottom:65px; left:12px; border-left:2px dashed #b7c8c5; }
.ak-steps li { position:relative; padding:12px 0 55px 60px; }
.ak-step-dot { position:absolute; top:65px; left:3px; width:20px; height:20px; border-radius:50%; background:#fff9eb; border:2px solid #a8bcb8; transition:background .35s,transform .35s; }
.ak-steps li.is-current .ak-step-dot { background:#2479c4; border-color:#2479c4; transform:scale(1.2); }
.ak-steps li > div { position:relative; background:#c2e2ff; padding:28px 34px; border-radius:22px 55px 22px 22px; min-height:190px; transform:rotate(-3deg); }
.ak-steps li:nth-child(2) > div { background:#c7efd1; transform:rotate(3deg); }
.ak-steps li:nth-child(3) > div { background:#ffe5a9; }
.ak-steps li:nth-child(4) > div { background:#ddc4f7; transform:rotate(2deg); }
.ak-step-number { font-size:11px; letter-spacing:.1em; display:block; margin-bottom:20px; }
.ak-steps h3 { font-size:29px; line-height:1.17; letter-spacing:-.04em; }
.ak-step-symbol { position:absolute; right:27px; top:17px; font-size:35px; color:#7293a8; }
.ak-integration { padding-bottom:50px; }
.ak-event-scene { position:relative; min-height:630px; padding:95px 55px; }
.ak-event-photo { position:absolute; inset:0; overflow:clip; border-radius:55px 160px 55px 55px; }
.ak-event-photo img { width:100%; height:100%; object-fit:cover; object-position:center 61%; }
.ak-event-note { position:relative; z-index:2; width:550px; max-width:58%; padding:45px; border-radius:30px 70px 30px 30px; background:#fffaf0; transform:rotate(-3deg); }
.ak-event-note h2 { font-size:52px; }
.ak-event-note .ak-description { margin-top:22px; font-size:14px; }
.ak-text-link { display:inline-flex; align-items:center; gap:22px; margin-top:23px; padding:10px 0; border-bottom:1px solid #8094a4; font-size:12px; font-weight:700; }
.ak-event-sticker { position:absolute; z-index:2; right:6%; bottom:45px; background:#dce9d6; border-radius:45% 55% 42% 58%; padding:26px 34px; font-family:'Patrick Hand',cursive; font-size:29px; line-height:1.15; transform:rotate(8deg); }
.ak-event-flower { position:absolute; right:17%; top:-53px; z-index:2; font-size:120px; color:#b5a5cb; transform:rotate(10deg); }
.ak-more {
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  gap:35px;
  padding-block:60px 100px;
  align-items:center;
  background:#ffe9c8;
  box-shadow:0 0 0 100vmax #ffe9c8;
  clip-path:inset(0 -100vmax);
}
.ak-more h2 { font-size:42px; }
.ak-more .ak-eyebrow { font-size:8px; }
.ak-more > a { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:30px; background:#c7ead2; border-radius:35px 35px 8px 35px; font-size:24px; font-weight:700; transition:background .3s; }
.ak-more > a:last-child { background:#dfc9f5; border-radius:35px 35px 35px 8px; }
.ak-more > a:hover { background:#d4e5f4; }
.ak-more svg { flex-basis:100%; width:60px; height:55px; margin-bottom:25px; stroke:#537397; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.ak-finale { position:relative; isolation:isolate; overflow:clip; text-align:center; background:#d9c4f5; padding-block:85px 100px; border-radius:55% 55% 0 0 / 60px 60px 0 0; }
.ak-finale .ak-wrap { position:relative; }
.ak-final-orbit { position:absolute; width:850px; height:850px; left:calc(50% - 425px); top:-80px; border:1px dashed #a4a0bb; border-radius:48% 52% 55% 45%; transform:rotate(25deg); opacity:.6; z-index:-1; }
.ak-final-sticker { display:inline-block; font-family:'Patrick Hand',cursive; font-size:24px; padding:14px 27px; border-radius:30px 30px 8px 30px; background:#ffe89e; transform:rotate(-7deg); margin-bottom:38px; }
.ak-finale h2 { font-size:clamp(54px,7.4vw,105px); }
.ak-finale h2 > span { display:block; }
.ak-finale h2 em { color:#2d8ff5; }
.ak-finale .ak-description { margin:25px auto 0; font-size:14px; }
.ak-finale .ak-actions { margin-top:32px; }
.ak-phone { font-size:14px; border-bottom:1px solid #838dab; padding:12px 4px; }
.ak-final-flower { position:absolute; left:4%; top:35%; font-size:135px; color:#91b5a4; transform:rotate(-13deg); }
.ak-final-heart { position:absolute; right:7%; top:37%; font-size:105px; color:#b99ac4; transform:rotate(15deg); }
/* Progressive enhancement: no script means all content is readable. */
@keyframes ak-pop { from { opacity:0; translate:0 18px; scale:.95; } to { opacity:1; translate:0 0; scale:1; } }
@keyframes ak-float { 0%,100% { translate:0 0; } 50% { translate:0 -7px; } }
@media (prefers-reduced-motion:no-preference) {
  .ak-ready [data-ak-reveal] { transition:opacity .7s var(--ease),translate .85s var(--ease),scale .85s var(--ease); transition-delay:var(--delay,0ms); }
  .ak-ready .ak-waiting { opacity:0; translate:0 26px; scale:.97; }
  .ak-ready .ak-arrived { opacity:1; translate:0 0; scale:1; }
  .ak-ready .ak-hero-core { animation:ak-pop .9s var(--ease) both; }
  .ak-ready .ak-bubble { animation:ak-pop .8s var(--ease) var(--delay,0s) both; }
  .ak-bubble-one { --delay:.15s; } .ak-bubble-two { --delay:.3s; } .ak-bubble-three { --delay:.45s; } .ak-bubble-four { --delay:.6s; } .ak-bubble-five { --delay:.75s; }
  .ak-ready .ak-doodle { animation:ak-float 4.5s ease-in-out .5s 1; }
  @supports (animation-timeline:view()) {
    .ak-hero { view-timeline-name:--ak-hero; }
    .ak-hero-core { transform-origin:50% 60%; animation:ak-hero-drift linear both; animation-timeline:--ak-hero; animation-range:exit 0% exit 90%; }
    .ak-ready .ak-hero-core { animation:ak-hero-drift linear both; animation-timeline:--ak-hero; animation-range:exit 0% exit 90%; }
    .ak-world-blob { animation:ak-world-shift linear both; animation-timeline:--ak-journey; animation-range:contain 0% contain 100%; }
    .ak-world-star { animation:ak-star-turn linear both; animation-timeline:--ak-journey; animation-range:contain 0% contain 100%; }
    .ak-mini-scene { animation:ak-scene-drift linear both; animation-timeline:--ak-hero; animation-range:exit 0% exit 90%; }
    .ak-event-scene { view-timeline-name:--ak-photo; }
    .ak-event-photo img { animation:ak-photo-shift linear both; animation-timeline:--ak-photo; animation-range:entry 0% exit 100%; }
  }
}
@keyframes ak-hero-drift { to { transform:translateY(45px) scale(.96); opacity:.4; } }
@keyframes ak-world-shift { from { transform:rotate(-5deg) scale(.92); } to { transform:rotate(10deg) scale(1.15); } }
@keyframes ak-star-turn { to { transform:rotate(65deg) translateY(35px); } }
@keyframes ak-scene-drift { to { transform:rotate(-3deg) translateY(-30px); } }
@keyframes ak-photo-shift { from { transform:scale(1.08) translateY(2%); } to { transform:scale(1.08) translateY(-2%); } }
@media (min-width:1600px) { .ak-universe { height:790px; } .ak-hero-core { padding-top:95px; } }
@media (max-width:1100px) and (min-width:761px) {
  .ak-wrap { width:calc(100% - 50px); }
  .ak-hero-core { max-width:58%; padding-top:120px; }
  .ak-bubble { font-size:19px; padding:19px 22px; }
  .ak-bubble-one { left:0; top:80px; } .ak-bubble-two { top:75px; }
  .ak-mini-scene { width:200px; left:1%; }
  .ak-card { width:205px; padding:25px; min-height:245px; }
  .ak-card h3 { font-size:21px; }
  .ak-card-space { left:0; } .ak-card-care { right:0; } .ak-card-play { left:1%; } .ak-card-age { right:1%; }
  .ak-value-title h2 { font-size:65px; }
  .ak-process { gap:40px; }
  .ak-event-note { max-width:65%; padding:35px; }
  .ak-event-note h2 { font-size:44px; }
  .ak-more { gap:20px; }
  .ak-more > a { padding:24px; font-size:21px; }
}
@media (max-width:760px) {
  .ak-wrap { width:calc(100% - 36px); }
  .ak-page h2 { font-size:42px; }
  .ak-page .ak-eyebrow { font-size:8px; margin-bottom:20px; letter-spacing:.13em; }
  .ak-page .ak-description { font-size:13px; line-height:1.7; }
  .ak-breadcrumb { padding-top:16px; font-size:9px; gap:9px; }
  .ak-universe { height:850px; }
  .ak-hero-core { max-width:100%; width:100%; padding-top:130px; }
  .ak-hero-core .ak-eyebrow { margin:0; font-size:7px; }
  .ak-hero-core h1 { width:calc(100% + 22px); margin:-9px -11px -9px; }
  .ak-headline { font-size:44px; }
  .ak-headline > svg { width:190px; margin-top:6px; margin-bottom:16px; height:13px; }
  .ak-hero-core .ak-description { font-size:12px; }
  .ak-actions { gap:20px; margin-top:22px; }
  .ak-button { padding:15px 20px; gap:22px; font-size:11px; }
  .ak-discover { font-size:10px; }
  .ak-cloud-sky { width:450px; max-width:none; height:435px; top:115px; }
  .ak-cloud-mint { width:260px; height:250px; left:-60px; bottom:20px; }
  .ak-orbit-line { width:550px; max-width:none; left:calc(50% - 275px); }
  .ak-bubble { font-size:17px; padding:14px 18px; border-radius:22px 22px 22px 5px; }
  .ak-bubble-one { top:27px; left:0; --tilt:-8deg; }
  .ak-bubble-symbol { font-size:29px; top:-20px; left:auto; right:3px; }
  .ak-bubble-two { top:46px; right:-2px; font-size:16px; --tilt:8deg; }
  .ak-bubble-two svg { width:36px; bottom:-28px; right:0; }
  .ak-bubble-three { top:554px; right:0; font-size:17px; }
  .ak-bubble-four { top:553px; left:5px; padding:14px 23px 14px 20px; font-size:17px; }
  .ak-bubble-four > span { font-size:35px; right:-20px; }
  .ak-bubble-five { left:auto; right:0; bottom:48px; font-size:17px; max-width:170px; padding:14px 16px; }
  .ak-mini-scene { width:162px; left:6px; bottom:7px; padding:7px 7px 10px; }
  .ak-mini-scene img { height:120px; }
  .ak-mini-scene figcaption { font-size:16px; }
  .ak-mini-scene small { font-size:7px; }
  .ak-doodle-flower { right:9%; bottom:165px; font-size:55px; }
  .ak-doodle-spark { left:7%; top:117px; font-size:26px; }
  .ak-doodle-loop { left:49%; bottom:6px; width:52px; height:52px; }
  .ak-pebble-one { top:119px; right:9%; width:12px; height:18px; }
  .ak-pebble-two { display:none; }
  .ak-hero-foot { padding-top:15px; font-size:8px; }
  .ak-hero-foot a { font-size:15px; }
  .ak-hero-foot a span { width:26px; height:26px; margin-left:5px; }
  .ak-journey { border-radius:50% 50% 0 0 / 30px 30px 0 0; }
  .ak-journey-backdrop { min-height:550px; margin-bottom:calc(-1 * max(550px,100svh - 74px)); }
  .ak-world-blob { inset:12% -10%; }
  .ak-world-star { font-size:80px; left:-23px; top:48%; }
  .ak-world-dot { width:65px; height:80px; right:-15px; top:15%; }
  .ak-intro { padding-block:80px 65px; min-height:0; }
  .ak-big-title > span { display:block; }
  .ak-big-title { font-size:39px !important; line-height:1.1 !important; }
  .ak-intro-scene { width:100%; max-width:100%; margin:18px auto 20px; padding-block:15px; }
  .ak-intro-scene img { height:275px; width:100%; }
  .ak-note { font-size:18px; padding:13px 17px; }
  .ak-note-left { left:0; top:2px; }
  .ak-note-right { right:0; bottom:0; }
  .ak-intro .ak-description { max-width:310px; }
  .ak-intro .ak-description br { display:none; }
  .ak-value { min-height:0; padding-block:40px 100px; }
  .ak-value-title { position:relative; top:auto; width:100%; margin:0 auto 45px; }
  .ak-value-title h2 { font-size:64px; line-height:1; }
  .ak-handnote { font-size:23px; margin-top:17px; }
  .ak-cards { min-height:0; display:grid; grid-template-columns:1fr 1fr; gap:28px 14px; padding-inline:4px; }
  .ak-card { position:relative; inset:auto; width:100%; min-height:228px; padding:21px 17px; border-width:1px; }
  .ak-card-space { --tilt:-6deg; border-radius:60px 60px 22px 22px; }
  .ak-card-care { --tilt:6deg; margin-top:32px; border-radius:25px 65px 25px 50px; }
  .ak-card-play { --tilt:5deg; border-radius:55px 25px 55px 25px; }
  .ak-card-age { --tilt:-6deg; margin-top:30px; border-radius:55px 55px 22px 22px; }
  .ak-card svg { width:70px; height:70px; margin-block:12px 14px; }
  .ak-card h3 { font-size:18px; }
  .ak-card-doodle { top:58px; right:8px; font-size:30px; }
  .ak-trust { padding-block:70px 65px; border-radius:35px 35px 0 0; }
  .ak-trust h2 { font-size:40px; line-height:1.12; }
  .ak-trust h2 > span + span { margin-top:6px; }
  .ak-trust-universe { height:335px; margin-top:22px; }
  .ak-heart { width:105px; height:110px; left:calc(50% - 52px); top:101px; opacity:.85; }
  .ak-trust-notes li { font-size:12px; padding:15px 18px; }
  .ak-trust-notes li:nth-child(1) { top:10px; left:4px; }
  .ak-trust-notes li:nth-child(2) { top:75px; right:0; }
  .ak-trust-notes li:nth-child(3) { bottom:63px; left:0; --tilt:-4deg; }
  .ak-trust-notes li:nth-child(4) { bottom:0; right:8px; --tilt:5deg; }
  .ak-trust .ak-description { font-size:12px; margin-top:20px; }
  .ak-trust .ak-description br { display:none; }
  .ak-process { grid-template-columns:1fr; gap:40px; padding-block:85px 65px; }
  .ak-process-heading { position:relative; top:auto; }
  .ak-process-heading h2 { font-size:50px; }
  .ak-process-counter { margin-top:25px; gap:17px; }
  .ak-process-counter > span:first-child { width:57px; height:57px; font-size:28px; }
  .ak-process-counter > span:last-child { font-size:20px; }
  .ak-process-arrow { position:absolute; right:6px; bottom:-10px; margin:0; width:90px; height:60px; transform:rotate(45deg); }
  .ak-steps li { padding:8px 5px 38px 40px; }
  .ak-steps li > div { min-height:160px; padding:22px 26px; }
  .ak-steps h3 { font-size:27px; }
  .ak-step-number { margin-bottom:12px; }
  .ak-step-symbol { font-size:30px; right:21px; }
  .ak-integration { padding-bottom:25px; }
  .ak-event-scene { padding:0; min-height:0; padding-top:245px; }
  .ak-event-photo { height:370px; border-radius:90px 90px 25px 25px; }
  .ak-event-note { width:calc(100% - 20px); max-width:none; margin-inline:auto; padding:27px; border-radius:25px 45px 25px 25px; transform:rotate(-3deg); }
  .ak-event-note h2 { font-size:39px; }
  .ak-event-note .ak-description { font-size:13px; margin-top:18px; }
  .ak-event-sticker { right:-1px; top:161px; bottom:auto; font-size:20px; padding:17px 24px; }
  .ak-event-flower { font-size:77px; top:-36px; right:10px; }
  .ak-more { grid-template-columns:1fr 1fr; gap:16px; padding-block:55px 70px; }
  .ak-more > div { grid-column:1/-1; margin-bottom:8px; }
  .ak-more h2 { font-size:40px; }
  .ak-more h2 br { display:none; }
  .ak-more > a { padding:22px 18px; font-size:17px; }
  .ak-more svg { height:43px; margin-bottom:18px; }
  .ak-finale { padding-block:60px 75px; border-radius:50% 50% 0 0 / 30px 30px 0 0; }
  .ak-final-sticker { font-size:21px; padding:13px 22px; margin-bottom:36px; }
  .ak-finale h2 { font-size:51px; line-height:1.1; }
  .ak-finale .ak-description { font-size:13px; max-width:290px; }
  .ak-finale .ak-description br { display:none; }
  .ak-finale .ak-actions { gap:16px; }
  .ak-phone { font-size:13px; }
  .ak-final-flower { font-size:46px; top:-15px; left:-15px; }
  .ak-final-heart { font-size:40px; right:-7px; top:69px; }
  .ak-final-orbit { width:470px; height:540px; top:30px; left:calc(50% - 235px); }
}
@media (max-width:360px) {
  .ak-bubble-one { font-size:15px; } .ak-bubble-two { font-size:14px; padding-inline:14px; }
  .ak-headline { font-size:39px; } .ak-card { padding-inline:13px; } .ak-card h3 { font-size:16px; }
  .ak-hero-foot { font-size:7px; } .ak-hero-foot a { font-size:13px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto !important; }
  .ak-page *, .ak-page *:before, .ak-page *:after { animation:none !important; transition:none !important; }
  .ak-page [data-ak-reveal] { opacity:1 !important; translate:none !important; scale:1 !important; }
  .ak-journey-backdrop { position:absolute; inset:0; height:100%; min-height:0; margin:0; }
  .ak-process-heading { position:relative; top:auto; }
}

/* Brighter pastels and a living hero; the visitor can pause all motion. */
.ak-motion-toggle { border:1px solid #8aaac5; border-radius:30px; background:#ffffff85; color:var(--navy); padding:9px 15px; font:600 10px var(--font); cursor:pointer; }
.ak-motion-toggle[hidden] { display:none; }
.ak-motion-toggle:hover { background:white; }
.ak-hero-foot { gap:15px; flex-wrap:wrap; }
.ak-bubble { box-shadow:0 10px 0 -5px #264b7b12, inset 0 1px 0 #ffffff80; }
.ak-card { box-shadow:0 18px 32px #486e9a12; }
@keyframes ak-bubble-live { 0%,100% { transform:rotate(var(--tilt)); } 50% { transform:translateY(-10px) rotate(calc(var(--tilt) + 2deg)); } }
@keyframes ak-cloud-live { 0%,100% { scale:1; rotate:0deg; } 50% { scale:1.045; rotate:3deg; } }
@keyframes ak-doodle-live { 0%,100% { translate:0 0; rotate:-5deg; } 50% { translate:0 -12px; rotate:12deg; } }
@keyframes ak-card-scroll { from { transform:translateY(45px) rotate(calc(var(--tilt) - 7deg)); } to { transform:translateY(0) rotate(var(--tilt)); } }
@keyframes ak-note-scroll { from { transform:translateY(28px) rotate(calc(var(--tilt) + 6deg)); } to { transform:translateY(0) rotate(var(--tilt)); } }
@media (prefers-reduced-motion:no-preference) {
  .ak-ready .ak-bubble { animation:ak-pop .8s var(--ease) var(--delay) both,ak-bubble-live 6s ease-in-out calc(var(--delay) + .8s) infinite; }
  .ak-ready .ak-bubble:nth-child(even) { animation-duration:.8s,7.5s; }
  .ak-ready .ak-cloud { animation:ak-cloud-live 10s ease-in-out infinite; }
  .ak-ready .ak-cloud-mint { animation-delay:-5s; }
  .ak-ready .ak-doodle { animation:ak-doodle-live 7s ease-in-out infinite; }
  .ak-ready:not(.ak-hero-moving) :is(.ak-bubble,.ak-cloud,.ak-doodle) { animation-play-state:paused; }
  @supports (animation-timeline:view()) {
    .ak-ready .ak-card { animation:ak-card-scroll linear both; animation-timeline:view(); animation-range:entry 0% cover 38%; }
    .ak-ready .ak-trust-notes li { animation:ak-note-scroll linear both; animation-timeline:view(); animation-range:entry 0% cover 35%; }
  }
}
.ak-paused *, .ak-paused *:before, .ak-paused *:after { animation:none !important; transition:none !important; }
.ak-paused [data-ak-reveal] { opacity:1 !important; translate:none !important; scale:1 !important; }
@media (max-width:760px) {
  .ak-hero-foot > span { flex-basis:100%; text-align:center; }
  .ak-motion-toggle { font-size:9px; padding:8px 12px; }
  @keyframes ak-bubble-live { 0%,100% { transform:rotate(var(--tilt)); } 50% { transform:translateY(-6px) rotate(calc(var(--tilt) + 1deg)); } }
}

/* Illustrated characters are decorative and keep a clear lane away from copy. */
.ak-hero-core .ak-eyebrow { font-size:12px; letter-spacing:.12em; color:#174b7c; font-weight:800; }
.ak-swing { pointer-events:none; }
.ak-hero-swing { position:absolute; width:172px; height:258px; left:6%; bottom:4px; z-index:2; }
.ak-swing img { width:100%; height:100%; object-fit:contain; transform-origin:50% 0; }
.ak-runway { position:relative; height:210px; margin-top:-15px; overflow:clip; view-timeline-name:--ak-runway; pointer-events:none; }
.ak-runway > svg { position:absolute; inset:auto 0 5px; width:100%; height:65px; fill:none; stroke:#84bda9; stroke-width:1.5; stroke-dasharray:4 10; }
.ak-runners { position:absolute; left:24px; bottom:25px; width:230px; z-index:1; }
.ak-runners img { width:100%; height:auto; }
.ak-qualification { display:flex; justify-content:center; align-items:center; gap:18px; width:fit-content; max-width:100%; margin:30px auto 0; padding:18px 30px; border:1px solid #9dcfcf65; border-radius:24px; background:#ffffff0c; }
.ak-qualification > span { color:#ffe49a; font-size:35px; }
.ak-qualification p { text-align:left; font-size:17px; line-height:1.45; color:#e0eaf9; }
.ak-qualification strong { font-size:25px; color:#bcead4; }
@keyframes ak-swing-child { 0%,100% { transform:rotate(-5deg); } 50% { transform:rotate(5deg); } }
@keyframes ak-running-bounce { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-5px) rotate(1deg); } }
@keyframes ak-running-cross { from { transform:translateX(0); } to { transform:translateX(calc(100vw - 278px)); } }
@media (prefers-reduced-motion:no-preference) {
  .ak-ready .ak-swing img { animation:ak-swing-child 4s ease-in-out infinite; }
  .ak-ready:not(.ak-hero-moving) .ak-swing img { animation-play-state:paused; }
  .ak-ready .ak-runway.is-playing img { animation:ak-running-bounce .7s ease-in-out infinite; }
  @supports (animation-timeline:view()) {
    .ak-ready .ak-runners { animation:ak-running-cross linear both; animation-timeline:--ak-runway; animation-range:entry 0% exit 100%; }
  }
}
@media (max-width:760px) {
  .ak-hero-core .ak-eyebrow { font-size:10px; letter-spacing:.075em; }
  .ak-hero-swing { width:131px; height:196px; left:14px; bottom:0; }
  .ak-runway { height:155px; }
  .ak-runners { width:160px; bottom:19px; }
  .ak-qualification { gap:12px; padding:16px 20px; margin-top:25px; }
  .ak-qualification > span { font-size:28px; }
  .ak-qualification p { font-size:14px; }
  .ak-qualification strong { font-size:20px; }
  @keyframes ak-running-cross { from { transform:translateX(0); } to { transform:translateX(calc(100vw - 208px)); } }
}

/* A shared care scene, and a real six-pose running cycle. */
.ak-intro-scene { width:680px; max-width:75%; margin:25px auto 20px; }
.ak-intro-scene .ak-caregiver-scene { height:auto; width:100%; }
.ak-intro-scene .ak-note-left { left:-95px; top:85px; }
.ak-intro-scene .ak-note-right { right:-100px; bottom:60px; }
.ak-scene-caption { display:block; font-size:9px; color:#5e7185; margin-top:8px; }
.ak-runway { height:310px; }
.ak-runners { width:280px; bottom:6px; }
.ak-run-cycle { display:block; width:100%; aspect-ratio:1; background-image:url('/img/atc-kids-carrera-secuencia.png'); background-size:300% 200%; background-position:0 0; background-repeat:no-repeat; }
@keyframes ak-run-frames {
  0%,100% { background-position:0% 0%; }
  16.666% { background-position:50% 0%; }
  33.333% { background-position:100% 0%; }
  50% { background-position:0% 100%; }
  66.666% { background-position:50% 100%; }
  83.333% { background-position:100% 100%; }
}
@keyframes ak-running-cross { from { transform:translateX(0); } to { transform:translateX(calc(100vw - 328px)); } }
@media (prefers-reduced-motion:no-preference) {
  .ak-ready .ak-runway.is-playing .ak-run-cycle { animation:ak-run-frames .72s step-end infinite; }
}
@media (max-width:760px) {
  .ak-intro-scene { max-width:100%; width:100%; margin-top:26px; padding-top:35px; }
  .ak-intro-scene .ak-note-left { left:0; top:0; font-size:16px; }
  .ak-intro-scene .ak-note-right { right:0; bottom:24px; font-size:16px; padding:10px 14px; transform:rotate(6deg) translateY(20px); }
  .ak-scene-caption { text-align:left; margin-top:22px; font-size:8px; }
  .ak-runway { height:240px; }
  .ak-runners { width:215px; }
  @keyframes ak-running-cross { from { transform:translateX(0); } to { transform:translateX(calc(100vw - 263px)); } }
}