@layer app{.cs-root{--bg:#f5f1ea;--ink:#0f0e0c;--ink-dim:#0f0e0c99;--line:#0f0e0c1a;--red:#e3411f;--cream:#f5f1ea;--font-display:var(--font-instrument-serif), serif;--font-sans:var(--font-geist-sans), system-ui, sans-serif;--font-mono:var(--font-geist-mono), ui-monospace, monospace;--pad-x:clamp(24px, 5vw, 88px);background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;cursor:none;min-height:100vh;overflow-x:hidden}.cs-root *,.cs-root :before,.cs-root :after{box-sizing:border-box;margin:0;padding:0}.cs-root a{color:inherit;text-decoration:none}.cs-root .cursor{background:var(--red);pointer-events:none;z-index:9999;border:1px solid #0000;border-radius:50%;width:10px;height:10px;transition:width .2s,height .2s,background .2s,border-color .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cs-root .cursor.big{border-color:var(--red);background:0 0;width:64px;height:64px}.cs-root .cursor.on-red{background:var(--cream)}.cs-root .cursor.on-red.big{border-color:var(--cream);background:0 0}.cs-root .cursor-label{font-family:var(--font-mono);color:#fff;pointer-events:none;z-index:10000;opacity:0;text-transform:uppercase;letter-spacing:.06em;font-size:11px;transition:opacity .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cs-root .cursor-label.show{opacity:1}.cs-root .rail{font-family:var(--font-mono);letter-spacing:.12em;color:#f5f1ea;writing-mode:vertical-rl;text-orientation:mixed;z-index:50;text-transform:uppercase;mix-blend-mode:difference;font-size:10px;position:fixed;top:50%;left:18px;transform:translateY(-50%)rotate(180deg)}.cs-root nav.top{z-index:100;padding:22px var(--pad-x);font-family:var(--font-mono);letter-spacing:.02em;mix-blend-mode:difference;color:#f5f1ea;grid-template-columns:1fr auto 1fr;align-items:center;font-size:12px;display:grid;position:fixed;top:0;left:0;right:0}.cs-root nav.top:before{content:"";display:block}.cs-root .brand{top:22px;left:var(--pad-x);z-index:101;mix-blend-mode:difference;position:fixed}.cs-root .brand-logo{filter:invert();width:auto;height:28px;transition:opacity .2s;display:block}.cs-root .brand:hover .brand-logo{opacity:.75}.cs-root .links{text-transform:uppercase;justify-content:center;gap:28px;display:flex}.cs-root .links a{position:relative}.cs-root .links a:before{content:"";background:currentColor;width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.cs-root .links a:hover:before{width:100%}.cs-root .meta{justify-self:end;align-items:center;gap:20px;display:flex}.cs-root .pulse{vertical-align:middle;background:#3ecf54;border-radius:50%;width:6px;height:6px;margin-right:8px;animation:2s infinite csPulse;display:inline-block}@keyframes csPulse{0%{box-shadow:0 0 #3ecf5488}70%{box-shadow:0 0 0 8px #3ecf5400}to{box-shadow:0 0 #3ecf5400}}.cs-breadcrumb{padding:110px var(--pad-x) 0;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-dim);align-items:center;gap:10px;font-size:11px;display:flex}.cs-breadcrumb a{color:var(--ink-dim)}.cs-breadcrumb a:hover,.cs-breadcrumb .sep{color:var(--red)}.cs-hero{padding:40px var(--pad-x) 80px}.cs-hero .meta-row{flex-wrap:wrap;gap:14px;margin-bottom:30px;display:flex}.cs-hero .chip{font-family:var(--font-mono);border:1px solid var(--line);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.1em;border-radius:999px;padding:6px 12px;font-size:10px}.cs-hero .chip.red{background:var(--red);color:#fff;border-color:var(--red)}.cs-hero h1{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(64px,11vw,200px);font-weight:400;line-height:.88}.cs-hero h1 em{color:var(--red);font-style:italic}.cs-hero .deck{grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-top:60px;display:grid}.cs-hero .deck p{font-family:var(--font-display);letter-spacing:-.01em;max-width:28ch;font-size:clamp(24px,3vw,38px);line-height:1.2}.cs-hero .deck p em{font-style:italic}.cs-hero .facts{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:30px;padding-top:24px;font-size:11px;line-height:1.7;display:grid}.cs-hero .facts strong{font-family:var(--font-display);color:var(--ink);text-transform:none;letter-spacing:-.01em;margin-bottom:4px;font-size:22px;font-style:italic;font-weight:400;display:block}.hero-media{aspect-ratio:21/10;margin:0 var(--pad-x);border-radius:4px;align-items:flex-end;padding:40px;display:flex;position:relative;overflow:hidden}.hero-media:before{content:"";background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 40px),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 40px);position:absolute;inset:0}.hero-media .overlay{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;z-index:2;font-size:clamp(40px,7vw,100px);font-style:italic;line-height:.9;position:relative}.hero-media .overlay .dot{color:var(--red)}.hero-media .corner{font-family:var(--font-mono);color:#fffc;letter-spacing:.1em;text-transform:uppercase;font-size:11px;position:absolute;top:24px;right:24px}.cs-numbers{padding:100px var(--pad-x);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:0;margin-top:60px;display:grid}.cs-numbers .n-cell{border-right:1px solid var(--line);padding-right:30px}.cs-numbers .n-cell:last-child{border-right:none}.cs-numbers .num{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(64px,8vw,130px);line-height:.9}.cs-numbers .num em{color:var(--red);font-style:italic}.cs-numbers .n-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);max-width:22ch;margin-top:16px;font-size:11px;line-height:1.5}.chapter{padding:120px var(--pad-x);border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:80px;display:grid}.chapter .side{height:fit-content;position:sticky;top:120px}.chapter .side .num{font-family:var(--font-mono);color:var(--red);letter-spacing:.12em;margin-bottom:12px;font-size:11px;display:block}.chapter .side h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(40px,5vw,72px);font-weight:400;line-height:.95}.chapter .side h2 em{color:var(--red);font-style:italic}.chapter .side .sub{font-family:var(--font-mono);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;margin-top:20px;font-size:11px}.chapter .body{color:var(--ink);max-width:58ch;font-size:17px;line-height:1.6}.chapter .body p+p{margin-top:20px}.chapter .body em{color:var(--red);font-style:italic}.chapter .body strong{font-weight:600}.chapter .body .pull{font-family:var(--font-display);border-left:2px solid var(--red);letter-spacing:-.01em;margin:36px 0;padding-left:24px;font-size:clamp(26px,3vw,40px);line-height:1.25}.cs-media{padding:0 var(--pad-x) 120px;border-bottom:1px solid var(--line)}.cs-media .frame{aspect-ratio:21/10;border-radius:4px;align-items:flex-end;padding:40px;display:flex;position:relative;overflow:hidden}.cs-media .frame .label{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;font-size:44px;font-style:italic}.cs-media .caption{font-family:var(--font-mono);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;margin-top:16px;font-size:11px;display:flex}.compare{padding:0 var(--pad-x) 120px;grid-template-columns:1fr 1fr;gap:30px;display:grid}.compare .card{aspect-ratio:4/3;border-radius:4px;flex-direction:column;justify-content:space-between;padding:40px;display:flex;position:relative;overflow:hidden}.compare .card.before{border:1px solid var(--line);background:#e6dfd2}.compare .card.after{background:var(--ink);color:var(--cream)}.compare .card h3{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;margin-bottom:16px;font-size:11px}.compare .card.before h3{color:var(--ink-dim)}.compare .card.after h3{color:var(--red)}.compare .card p{font-family:var(--font-display);letter-spacing:-.01em;max-width:22ch;font-size:clamp(24px,2.6vw,34px);line-height:1.2}.compare .card.after p em{color:var(--red);font-style:italic}.cs-stack{padding:80px var(--pad-x);border-top:1px solid var(--line);grid-template-columns:1fr 2fr;align-items:start;gap:60px;display:grid}.cs-stack h3{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(32px,3.6vw,52px);font-weight:400;line-height:1}.cs-stack h3 em{color:var(--red);font-style:italic}.stack-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stack-tile{border:1px solid var(--line);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);border-radius:4px;flex-direction:column;gap:10px;padding:20px;font-size:11px;transition:background .2s,color .2s;display:flex}.stack-tile:hover{background:var(--ink);color:var(--cream)}.stack-tile .name{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;text-transform:none;font-size:22px;font-weight:400}.stack-tile:hover .name{color:var(--cream)}.stack-tile .kind{color:var(--red);font-size:9px}.cs-quote{padding:160px var(--pad-x);background:var(--red);color:var(--cream);position:relative;overflow:hidden}.cs-quote:before{content:"\"";left:var(--pad-x);font-family:var(--font-display);opacity:.12;font-size:400px;font-style:italic;line-height:.8;position:absolute;top:0}.cs-quote .body{font-family:var(--font-display);letter-spacing:-.02em;z-index:2;max-width:20ch;font-size:clamp(36px,5vw,72px);line-height:1.05;position:relative}.cs-quote .body em{font-style:italic}.cs-quote .attr{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;z-index:2;margin-top:80px;font-size:12px;position:relative}.cs-quote .attr .n{font-family:var(--font-display);text-transform:none;letter-spacing:-.01em;margin-bottom:4px;font-size:28px;font-style:italic}.cs-next{padding:120px var(--pad-x);border-top:1px solid var(--line);color:var(--ink);cursor:none;grid-template-columns:1fr 2fr;align-items:end;gap:60px;text-decoration:none;transition:background .3s;display:grid}.cs-next:hover{background:var(--ink);color:var(--cream)}.cs-next .lead{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-dim);margin-bottom:14px;font-size:11px;transition:color .3s}.cs-next:hover .lead{color:#f5f1ea88}.cs-next h2{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(56px,9vw,150px);font-weight:400;line-height:.88}.cs-next h2 em{color:var(--red);font-style:italic}.cs-next .arrow{font-family:var(--font-mono);color:var(--ink-dim);margin-top:20px;font-size:14px;transition:color .3s,transform .3s}.cs-next:hover .arrow{color:#f5f1ea88;transform:translate(8px)}.cs-root footer{padding:60px var(--pad-x) 32px;border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-dim);grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;font-size:12px;display:grid}.cs-root footer h5{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink);margin-bottom:16px;font-size:11px;font-weight:500}.cs-root footer ul{flex-direction:column;gap:8px;list-style:none;display:flex}.cs-root footer a:hover{color:var(--red)}.cs-root .brand-foot{flex-direction:column;gap:16px;display:flex}.cs-root .logo-img{align-self:flex-start;width:auto;max-width:100%;height:48px;display:block}.cs-root .tagline{max-width:28ch;line-height:1.55}.cs-root .copy{border-top:1px solid var(--line);grid-column:1/-1;justify-content:space-between;margin-top:20px;padding-top:20px;display:flex}@media (max-width:900px){.chapter{padding:80px var(--pad-x);grid-template-columns:1fr;gap:24px}.chapter .side{position:static}.cs-numbers{grid-template-columns:repeat(2,1fr)}.cs-numbers .n-cell:nth-child(2n){border-right:none}.compare,.cs-stack{grid-template-columns:1fr}.stack-grid{grid-template-columns:repeat(2,1fr)}.cs-hero .deck,.cs-next{grid-template-columns:1fr}.cs-root footer{grid-template-columns:1fr 1fr}}@media (max-width:600px){.stack-grid{grid-template-columns:1fr 1fr}.cs-root footer{grid-template-columns:1fr}.cs-root .links{display:none}}}