@layer components{.hero{padding-block:0 clamp(1.5rem,3.5vw,2.5rem);text-align:center}.hero .eyebrow{font-size:0.8rem;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--accent);margin:0 0 1.1rem}.hero h1{font-family:var(--font-display);font-size:var(--step-5);font-weight:700;letter-spacing:-0.035em;line-height:1.04;color:var(--accent-ink-display);margin:0 0 1.1rem;text-wrap:balance}@supports ((-webkit-background-clip:text) or (background-clip:text)){.hero h1{background:linear-gradient(94deg,var(--accent) 0%,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}}.hero .lead{font-size:var(--step-2);color:var(--ink-muted);max-width:44ch;margin-inline:auto;text-wrap:pretty}.hero .actions{margin-top:2rem}.hero .actions .btn-primary{display:inline-block;padding:0.9rem 2.2rem;min-height:var(--tap,44px);border-radius:980px;background:linear-gradient(180deg,var(--accent-hover),var(--accent));color:var(--accent-ink);font-weight:600;text-decoration:none;box-shadow:var(--shadow-md);transition:transform 200ms var(--pop-ease),box-shadow 200ms var(--pop-ease)}.hero .actions .btn-primary:hover,.hero .actions .btn-primary:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.client-settings{margin-inline:auto;max-width:min(100%,68rem);padding:clamp(1rem,2.5vw,1.75rem);border:1px solid transparent;background:linear-gradient(var(--bg-2),var(--bg-2)) padding-box,linear-gradient(180deg,color-mix(in srgb,var(--accent) 28%,var(--line)),var(--line)) border-box;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.client-settings h2{font-family:var(--font-display);font-size:var(--step-2);margin:0 0 0.5rem}.client-settings>p{color:var(--ink-muted);margin:0 0 1rem}.client-settings table{width:100%;border-collapse:collapse;font-size:var(--step-0)}@media (max-width:34rem){.client-settings thead{display:none}.client-settings tbody tr{display:block;padding:0.65rem 0.25rem;border-bottom:var(--border)}.client-settings tbody tr:last-child{border-bottom:0}.client-settings tbody td{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:0.3rem 0.75rem;border-bottom:0}.client-settings tbody td::before{content:attr(data-label);font-size:var(--step--1);text-transform:uppercase;letter-spacing:0.04em;color:var(--ink-dim);flex:none}.client-settings tbody td code,.client-settings tbody td data{text-align:right;overflow-wrap:anywhere;word-break:normal}}.client-settings thead th{text-align:left;font-size:var(--step--1);text-transform:uppercase;letter-spacing:0.04em;color:var(--ink-dim);padding:0.5rem 0.75rem;border-bottom:var(--border)}.client-settings tbody td{padding:0.6rem 0.75rem;border-bottom:var(--border)}.client-settings tbody tr:last-child td{border-bottom:0}.client-settings code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:0.95em;background:var(--bg-3);padding:0.1em 0.4em;border-radius:var(--radius-sm)}.client-settings .webmail-note{margin:1rem 0 0;color:var(--ink-muted)}.client-settings .webmail-note code{color:var(--accent);background:var(--bg-3)}.consent-revoke{margin-block:0.35rem}@media (min-width:48rem){.l-nav-list>.l-nav-item>a{padding-inline:0.6rem}}}