.cs{--cs-accent:var(--ink);--cs-hero-bg:var(--paper);--cs-hero-ink:var(--ink);--cs-hero-muted:var(--muted);--cs-hero-line:var(--rule);--cs-hero-chip:var(--surface);--cs-dark:#17191c;--cs-dark-ink:#eef0f2;--cs-dark-muted:#9aa2a9;--cs-dark-line:#ffffff1a;--cs-stock:#ebe8e2;--header-h:65px;overflow-x:clip}.cs-wide{width:min(1320px,100% - 32px);margin-inline:auto}.cs-band{border-top:0;padding-block:clamp(88px,12vw,176px)}.cs-band--dark{background:var(--cs-dark);color:var(--cs-dark-ink)}.cs-band--stock{background:var(--cs-stock)}.cs-label{font:500 .75rem/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.75em;margin:0 0 clamp(20px,3vw,32px);display:flex}.cs-label:before{content:"";opacity:.6;background:currentColor;width:28px;height:1px}.cs-band--dark .cs-label{color:var(--cs-dark-muted)}.cs-label a{color:inherit}.cs-h2{letter-spacing:-.035em;max-width:16ch;margin:0;font-size:clamp(2.2rem,5.6vw,5rem);line-height:.98}.cs-intro{max-width:52ch;color:var(--muted);margin:clamp(20px,3vw,32px) 0 0;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.55}.cs-band--dark .cs-intro{color:var(--cs-dark-muted)}.cs-band--dark a{color:var(--cs-dark-ink)}.cs-hero{min-height:calc(100svh - var(--header-h));background:var(--cs-hero-bg);color:var(--cs-hero-ink);display:flex;position:relative}.cs-hero__inner{flex-direction:column;justify-content:flex-end;padding-block:clamp(28px,4vw,48px) clamp(36px,5vw,64px);display:flex}.cs-hero__crumb{color:var(--cs-hero-muted);margin-bottom:auto}.cs-hero__crumb:before{display:none}.cs-hero__title{font-size:inherit;margin:clamp(48px,10vh,120px) 0 0}.cs-hero__name{font-size:var(--cs-name-size,clamp(3.2rem, 10.4vw, 10rem));letter-spacing:-.042em;line-height:.86;display:block}.cs-hero__claim{letter-spacing:-.025em;max-width:24ch;color:var(--cs-hero-muted);margin-top:.4em;font-size:clamp(1.45rem,3.2vw,2.8rem);font-weight:500;line-height:1.04;display:block}.cs-hero__foot{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:end;gap:28px clamp(32px,6vw,96px);margin-top:clamp(36px,6vw,80px);display:grid}.cs-hero__lede{max-width:48ch;color:var(--cs-hero-muted);margin:0;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.6}.cs-facts{border:1px solid var(--cs-hero-line);background:var(--cs-hero-line);border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.cs-facts>div{background:var(--cs-hero-chip);backdrop-filter:blur(6px);padding:14px 16px 16px}.cs-facts dt{font:500 .68rem/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cs-hero-muted)}.cs-facts dd{margin:6px 0 0;font-weight:500;line-height:1.35}.cs-hero__cue{font:500 .72rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cs-accent);align-items:center;gap:12px;margin:clamp(28px,4vw,44px) 0 0;display:flex}.cs-hero__cue i{transform-origin:0;background:currentColor;width:56px;height:1px}.cs-motion .cs-hero__cue i{animation:2.4s cubic-bezier(.6,0,.2,1) infinite cs-cue}@keyframes cs-cue{0%{transform:scaleX(0)}55%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.cs-statement{max-width:25ch;font:500 clamp(1.8rem, 4.4vw, 3.9rem) / 1.08 var(--display);letter-spacing:-.03em;text-wrap:pretty;margin:0}.cs-statement--wide{max-width:30ch}.cs-motion .cs-statement .w{opacity:.16;transition:opacity .35s linear}.cs-motion .cs-statement .w.on{opacity:1}.cs-after{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px clamp(32px,6vw,96px);margin-top:clamp(40px,6vw,72px);display:grid}.cs-after p{color:var(--muted);margin:0;font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.6}.cs-steps{border-top:1px solid var(--rule);grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;margin:clamp(48px,7vw,88px) 0 0;padding:0;list-style:none;display:grid}.cs-steps li{margin:0;padding:28px clamp(16px,2.4vw,32px) 8px 0}.cs-steps li+li{border-left:1px solid var(--rule);padding-left:clamp(16px,2.4vw,32px)}.cs-steps__n{font:700 clamp(2.8rem, 5vw, 4.6rem) / .9 var(--display);letter-spacing:-.05em;color:var(--cs-accent);display:block}.cs-steps h3{margin:22px 0 10px;font-size:1.2rem}.cs-steps p{color:var(--muted);margin:0;font-size:.98rem;line-height:1.6}.cs-band--dark .cs-steps,.cs-band--dark .cs-steps li+li{border-color:var(--cs-dark-line)}.cs-band--dark .cs-steps p{color:var(--cs-dark-muted)}.cs-pull{max-width:22ch;font:600 clamp(1.7rem, 3.8vw, 3.3rem) / 1.08 var(--display);letter-spacing:-.03em;margin:clamp(64px,9vw,120px) 0 0}.cs-pull em{color:var(--cs-accent);font-style:normal}.cs-plates{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,18px);margin:clamp(40px,6vw,72px) 0 0;display:grid}.cs-plate{margin:0}.cs-plate>div{aspect-ratio:4/3;background:var(--cs-plate-bg,var(--cs-stock));border-radius:20px;place-items:center;padding:clamp(16px,3vw,40px);display:grid}.cs-plate figcaption{font:500 .72rem/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:12px}.cs-plate--wide>div{aspect-ratio:auto;padding:0;overflow:hidden}.cs-plate--wide figcaption{max-width:70ch;font:400 .95rem/1.5 var(--body);letter-spacing:0;text-transform:none}.cs-flow{margin-top:clamp(48px,7vw,96px)}.cs-flow__steps{counter-reset:flow;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 clamp(16px,2.4vw,32px);max-width:none;margin:0;padding:0;list-style:none;display:grid}.cs-flow__steps li{counter-increment:flow;border-top:1px solid var(--cs-dark-line);margin:0;padding:22px 0 0}.cs-flow__steps li:before{content:counter(flow, decimal-leading-zero);font:500 .8rem/1 var(--mono);color:var(--cs-accent);margin-bottom:14px;display:block}.cs-flow__steps h3{margin:0 0 8px;font-size:1.2rem}.cs-flow__steps p{color:var(--cs-dark-muted);margin:0;font-size:.98rem}.cs-phones{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.6vw,40px);margin-top:clamp(48px,7vw,96px);display:grid}.cs-phones>:nth-child(2){margin-top:8%}.cs-phones>:nth-child(3){margin-top:16%}.cs-phone{margin:0}.cs-phone>div{aspect-ratio:390/560;background:linear-gradient(150deg,#454b52,#101214 60%);border-radius:clamp(22px,2.8vw,38px);padding:7px;box-shadow:0 50px 90px -40px #000000bf,inset 0 0 0 1px #ffffff17}.cs-phone img{object-fit:cover;object-position:top;border-radius:clamp(16px,2.2vw,31px);width:100%;height:100%}.cs-phone figcaption{font:500 .72rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cs-dark-muted);margin-top:16px}.cs-also{border:1px solid var(--cs-dark-line);background:var(--cs-dark-line);border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:clamp(64px,9vw,120px);display:grid;overflow:hidden}.cs-also>div{background:var(--cs-dark);padding:clamp(24px,3.4vw,44px)}.cs-also h3{margin:0 0 10px;font-size:1.25rem}.cs-also p{color:var(--cs-dark-muted);margin:0}.cs-split{border:1px solid var(--rule);border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(40px,6vw,72px);display:grid;overflow:hidden}.cs-split>div{padding:clamp(24px,4vw,52px)}.cs-split>div+div{border-left:1px solid var(--rule);background:var(--surface)}.cs-split h3{font:500 .75rem/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 20px}.cs-split ul{max-width:none;margin:0;padding:0;list-style:none}.cs-split li{border-top:1px solid var(--rule);font:500 clamp(1.05rem, 1.6vw, 1.3rem) / 1.35 var(--display);letter-spacing:-.01em;margin:0;padding:14px 0}.cs-cta{border-top:1px solid var(--rule)}.cs-cta__title{letter-spacing:-.05em;max-width:11ch;margin:0 0 clamp(28px,4vw,44px);font-size:clamp(2.8rem,8.6vw,7.6rem);line-height:.9}.cs-next{border-top:1px solid var(--rule);color:var(--ink);padding-block:clamp(40px,6vw,72px);text-decoration:none;transition:background .2s;display:block}.cs-next:hover{background:var(--soft)}.cs-next__inner{display:block}.cs-next .cs-label{margin-bottom:14px}.cs-next__title{font:700 clamp(1.6rem, 4vw, 3.4rem) / 1.02 var(--display);letter-spacing:-.035em;justify-content:space-between;align-items:baseline;gap:24px;display:flex}.cs-next__arrow{flex:none;transition:transform .2s}.cs-next:hover .cs-next__arrow{transform:translate(8px)}.cs-motion [data-reveal]{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 90ms);transform:translateY(28px)}.cs-motion [data-reveal].is-in{opacity:1;transform:none}@media (width<=900px){.cs-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-steps li:nth-child(3){border-left:0;padding-left:0}.cs-steps li:nth-child(n+3){border-top:1px solid var(--rule)}.cs-flow__steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}}@media (width<=760px){.cs-hero__foot,.cs-after,.cs-split,.cs-also{grid-template-columns:1fr}.cs-split>div+div{border-left:0;border-top:1px solid var(--rule)}.cs-plates{grid-template-columns:1fr}.cs-phones{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;grid-template-columns:none;grid-auto-columns:78%;grid-auto-flow:column;gap:14px;margin-inline:-16px;padding:0 16px 8px;scroll-padding-inline:16px;overflow-x:auto}.cs-phones>*{scroll-snap-align:start}.cs-phones>:nth-child(n){margin-top:0}}@media (width<=560px){.cs-flow__steps,.cs-steps{grid-template-columns:1fr}.cs-steps li+li{border-left:0;border-top:1px solid var(--rule);padding-left:0}}.cs-studies{margin-top:clamp(64px,9vw,120px)}.cs-plates--4{--cs-plate-bg:#fff;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}.cs-plates--4 img{object-fit:contain;width:100%;height:100%;min-height:0}.cs-note{max-width:60ch;color:var(--muted);margin:18px 0 0;font-size:.95rem}@media (width<=760px){.cs-plates--4{grid-template-columns:repeat(2,minmax(0,1fr))}}.cs-band--fade{background:linear-gradient(var(--cs-stock), var(--paper) 60%)}.cs-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,28px);margin-top:clamp(40px,6vw,72px);display:grid}.cs-browser{margin:0}.cs-browser>div{border:1px solid var(--rule);background:var(--surface);border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -36px #14141459}.cs-browser__bar{border-bottom:1px solid var(--rule);background:var(--soft);max-width:none;font:500 .68rem/1 var(--mono);color:var(--muted);align-items:center;gap:6px;margin:0;padding:9px 12px;display:flex}.cs-browser__bar i{background:var(--rule);border-radius:50%;width:8px;height:8px}.cs-browser__bar span{white-space:nowrap;text-overflow:ellipsis;margin-left:8px;overflow:hidden}.cs-browser img{width:100%}.cs-browser figcaption{font:500 .72rem/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:12px}.cs-compare+.cs-split{margin-top:clamp(32px,5vw,56px)}@media (width<=760px){.cs-compare{grid-template-columns:1fr}}
