.cs{position:relative;background:#04050a;color:#e8ecf4;padding:clamp(3.5rem,10vh,7rem) 0 clamp(4rem,12vh,8rem);overflow:hidden;--cs-line:#16203a;--cs-blue:#2b8fd4;--cs-accent:#f58220;--cs-muted:#7c8698}.cs--hero{background:linear-gradient(180deg,#081d3b,#06172f 20%,#050d1c 45%,#04050a 80%);padding-top:clamp(7rem,18vh,11rem)}.cs__stars{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(1px 1px at 12% 18%,#7fb6dd 50%,transparent 51%),radial-gradient(1px 1px at 78% 12%,#cfe4f5 50%,transparent 51%),radial-gradient(1px 1px at 34% 62%,#6aa6cf 50%,transparent 51%),radial-gradient(1px 1px at 88% 74%,#a9cdea 50%,transparent 51%),radial-gradient(1px 1px at 58% 34%,#f58220 50%,transparent 51%),radial-gradient(1px 1px at 22% 86%,#8fc0e0 50%,transparent 51%),radial-gradient(1px 1px at 66% 92%,#b9d8ef 50%,transparent 51%),radial-gradient(1px 1px at 46% 8%,#7fb6dd 50%,transparent 51%);background-repeat:repeat;background-size:620px 480px;-webkit-mask-image:radial-gradient(95% 85% at 50% 40%,#000,transparent);mask-image:radial-gradient(95% 85% at 50% 40%,#000,transparent)}.cs__inner{position:relative;width:100%;padding:0 clamp(1.2rem,3.5vw,4rem);max-width:84rem;margin:0 auto}.cs__meta{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.8rem}.cs__chip{font-family:var(--font-fira-code),ui-monospace,monospace;font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cs-muted);border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px);border-radius:999px;padding:.45rem .9rem}.cs__shot{margin-top:clamp(2.2rem,6vh,3.5rem);border:1px solid var(--cs-line);border-radius:18px;overflow:hidden;background:#0b0f1a;line-height:0}.cs__shot img{width:100%;height:auto;display:block;filter:saturate(.92) contrast(1.02) brightness(.95)}.cs__shift{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.cs__shift li{position:relative;isolation:isolate;display:flex;align-items:flex-start;gap:.85rem;padding:1.2rem 1.3rem;border:1px solid var(--cs-line);border-radius:14px;background:rgba(5,7,15,.86);backdrop-filter:blur(8px);font-family:var(--font-inter),system-ui,sans-serif;font-size:.92rem;line-height:1.55;color:var(--cs-muted);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s ease}.cs__shift li:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;border-radius:inherit;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(43,143,212,.16),rgba(245,130,32,.06) 45%,transparent 70%);transition:opacity .35s ease}.cs__shift li:hover:before{opacity:1}.cs__shift li:hover{border-color:rgba(43,143,212,.45)}.cs__bullet{width:7px;height:7px;border-radius:50%;background:#3b4557;margin-top:.5rem;flex:none}.cs__shift.is-after .cs__bullet{background:var(--cs-accent)}.cs__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.cs__step{position:relative;isolation:isolate;padding:1.5rem 1.5rem 1.6rem;border:1px solid var(--cs-line);border-radius:16px;background:rgba(5,7,15,.86);backdrop-filter:blur(8px);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s ease}.cs__step:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;border-radius:inherit;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(43,143,212,.16),rgba(245,130,32,.06) 45%,transparent 70%);transition:opacity .35s ease}.cs__step:hover:before{opacity:1}.cs__step:hover{border-color:rgba(43,143,212,.45)}.cs__n{display:block;font-family:var(--font-fira-code),ui-monospace,monospace;font-size:.58rem;letter-spacing:.2em;color:var(--cs-blue);margin-bottom:.9rem}.cs__step-t{font-family:var(--font-montserrat),system-ui,sans-serif;font-weight:700;text-transform:uppercase;font-size:1.15rem;letter-spacing:-.025em;margin:0 0 .6rem;transition:color .3s ease}.cs__step:hover .cs__step-t{color:var(--cs-accent)}.cs__step-d{font-family:var(--font-inter),system-ui,sans-serif;font-size:.88rem;line-height:1.65;color:var(--cs-muted);margin:0}.cs__prose{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:clamp(1.5rem,4vw,3rem)}.cs__h{font-family:var(--font-montserrat),system-ui,sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(1.1rem,1.9vw,1.45rem);letter-spacing:-.03em;margin:0 0 .9rem}.cs__prose p{font-family:var(--font-inter),system-ui,sans-serif;font-size:.94rem;line-height:1.75;color:var(--cs-muted);margin:0 0 1rem}.cs__outcomes{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.8rem;margin-top:clamp(2rem,5vh,3rem)}.cs__outcome{position:relative;isolation:isolate;text-align:center;padding:1.6rem 1.3rem;border:1px solid var(--cs-line);border-radius:16px;background:rgba(5,7,15,.86);backdrop-filter:blur(8px);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s cubic-bezier(.22,1,.36,1)}.cs__outcome:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;border-radius:inherit;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(43,143,212,.16),rgba(245,130,32,.06) 45%,transparent 70%);transition:opacity .35s ease}.cs__outcome:hover:before{opacity:1}.cs__outcome-v{font-family:var(--font-montserrat),system-ui,sans-serif;font-weight:800;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.04em;line-height:1;margin:0 0 .6rem;color:var(--cs-accent)}.cs__outcome-l{font-family:var(--font-inter),system-ui,sans-serif;font-size:.8rem;line-height:1.5;color:var(--cs-muted);margin:0}.cs__actions{justify-content:center;gap:.8rem;margin-top:clamp(1.8rem,4vh,2.6rem)}.cs__actions,.cs__next{display:flex;flex-wrap:wrap}.cs__next{align-items:center;justify-content:space-between;gap:1rem;margin-top:clamp(2.5rem,6vh,4rem);padding:1.4rem 1.6rem;border:1px solid var(--cs-line);border-radius:16px;background:hsla(0,0%,100%,.04);backdrop-filter:blur(12px);text-decoration:none;color:inherit;transition:border-color .3s ease,transform .35s cubic-bezier(.22,1,.36,1)}.cs__next:hover{border-color:rgba(245,130,32,.5);transform:translateY(-3px)}.cs__next-k{font-family:var(--font-fira-code),ui-monospace,monospace;font-size:.56rem;letter-spacing:.22em;color:var(--cs-muted)}.cs__next-k,.cs__next-t{text-transform:uppercase}.cs__next-t{font-family:var(--font-montserrat),system-ui,sans-serif;font-weight:700;font-size:clamp(1.1rem,2vw,1.5rem);letter-spacing:-.03em}.cs__next-m{font-family:var(--font-fira-code),ui-monospace,monospace;font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cs-accent)}@media (max-width:900px){.cs__shift,.cs__steps{grid-template-columns:1fr}}@media (max-width:640px){.cs__actions{flex-direction:column;align-items:stretch}.cs__next{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (prefers-reduced-motion:reduce){.cs__next,.cs__outcome,.cs__shift li,.cs__step{transform:none;transition:none}}.cs__reading{margin:2.4rem 0 0;padding-top:1.6rem;border-top:1px solid var(--cs-line,#16203a)}.cs__reading-k{display:block;font-family:var(--font-fira-code),ui-monospace,monospace;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#f58220;margin-bottom:.9rem}.cs__reading ul{display:flex;flex-wrap:wrap;gap:.55rem 1.4rem;list-style:none;margin:0;padding:0}.cs__reading a{color:#38bdf8;font-size:.92rem;text-decoration:none;border-bottom:1px solid rgba(56,189,248,.32);padding-bottom:2px;transition:color .2s ease,border-color .2s ease}.cs__reading a:hover{color:#fff;border-color:#fff}