.cs-main{padding:0 var(--gutter)}.cs-main>*{max-width:1360px;margin-inline:auto}.cs-intro{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,4vw,64px);min-height:min(100svh - 76px,640px);padding:24px 0 48px;display:grid}.cs-name{flex-wrap:wrap;align-items:baseline;gap:4px 14px;display:flex}.cs-name b{font-family:var(--cc-display), sans-serif;font-size:20px;font-weight:600}.cs-name span{font-family:var(--cc-figures), sans-serif;color:var(--muted);font-size:17px}.cs-intro h1{font-family:var(--cc-display), sans-serif;font-variation-settings:"wdth" 96;letter-spacing:-.01em;margin-top:20px;font-size:clamp(38px,3.6vw,56px);font-weight:500;line-height:1.02}.cs-lead{max-width:32em;color:var(--muted);margin-top:20px;font-size:18px;line-height:1.6}.cs-intro .cc-actions{margin-top:28px}.cs-note{max-width:34em;color:var(--dim);margin-top:14px;font-size:14px;line-height:1.5}.cs-hero-shot{align-items:flex-end;gap:3%;margin:0;display:flex}.cs-hero-screen{flex:1 1 0;min-width:0}.cs-hero-phone{flex:0 0 18%}.cs-hero-screen,.cs-hero-phone{filter:drop-shadow(0 18px 28px #00000073);display:block}.cs-shot{background:#1b1c1f;border-radius:10px;display:block;position:relative;overflow:hidden}.cs-shot img,.cs-shot video{width:100%;height:auto;display:block}.cs-shot-browser{container-type:inline-size}.cs-shot-bar{border-bottom:1px solid #ecedef12;justify-content:center;align-items:center;height:clamp(18px,5.6cqi,30px);padding:0 12%;display:flex}.cs-shot-bar span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--dim);background:#ecedef0f;border-radius:5px;padding:.2em .9em;font-size:clamp(8.5px,2.1cqi,12px);line-height:1.4;overflow:hidden}.cs-shot:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ecedef1f}.cs-shot-phone{background:#1d1e21;border-radius:26px;padding:6px}.cs-shot-phone img,.cs-shot-phone video{border-radius:20px}.cs-shot-fade{-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.cs-benefit{border-top:1px solid var(--line);grid-template-columns:minmax(0,440px) minmax(0,720px);justify-content:center;align-items:center;gap:clamp(40px,5.4vw,96px);padding:clamp(44px,4.6vw,72px) 0;display:grid}.cs-benefit-flip{grid-template-columns:minmax(0,720px) minmax(0,440px)}.cs-benefit-flip .cs-benefit-copy{order:2}.cs-benefit h2{font-family:var(--cc-display), sans-serif;font-size:clamp(30px,2.8vw,42px);font-weight:500;line-height:1.06}.cs-benefit-copy>p{max-width:24em;color:var(--muted);margin-top:18px;font-size:19px;line-height:1.55}.cs-benefit-copy>.cs-figure{font-family:var(--cc-figures), sans-serif;color:var(--text);margin-top:24px;font-size:19px;line-height:1.35}.cs-figure b{font-family:var(--cc-display), sans-serif;margin-right:6px;font-size:44px;font-weight:500;line-height:1}.cs-stage{--shift:1;align-items:flex-start;width:100%;display:flex}.cs-layer{flex:none;display:block}.cs-layer-inner{will-change:transform;filter:drop-shadow(0 18px 28px #00000073);display:block}.cs-layer-back .cs-layer-inner{transform:translate3d(0, calc(var(--depth,0) * 16px * var(--shift)), 0)}.cs-layer-front .cs-layer-inner{transform:translate3d(0, calc(var(--depth,0) * -34px * var(--shift)), 0)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.cs-layer{transition:opacity .8s,transform 1s cubic-bezier(.2,.7,.2,1)}.cs-stage:not([data-shown]) .cs-layer-back{opacity:0}.cs-stage:not([data-shown]) .cs-layer-front{opacity:0;transform:translateY(32px)scale(.96)}}.cs-details{border-top:1px solid var(--line);grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:clamp(36px,4.4vw,72px);padding:52px 0;display:grid}.cs-details h2{font-family:var(--cc-display), sans-serif;font-size:24px;font-weight:500;line-height:1.15}.cs-details>div>p{color:var(--muted);margin-top:12px;font-size:15px;line-height:1.6}.cs-details dl{grid-template-columns:1fr 1fr;column-gap:clamp(24px,3vw,48px);margin:0;display:grid}.cs-details dl>div{border-top:1px solid var(--line);padding:14px 0 16px}.cs-details dt{color:var(--text);font-size:15px;font-weight:500}.cs-details dd{color:var(--muted);margin:6px 0 0;font-size:15px;line-height:1.55}.cs-closing{border-top:1px solid var(--line);padding:60px 0 64px}.cs-closing p{font-family:var(--cc-display), sans-serif;font-size:clamp(32px,3vw,44px);font-weight:500;line-height:1.05}.cs-closing .cc-actions{margin-top:26px}@media (max-width:1100px){.cs-intro{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:28px}.cs-hero-shot{max-width:820px}.cs-benefit,.cs-benefit-flip,.cs-details{grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:32px}.cs-stage{max-width:720px}.cs-benefit-flip .cs-benefit-copy{order:0}.cs-benefit-copy>p{max-width:36em}}@media (max-width:860px){.cs-intro{gap:32px;padding:20px 0 40px}.cs-intro h1{font-size:34px;line-height:1.06}.cs-lead{font-size:16.5px}.cs-shot{border-radius:7px}.cs-shot-phone{border-radius:16px;padding:3px}.cs-shot-phone img,.cs-shot-phone video{border-radius:13px}.cs-hero-phone{flex-basis:20%}.cs-benefit{gap:26px;padding:40px 0}.cs-benefit h2{font-size:27px}.cs-benefit-copy>p{font-size:17px}.cs-figure b{font-size:34px}.cs-stage{--shift:.5}.cs-details{padding:40px 0}.cs-details dl{grid-template-columns:minmax(0,1fr)}.cs-closing{padding:44px 0 48px}}