.os-reactor{--fx: 0;--fy: 0;position:relative;width:min(520px,100%);aspect-ratio:1;margin-left:auto;perspective:1100px}.os-plate{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(calc(10deg - var(--fy) * 8deg)) rotateY(calc(var(--fx) * 12deg));transition:transform .7s var(--ease-out)}.os-beams{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.os-beams line{stroke:#ffffff1f;stroke-width:3;stroke-linecap:round}.os-beams line.on{stroke:var(--c);stroke-dasharray:10 14;animation:os-flow .9s linear infinite;filter:drop-shadow(0 0 6px var(--c))}@keyframes os-flow{to{stroke-dashoffset:-24}}.os-core{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%) translateZ(40px);transform-style:preserve-3d;pointer-events:none}.os-orb{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3a3f55,#151826 70%);box-shadow:inset -10px -14px 30px #0009,0 0 0 2px #ffffff14;display:grid;place-items:center;text-align:center;font-weight:900;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#fff9;transition:background .8s,box-shadow .8s,color .4s}.os-orb b{display:block;font-size:clamp(20px,2.4vw,28px);letter-spacing:0;color:#fff;font-variant-numeric:tabular-nums}.os-ring{position:absolute;inset:0;border-radius:50%;border:3px solid rgba(255,255,255,.08);transform:rotateX(var(--ax)) rotateY(var(--ay))}.os-ring.on{border-color:var(--c);box-shadow:0 0 18px -2px var(--c),inset 0 0 12px -4px var(--c);animation:os-ring var(--sp, 6s) linear infinite}@keyframes os-ring{to{transform:rotateX(var(--ax)) rotateY(var(--ay)) rotate(360deg)}}.os-core.full .os-orb{background:radial-gradient(circle at 35% 30%,#fff,#f4c542 18%,#b062c2 55%,#00aeef);box-shadow:0 0 60px 6px #b062c299,inset -10px -14px 30px #00000040;color:#111}.os-core.full .os-orb b{color:#111}.os-core.full .os-ring.on{--sp: 2.2s}.os-cell{--c: var(--cyan);position:absolute;width:41%;min-height:34%;padding:16px;border:0;border-radius:24px;cursor:pointer;text-align:left;font:inherit;color:#fff;display:grid;align-content:space-between;gap:8px;background:linear-gradient(160deg,#ffffff17,#ffffff05),#141a2b;box-shadow:inset 0 0 0 1px #ffffff1f,0 20px 40px -24px #000c;transform:translateZ(0);transition:transform .5s var(--ease-spring),box-shadow .4s,background .5s}.os-cell:hover{transform:translateZ(30px) scale(1.03);box-shadow:inset 0 0 0 2px var(--c),0 24px 46px -24px var(--c)}.os-cell.on{background:radial-gradient(120% 120% at 20% 0%,color-mix(in srgb,var(--c) 45%,transparent),transparent 70%),#141a2b;box-shadow:inset 0 0 0 2px var(--c),0 0 40px -10px var(--c);transform:translateZ(18px)}.os-cell:nth-of-type(1){left:0;top:0}.os-cell:nth-of-type(2){right:0;top:0}.os-cell:nth-of-type(3){left:0;bottom:0}.os-cell:nth-of-type(4){right:0;bottom:0}.os-cell:nth-of-type(odd){padding-right:22%}.os-cell:nth-of-type(2n){padding-left:22%}.os-cell .lvl{font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c}.os-cell b{font-weight:900;font-size:clamp(15px,1.5vw,19px);line-height:1.12}.os-cell small{font-size:12px;color:#fff9;font-weight:700}.os-gem{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#ffffff14;color:#fff;transition:background .4s,transform .6s var(--ease-spring)}.os-cell.on .os-gem{background:var(--c);color:#111;transform:rotate(-12deg) scale(1.08)}.os-gem svg{width:20px;height:20px}.readout{margin-top:16px;width:min(520px,100%);margin-left:auto;min-height:120px}.readout .kicker{color:var(--purple-ink)}.readout h3{font-weight:900;font-size:22px;margin:4px 0 6px}.readout cite{font-style:normal;font-size:13px;font-weight:700;color:var(--muted)}.os-mono-track{--hs-w: min(400px, 82vw);perspective:1400px}.os-mono{position:relative;height:430px;border:0;padding:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;transform-style:preserve-3d;transition:transform .9s var(--ease-spring)}.os-mono[aria-pressed=true]{transform:rotateY(180deg)}.os-mono:hover:not([aria-pressed=true]){transform:rotateY(-8deg) translateY(-6px)}.os-face{position:absolute;inset:0;border-radius:30px;padding:26px;display:grid;align-content:space-between;gap:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.os-front{background:radial-gradient(90% 70% at 70% 20%,color-mix(in srgb,var(--c) 40%,transparent),transparent 70%),linear-gradient(170deg,#161d31,#0b0f1c);box-shadow:inset 0 0 0 1px #ffffff1f,0 30px 60px -30px #000c;color:#fff}.os-back{transform:rotateY(180deg);background:linear-gradient(170deg,color-mix(in srgb,var(--c) 30%,#101626),#0b0f1c);box-shadow:inset 0 0 0 2px var(--c);color:#fff}.os-num{font-weight:900;font-size:130px;line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--c) 80%,#fff);position:absolute;right:18px;top:14px;opacity:.55}.os-art{position:relative;height:170px;display:grid;place-items:center}.os-front .os-h{display:block;font-weight:900;font-size:26px;line-height:1.08;letter-spacing:-.02em}.os-front cite,.os-back cite{display:block;font-style:normal;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff9}.os-flip{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--c)}.os-back .os-p{display:block;font-size:18px;line-height:1.55}.os-back .os-tags{display:flex;flex-wrap:wrap;gap:6px}.os-back .os-tags span{font-size:12px;font-weight:900;padding:6px 10px;border-radius:999px;background:#ffffff1a}.os-sdt{position:relative;width:150px;height:150px;border-radius:50%;border:2px dashed rgba(255,255,255,.2);animation:os-turn 14s linear infinite}.os-sdt i{position:absolute;width:46px;height:46px;margin:-23px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:11px;color:#111;animation:os-turn 14s linear infinite reverse;box-shadow:0 8px #0000004d}.os-sdt i:nth-child(1){left:50%;top:0;background:#00aeef}.os-sdt i:nth-child(2){left:93%;top:75%;background:#f4c542}.os-sdt i:nth-child(3){left:7%;top:75%;background:#2a9d8f}@keyframes os-turn{to{transform:rotate(360deg)}}.os-ai{position:relative;width:120px;height:150px}.os-ai .pot{position:absolute;left:25%;right:25%;bottom:0;height:40px;border-radius:6px 6px 18px 18px;background:#e63946;box-shadow:inset 0 -8px #0003}.os-ai .stem{position:absolute;left:50%;bottom:38px;width:6px;margin-left:-3px;height:40px;border-radius:3px;background:#2a9d8f;transform-origin:50% 100%;transition:height .8s var(--ease-spring)}.os-ai .leaf{position:absolute;width:34px;height:18px;border-radius:0 100%;background:#2a9d8f;bottom:70px;transform-origin:0 100%;transform:scale(.4);transition:transform .8s var(--ease-spring) .1s,bottom .8s var(--ease-spring)}.os-ai .leaf.l{right:50%;transform-origin:100% 100%;border-radius:100% 0}.os-ai .leaf.r{left:50%}.os-ai .bloom{position:absolute;left:50%;bottom:76px;width:30px;height:30px;margin-left:-15px;border-radius:50%;background:radial-gradient(circle,#F4C542 40%,#ffdf7a 41%,#ffdf7a 60%,transparent 62%);transform:scale(0);transition:transform .7s var(--ease-spring) .2s,bottom .8s var(--ease-spring)}.os-mono:hover .os-ai .stem,.os-mono:focus-visible .os-ai .stem,.os-ai.grow .stem{height:92px}.os-mono:hover .os-ai .leaf,.os-mono:focus-visible .os-ai .leaf,.os-ai.grow .leaf{transform:scale(1);bottom:96px}.os-mono:hover .os-ai .bloom,.os-mono:focus-visible .os-ai .bloom,.os-ai.grow .bloom{transform:scale(1.3);bottom:120px}.os-bdh{display:grid;gap:6px;justify-items:center;perspective:600px}.os-bdh span{display:grid;place-items:center;height:40px;border-radius:10px;font-weight:900;font-size:14px;letter-spacing:.1em;color:#111;box-shadow:0 8px #0000004d;transform:rotateX(18deg);transition:transform .6s var(--ease-spring)}.os-bdh span:nth-child(1){width:90px;background:#2a9d8f}.os-bdh span:nth-child(2){width:130px;background:#f4c542}.os-bdh span:nth-child(3){width:170px;background:#00aeef}.os-mono:hover .os-bdh span:nth-child(1){transform:rotateX(18deg) translateY(-10px)}.os-mono:hover .os-bdh span:nth-child(2){transform:rotateX(18deg) translateY(-5px)}.os-alp{position:relative;width:170px;height:110px;perspective:500px}.os-alp i{position:absolute;bottom:0;width:50%;height:100%;background:linear-gradient(90deg,#f3eee2,#fff);box-shadow:inset 0 0 0 2px #d8d0bd;transform-origin:100% 50%}.os-alp i:nth-child(1){left:0;border-radius:10px 0 0 10px;transform:rotateY(18deg)}.os-alp i:nth-child(2){right:0;left:auto;transform-origin:0 50%;border-radius:0 10px 10px 0;transform:rotateY(-18deg)}.os-alp i:nth-child(3){right:0;left:auto;transform-origin:0 50%;border-radius:0 10px 10px 0;background:linear-gradient(90deg,#fff,#ece4d0);transform:rotateY(-18deg);animation:os-page 3.4s ease-in-out infinite}@keyframes os-page{0%,55%{transform:rotateY(-18deg)}80%,to{transform:rotateY(-178deg)}}.os-alp b{position:absolute;left:50%;top:-34px;transform:translate(-50%);width:40px;height:40px;border-radius:50%;background:#b062c2;display:grid;place-items:center;color:#fff;font-size:18px;box-shadow:0 6px #0000004d}.arc{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:center}.os-stairs{--fx: 0;--fy: 0;position:relative;height:380px;perspective:1200px;overflow-x:clip}.os-steps{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:10px;transform-style:preserve-3d;transform:rotateX(calc(14deg - var(--fy) * 6deg)) rotateY(calc(-12deg + var(--fx) * 10deg));transition:transform .7s var(--ease-out);padding-bottom:20px}.stn{--c: var(--cyan);--h: 90px;position:relative;height:var(--h);border:0;padding:0;font:inherit;color:#fff;cursor:pointer;background:none;transform-style:preserve-3d;transition:filter .4s;filter:saturate(.25) brightness(.7)}.stn .front{position:absolute;inset:0;border-radius:0 0 14px 14px;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 85%,#000),color-mix(in srgb,var(--c) 45%,#000));display:grid;align-content:start;justify-items:start;gap:2px;padding:34px 12px 12px;text-align:left}.stn .top{position:absolute;left:0;right:0;top:0;height:56px;transform-origin:50% 0;transform:rotateX(90deg);background:linear-gradient(135deg,color-mix(in srgb,var(--c) 70%,#fff),var(--c));border-radius:14px}.stn b{font-weight:900;font-size:clamp(22px,2.4vw,32px);line-height:1;letter-spacing:-.02em}.stn small{font-size:11px;font-weight:700;letter-spacing:.06em;opacity:.85}.stn.reached{filter:none}.stn.now .front{box-shadow:0 0 0 2px #fff inset,0 0 40px -8px var(--c)}.stn:disabled{cursor:default}.stn:nth-child(2){--h: 150px}.stn:nth-child(3){--h: 215px}.stn:nth-child(4){--h: 285px}.os-you{position:absolute;z-index:5;width:54px;height:54px;margin:-66px 0 0 -27px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:13px;color:#111;background:radial-gradient(circle at 35% 30%,#fff,#dfe5ee);box-shadow:0 10px #00000059,0 0 0 4px var(--purple);pointer-events:none;transition:left .2s,top .2s}.phase-card{min-height:170px}.phase-card .kicker{color:var(--purple-ink)}.phase-card h3{font-weight:900;font-size:26px;line-height:1.1;margin:6px 0 10px}.os-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;height:210px;align-items:end;margin-top:20px;padding:0 6px}.os-col{position:relative;display:grid;justify-items:center;gap:8px;height:100%;align-content:end}.os-col .tube{position:relative;width:58px;height:160px;border-radius:29px/12px;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.os-col .liq{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 70%,#000),var(--c) 45%,color-mix(in srgb,var(--c) 70%,#fff) 70%,color-mix(in srgb,var(--c) 70%,#000));transition:height 1s var(--ease-spring)}.os-col .liq:before{content:"";position:absolute;left:0;right:0;top:-8px;height:16px;border-radius:50%;background:color-mix(in srgb,var(--c) 60%,#fff)}.os-col b{font-size:18px;font-weight:900;font-variant-numeric:tabular-nums}.os-col span{font-size:12px;font-weight:700;color:var(--muted);text-align:center}.impact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;perspective:1000px}.imp{padding:24px;border-radius:24px;background:linear-gradient(160deg,#ffffff0f,#ffffff03),var(--surface);box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:6px;align-content:start;min-width:0;transition:box-shadow .5s,transform .6s var(--ease-spring)}.imp b{font-weight:900;font-size:clamp(40px,4.4vw,64px);line-height:.95;letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#00aeef,#b062c2);-webkit-background-clip:text;background-clip:text;color:transparent}.impact.lit .imp{box-shadow:inset 0 0 0 2px var(--purple),0 18px 36px -22px var(--purple);transform:translateY(-4px)}.pillars{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.pillars span{font-size:13px;font-weight:900;padding:8px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);transition:transform .3s var(--ease-spring),box-shadow .2s}.pillars span:hover{transform:translateY(-3px) rotate(-2deg);box-shadow:inset 0 0 0 1.5px var(--purple)}@media (max-width: 1100px){.impact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.arc{grid-template-columns:minmax(0,1fr)}.os-reactor,.readout{margin-left:0}}@media (max-width: 560px){.impact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.os-cell{padding:12px;border-radius:18px}.os-cell:nth-of-type(odd){padding-right:18%}.os-cell:nth-of-type(2n){padding-left:18%}.os-cell b{font-size:13px}.os-cell small,.os-cell .lvl{display:none}.os-gem{width:30px;height:30px}.os-stairs{height:320px}.stn:nth-child(1){--h: 70px}.stn:nth-child(2){--h: 120px}.stn:nth-child(3){--h: 175px}.stn:nth-child(4){--h: 230px}.stn .front{padding:22px 6px 6px}.stn b{font-size:18px}.stn small{font-size:10px}.stn small:last-child{display:none}.os-cols{gap:8px}.os-col .tube{width:46px}.os-mono{height:410px}.os-num{font-size:100px}}@media (prefers-reduced-motion: reduce){.os-sdt,.os-sdt i,.os-alp i,.os-ring.on,.os-beams line.on{animation:none}}