:root{--leading:28px;--half:14px;--edge:clamp(20px,5vw,72px);--measure:58ch}
body{margin:0;background:radial-gradient(1200px 720px at 82% -160px,color-mix(in srgb, var(--color-accent-900) 75%, transparent), transparent 60%),radial-gradient(1100px 800px at -10% 100%,color-mix(in srgb, black 30%, transparent), transparent 55%),var(--color-bg);text-wrap:pretty}
.wrap{max-width:1200px;margin:0 auto;padding:0 var(--edge)}
.kicker{position:relative;display:block;font-size:13px;line-height:var(--half);letter-spacing:0.06em;text-transform:uppercase;color:var(--color-accent);font-feature-settings:"tnum" 1;margin:0 0 calc(var(--leading) - var(--half))}
.hero{padding:calc(3.5*var(--leading)) 0 calc(2.5*var(--leading));display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:calc(2*var(--leading))}
.display{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:clamp(38px,5.6vw,64px);line-height:clamp(43px,6.2vw,70px);letter-spacing:-0.015em;margin:0}
.display .line{display:block}
.hero .sub{font-size:17px;line-height:var(--leading);max-width:var(--measure);margin:calc(1.5*var(--leading) - 1cap) 0 0;color:var(--color-text)}
.hero .row{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--leading)}
.phone{border:1px solid var(--color-neutral-700);border-radius:22px;background:var(--color-surface);box-shadow:var(--shadow-md);padding:10px;display:flex;flex-direction:column;gap:8px}
.phone .screen{flex:1;border-radius:14px;overflow:hidden}
.features{padding:calc(3*var(--leading)) 0 calc(1.5*var(--leading))}
.feature{display:grid;grid-template-columns:minmax(64px,120px) minmax(0,320px) minmax(0,1fr);gap:var(--leading) clamp(24px,4vw,64px);align-items:baseline;padding:calc(1.2*var(--leading)) 0}
.feature+.feature{position:relative}
.feature+.feature::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--color-neutral-700) 48px calc(100% - 48px),transparent)}
.f-num{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:15px;line-height:var(--leading);color:var(--color-accent);font-feature-settings:"tnum" 1;margin:0}
.f-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:22px;line-height:var(--leading);letter-spacing:-0.01em;margin:0}
.f-copy{font-size:15px;line-height:var(--leading);margin:0;color:color-mix(in srgb, var(--color-text) 78%, transparent);max-width:56ch}
@media (max-width:880px){.feature{grid-template-columns:1fr;gap:var(--half)}.hero{grid-template-columns:1fr}}
.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--leading);padding:0 0 calc(2*var(--leading))}
.shots .cap{font-size:13px;margin-top:var(--space-2);color:color-mix(in srgb, var(--color-text) 60%, transparent);text-align:center}
@media (max-width:720px){.shots{grid-template-columns:1fr 1fr}}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--leading) clamp(24px,5vw,80px);align-items:center;padding:calc(2*var(--leading)) 0 calc(3*var(--leading))}
@media (max-width:880px){.split{grid-template-columns:1fr}}
.split-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:30px;line-height:calc(1.4*var(--leading));letter-spacing:-0.012em;margin:0}
.split .note{font-size:15px;line-height:var(--leading);color:color-mix(in srgb, var(--color-text) 78%, transparent);margin:calc(var(--leading) - 1cap) 0 0;max-width:48ch}
.close{padding:calc(2*var(--leading)) 0 calc(2.5*var(--leading));border-top:1px solid var(--color-divider)}
.close h3{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:24px;line-height:var(--leading);margin:0}
.close .sub{font-size:15px;line-height:var(--leading);color:color-mix(in srgb, var(--color-text) 78%, transparent);margin:calc(var(--leading) - 1cap) 0 0;max-width:var(--measure)}
.close .row{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--leading)}