.landing{grid-template-columns:minmax(0,1fr);padding-bottom:clamp(24px,4vw,48px);display:grid;position:relative;overflow-x:clip}.landing>[data-still] :not(.reveal),.landing>[data-still] :before,.landing>[data-still] :after{animation-play-state:paused!important}.section-head{justify-items:start;gap:10px;display:grid}.section-h{text-wrap:balance;max-width:24ch;font-size:clamp(1.625rem,2.8vw,2.25rem);font-weight:700;line-height:1.2}html[lang=en] .section-h{line-height:1.15}.section-lead{max-width:56ch;color:var(--os-ink-2);font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.7}.section-block{gap:clamp(22px,3vw,36px);padding-block:clamp(72px,10vw,136px) 0;display:grid}.see-all{color:var(--os-ink);white-space:nowrap;align-items:center;gap:6px;font-weight:750;text-decoration:none;display:inline-flex}.see-all:hover{text-decoration:underline;-webkit-text-decoration-color:var(--os-go);text-decoration-color:var(--os-go);text-decoration-thickness:2px}.hero-kicker{justify-content:center}html[lang] h1.hero-title{font:700 clamp(2.25rem, 4.4vw, 3.5rem)/1.15 var(--os-font-display);text-wrap:balance;margin-top:12px}html[lang=en] h1.hero-title{line-height:1.1}.hero-title>span{display:inline}.hero-accent{color:var(--os-go-ink)}.hero-lead{max-width:40em;color:var(--os-ink-2);margin:14px auto 0;font-size:clamp(1rem,1.3vw,1.1875rem);line-height:1.65}.hero-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:22px;display:flex}.hero-start{gap:11px;min-height:56px;padding-inline:26px 30px;font-size:1.125rem}.hero-demo{color:var(--os-ink-2);align-items:center;gap:6px;margin-top:10px;font-weight:700;text-decoration:none;display:inline-flex}.hero-demo:hover{color:var(--os-ink)}.sound-cta{min-height:56px;color:var(--os-ink);font:inherit;cursor:pointer;box-shadow:0 0 0 1.5px var(--os-line-2) inset;background:0 0;border:0;border-radius:999px;align-items:center;gap:9px;padding:0 22px;font-size:1.0625rem;font-weight:700;transition:box-shadow .2s,background .2s;display:inline-flex}.sound-cta:hover{background:var(--os-panel)}.sound-cta[aria-pressed=true]{box-shadow:0 0 0 1.5px var(--os-ink) inset}.sound-cta[data-waiting]{box-shadow:0 0 0 1.5px var(--os-go) inset;animation:sound-wait 2.2s var(--ease) infinite}@keyframes sound-wait{0%,to{box-shadow:0 0 0 1.5px var(--os-go) inset, 0 0 0 0 color-mix(in srgb, var(--os-go) 30%, transparent)}50%{box-shadow:0 0 0 1.5px var(--os-go) inset, 0 0 0 7px transparent}}.turn{text-align:center;justify-items:center;gap:18px;padding-block:clamp(80px,14vw,180px) clamp(24px,4vw,48px);display:grid}.turn-title{max-width:18ch;font-size:clamp(1.75rem,3.6vw,2.75rem);font-weight:700;line-height:1.18}html[lang=en] .turn-title{line-height:1.12}.turn-title>span+span{color:var(--os-go-ink)}.turn-lead{max-width:50ch;color:var(--os-ink-2);font-size:clamp(1rem,1.3vw,1.1875rem);line-height:1.7}.turn-secret{color:var(--os-ink-3)}.sims{grid-template-columns:minmax(0,1fr);gap:clamp(24px,3.5vw,40px);padding-top:clamp(56px,8vw,104px);display:grid}.drift{--drift-w:clamp(220px, 24vw, 300px);grid-template-columns:minmax(0,1fr);gap:16px;display:grid;position:relative;overflow:hidden}.drift:before,.drift:after{content:"";z-index:1;pointer-events:none;width:6%;position:absolute;top:0;bottom:0}.drift:before{background:linear-gradient(90deg, var(--os-hull), transparent);left:0}.drift:after{background:linear-gradient(-90deg, var(--os-hull), transparent);right:0}.drift-track{will-change:transform}.drift-row{width:max-content;display:flex}.drift-track{gap:16px;padding-inline-end:16px;animation:70s linear infinite drift-left;display:flex}.drift-row[data-dir=right] .drift-track{animation-name:drift-right;animation-duration:80s}.drift:hover .drift-track,.drift:focus-within .drift-track{animation-play-state:paused}@keyframes drift-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes drift-right{0%{transform:translate(-100%)}to{transform:translate(0)}}.drift-item{width:var(--drift-w);background:var(--os-panel-2);box-shadow:var(--os-elev-raised);color:inherit;transition:transform .32s var(--spring), box-shadow .28s var(--ease);border-radius:20px;text-decoration:none;display:grid;position:relative;overflow:hidden}.drift-item:hover,.drift-item:focus-visible{box-shadow:var(--os-elev-lifted);transform:translateY(-4px)scale(1.02)}.drift-item .thumb{border-radius:0}.drift-title{-webkit-line-clamp:2;line-clamp:2;box-sizing:border-box;-webkit-box-orient:vertical;height:calc(2.7em + 24px);padding:11px 14px 13px 32px;font-size:1rem;font-weight:700;line-height:1.35;display:-webkit-box;position:relative;overflow:hidden}.drift-title:before{content:"";background:var(--world);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--world) 25%, transparent);border-radius:50%;position:absolute;top:calc(7px + .675em);left:14px}@media (max-width:600px){.drift{--drift-w:min(70vw, 280px)}}@media (prefers-reduced-motion:reduce){.drift:before,.drift:after{display:none}.drift-row{width:auto;padding-inline:var(--shell-pad);scrollbar-width:none;overflow-x:auto}.drift-track{animation:none}.drift-track[aria-hidden]{display:none}}.subject-pills{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.subject-pill{background:color-mix(in srgb, var(--world) 11%, var(--os-panel-2));min-height:48px;color:var(--os-ink);transition:transform .26s var(--spring), background .2s;border-radius:999px;align-items:center;gap:9px;padding:0 18px 0 12px;font-weight:700;text-decoration:none;display:inline-flex}.subject-pill:hover{background:color-mix(in srgb, var(--world) 20%, var(--os-panel-2));transform:translateY(-2px)}.subject-pill-count{background:var(--os-panel-2);color:var(--world-ink);border-radius:999px;padding:1px 8px;font-size:.875rem;font-weight:800}.demo{gap:22px;padding-top:clamp(64px,10vw,130px);display:grid}.demo-steps{flex-wrap:wrap;gap:8px;display:flex}.demo-steps li{background:var(--os-panel);border-radius:999px;align-items:center;gap:9px;padding:6px 16px 6px 6px;font-size:1rem;font-weight:700;display:inline-flex}.demo-steps .num{background:var(--os-panel-2);width:28px;height:28px;color:var(--os-ink);box-shadow:var(--os-elev-raised);border-radius:50%;place-items:center;font-size:.875rem;font-weight:800;display:grid}.demo-steps li:first-child .num{background:var(--os-ink);color:var(--os-hull)}.demo-frame{background:var(--os-panel);border-radius:32px;gap:14px;min-width:0;padding:clamp(14px,2.4vw,28px);display:grid;position:relative}.tutor{align-items:flex-end;gap:10px;display:flex}.demo-skeleton{min-height:720px}@media (max-width:640px){.demo-skeleton{min-height:900px}}.tutor .say{flex:1;max-width:640px}.demo-more{flex-wrap:wrap;gap:8px;display:flex}.demo-more-link{background:var(--os-panel);min-height:40px;color:var(--os-ink);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.9375rem;font-weight:650;text-decoration:none;transition:background .2s;display:inline-flex}.demo-more-link:before{content:"";background:var(--world);border-radius:50%;width:8px;height:8px}.demo-more-link:hover{background:color-mix(in srgb, var(--world) 16%, var(--os-panel))}.era-bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.era-bento>li:nth-child(-n+2){grid-column:span 3}.era-bento>li{grid-column:span 2}.era-tile{border-radius:var(--radius-tile);background:color-mix(in srgb, var(--world) 10%, var(--os-panel-2));height:100%;min-height:250px;color:inherit;transition:transform .32s var(--spring), background .26s;align-content:start;gap:8px;padding:clamp(22px,2.6vw,32px);text-decoration:none;display:grid;position:relative}.era-tile:hover{background:color-mix(in srgb, var(--world) 16%, var(--os-panel-2));transform:translateY(-4px)}.era-tile .sign-plate{transition:transform .6s var(--spring);margin-bottom:14px}.era-tile:hover .sign-plate{transform:rotate(-6deg)scale(1.05)}.era-name{font-family:var(--os-font-display);font-size:clamp(1.25rem,1.8vw,1.5rem);font-weight:700;line-height:1.2}.era-when{color:var(--world-ink);font-size:1rem;font-weight:750}html[lang=en] .era-when{letter-spacing:.08em;text-transform:uppercase;font-size:.8125rem;font-weight:800}.era-count{color:var(--os-ink-2);margin-top:auto;padding-top:10px;font-size:.9375rem;font-weight:650}@media (max-width:760px){.era-bento{grid-template-columns:minmax(0,1fr)}.era-bento>li,.era-bento>li:nth-child(-n+2){grid-column:auto}.era-tile{grid-template-columns:64px minmax(0,1fr);align-items:center;column-gap:16px;min-height:0}.era-tile .sign-plate{border-radius:20px;grid-row:span 3;width:64px;height:64px;margin:0}.era-count{grid-column:2;padding-top:0}}.coming{row-gap:clamp(28px,4vw,48px)}.coming-part{align-content:start;gap:8px;display:grid}html[lang] h3.coming-h{font:700 clamp(1.1875rem, 1.6vw, 1.375rem)/1.35 var(--os-font-display)}.coming-lead{max-width:58ch;color:var(--os-ink-2);line-height:1.7}.coming-subjects{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.coming-subject{background:color-mix(in srgb, var(--world) 11%, var(--os-panel-2));border-radius:999px;align-items:center;gap:9px;min-height:44px;padding:0 16px 0 12px;font-weight:700;display:inline-flex}.coming-tracks{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin-top:8px;display:grid}.coming-track{border-radius:var(--radius-tile);background:color-mix(in srgb, var(--world) 10%, var(--os-panel-2));align-content:start;gap:6px;padding:clamp(20px,2.4vw,28px);display:grid}.coming-track .sign-plate{border-radius:24px;width:80px;height:80px;margin-bottom:10px}.coming-track-name{font:700 clamp(1.125rem, 1.5vw, 1.3125rem)/1.3 var(--os-font-display)}.coming-track-line{color:var(--os-ink-2);line-height:1.6}@media (max-width:640px){.coming-track{grid-template-columns:64px minmax(0,1fr);align-items:center;column-gap:16px}.coming-track .sign-plate{border-radius:20px;grid-row:span 2;width:64px;height:64px;margin:0}}.ai-card{border-radius:var(--radius-tile);background:radial-gradient(70% 110% at 100% 100%, color-mix(in srgb, var(--os-go) 12%, transparent), transparent 65%), var(--os-panel);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:clamp(24px,3vw,40px) 0 0 clamp(24px,3vw,40px);display:grid;position:relative;overflow:hidden}.ai-copy{align-content:start;gap:12px;padding-bottom:clamp(24px,3vw,40px);display:grid}.ai-copy h2{font-size:clamp(1.5rem,2.6vw,2rem);font-weight:700;line-height:1.2}.ai-copy .btn{justify-self:start}.ai-tasin{align-self:end;margin-right:-8px}@media (max-width:520px){.ai-tasin{width:120px!important;height:120px!important}.ai-card{padding-left:20px}}.parents{gap:12px;max-width:820px}.parents h2{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700}.parents .muted{font-size:1.0625rem;line-height:1.75}.faq-section{max-width:920px}.closer{text-align:center;background:radial-gradient(60% 70% at 50% 0%, color-mix(in srgb, var(--os-go) 12%, transparent), transparent 70%), var(--os-panel);border-radius:36px;justify-items:center;gap:16px;padding:10px clamp(20px,4vw,56px) clamp(32px,5vw,64px);display:grid;position:relative;overflow:hidden}.closer-pair{align-items:end;margin-bottom:-6px;display:flex}.closer-pair .mascot+.mascot{margin-left:-18px}.closer h2{max-width:20ch;font-size:clamp(1.625rem,3vw,2.375rem);font-weight:700;line-height:1.2}html[lang=en] .closer h2{letter-spacing:0}.closer .lead{max-width:46ch}@media (max-width:640px){html[lang] h1.hero-title{font-size:clamp(1.875rem,8.4vw,2.5rem)}.hero-lead{font-size:1rem;line-height:1.55}.hero-ctas{flex-wrap:nowrap;gap:8px;margin-top:18px}.hero-start,.sound-cta{gap:8px;min-height:48px;padding-inline:14px 16px;font-size:1rem}.hero-demo{display:none}.demo-frame{border-radius:24px;padding:10px}}@keyframes journey-eq{0%{background-size:3px 40%,3px 90%,3px 60%}50%{background-size:3px 90%,3px 30%,3px 100%}to{background-size:3px 60%,3px 70%,3px 30%}}@media (prefers-reduced-motion:reduce){.sound-eq,.sound-cta[data-waiting]{animation:none}}@media (max-height:820px) and (min-width:641px){html[lang] h1.hero-title{font-size:clamp(2.125rem,4vw,3rem)}.hero-lead{margin-top:10px;font-size:1.0625rem}.hero-ctas{margin-top:16px}}
.journey{height:1150vh;margin-top:calc(var(--os-sticky-top) * -1);position:relative}.journey-stage{background:var(--os-hull);height:100svh;position:sticky;top:0;overflow:hidden}.journey-gl{opacity:0;width:100%;height:100%;transition:opacity .9s var(--ease);position:absolute;inset:0}.journey[data-gl=on] .journey-gl{opacity:1}.journey-hero{z-index:2;padding:calc(var(--os-sticky-top) + clamp(16px, 4.5vh, 60px)) var(--shell-pad) 0;text-align:center;pointer-events:none;will-change:opacity, transform;position:absolute;inset:0 0 auto}.journey-hero a,.journey-hero button{pointer-events:auto}.journey-cue{z-index:2;left:50%;bottom:calc(max(18px, env(safe-area-inset-bottom)) + 4px);background:color-mix(in srgb, var(--os-panel-2) 94%, transparent);box-shadow:var(--os-elev-raised);color:var(--os-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;margin:0;padding:8px 16px 8px 18px;font-size:.9375rem;font-weight:700;display:inline-flex;position:absolute;translate:-50%}.journey-cue i{width:9px;height:9px;animation:journey-cue 1.6s var(--ease) infinite;border-bottom:2px solid;border-right:2px solid;margin-top:-4px;rotate:45deg}@keyframes journey-cue{0%,to{translate:0}50%{translate:0 4px}}.journey-cap{z-index:2;padding-inline:var(--shell-pad);text-align:center;pointer-events:none;color:var(--os-ink);position:absolute;bottom:clamp(44px,10vh,108px);left:0;right:0}.journey-line{max-width:18em;font-family:var(--os-font-display);text-wrap:balance;margin:0 auto;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;line-height:1.12}html[lang=en] .journey-line{line-height:1.12}.journey-cap{--cap-shadow:0 0 18px #fffffff2, 0 0 2px #ffffffe6;text-shadow:var(--cap-shadow)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .journey-cap{--cap-shadow:0 2px 24px #04050fd9, 0 0 2px #04050f99}}:root[data-theme=dark] .journey-cap{--cap-shadow:0 2px 24px #04050fd9, 0 0 2px #04050f99}.journey-secret{z-index:3;color:var(--os-ink-2);position:absolute;bottom:clamp(10px,4vh,48px);left:50%;translate:-50%}.journey-voice{background:color-mix(in srgb, var(--os-panel-2) 95%, transparent);box-shadow:var(--os-elev-raised);color:var(--os-ink);font:inherit;text-shadow:none;animation:rise-in .36s var(--spring) both;border:0;border-radius:999px;align-items:center;gap:8px;margin:0 auto 10px;padding:3px 14px 3px 3px;font-size:.9375rem;font-weight:750;display:inline-flex}.journey-cap .journey-voice{pointer-events:auto}.journey-tap{cursor:pointer;min-height:40px;box-shadow:0 0 0 1.5px var(--os-go) inset, var(--os-elev-raised);padding:0 16px 0 12px}.journey-chip-hero{z-index:3;left:0;right:0;bottom:calc(max(22px, env(safe-area-inset-bottom)) + 58px);padding-inline:var(--shell-pad);justify-content:center;display:flex;position:absolute}.journey-voice .mascot{background:color-mix(in srgb, var(--sp-blue) 16%, var(--os-panel-2));border-radius:50%;overflow:hidden}.journey-voice[data-who=tasin] .mascot{background:color-mix(in srgb, var(--sp-pink) 16%, var(--os-panel-2))}.journey-voice i{width:18px;height:14px;color:var(--sp-blue-ink);background:linear-gradient(currentColor,currentColor) 0 100%/3px 40% no-repeat,linear-gradient(currentColor,currentColor) 7px 100%/3px 90% no-repeat,linear-gradient(currentColor,currentColor) 14px 100%/3px 60% no-repeat;animation:.9s ease-in-out infinite alternate journey-eq}.journey-voice[data-who=tasin] i{color:var(--sp-pink-ink)}@keyframes journey-eq{0%{background-size:3px 40%,3px 90%,3px 60%}50%{background-size:3px 90%,3px 30%,3px 100%}to{background-size:3px 60%,3px 70%,3px 30%}}.journey-tl{z-index:2;right:max(10px, env(safe-area-inset-right));color:var(--os-ink);opacity:0;gap:1px;margin:0;padding:0;list-style:none;transition:opacity .4s;display:grid;position:absolute;top:50%;translate:0 -50%}.journey-tl button{width:36px;height:24px;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block;position:relative}.journey-tl button:after{content:"";opacity:.3;width:12px;height:2px;transition:width .3s var(--ease), opacity .3s, background .3s;background:currentColor;border-radius:1px;position:absolute;top:11px;right:6px}.journey-tl button:hover:after{opacity:.7;width:18px}.journey-tl button[aria-current=true]:after{opacity:1;background:var(--os-go);width:26px}@media (max-width:760px){.journey-tl{display:none}.journey{height:1000vh}.journey-voice{padding-inline-end:12px;font-size:.875rem}.journey-voice .mascot{width:32px!important;height:32px!important}.journey-cap{top:calc(var(--os-sticky-top) + 10px);padding-bottom:28px;bottom:auto}.journey-cap:before{content:"";z-index:-1;inset:calc((var(--os-sticky-top) + 10px) * -1) 0 0;background:linear-gradient(var(--os-hull) 62%, transparent);opacity:.92;position:absolute}.journey-line{font-size:clamp(1.375rem,6vw,1.75rem)}}.journey-story{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}:is(.journey[data-gl=off],html[data-lite] .journey){height:auto}:is(.journey[data-gl=off],html[data-lite] .journey) .journey-stage{flex-direction:column;height:auto;min-height:0;display:flex;position:relative}:is(.journey[data-gl=off],html[data-lite] .journey) .journey-hero{padding-bottom:8px;position:relative;opacity:1!important;visibility:visible!important;transform:none!important}:is(.journey[data-gl=off],html[data-lite] .journey) :is(.journey-cue,.journey-cap,.journey-tl,.journey-gl,.journey-chip-hero,.journey-secret){display:none}:is(.journey[data-gl=off],html[data-lite] .journey) .journey-story{clip-path:none;width:auto;max-width:760px;height:auto;padding:8px var(--shell-pad) 40px;margin:0 auto;position:static}:is(.journey[data-gl=off],html[data-lite] .journey) .journey-story li{border-left:3px solid var(--era);gap:2px;padding:14px 0 14px 22px;display:grid}.journey-poster{display:none}:is(.journey[data-gl=off],html[data-lite] .journey) .journey-poster{--ring:min(54vw, 230px);--stroke:calc(var(--ring) * .075);isolation:isolate;height:calc(var(--ring) * 1.45);order:1;place-items:center;display:grid;position:relative}.journey-poster:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle, var(--sp-blue) 0 1.1px, transparent 1.5px) 0 0 / 37px 37px, radial-gradient(circle, var(--sp-pink) 0 1.2px, transparent 1.7px) 11px 19px / 71px 59px, radial-gradient(circle, var(--sp-orange) 0 1px, transparent 1.4px) 29px 7px / 53px 83px;opacity:.55;position:absolute;inset:0 -10%;-webkit-mask-image:radial-gradient(closest-side,#000 30%,#0000);mask-image:radial-gradient(closest-side,#000 30%,#0000)}.journey-ring,.journey-orbit{width:var(--ring);aspect-ratio:1;border-radius:50%;grid-area:1/1}.journey-ring{background:conic-gradient(from 210deg, var(--sp-red), var(--sp-orange), var(--sp-yellow), var(--sp-green), var(--sp-cyan), var(--sp-blue), var(--sp-violet), var(--sp-pink), var(--sp-red));-webkit-mask-image:radial-gradient(farthest-side, transparent calc(100% - var(--stroke) - .5px), #000 calc(100% - var(--stroke)));-webkit-mask-image:radial-gradient(farthest-side, transparent calc(100% - var(--stroke) - .5px), #000 calc(100% - var(--stroke)));mask-image:radial-gradient(farthest-side, transparent calc(100% - var(--stroke) - .5px), #000 calc(100% - var(--stroke)))}.journey-orbit{animation:48s linear infinite journey-orbit;rotate:45deg}.journey-orbit i{left:50%;top:calc(var(--stroke) / 2);width:calc(var(--ring) * .225);aspect-ratio:1;background:var(--os-go);box-shadow:0 0 0 calc(var(--ring) * .055) var(--os-hull);border-radius:50%;position:absolute;translate:-50% -50%}@keyframes journey-orbit{to{rotate:405deg}}@media (prefers-reduced-motion:reduce){.journey-orbit{animation:none}}.journey-story-when{color:var(--os-ink-2);font-size:.9375rem;font-weight:750}.journey-story-line{font-family:var(--os-font-display);font-size:1.375rem;font-weight:750}@media (prefers-reduced-motion:reduce){.journey-cue i,.journey-voice i{animation:none}}@media (orientation:landscape) and (max-height:520px){.journey-gl{translate:24%}.journey-hero{width:min(54%,560px);padding-top:calc(var(--os-sticky-top) + 6px);text-align:start;right:auto}.journey-hero .hero-kicker,.journey-hero .hero-ctas{justify-content:flex-start}.journey-hero .hero-lead{margin-inline:0;font-size:.9375rem;line-height:1.5}html[lang] .journey-hero h1.hero-title{font-size:clamp(1.75rem,4.2vw,2.25rem)}.journey-hero .hero-ctas{flex-wrap:nowrap;gap:8px;margin-top:14px}.journey-hero .hero-start,.journey-hero .sound-cta{min-height:46px;padding-inline:14px 16px;font-size:1rem}.journey-hero .hero-demo{display:none}.journey-cue{left:74%}}