.letter-page,.letter-page *{box-sizing:border-box}
.letter-page{margin:0;overflow-x:clip;background:var(--wl-sem-surface-canvas);color:var(--wl-sem-text-primary);font-family:var(--wl-sem-font-product)}
.letter-skip{position:fixed;inset:8px auto auto 8px;z-index:1001;translate:0 -160%;padding:10px 14px;background:var(--wl-sem-surface-functional);color:var(--wl-sem-text-brand)}
.letter-skip:focus{translate:0}
.letter-fallback-header,.letter-fallback-footer{padding:20px max(20px,calc((100% - 1280px)/2))}
.letter-fallback-header a,.letter-fallback-footer a{color:var(--wl-sem-text-brand);font-family:var(--wl-sem-font-brand);font-weight:800;text-decoration:none}
.letter-shell{inline-size:min(calc(100% - (var(--wl-sem-space-page)*2)),var(--wl-sem-layout-container));margin-inline:auto}
.letter-hero{padding-block:clamp(72px,11vw,148px);background:radial-gradient(circle at 82% 18%,rgba(203,239,52,.2),transparent 25%),var(--wl-sem-surface-brand);color:var(--wl-sem-text-inverse)}
.letter-hero__grid,.letter-difference__grid,.letter-subscribe__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(36px,7vw,96px);align-items:center}
.letter-hero .wl2026-eyebrow,.letter-bottom .wl2026-eyebrow{color:var(--wl-sem-action-primary)}
.letter-hero h1{max-inline-size:820px;margin:14px 0 0;color:inherit;font-family:var(--wl-sem-font-brand);font-size:clamp(2.7rem,6.5vw,5.5rem);font-weight:800;line-height:1.05;letter-spacing:-.055em;text-wrap:balance}
.letter-hero__lead{margin:26px 0 0;color:rgba(255,255,255,.82);font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.75}
.letter-button{margin-block-start:28px}
.letter-trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin:22px 0 0;padding:0;list-style:none;color:inherit;font-size:.9rem}
.letter-trust li::before{content:"✓";margin-inline-end:7px;color:var(--wl-sem-action-primary);font-weight:900}
.letter-hero__signal{display:grid;gap:12px;padding:clamp(24px,4vw,40px);border:1px solid rgba(255,255,255,.28);border-radius:var(--wl-sem-radius-feature);background:rgba(255,255,255,.06);font-family:var(--wl-sem-font-brand);letter-spacing:.04em}
.letter-hero__signal span{color:rgba(255,255,255,.64)}
.letter-hero__signal strong{color:var(--wl-sem-action-primary);font-size:1.25rem}
.letter-section{padding-block:clamp(64px,9vw,112px)}
.letter-heading{display:grid;gap:12px}
.letter-heading h2,.letter-callout h2,.letter-bottom h2,.letter-demo h2{max-inline-size:850px;margin:0;font-family:var(--wl-sem-font-brand);font-size:clamp(2rem,4.8vw,3.8rem);line-height:1.14;letter-spacing:-.045em}
.letter-heading>p:last-child{max-inline-size:700px;color:var(--wl-sem-text-muted);font-size:1.05rem}
.letter-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block-start:40px}
.letter-topic-grid article{min-inline-size:0;padding:26px;border:1px solid var(--wl-sem-border-default);border-radius:var(--wl-sem-radius-card);background:var(--wl-sem-surface-functional)}
.letter-topic-grid span{color:var(--wl-sem-status-warning-text);font-family:var(--wl-sem-font-brand);font-weight:800}
.letter-topic-grid h3{margin:32px 0 8px;font-family:var(--wl-sem-font-brand);font-size:1.35rem}
.letter-topic-grid p{margin:0;color:var(--wl-sem-text-muted);line-height:1.6}
.letter-difference{background:var(--wl-sem-surface-brand-soft)}
.letter-method{display:grid;gap:1px;margin:0;padding:0;overflow:hidden;border:1px solid var(--wl-sem-border-strong);border-radius:var(--wl-sem-radius-card);background:var(--wl-sem-border-strong);list-style:none}
.letter-method li{display:grid;gap:4px;padding:20px 22px;background:var(--wl-sem-surface-functional)}
.letter-method strong{color:var(--wl-sem-text-muted);font-family:var(--wl-sem-font-brand);font-size:.75rem;letter-spacing:.08em}
.letter-demo__card{padding:clamp(28px,6vw,64px);border:1px solid var(--wl-sem-border-strong);border-radius:var(--wl-sem-radius-feature);background:var(--wl-sem-surface-functional)}
.letter-demo__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block-start:36px}
.letter-demo__steps p{display:grid;gap:14px;margin:0;padding-block-start:18px;border-block-start:3px solid var(--wl-sem-border-strong)}
.letter-demo__steps p:nth-child(2){border-color:var(--wl-sem-accent-warm)}
.letter-demo__steps p:nth-child(3){border-color:var(--wl-sem-action-primary)}
.letter-demo__steps span{color:var(--wl-sem-text-muted)}
.letter-mid{padding-block:0 clamp(64px,9vw,112px)}
.letter-callout{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:clamp(28px,5vw,56px);border-radius:var(--wl-sem-radius-feature);background:var(--wl-sem-accent-human)}
.letter-callout .letter-button{flex:0 0 auto}
.letter-subscribe{scroll-margin-top:96px;background:var(--wl-sem-surface-brand);color:var(--wl-sem-text-inverse)}
.letter-subscribe .letter-heading h2,.letter-subscribe .letter-heading>p,.letter-subscribe .wl2026-eyebrow{color:inherit}
.letter-form{display:grid;gap:12px;padding:clamp(24px,5vw,40px);border-radius:var(--wl-sem-radius-feature);background:var(--wl-sem-surface-functional);color:var(--wl-sem-text-primary)}
.letter-form>label:first-child{font-weight:800}
.letter-form input[type=email]{min-block-size:52px;inline-size:100%;padding:12px 14px;border:1px solid var(--wl-sem-border-default);border-radius:var(--wl-sem-radius-control);background:var(--wl-sem-surface-functional)}
.letter-form input[aria-invalid=true]{border-color:var(--wl-sem-status-error-accent)}
.letter-form__help,.letter-form__status{margin:0;color:var(--wl-sem-text-muted);font-size:.88rem}
.letter-consent{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;margin-block-start:10px;cursor:pointer}
.letter-consent input{inline-size:20px;block-size:20px;margin:3px 0 0}
.letter-consent span{display:grid;gap:4px}.letter-consent small{color:var(--wl-sem-text-muted);line-height:1.55}.letter-consent a{color:var(--wl-sem-text-brand)}
.letter-form__submit{inline-size:100%;margin-block-start:12px}.letter-form__submit:disabled{cursor:wait;opacity:.66}
.letter-form__status{min-block-size:24px}.letter-form__status[data-tone=success]{color:var(--wl-sem-status-success-text)}.letter-form__status[data-tone=error]{color:var(--wl-sem-status-error-text)}
.letter-form__help a{color:var(--wl-sem-text-brand)}
.letter-unsubscribe{min-block-size:calc(100vh - 150px);background:var(--wl-sem-surface-brand)}
.letter-unsubscribe__shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:clamp(36px,7vw,96px);align-items:center}
.letter-unsubscribe .letter-heading h1{margin:0;color:inherit;font-family:var(--wl-sem-font-brand);font-size:clamp(2rem,4.8vw,3.8rem);line-height:1.14;letter-spacing:-.045em}
.letter-bottom{text-align:center}.letter-bottom__panel{padding:clamp(44px,8vw,96px) 24px;border-radius:var(--wl-sem-radius-feature);background:var(--wl-sem-surface-brand);color:var(--wl-sem-text-inverse)}
.letter-bottom h2{margin-inline:auto;color:inherit}.letter-bottom p:not(.wl2026-eyebrow){color:rgba(255,255,255,.78);font-size:1.05rem;line-height:1.7}
@media(max-width:56rem){.letter-hero__grid,.letter-difference__grid,.letter-subscribe__grid,.letter-unsubscribe__shell{grid-template-columns:1fr}.letter-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.letter-callout{align-items:start;flex-direction:column}}
@media(max-width:32rem){.letter-shell{inline-size:min(calc(100% - 32px),var(--wl-sem-layout-container))}.letter-hero{padding-block:64px}.letter-hero h1{font-size:clamp(2.45rem,12vw,3.6rem)}.letter-hero__lead br{display:none}.letter-topic-grid,.letter-demo__steps{grid-template-columns:1fr}.letter-button{inline-size:100%}}
@media(prefers-reduced-motion:reduce){.letter-page{scroll-behavior:auto}}