.cs-case-hero{background:var(--black);border-bottom:1px solid var(--border);grid-template:"cch-l cch-r"1fr"cch-b cch-b"/1fr 1.4fr;min-height:100svh;display:grid;position:relative;overflow:hidden}.cch-glow{pointer-events:none;z-index:0;background:radial-gradient(60% 60% at 70% 30%,#22c55e12 0%,#0000 65%);width:55%;height:75%;position:absolute;top:0;right:0}.cch-left{padding:0 clamp(24px,3vw,48px)clamp(32px,4vw,56px)var(--g);border-right:1px solid var(--border);z-index:1;flex-direction:column;grid-area:cch-l;padding-top:clamp(40px,4vw,56px);display:flex;position:relative}.cch-nav-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(40px,6vw,80px);display:flex}.cch-code{font-family:var(--font-mono);color:var(--text3);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:.62rem}.cch-title-block{flex-direction:column;flex:1;justify-content:center;gap:clamp(16px,2vw,24px);display:flex}.cch-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#22c55e;font-size:.67rem;display:block}.cch-logo-wrap{display:block}.cch-logo-img{width:clamp(200px,28vw,360px);height:auto;display:block}.cch-sub{color:var(--text2);max-width:40ch;font-size:clamp(.88rem,1vw,1.02rem);line-height:1.68}.cch-actions{gap:12px;margin-top:4px;display:flex}.cch-btn-live{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#22c55e;transition:all var(--t-fast);background:#22c55e1a;border:1px solid #22c55e40;border-radius:0;align-items:center;gap:8px;padding:10px 20px;font-size:.72rem;text-decoration:none;display:inline-flex}.cch-btn-live:hover{background:#22c55e2e;border-color:#22c55e66}.cch-right{z-index:1;grid-area:cch-r;justify-content:center;align-items:center;padding:clamp(40px,5vw,72px) clamp(16px,2vw,32px);display:flex;position:relative}.cch-devices-wrap{width:100%;max-width:760px;transition:transform var(--t-expand)}.cch-devices-wrap:hover{transform:scale(1.02)}.cch-devices-img{border-radius:0;width:100%;height:auto;display:block}.cch-basement{border-top:1px solid var(--border);z-index:1;grid-area:cch-b;grid-template-columns:auto 1fr auto;align-items:start;display:grid;position:relative}.cch-basement-roles{padding:clamp(16px,2vw,24px)clamp(20px,2.5vw,36px)clamp(16px,2vw,24px)var(--g)}.cch-basement-stack{border-left:1px solid var(--border);border-right:1px solid var(--border);padding:clamp(16px,2vw,24px) clamp(20px,2.5vw,36px)}.cch-basement-year{padding:clamp(16px,2vw,24px)var(--g)clamp(16px,2vw,24px)clamp(20px,2.5vw,36px);flex-direction:column;align-items:flex-end;display:flex}.cch-meta-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:10px;font-size:.61rem;display:block}.cch-roles-list{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.cch-roles-list li{color:var(--text);font-size:clamp(.72rem,.2vw + .68rem,.82rem);line-height:1.5}.cch-stack-pills{flex-wrap:wrap;gap:5px 6px;display:flex}.cch-pill{font-family:var(--font-mono);color:var(--text2);background:var(--surface2);border:1px solid var(--border);letter-spacing:.01em;white-space:nowrap;border-radius:0;padding:3px 8px;font-size:.62rem}.cch-year-val{font-family:var(--font-display);color:#ffffff14;letter-spacing:-.05em;font-size:clamp(2rem,3.2vw,3.8rem);font-weight:700;line-height:1}@media (max-width:960px){.cs-case-hero{grid-template:"cch-l""cch-r""cch-b"/1fr;min-height:auto}.cch-left{border-right:none;border-bottom:1px solid var(--border);padding-bottom:clamp(32px,5vw,56px)}.cch-right{padding:clamp(40px,6vw,64px)var(--g);justify-content:center}.cch-devices-wrap{max-width:100%}.cch-basement{grid-template-columns:1fr 1fr}.cch-basement-stack{border-left:none;border-right:none;border-top:1px solid var(--border);grid-column:span 2}.cch-basement-year{border-left:1px solid var(--border);align-items:flex-start}}@media (max-width:480px){.cch-basement{grid-template-columns:1fr}.cch-basement-stack{grid-column:1}.cch-basement-year{border-left:none;border-top:1px solid var(--border)}}.cs-overview{background:var(--surface);border-bottom:1px solid var(--border)}.cs-overview-inner{grid-template-columns:1.4fr 1fr;align-items:start;gap:0;display:grid}.cs-overview-text{padding:clamp(64px,8vw,120px)clamp(28px,3.5vw,56px)clamp(64px,8vw,120px)var(--g)}.cs-overview-desc{max-width:56ch}.cs-overview-stats{border-left:1px solid var(--border);grid-template-columns:1fr 1fr;margin-top:clamp(64px,8vw,120px);margin-bottom:clamp(64px,8vw,120px);display:grid}.cs-ostat{border-bottom:1px solid var(--border);border-right:1px solid var(--border);flex-direction:column;gap:6px;padding:clamp(24px,3vw,40px) clamp(20px,2.5vw,32px);display:flex}.cs-ostat:nth-child(2n){border-right:none}.cs-ostat:nth-last-child(-n+2){border-bottom:none}.cs-ostat-val{font-family:var(--font-display);color:#22c55e;letter-spacing:-.04em;font-size:clamp(1.6rem,2.8vw,2.8rem);font-weight:700;line-height:1}.cs-ostat-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text3);font-size:clamp(9px,.15vw + 8.5px,11px)}@media (max-width:768px){.cs-overview-inner{grid-template-columns:1fr}.cs-overview-stats{border-left:none;border-top:1px solid var(--border)}}.cs-features-section{background:var(--surface2);border-bottom:1px solid var(--border);position:relative}.cs-features-grid{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:0;margin-top:clamp(32px,4vw,56px);display:grid}.cs-feature{border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background var(--t-base);flex-direction:column;gap:12px;padding:clamp(32px,4vw,56px) clamp(24px,3vw,40px);display:flex}.cs-feature:hover{background:#ffffff05}.cs-feature:nth-child(3n){border-right:none}.cs-feature:nth-last-child(-n+2){border-bottom:none}.feature-video-wrap{border:1px solid var(--border);width:100%;margin-bottom:clamp(12px,1.5vw,20px);position:relative;overflow:hidden}.feature-video{opacity:.7;width:100%;height:auto;transition:opacity var(--t-base);display:block}.cs-feature:hover .feature-video{opacity:1}.feature-num{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:#22c55e;font-size:clamp(9px,.12vw + 8.5px,11px)}.feature-title{font-family:var(--font-display);color:var(--white);letter-spacing:-.01em;margin:0;font-size:clamp(.9rem,1.2vw + .3rem,1.15rem);font-weight:600;line-height:1.35}.feature-desc{color:var(--text2);margin:0;font-size:clamp(.82rem,.3vw + .72rem,.92rem);line-height:1.65}@media (max-width:768px){.cs-features-grid{grid-template-columns:1fr}.cs-feature{border-right:none}.cs-feature:last-child{border-bottom:none}}.cs-screens-section{background:var(--surface);border-bottom:1px solid var(--border);position:relative}.cs-screens-grid{grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(40px,5vw,72px);display:grid}.cs-screen-item{flex-direction:column;gap:12px;display:flex}.cs-screen-browser{transition:transform var(--t-slow),box-shadow var(--t-slow);border:1px solid #ffffff14;border-radius:0;overflow:hidden;box-shadow:0 16px 48px #00000059}.cs-screen-item:hover .cs-screen-browser{transform:translateY(-4px);box-shadow:0 24px 64px #00000073,0 0 40px #22c55e0a}.cs-screen-chrome{background:#1c1f28;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:clamp(6px,.6vw,9px) clamp(10px,1vw,14px);display:flex}.cs-screen-dots{gap:4px;display:flex}.cs-screen-dots span{border-radius:var(--r-full);background:#ffffff14;width:7px;height:7px}.cs-screen-url{font-family:var(--font-mono);color:var(--text3);opacity:.5;letter-spacing:.04em;font-size:clamp(7px,.1vw + 6.5px,9px)}.cs-screen-viewport{aspect-ratio:430/932;background:#090909;overflow:hidden}.cs-screen-viewport img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.cs-screen-meta{flex-direction:column;gap:3px;padding:0 2px;display:flex}.cs-screen-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text2);font-size:clamp(9px,.12vw + 8.5px,11px)}.cs-screen-desc{color:var(--text3);font-size:clamp(.75rem,.2vw + .68rem,.85rem);line-height:1.5}@media (max-width:960px){.cs-screens-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.cs-screens-grid{grid-template-columns:1fr;max-width:280px;margin-inline:auto}}.cs-brand{background:var(--black);border-bottom:1px solid var(--border)}.cs-brand .cs-section-sub{margin-bottom:clamp(32px,4vw,56px)}.cs-brand .cs-brand-grid{margin-top:0}.cs-brand-grid{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.cs-brand-item{border-right:1px solid var(--border);padding:clamp(32px,4vw,56px) clamp(24px,3vw,40px)}.cs-brand-item:last-child{border-right:none}.brand-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text3);margin-bottom:clamp(16px,2vw,24px);font-size:clamp(9px,.12vw + 8.5px,11px);display:block}.brand-logo-bg{background:var(--surface3);border:1px solid var(--border2);border-radius:0;justify-content:center;align-items:center;min-height:100px;padding:24px 32px;display:flex}.brand-logo-svg{width:clamp(140px,18vw,200px);height:auto}.brand-colors{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.brand-color{flex-direction:column;gap:6px;display:flex}.brand-swatch{border:1px solid var(--border2);height:44px;transition:transform var(--t-fast);border-radius:0}.brand-swatch:hover{transform:scale(1.04)}.brand-color-hex{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text2);font-size:clamp(9px,.12vw + 8.5px,11px)}.brand-color-name{color:var(--text3);font-size:clamp(9px,.12vw + 8.5px,11px)}.brand-type-showcase{flex-direction:column;gap:16px;display:flex}.brand-type-display{color:var(--white);letter-spacing:-.04em;font-size:clamp(3rem,5vw,5rem);font-weight:700;line-height:1}.brand-type-meta{flex-direction:column;gap:2px;display:flex}.brand-type-name{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:#22c55e;font-size:clamp(9px,.12vw + 8.5px,11px)}.brand-type-usage{color:var(--text3);font-size:clamp(.8rem,.2vw + .72rem,.88rem)}.brand-type-sample{color:var(--white);font-size:clamp(1rem,1.5vw + .2rem,1.4rem);font-weight:500;line-height:1.4}.brand-type-sample span{color:var(--text2);font-size:.85em;font-weight:400}@media (max-width:768px){.cs-brand-grid{grid-template-columns:1fr}.cs-brand-item{border-right:none;border-bottom:1px solid var(--border)}.cs-brand-item:last-child{border-bottom:none}}.cs-tech-section{background:var(--surface);border-bottom:1px solid var(--border);position:relative}.cs-tech-inner{grid-template-columns:1fr 1.4fr;align-items:start;gap:0;display:grid}.cs-tech-text{padding:clamp(64px,8vw,120px)clamp(28px,3.5vw,56px)clamp(64px,8vw,120px)var(--g);position:sticky;top:80px}.cs-tech-list{border-left:1px solid var(--border);margin-top:clamp(64px,8vw,120px);margin-bottom:clamp(64px,8vw,120px)}.cs-tech-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 2fr;gap:0;padding:clamp(16px,2vw,24px) clamp(24px,3vw,40px);transition:background .25s;display:grid}.cs-tech-row:last-child{border-bottom:none}.cs-tech-row:hover{background:#ffffff05}.tech-cat{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text3);padding-top:2px;font-size:clamp(9px,.15vw + 8.5px,12px)}.tech-chips{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.tech-chip{color:var(--text2);background:var(--surface2);border:1px solid var(--border);white-space:nowrap;transition:background var(--t-fast),border-color var(--t-fast);align-items:center;gap:6px;padding:4px 10px 4px 6px;font-size:clamp(.78rem,.25vw + .7rem,.88rem);display:inline-flex}.tech-chip:hover{background:var(--surface3);border-color:#ffffff1f}.tech-chip-ico{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.tech-chip-ico svg{width:14px;height:14px;color:var(--text3)}@media (max-width:768px){.cs-tech-inner{grid-template-columns:1fr}.cs-tech-list{border-left:none;border-top:1px solid var(--border)}.cs-tech-text{position:static}}.cs-results-section{background:var(--surface2);border-bottom:1px solid var(--border);position:relative}.cs-results-grid{border:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:0;margin-top:clamp(40px,5vw,72px);display:grid}.cs-result{border-right:1px solid var(--border);flex-direction:column;gap:12px;padding:clamp(36px,4.5vw,64px) clamp(24px,3vw,40px);display:flex}.cs-result:last-child{border-right:none}.result-val{font-family:var(--font-display);color:var(--white);letter-spacing:-.03em;font-size:clamp(1.6rem,3vw,2.8rem);font-weight:700;line-height:1}.result-label{color:var(--text2);max-width:28ch;font-size:clamp(.82rem,.3vw + .72rem,.92rem);line-height:1.6}.cs-statement{border-top:1px solid var(--border);grid-template-columns:1.3fr 1fr;gap:0;margin-top:clamp(40px,5vw,72px);display:grid}.css-left{padding:clamp(48px,6vw,88px)clamp(28px,3.5vw,56px)clamp(48px,6vw,88px)var(--g);border-right:1px solid var(--border);position:relative}.cs-quote{font-family:var(--font-serif,"Instrument Serif",serif);color:var(--text);border:none;max-width:46ch;margin:0;padding:0;font-size:clamp(1.15rem,1.6vw + .35rem,1.9rem);font-style:italic;line-height:1.6}.css-right{flex-direction:column;display:flex}.css-stat{border-bottom:1px solid var(--border);flex-direction:column;flex:1;justify-content:center;gap:5px;padding:clamp(20px,2.5vw,32px) clamp(28px,3.5vw,56px);display:flex}.css-stat:last-child{border-bottom:none}.css-stat-n{font-family:var(--font-display);color:var(--white);letter-spacing:-.04em;font-size:clamp(1.6rem,2.8vw,2.8rem);font-weight:700;line-height:1}.css-stat-d{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text3);font-size:clamp(9px,.15vw + 8.5px,11px)}@media (max-width:768px){.cs-results-grid{grid-template-columns:1fr}.cs-result{border-right:none;border-bottom:1px solid var(--border)}.cs-result:last-child{border-bottom:none}.cs-statement{grid-template-columns:1fr}.css-left{border-right:none;border-bottom:1px solid var(--border)}.css-right{flex-flow:wrap}.css-stat{border-right:1px solid var(--border);flex:50%}.css-stat:nth-child(2n){border-right:none}}.cs-section-title{font-family:var(--font-display);color:var(--white);letter-spacing:-.04em;text-wrap:balance;margin:clamp(8px,1vw,16px) 0 0;font-size:clamp(1.8rem,3.5vw + .3rem,3.6rem);font-weight:700;line-height:1.1}.cs-section-sub{color:var(--text2);text-wrap:pretty;max-width:52ch;margin:clamp(12px,1.5vw,20px) 0 0;font-size:clamp(.9rem,.4vw + .78rem,1.05rem);line-height:1.65}.cs-next{background:var(--surface);border-bottom:1px solid var(--border)}.cs-next-inner{padding:clamp(80px,10vw,160px)var(--g);flex-direction:column;gap:clamp(16px,2vw,24px);display:flex}.cs-next-inner h2{font-family:var(--font-display);color:var(--white);letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw + .5rem,4.5rem);font-weight:700;line-height:1.1}.cs-next-inner p{color:var(--text2);max-width:48ch;margin:0;font-size:clamp(.9rem,.3vw + .8rem,1rem);line-height:1.65}.cs-next-inner .btn-primary{align-items:center;gap:8px;width:fit-content;margin-top:8px;display:inline-flex}.cs-next-extras{border-top:1px solid var(--border);flex-wrap:wrap;gap:12px;margin-top:20px;padding-top:20px;display:flex}.cs-next-ghost{border:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text2);transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast);border-radius:0;align-items:center;gap:7px;padding:10px 18px;font-size:.72rem;text-decoration:none;display:inline-flex}.cs-next-ghost:hover{color:var(--white);background:#ffffff08;border-color:#ffffff40}