.cs-main{--cs-gutter:max(24px, calc((100vw - 1180px) / 2));--cs-wide:max(20px, calc((100vw - 1480px) / 2));--cs-measure:62ch;--cs-paper:#fbfbf9;--cs-ink:#0d0d0d;--cs-body:#5a5a5a;--cs-muted:#8b8b86;--cs-rule:#0000001c;--cs-stage:#0b1220;background:var(--cs-paper);color:var(--cs-ink);overflow-x:clip}.cs-main h1,.cs-main h2,.cs-main h3{font-family:var(--font-display), var(--font-sans), sans-serif;font-weight:700}.cs-main section{padding-inline:var(--cs-gutter)}.cs-eyebrow,.cs-tag,.cs-meta dt,.cs-stack span{font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:.16em;text-transform:uppercase;font-size:.7rem;font-weight:600}.cs-title-block{gap:clamp(28px,4vw,52px);padding-block:clamp(40px,7vw,92px) clamp(28px,4vw,48px);display:grid}.cs-crumbs{color:var(--cs-muted);align-items:center;gap:10px;font-size:.86rem;font-weight:500;display:flex}.cs-crumbs a:hover{color:var(--cs-ink)}.cs-title-block h1{letter-spacing:-.045em;max-width:14ch;margin:0;font-size:clamp(3rem,9vw,7.5rem);line-height:.94}.cs-meta{border-top:1px solid var(--cs-rule);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:28px 40px;margin:0;padding-top:clamp(24px,3vw,40px);display:grid}.cs-meta div{align-content:start;gap:10px;display:grid}.cs-meta dt{color:var(--cs-muted)}.cs-meta dd{color:var(--cs-ink);margin:0;font-size:1rem;font-weight:500;line-height:1.5}.cs-hero-media{background:radial-gradient(58% 62% at 50% 34%,#2563eb33,#0000 68%),radial-gradient(40% 46% at 82% 74%,#7c3aed29,#0000 70%),linear-gradient(#05070d 0%,#0a0f1c 52%,#06080f 100%);position:relative;overflow:hidden;padding:0 var(--cs-wide)!important}.cs-hero-media>.cs-reel{align-content:center;min-height:100svh;padding-top:92px;padding-bottom:clamp(28px,4vh,52px);display:grid}.cs-hero-media .cs-monitor-screen .cm-app{min-height:calc(135cqh - 45.9px);animation:22s ease-in-out infinite cs-hero-drift}@keyframes cs-hero-drift{0%,8%{transform:translateY(0)}48%,52%{transform:translateY(calc(-22cqh + 7.48px))}92%,to{transform:translateY(0)}}.cs-monitor{perspective:2200px;perspective-origin:62% 42%;width:min(1180px,100%,160svh - 416px);margin:0 auto}.cs-monitor-body{transform-style:preserve-3d;background:linear-gradient(158deg,#3d4759 0%,#232b3a 42%,#161c27 100%);border-radius:clamp(10px,1.1vw,16px);padding:clamp(9px,1vw,15px);position:relative;transform:rotateY(-7deg)rotateX(2deg);box-shadow:0 60px 130px -40px #000000f2,inset 0 1px #ffffff29}.cs-monitor-screen{aspect-ratio:16/10;background:#05070d;border-radius:clamp(4px,.5vw,7px);position:relative;overflow:hidden;container-type:size}.cs-monitor-screen .cm-app{min-height:calc(118cqh - 40.12px);animation:18s ease-in-out infinite cs-screen-drift}@keyframes cs-screen-drift{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-12cqh + 4.08px))}}.cs-reel-screen,.cs-reel-frame{height:100%}.cs-monitor-glare{z-index:3;pointer-events:none;background:linear-gradient(118deg,#ffffff17 0%,#ffffff05 28%,#0000 54%);position:absolute;inset:0}.cs-monitor-chin{place-items:center;height:clamp(16px,1.8vw,26px);display:grid}.cs-monitor-chin span{background:#ffffff24;border-radius:999px;width:42px;height:3px}.cs-monitor-neck{clip-path:polygon(16% 0,84% 0,100% 100%,0 100%);background:linear-gradient(#2a3244 0%,#1a2130 100%);width:clamp(70px,8vw,104px);height:clamp(26px,3vw,44px);margin:0 auto}.cs-monitor-foot{background:linear-gradient(#39435800 0%,#2b3346 22%,#141a25 100%);border-radius:0 0 999px 999px;width:clamp(180px,20vw,280px);height:clamp(8px,.9vw,12px);margin:0 auto;box-shadow:0 26px 40px -18px #000000e6}.cs-reel{gap:0;display:grid}.cs-reel-screens{display:grid;position:relative}.cs-reel-screen{opacity:0;filter:blur(2px);will-change:opacity, transform, filter;grid-area:1/1;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform 1.4s cubic-bezier(.22,1,.36,1),filter .8s cubic-bezier(.22,1,.36,1);transform:scale(1.018)}.cs-reel-screen.is-active{opacity:1;filter:blur();z-index:2;transform:none}.cs-reel-frame{box-shadow:none;border:0;border-radius:0}.cs-reel-cursor{z-index:4;filter:drop-shadow(0 3px 6px #00000073);pointer-events:none;width:22px;height:22px;animation:3.8s cubic-bezier(.5,0,.2,1) forwards cs-cursor-path;position:absolute;top:0;left:0}.cs-reel-cursor svg{width:100%;height:100%}@keyframes cs-cursor-path{0%{opacity:0;transform:translate(58%,62%)scale(1)}12%{opacity:1}55%{transform:translate(30%,48%)scale(1)}86%{opacity:1;transform:translate(7%,33%)scale(1)}92%{transform:translate(7%,33%)scale(.82)}to{opacity:0;transform:translate(7%,33%)scale(1)}}.cs-reel-legend{justify-content:space-between;align-items:center;gap:20px;width:min(1120px,100%);margin:clamp(26px,3vw,40px) auto 0;display:flex}.cs-reel-label{color:#ffffffd1;font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:.06em;align-items:center;gap:10px;margin:0;font-size:.86rem;font-weight:600;display:inline-flex}.cs-reel-label span{color:#ffffff6b}.cs-reel-pips{gap:7px;display:flex}.cs-reel-pips button{cursor:pointer;background:#ffffff26;border:0;border-radius:999px;width:26px;height:3px;padding:0;transition:background .32s,width .42s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.cs-reel-pips button.is-done{background:#ffffff73}.cs-reel-pips button.is-active{background:#ffffff2e;width:48px}.cs-pip-progress{background:linear-gradient(90deg, var(--blue), var(--cyan));transform-origin:0;border-radius:999px;animation:linear forwards cs-pip-fill;position:absolute;inset:0}@keyframes cs-pip-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.cs-stage{background:var(--cs-stage);border-radius:clamp(16px,2vw,28px);padding:clamp(16px,2.4vw,40px)}.cs-frame{background:#f5f7fb;border:1px solid #ffffff21;border-radius:8px;margin:0;overflow:hidden}.cs-frame-chrome{background:#fff;border-bottom:1px solid #dce2eb;align-items:center;gap:6px;min-height:38px;padding:0 14px;display:flex}.cs-frame-chrome i{background:#c4ccd8;border-radius:50%;width:8px;height:8px}.cs-frame-chrome span{color:#8993a3;text-transform:capitalize;margin-left:10px;font-size:.68rem}.cs-frame-image{width:100%;height:auto;display:block}@keyframes cs-stage-scroll{0%,12%{transform:translateY(0)}45%,55%{transform:translateY(-15%)}88%,to{transform:translateY(0)}}.cs-stage-caption{max-width:var(--cs-measure);color:#ffffff8c;text-align:center;margin:clamp(18px,2vw,26px) auto 0;font-size:.92rem;line-height:1.65}.cs-hero-media>.cs-stage-caption{padding-bottom:clamp(48px,7vh,96px)}.cs-intro{border-top:1px solid var(--cs-rule);grid-template-columns:minmax(0,.3fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,72px);padding-block:clamp(60px,9vw,140px);display:grid}.cs-eyebrow{color:var(--cs-muted);margin:0}.cs-intro-body{max-width:var(--cs-measure);gap:22px;display:grid}.cs-intro-body p{color:var(--cs-body);margin:0;font-size:clamp(1.02rem,1.15vw,1.12rem);line-height:1.78}.cs-lede{letter-spacing:-.018em;font-weight:500;color:var(--cs-ink)!important;font-size:clamp(1.32rem,2.2vw,1.85rem)!important;line-height:1.42!important}.cs-section{border-top:1px solid var(--cs-rule);padding-block:clamp(70px,11vw,170px)}.cs-section-head{gap:22px;max-width:860px;margin-bottom:clamp(40px,6vw,84px);display:grid}.cs-section-head h2{letter-spacing:-.038em;margin:0;font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.04}.cs-section-head p{max-width:var(--cs-measure);color:var(--cs-body);margin:0;font-size:clamp(1.05rem,1.3vw,1.22rem);line-height:1.72}.cs-quote{border-top:1px solid var(--cs-rule);max-width:940px;margin:0;padding-top:clamp(30px,4vw,56px)}.cs-quote p{font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.03em;margin:0 0 20px;font-size:clamp(1.4rem,3vw,2.35rem);font-weight:600;line-height:1.24}.cs-quote cite{color:var(--cs-muted);letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;font-style:normal;font-weight:600}.cs-principles{counter-reset:principle;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(28px,3.5vw,56px);margin:0 0 clamp(50px,7vw,100px);padding:0;list-style:none;display:grid}.cs-principles li{border-top:1px solid var(--cs-rule);counter-increment:principle;align-content:start;gap:12px;padding-top:22px;display:grid}.cs-principles li:before{content:counter(principle, decimal-leading-zero);color:var(--cs-muted);font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:.16em;font-size:.72rem;font-weight:600}.cs-principles h3{letter-spacing:-.018em;margin:0;font-size:1.16rem;line-height:1.32}.cs-principles p{color:var(--cs-body);margin:0;font-size:.98rem;line-height:1.72}.cs-palette{margin-bottom:clamp(50px,7vw,100px)}.cs-palette h3{letter-spacing:-.018em;margin:0 0 24px;font-size:1.16rem}.cs-palette ul{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.cs-palette li{gap:6px;display:grid}.cs-swatch{border-radius:12px;height:76px;margin-bottom:8px;box-shadow:inset 0 0 0 1px #00000017}.cs-palette b{font-size:.98rem;font-weight:600}.cs-palette code{color:var(--cs-muted);letter-spacing:.04em;font-size:.8rem}.cs-palette small{color:var(--cs-body);font-size:.86rem;line-height:1.5}.cs-compare{gap:0;margin:0 0 clamp(50px,7vw,90px);padding:0;list-style:none;display:grid}.cs-compare li{border-top:1px solid var(--cs-rule);grid-template-columns:auto minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,52px);padding-block:clamp(28px,3.4vw,44px);display:grid}.cs-compare li:last-child{border-bottom:1px solid var(--cs-rule)}.cs-compare-num{color:var(--cs-muted);font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:.16em;font-size:.78rem;font-weight:600}.cs-compare-old,.cs-compare-new{align-content:start;gap:12px;display:grid}.cs-tag{width:max-content;color:var(--cs-muted)}.cs-tag.is-now{color:var(--orange)}.cs-compare h3{letter-spacing:-.022em;margin:0;font-size:clamp(1.14rem,1.7vw,1.4rem);line-height:1.28}.cs-compare p{color:var(--cs-body);margin:0;font-size:.98rem;line-height:1.72}.cs-compare-new p{color:var(--cs-ink);font-size:1.05rem;font-weight:500}.cs-flow{flex-wrap:wrap;gap:10px 12px;margin:0;padding:0;list-style:none;display:flex}.cs-flow li{border:1px solid var(--cs-rule);color:var(--cs-ink);border-radius:999px;align-items:center;gap:9px;padding:10px 18px;font-size:.92rem;font-weight:500;display:inline-flex}.cs-flow span{color:var(--cs-muted);font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:.1em;font-size:.72rem;font-weight:600}.cs-screens{gap:clamp(52px,7vw,104px);display:grid}.cs-screen{gap:clamp(22px,2.6vw,36px);display:grid}.cs-screen-copy{max-width:var(--cs-measure);gap:14px;display:grid}.cs-screen-copy h3{letter-spacing:-.03em;margin:0;font-size:clamp(1.3rem,2.2vw,1.85rem);line-height:1.2}.cs-screen-copy p{color:var(--cs-body);margin:0;font-size:1.02rem;line-height:1.74}.cs-screen-detail{border-left:2px solid var(--cs-rule);padding-left:20px;color:var(--cs-muted)!important;font-size:.95rem!important}.cs-screens .cs-stage,.cs-section>.cs-stage{margin-inline:calc(var(--cs-wide) - var(--cs-gutter))}.cs-evidence-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:clamp(34px,5vw,70px);display:grid}.cs-evidence-grid figure{border:1px solid var(--cs-rule);background:#fff;margin:0;overflow:hidden}.cs-evidence-grid img{border-bottom:1px solid var(--cs-rule);width:100%;height:auto;display:block}.cs-evidence-grid figcaption{gap:8px;padding:18px;display:grid}.cs-evidence-grid figcaption strong{font-family:var(--font-display), var(--font-sans), sans-serif;font-size:1rem}.cs-evidence-grid figcaption span{color:var(--cs-body);font-size:.84rem;line-height:1.55}.cs-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(26px,3.4vw,52px);margin:0 0 clamp(50px,7vw,96px);padding:0;list-style:none;display:grid}.cs-stats li{border-top:1px solid var(--cs-rule);align-content:start;gap:8px;padding-top:22px;display:grid}.cs-stats strong{font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.04em;font-size:clamp(2.6rem,5vw,4rem);font-weight:700;line-height:1}.cs-stats b{font-size:1rem;font-weight:600}.cs-stats span{color:var(--cs-body);font-size:.9rem;line-height:1.6}.cs-outcome-list{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:0 clamp(30px,4vw,64px);margin:0;padding:0;list-style:none;display:grid}.cs-outcome-list li{border-top:1px solid var(--cs-rule);color:var(--cs-ink);padding-block:20px;font-size:1.02rem;line-height:1.66}.cs-stack{border-top:1px solid var(--cs-rule);gap:12px;margin-top:clamp(44px,6vw,80px);padding-top:clamp(24px,3vw,36px);display:grid}.cs-stack span{color:var(--cs-muted)}.cs-stack p{max-width:70ch;color:var(--cs-body);margin:0;font-size:1rem;line-height:1.7}.cs-next{border-top:1px solid var(--cs-rule);gap:22px;padding-block:clamp(70px,11vw,160px);display:grid}.cs-next h2{max-width:18ch;font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.04em;margin:0;font-size:clamp(2rem,5vw,3.6rem);font-weight:700;line-height:1.04}.cs-next p{max-width:var(--cs-measure);color:var(--cs-body);margin:0;font-size:clamp(1.05rem,1.3vw,1.18rem);line-height:1.72}.cs-next-actions{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}@media (max-width:900px){.cs-intro{grid-template-columns:minmax(0,1fr);gap:20px}.cs-monitor-body{transform:none}.cs-monitor{perspective:none;width:min(1120px,100%)}.cs-hero-media>.cs-reel{min-height:0;padding-top:clamp(72px,12vh,104px);padding-bottom:clamp(24px,4vh,40px)}.cs-compare li{grid-template-columns:minmax(0,1fr);gap:16px}.cs-compare-num{display:none}}@media (max-width:640px){.cs-stage{border-radius:14px;padding:10px}.cs-frame-chrome{min-height:30px}.cs-evidence-grid,.cs-outcome-list{grid-template-columns:minmax(0,1fr)}}