.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--surface)}
.hero::before,.hero::after{content:none}
/* Tabs share the tool-stage width so the switcher and the card align (2026-08-13). */
.product-choice{width:100%;margin:52px 0 0}
.choice-label{margin:0 0 10px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.product-tabs{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:1px;background:var(--line);border-radius:6px;overflow:hidden}
.product-tab{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;min-height:78px;padding:15px 20px;border:0;background:var(--surface);color:var(--muted);text-align:left;cursor:pointer}
.product-tab:hover{opacity:.82}
.product-tab .tab-index{font:500 11px/1 var(--mono);letter-spacing:.08em}
.product-tab .tab-copy{display:grid;gap:2px}
.product-tab strong{color:inherit;font-size:15px;font-weight:600;letter-spacing:-.01em}
.product-tab small{font-size:12px;line-height:1.5;letter-spacing:.02em}
.product-tab[aria-selected="true"]{background:var(--text);color:var(--ink)}
.product-tab[aria-selected="true"] .tab-index{color:#4e4e55}
.tool-stage{position:relative;margin-top:14px;padding:0 34px 8px;background:var(--raised);border-top:1px solid #414148;border-radius:4px}
.tab-panel[hidden]{display:none!important}
.tool-intro{display:grid;grid-template-columns:minmax(240px,.8fr) 1.2fr;gap:56px;align-items:end;padding:24px 0 18px;border-bottom:1px solid var(--line)}
/* label. */
.tool-intro h2{margin:4px 0 0;font-size:16px;line-height:1.4;letter-spacing:.01em;font-weight:600;color:var(--muted)}
.tool-intro>p{max-width:570px;margin:0;color:var(--muted)}
/* Compact lead line left after removing the redundant "current address" h2. */
.tool-intro--slim{grid-template-columns:1fr;gap:0;padding:22px 0 2px;border-bottom:0}

.tool-label{margin:0;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.forwarding-tool{min-height:360px;padding-bottom:32px}
.forward-workspace{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;padding:42px 0 14px}
.alias-preview{display:grid;grid-template-columns:1fr;align-content:start;gap:6px;padding:22px;background:#101012;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:13px;letter-spacing:.03em}
.alias-preview strong{margin:4px 0;color:var(--text);font:500 clamp(18px,2.5vw,26px)/1.4 var(--mono);letter-spacing:-.025em;overflow-wrap:anywhere}
.alias-preview .route{margin-top:26px;color:var(--accent);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.hero-login{align-self:start}
.hero-login .field-row{margin-top:10px}
.light-section{background:var(--text);color:var(--ink)}
.light-section .section-kicker,.light-section .principle-index{color:#5969bb}
.light-section .section-intro,.light-section .principle p{color:#5f5f66}
.light-section .principles,.light-section .principle{border-color:#d5d5d2}
@media(max-width:720px){.hero::before{inset:4rem -35% auto;height:28rem}.product-choice{margin-top:34px}.product-tabs{grid-template-columns:1fr}.product-tab{min-height:68px;padding:12px 15px}.tool-stage{margin-top:10px;padding:0 16px 6px}.tool-intro,.forward-workspace{grid-template-columns:1fr;gap:18px}.tool-intro{padding:26px 0}.forward-workspace{padding-top:28px}.hero-login .field-row{display:grid;grid-template-columns:1fr}.hero-login .button{width:100%}}