@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: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}}.dns-domain{background:var(--bg-2);border:var(--border);border-radius:var(--radius-lg);margin:0 0 1rem}.dns-domain>summary{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;min-height:44px;padding:0.75rem 1rem;cursor:pointer;list-style-position:inside}.dns-domain>summary::-webkit-details-marker{margin-right:0.25rem}.dns-domain-name{font-weight:700;overflow-wrap:anywhere}.dns-domain-body{padding:0 1rem 1rem;border-top:var(--border)}.dns-records{table-layout:fixed}.dns-records th:nth-child(1){width:24%}.dns-records th:nth-child(2){width:4rem}.dns-records th:nth-child(3){width:20%}.dns-records th:nth-child(5){width:5.5rem}.dns-records th:nth-child(6){width:6rem}.dns-records th:nth-child(7){width:9rem}.dns-value,.dns-found{display:block;font-family:ui-monospace,monospace;font-size:0.85rem;overflow-wrap:anywhere;word-break:break-all;white-space:pre-wrap;user-select:all}.dns-found{color:var(--ink-muted);margin:0.25rem 0 0}.dns-records .dns-copy{min-height:2rem;margin-top:0.35rem;padding:0.15rem 0.7rem;font-size:0.85rem}@media (max-width:640px){.dns-records{table-layout:auto}.dns-records th{width:auto}}}