.landing{min-height:100dvh;color:var(--ink);background:radial-gradient(ellipse at 80% 45%, var(--subtle), transparent 65%), var(--canvas);flex-direction:column;padding-inline:clamp(24px,5vw,88px);display:flex}.landing-masthead{justify-content:space-between;align-items:center;gap:var(--space-6);border-bottom:1px solid var(--line);padding-block:28px;display:flex}.landing-navigation{align-items:center;gap:var(--space-6);display:flex}.landing-navigation>a{align-items:center;gap:var(--space-2);min-height:44px;color:var(--ink);font-size:13px;text-decoration:none;display:inline-flex}.landing-navigation>a:hover{text-decoration:underline}.landing-content{grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);align-items:center;gap:clamp(40px,6vw,112px);width:100%;max-width:1320px;margin:auto;padding-block:clamp(64px,8vw,132px);display:grid}.landing-kicker{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500}.landing-introduction h1{font-family:var(--font-display);letter-spacing:-.035em;word-spacing:.04em;margin-top:var(--space-6);font-size:clamp(56px,6.2vw,92px);font-weight:300;line-height:1.06}.landing-introduction h1 em{color:var(--brand);font-style:normal}.landing-description{max-width:350px;margin-top:var(--space-8);color:var(--muted);text-wrap:pretty;font-size:16px;line-height:1.75}.landing-actions{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-8);flex-direction:column;display:flex}.landing-actions>span{color:var(--muted);font-size:12px}.landing-example{justify-self:end;width:100%;max-width:430px}.landing-example-heading{padding-bottom:var(--space-4);color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.landing-example-heading>span:first-child{font-family:var(--font-display);color:var(--ink);font-size:19px}.landing-note{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--brand);box-shadow:5px 5px 0 var(--canvas), 6px 6px 0 var(--line);padding:clamp(24px,3vw,40px)}.landing-note h2{font-family:var(--font-display);letter-spacing:-.02em;word-spacing:.025em;margin-top:var(--space-6);font-size:38px;font-weight:300;line-height:1.18}.landing-example-description{color:var(--muted);margin-top:var(--space-4);max-width:260px;font-size:14px;line-height:1.7}.landing-comparison{justify-content:space-between;align-items:center;gap:var(--space-3);margin-block:var(--space-8);font-variant-numeric:tabular-nums;display:flex}.landing-comparison dt{color:var(--muted);font-size:11px}.landing-comparison dd{font-family:var(--font-display);letter-spacing:-.04em;font-size:42px;font-weight:300;line-height:1.3}.landing-comparison dd span{font-size:24px}.landing-comparison>.ui-icon{color:var(--muted)}.landing-evidence{border-top:1px solid var(--line);padding-top:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);min-height:64px;font-size:14px;text-decoration:none;display:flex}.landing-evidence small{margin-bottom:var(--space-1);color:var(--muted);font-size:11px;display:block}.landing-evidence:hover span{text-underline-offset:4px;text-decoration:underline}.landing-example-caption{color:var(--muted);margin-top:var(--space-4);font-size:11px}.landing-footer{justify-content:space-between;align-items:flex-start;gap:var(--space-6);border-top:1px solid var(--line);padding-block:var(--space-6);color:var(--muted);font-size:12px;display:flex}.landing-footer details{max-width:320px}.landing-footer summary{min-height:44px}.landing-footer details p{padding-bottom:var(--space-4)}@media (width<=900px){.landing-content{gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.landing-introduction h1{font-size:60px}.landing-note h2{font-size:32px}}@media (width<=680px){.landing-masthead{padding-block:var(--space-4);gap:var(--space-3)}.landing-navigation{gap:var(--space-2)}.landing-navigation>a{font-size:12px}.landing-navigation>a>.ui-icon{display:none}.landing-content{grid-template-columns:minmax(0,1fr);gap:56px;padding-block:52px 48px}.landing-introduction h1{margin-top:var(--space-4);font-size:clamp(44px,14.5vw,76px)}.landing-description{margin-top:var(--space-6);max-width:310px;font-size:15px}.landing-actions{margin-top:var(--space-6)}.landing-example{max-width:none}.landing-note h2{font-size:36px}.landing-footer{gap:var(--space-2);padding-bottom:max(var(--space-6), env(safe-area-inset-bottom));flex-direction:column}}@media (prefers-reduced-motion:no-preference){.landing-introduction,.landing-example{animation:.65s cubic-bezier(.2,.7,.2,1) both landing-arrive}.landing-example{animation-delay:.13s}@keyframes landing-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
