/* Image-led additions to the existing editorial design. */
body{isolation:isolate}
main,.site-footer{position:relative;z-index:1}
.cosmos-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#070e1c;--earth-glow:.5;--luna-glow:0;--space-depth:0;--space-y:0px;--orbit-turn:-18deg}
.cosmos-haze{position:absolute;inset:-20%;opacity:0}
.cosmos-haze-earth{background:radial-gradient(ellipse at 8% 65%,#174b586b,transparent 45%),radial-gradient(ellipse at 95% 20%,#19476673,transparent 43%);opacity:var(--earth-glow)}
.cosmos-haze-luna{background:radial-gradient(ellipse at 96% 47%,#205d6a70,transparent 42%),radial-gradient(ellipse at 5% 90%,#3f466360,transparent 43%);opacity:var(--luna-glow)}
.cosmos-planet{position:absolute;width:max(960px,100vw);aspect-ratio:3/2;right:-20%;top:-30%;background:url('hero-cosmos-v1.webp') center/cover;opacity:calc(.12 + var(--space-depth)*.18);mask-image:radial-gradient(ellipse at 73% 34%,#000 10%,transparent 61%);transform:translate3d(0,var(--space-y),0)}
.cosmos-stars{position:absolute;inset:0;width:100%;height:100%;opacity:.65}
.cosmos-orbit{position:absolute;left:-20%;top:20%;width:145%;height:75%;border:1px solid #7eb5c326;border-radius:50%;transform:translate3d(0,var(--space-y),0) rotate(var(--orbit-turn));opacity:.65}
.cosmos-orbit::after{content:"";position:absolute;left:14%;top:15%;width:4px;height:4px;background:#a6e5e8;border-radius:50%;box-shadow:0 0 12px #68b5c2}
.tutorial-band{background:linear-gradient(180deg,transparent,#12213088 22%,#12213088 80%,transparent)}
.collection::before{background:linear-gradient(180deg,transparent,#101e3080 15%,#101e3080 85%,transparent)}
.download{background:radial-gradient(ellipse at 50% 110%,#203b5199,transparent 73%)}
.hero{background:var(--bg)}
.hero-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .85s ease,visibility .85s;pointer-events:none}
.hero-scene.is-active{opacity:1;visibility:visible}
.hero-art .hero-scene img{animation:none;width:100%;height:100%;object-fit:cover;object-position:center}
@media(min-width:761px){.hero-art .hero-scene-2 img{object-fit:contain;object-position:right center;mask-image:linear-gradient(90deg,transparent 24%,#000 47%)}}
.hero::after{background:linear-gradient(90deg,#070e1caa 0%,#070e1c38 36%,transparent 58%),linear-gradient(0deg,var(--bg),transparent 20%)}
.hero-layout{padding-block:70px 115px}
.hero-switcher{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:flex-end;z-index:2}
.hero-controls{display:flex;gap:8px}
.hero-controls[hidden]{display:none}
.hero-controls button{width:46px;height:46px;border:1px solid #617487;background:#07111ed9;color:#c4d1de;border-radius:50%;font-size:.74rem;cursor:pointer}
.hero-controls button[aria-pressed=true]{background:#86e4ce;color:#08131d;border-color:#86e4ce}
.hero-controls button[data-hero-pause]{background:#07111ed9;color:#d6e4ea}
.hero-controls button:disabled{opacity:.6;cursor:default}
.hero-controls svg{width:16px;height:16px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6}
.lesson-summary{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.lesson-summary h3{font-size:1.12rem;margin-bottom:12px}
.lesson-summary p{font-size:.9rem;line-height:1.95;color:var(--muted);margin:8px 0}
.language-feature{margin:26px 0 12px;padding-left:18px;border-left:2px solid #6dd4bc}
.language-feature h3{font-size:1rem;margin:0 0 8px}
.language-feature p{font-size:.85rem;line-height:1.9;color:var(--muted);margin:0}
.earth-media .text-link{font-size:.75rem;margin-top:8px}
.earth-practice{display:grid;grid-template-columns:1.35fr 1fr;gap:96px;align-items:center}
.earth-practice h2{font-size:clamp(2.5rem,3.65vw,3.5rem);line-height:1.5;letter-spacing:.015em}
.evolution h2{font-size:clamp(2rem,3.7vw,3.45rem);line-height:1.45;letter-spacing:-.02em}
.earth-practice .section-signature{margin-bottom:18px}
.practice-steps{margin-bottom:22px}
.earth-free-note{margin:0;padding:13px 16px;border:1px solid #315968;border-radius:4px;background:#102a337d;color:#d9f5ef;font-size:.88rem;line-height:1.8}
.earth-free-note strong{color:#83e8d3;margin-right:.35em}
.earth-media{text-align:center}
.earth-media .phone{width:min(100%,292px)}
.earth-media figcaption{font-size:.75rem;line-height:1.8;color:var(--muted);max-width:340px;margin:18px auto 0}
.barrier-note{margin:16px 0 0;font-size:.8rem;color:#a1d9d2;line-height:1.9}
.evolution{border-top:1px solid var(--line)}
.evolution-heading{margin-bottom:30px}
.evolution-heading h2{margin:0;font-family:inherit;font-weight:600;font-size:clamp(1.8rem,3.3vw,3rem)}
.creature-tabs{display:flex;width:max-content;max-width:100%;gap:18px;border-bottom:1px solid #385363;margin-bottom:38px}
.creature-tabs[hidden]{display:none}
.creature-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:#acbfce;font:inherit;font-size:1.05rem;font-weight:500;padding:14px 24px;min-height:54px;cursor:pointer;margin-bottom:-1px;white-space:nowrap}
.creature-tabs button[aria-selected=true]{color:#eef7fb;border-color:#85e7d3;font-weight:700}
.creature-tabs button:hover{color:#bff7e9}
.creature-evolution[hidden]{display:none}
.evolution-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.evolution-stages figure{min-width:0;margin:0}
.evolution-stages figcaption{padding-bottom:14px;font-size:.86rem;line-height:1.6;color:#ced9e4;text-align:center}
.evolution-image{display:block;aspect-ratio:3/4;border:1px solid #3b5264;border-radius:7px;background:radial-gradient(ellipse at 50% 70%,#1b2d3bd9,#07121ed9 80%);overflow:hidden;cursor:zoom-in}
.evolution-image img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .35s}
.evolution-stages figure:nth-child(n+2) img{width:126%;max-width:none;margin-left:-13%}
.evolution-image:hover img{transform:scale(1.025)}
.evolution-stages figure:last-child .evolution-image{border-color:#80d5c4}
.render-note{font-size:.73rem;line-height:1.9;color:#91a5b9;text-align:center;margin:20px 0 0}
.collection .segmented{flex-wrap:wrap;justify-content:flex-start}
.screen-dialog figure>img{height:auto}
html[lang=en] .earth-practice h2,html[lang=en] .evolution h2{line-height:1.18}
html[lang=en] .evolution-heading h2{font-family:inherit}

/* Planet roster: two worlds share one moving, diagonal window. */
.planet-encounter{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:64px;align-items:center}
.planet-split{--split:50%;--mars-x:0px;--crystal-x:0px;--planet-y:0px;--crystal-y:0px;--planet-scale:1.045;position:relative;isolation:isolate;aspect-ratio:3/2;min-width:0;overflow:hidden;background:#0b1421;border:1px solid #496070;border-radius:4px;box-shadow:0 30px 80px #0008;cursor:ew-resize;touch-action:pan-y}
.planet-split::after{content:"";position:absolute;z-index:5;inset:0;pointer-events:none;background:linear-gradient(180deg,#06101b0a 45%,#06101bd1 100%);box-shadow:inset 0 0 0 1px #dceff212,inset 0 -70px 90px #02060b57}
.planet-scene{position:absolute;inset:-3%;overflow:hidden;will-change:clip-path}
.planet-scene img{width:100%;height:100%;max-width:none;object-fit:cover;will-change:transform;filter:saturate(.96) contrast(1.03)}
.planet-scene-mars{z-index:1;clip-path:polygon(0 0,calc(var(--split) + 8%) 0,calc(var(--split) - 8%) 100%,0 100%)}
.planet-scene-crystal{z-index:2;clip-path:polygon(calc(var(--split) + 8%) 0,100% 0,100% 100%,calc(var(--split) - 8%) 100%)}
.planet-scene-mars img{transform:translate3d(var(--mars-x),var(--planet-y),0) scale(var(--planet-scale));transform-origin:55% 55%}
.planet-scene-crystal img{transform:translate3d(var(--crystal-x),var(--crystal-y),0) scale(var(--planet-scale));transform-origin:45% 45%}
.planet-seam{position:absolute;z-index:4;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,#d9fbff 42%,#fff 50%,#89dccc 58%,transparent);clip-path:polygon(calc(var(--split) + 7.78%) 0,calc(var(--split) + 8.18%) 0,calc(var(--split) - 7.78%) 100%,calc(var(--split) - 8.18%) 100%);filter:drop-shadow(0 0 7px #baf5ff);opacity:.9}
.planet-label{position:absolute;z-index:6;bottom:18px;font-size:.65rem;font-weight:700;letter-spacing:.24em;color:#edf8f9;text-shadow:0 2px 12px #02060d,0 0 20px #02060d;pointer-events:none}
.planet-label-mars{left:22px}
.planet-label-crystal{right:20px}
.planet-intro{min-width:0}
.planet-kicker{margin:0 0 17px;color:#86dfcd;font-size:.67rem;font-weight:700;letter-spacing:.22em;line-height:1.4}
.planet-encounter h3{font-size:clamp(1.55rem,2.25vw,2.15rem);line-height:1.55}
.planet-intro>p:not(.planet-kicker):not(.rival-count){margin-top:22px;font-size:.9rem;line-height:1.95}
.rival-count{display:flex;align-items:center;gap:17px;margin-top:30px;padding-top:23px;border-top:1px solid var(--line);color:var(--muted)}
.rival-count strong{display:flex;align-items:flex-start;flex-shrink:0;color:#e9f7f5;font-family:var(--display);font-size:clamp(2.8rem,4.2vw,4rem);font-weight:500;letter-spacing:-.06em;line-height:.8;text-shadow:0 0 24px #65d4c74a}
.rival-count strong span{font-family:"Orbit Sans",sans-serif;font-size:.38em;font-weight:700;color:#86dfcd;letter-spacing:0;margin:.06em 0 0 .1em}
.rival-count>span{font-size:.78rem;line-height:1.8;color:#b8c6d2}

/* Orbit AI wordmark: a single reveal with a restrained scanning accent. */
.orbit{position:relative;isolation:isolate}
.orbit::before{content:"";position:absolute;z-index:-1;width:620px;height:360px;left:-150px;top:55px;background:radial-gradient(ellipse,#246f7952 0%,#1133442f 37%,transparent 70%);filter:blur(8px);pointer-events:none}
.orbit-wordmark{position:relative;display:inline-flex;align-items:flex-end;gap:.1em;width:max-content;max-width:100%;margin:0 0 31px;color:#edf8f7;font-family:"Orbit Sans","Hiragino Sans",sans-serif;font-size:clamp(4rem,7.3vw,6.6rem);font-weight:900;line-height:.78;letter-spacing:-.085em;white-space:nowrap;isolation:isolate;filter:drop-shadow(0 0 23px #62cdb63d)}
.orbit-word{position:relative;text-shadow:0 1px 0 #fff,0 0 34px #70dac633}
.orbit-word::after{content:"";position:absolute;left:.02em;right:.04em;bottom:-.18em;height:1px;background:linear-gradient(90deg,#84e5d1,transparent)}
.orbit-ai{position:relative;margin-left:.03em;padding:0 .06em .08em 0;color:transparent;background:linear-gradient(150deg,#f2ffff 5%,#8ce1ce 48%,#4e9fbd 100%);-webkit-background-clip:text;background-clip:text;font-family:var(--display);font-size:.69em;font-style:italic;font-weight:500;letter-spacing:-.09em;text-shadow:none}
.orbit-ai::after{content:"";position:absolute;inset:-.14em -.11em -.09em -.08em;border:1px solid #90e7d759;transform:skewX(-9deg);box-shadow:inset 0 0 22px #54c9b51c,0 0 18px #54c9b51c}
.orbit-path{position:absolute;z-index:-1;width:106%;height:79%;left:-3%;top:-12%;border:1px solid #9de8dc69;border-left-color:transparent;border-bottom-color:#9de8dc26;border-radius:50%;transform:rotate(-8deg);transform-origin:center}
.orbit-path::after{content:"";position:absolute;width:5px;height:5px;right:12%;top:5%;border-radius:50%;background:#d9fffa;box-shadow:0 0 5px #fff,0 0 17px #75e3d2}
.orbit-layout.is-revealed .orbit-word{animation:orbit-word-in .9s cubic-bezier(.16,.78,.2,1) both}
.orbit-layout.is-revealed .orbit-ai{animation:orbit-ai-in 1s .16s cubic-bezier(.16,.78,.2,1) both}
.orbit-layout.is-revealed .orbit-path{animation:orbit-path-in 1.25s .1s cubic-bezier(.16,.78,.2,1) both}
@keyframes orbit-word-in{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-24px)}to{opacity:1;clip-path:inset(0);transform:none}}
@keyframes orbit-ai-in{from{opacity:0;transform:translateX(28px) skewX(-8deg)}to{opacity:1;transform:none}}
@keyframes orbit-path-in{from{opacity:0;transform:rotate(-20deg) scale(.76)}to{opacity:1;transform:rotate(-8deg) scale(1)}}

@media(max-width:1100px){.earth-practice{gap:50px}.earth-media .phone{width:270px}.hero-switcher{bottom:22px}.evolution-stages{gap:12px}}
@media(max-width:760px){
 .hero{padding-bottom:24px}
 .hero-layout{padding-top:360px;padding-bottom:10px}
 .hero-art{height:335px}
 .hero::after{height:345px;background:linear-gradient(0deg,var(--bg),transparent 26%)}
 .hero-art .hero-scene-1 img{object-position:85% center}
 .hero-art .hero-scene-2 img{object-position:95% center}
 .hero-art .hero-scene-3 img{object-position:86% center}
 .hero-switcher{position:absolute;top:303px;bottom:auto;justify-content:flex-end}
 .hero-controls{gap:10px}
 .motion-toggle{position:relative;right:auto;bottom:auto;margin:8px 24px 28px;width:max-content}
 .earth-practice{grid-template-columns:1fr;gap:36px}
 .earth-practice h2,.evolution h2{font-size:clamp(1.75rem,7vw,2.55rem)}
 .earth-practice .section-lead{font-size:.94rem}
 .earth-media .phone{width:min(100%,292px)}
 .practice-steps{margin-bottom:18px}
 .earth-free-note{font-size:.82rem;padding:11px 13px}
 .evolution-heading{margin-bottom:20px}
 .creature-tabs{width:100%;gap:0;margin-bottom:26px}
 .creature-tabs button{flex:1;padding:12px 7px;font-size:.88rem;min-height:48px}
 .evolution-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
 .evolution-stages figcaption{font-size:.8rem;padding-bottom:8px}
 .evolution-image{border-radius:5px}
 .render-note{font-size:.68rem;text-align:left;margin-top:20px}
 .cosmos-planet{width:1050px;right:-680px;top:-180px;opacity:calc(.16 + var(--space-depth)*.13)}
 .cosmos-orbit{left:-90%;width:260%;height:65%}
 .planet-encounter{display:block;margin-top:66px}
 .planet-split{width:calc(100% + 48px);max-width:none;margin-left:-24px;aspect-ratio:4/3;border-inline:0;border-radius:0;cursor:default}
 .planet-scene{inset:-4%}
 .planet-scene-mars img{object-position:48% center}
 .planet-scene-crystal img{object-position:52% center}
 .planet-label{bottom:13px;font-size:.58rem}.planet-label-mars{left:16px}.planet-label-crystal{right:14px}
 .planet-intro{margin-top:28px}
 .planet-kicker{margin-bottom:13px}
 .planet-encounter h3{font-size:1.55rem}
 .planet-intro>p:not(.planet-kicker):not(.rival-count){font-size:.86rem;margin-top:18px}
 .rival-count{gap:14px;margin-top:23px;padding-top:20px}.rival-count strong{font-size:3rem}.rival-count>span{font-size:.74rem}
 .orbit::before{width:430px;height:280px;left:-180px;top:15px}
 .orbit-wordmark{font-size:clamp(3.45rem,16vw,4.65rem);margin-bottom:27px}
}
@media(prefers-reduced-motion:reduce){.hero-scene,.evolution-image img{transition:none}.orbit-layout.is-revealed .orbit-word,.orbit-layout.is-revealed .orbit-ai,.orbit-layout.is-revealed .orbit-path{animation:none}.planet-scene img{transform:none}}