:root{--bg:#faf9fb;--surface:#fff;--ink:#2d2332;--muted:#746b7a;--line:#e6e0e9;--brand:#bd0058;--brand-soft:#fceaf2;--soft:#f1eef4;--warn:#725514;--warn-bg:#fff5dc;--positive:#2e6750;--positive-bg:#e8f4ee;--shadow:0 22px 60px #35213b09;color-scheme:light}
:root[data-theme=dark]{--bg:#17141c;--surface:#211d27;--ink:#f5eef8;--muted:#b8acbf;--line:#3b3242;--brand:#ff85ba;--brand-soft:#492638;--soft:#2c2633;--warn:#f3d48e;--warn-bg:#3c3222;--positive:#91d9b5;--positive-bg:#263d33;--shadow:none;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:ui-rounded,'SF Pro Rounded','Segoe UI',system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,a,input,textarea,select,summary,[tabindex]{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--brand)}h1,h2,h3,p{margin:0}h1{font-size:clamp(35px,4vw,51px);line-height:1.1;letter-spacing:-2.1px;font-weight:650;text-wrap:balance}h2{font-size:23px;line-height:1.25;letter-spacing:-.6px}h3{font-size:16px;line-height:1.4}p{color:var(--muted);font-size:14px}img{display:block;max-width:100%}[hidden]{display:none!important}.skip-link{position:fixed;top:10px;left:15px;transform:translateY(-150%);padding:10px 16px;background:var(--ink);color:var(--bg);z-index:80}.skip-link:focus{transform:none}.boot{min-height:80vh;display:grid;place-content:center;justify-items:center;gap:20px}.boot img{width:80px;background:#671342;border-radius:20px;padding:10px}.ob-shell{width:min(1280px,calc(100% - 80px));margin:auto}.ob-header{display:flex;align-items:center;justify-content:space-between;gap:25px;height:100px;border-bottom:1px solid var(--line)}.ob-brand{width:83px;flex:0 0 83px;padding:0;background:none;border-radius:0}.ob-brand img{width:100%;aspect-ratio:1030/826;object-fit:contain}.ob-header-left,.top-actions{display:flex;align-items:center;gap:25px}.ob-breadcrumb{font-size:12px;color:var(--muted)}.top-actions a,.top-actions>button:not(.maildo-theme-toggle){font-size:12px;color:var(--muted);background:none;border:0;padding:8px 0}.top-actions a:hover,.text-link:hover{color:var(--brand)}.maildo-theme-toggle{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink)}.maildo-theme-toggle svg{width:18px;height:18px}.maildo-theme-toggle span{display:none}.status-strip{margin:22px 0 0;border:1px solid var(--line);border-radius:12px;padding:10px 16px;display:flex;gap:12px;align-items:center;color:var(--muted);font-size:11px}.status-tag{font-size:9px;font-weight:800;letter-spacing:.7px;color:var(--brand);background:var(--brand-soft);padding:4px 8px;border-radius:6px;white-space:nowrap}.status-strip button{margin-left:auto;flex-shrink:0;background:none;border:0;color:var(--brand);font-size:11px;padding:3px 0}.ob-layout{display:grid;grid-template-columns:275px minmax(0,1fr);gap:62px;padding:55px 0 65px}.ob-aside{position:relative}.ob-aside-title{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin:0 0 26px}.ob-steps{list-style:none;margin:0;padding:0;display:grid;gap:2px}.ob-step{width:100%;text-align:left;display:flex;align-items:center;gap:14px;padding:13px 10px 13px 0;border:0;background:none;color:var(--muted)}.ob-step>span:first-child{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border:1px solid var(--line);border-radius:50%;font-size:11px}.ob-step strong{display:block;font-size:13px;font-weight:600}.ob-step small{font-size:11px}.ob-step[aria-current=step]{color:var(--ink)}.ob-step[aria-current=step]>span:first-child{background:var(--brand);color:var(--surface);border-color:var(--brand)}.ob-step.is-done>span:first-child{color:var(--brand);background:var(--brand-soft);border-color:var(--brand-soft)}.ob-help{margin-top:40px;padding:24px 0 0;border-top:1px solid var(--line)}.ob-help img{width:65px;height:65px;object-fit:contain;background:#671342;border-radius:18px;padding:6px;margin-bottom:18px;transform:rotate(-7deg)}.ob-help h3{font-size:13px;margin-bottom:7px}.ob-help p{font-size:12px}.ob-help a{display:inline-block;margin-top:14px;font-size:11px;color:var(--brand)}.ob-main{min-width:0}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px;color:var(--brand);text-transform:uppercase;margin-bottom:16px}.intro{margin-bottom:32px}.intro>p:last-child{font-size:15px;line-height:1.8;max-width:600px;margin-top:20px}.ob-surface{background:var(--surface);border:1px solid var(--line);padding:30px;border-radius:23px;box-shadow:var(--shadow)}.ob-surface+.ob-surface{margin-top:22px}.ob-surface h2+p{margin-top:12px}.ob-line{height:1px;background:var(--line);margin:26px 0}.ob-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.ob-field{display:flex;flex-direction:column;gap:8px;min-width:0}.ob-field.wide{grid-column:1/-1}.ob-field label,.ob-field>span{font-size:12px;font-weight:600}.ob-field input,.ob-field textarea,.ob-field select{border:1px solid var(--line);border-radius:10px;padding:12px 13px;width:100%;background:var(--bg);color:var(--ink);font-size:13px;min-height:46px}.ob-field textarea{resize:vertical;min-height:105px}.ob-field small{color:var(--muted);font-size:11px}.ob-field input:read-only{color:var(--muted)}.ob-check{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:var(--muted);margin-top:22px}.ob-check input{accent-color:var(--brand);margin-top:4px}.ob-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:30px;flex-wrap:wrap}.ob-actions>div{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:44px;border:1px solid var(--line);border-radius:11px;padding:11px 17px;background:var(--surface);color:var(--ink);font-size:12px;font-weight:600}.button:hover:not(:disabled){background:var(--soft)}.button.primary{background:var(--brand);border-color:var(--brand);color:#fff}.button.primary:hover:not(:disabled){filter:brightness(.94)}[data-theme=dark] .button.primary{color:#281520}.button.danger{color:#af2348;border-color:#eab6c5}.text-link{font-size:12px;font-weight:550;color:var(--muted);background:transparent;border:0;padding:9px 0}.ob-notice{font-size:12px;padding:15px 18px;border-radius:11px;background:var(--soft);color:var(--muted);line-height:1.75}.ob-notice strong{color:var(--ink)}.ob-notice.warn{background:var(--warn-bg);color:var(--warn)}.ob-notice+.ob-notice{margin-top:12px}.ob-notice a{text-decoration:underline;text-underline-offset:3px}.ob-error{background:var(--warn-bg);color:var(--warn);padding:15px 18px;border:1px solid currentColor;border-radius:12px;font-size:13px;margin-bottom:23px;overflow-wrap:anywhere}.ob-error:empty{display:none}.ob-badge{display:inline-flex;align-items:center;gap:6px;border-radius:7px;background:var(--soft);color:var(--muted);padding:5px 9px;font-size:10px;font-weight:600}.ob-badge.pending{background:var(--warn-bg);color:var(--warn)}.ob-badge.approved{background:var(--positive-bg);color:var(--positive)}.ob-state-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.ob-state-header h2{margin-bottom:9px;overflow-wrap:anywhere}.ob-state-header small{font-size:11px;color:var(--muted)}.ob-choice{display:grid;grid-template-columns:1fr 1fr;gap:17px}.choice-button{position:relative;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:17px;text-align:left;padding:25px;min-height:205px;display:flex;flex-direction:column;align-items:flex-start}.choice-button:hover,.choice-button[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}.choice-symbol{font-size:24px;color:var(--brand);margin-bottom:23px}.choice-button strong{font-size:16px;margin-bottom:8px}.choice-button p{font-size:12px;line-height:1.75}.choice-detail{margin-top:24px}.sender-list{padding:0;list-style:none}.sender-list li{padding:16px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.sender-list strong,.sender-list small{display:block;font-size:13px;overflow-wrap:anywhere}.sender-list small{font-size:12px;color:var(--muted)}.sender-list .ob-badge{margin-left:auto}.dns-domain-title{font-size:22px;margin:12px 0 8px;overflow-wrap:anywhere}.dns-explainer{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.dns-explainer h3{font-size:13px;margin-bottom:7px}.dns-explainer p{font-size:12px}.dns-records{display:grid;gap:13px;margin:22px 0}.dns-record{border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--bg);min-width:0}.dns-record-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.dns-record-head>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dns-record-head strong{font-family:ui-monospace,monospace;font-size:12px;color:var(--ink)}.dns-purpose{font-size:11px;color:var(--muted)}.dns-field{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:12px;margin-top:9px}.dns-field>span{font-size:10px;color:var(--muted);padding-top:6px}.dns-field code{font:11px/1.7 ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere;padding:5px 0;white-space:pre-wrap}.dns-copy{padding:5px 8px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:var(--surface);font-size:10px;min-height:30px}.dns-record-time{font-size:10px;color:var(--muted);margin-top:12px}.ob-audit{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0;margin:25px 0}.ob-audit>div{border-bottom:1px solid var(--line);padding-bottom:15px;min-width:0}.ob-audit dt{color:var(--muted);font-size:11px;margin-bottom:7px}.ob-audit dd{margin:0;font-size:13px;overflow-wrap:anywhere}.review-list{display:grid;gap:15px}.review-item{display:block;width:100%;padding:21px 23px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:15px;text-align:left}.review-item:hover{border-color:var(--brand)}.review-item-top{display:flex;justify-content:space-between;gap:12px}.review-item h3{font-size:15px}.review-item p{font-size:12px;margin-top:8px}.review-tabs{display:flex;gap:10px;margin:20px 0}.review-tabs button{border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:8px 14px;border-radius:10px;font-size:12px}.review-tabs button[aria-pressed=true]{background:var(--brand-soft);color:var(--brand);border-color:var(--brand)}.ob-empty{padding:24px 0;font-size:13px;color:var(--muted);line-height:1.8}.ob-loading{color:var(--muted);padding:50px 0}.onboarding-toast{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);z-index:100;background:var(--ink);color:var(--bg);box-shadow:var(--shadow);font-size:12px;border-radius:12px;padding:12px 18px;max-width:calc(100vw - 40px);opacity:0;pointer-events:none}.onboarding-toast.show{opacity:1}.ob-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:23px 0 30px;color:var(--muted);font-size:10px}.ob-footer a{text-decoration:underline;text-underline-offset:3px}.ob-orbit{margin:30px 0 10px;display:flex;align-items:center;gap:15px;color:var(--brand)}.ob-orbit span{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);background:var(--brand-soft);border-radius:50%;font-size:19px}.ob-orbit i{width:28px;border-top:1px dashed var(--brand);opacity:.5}.ob-inline-status{font-size:11px;color:var(--muted);margin-top:18px}.ob-inline-status strong{color:var(--ink)}
@media(max-width:1050px){.ob-shell{width:calc(100% - 48px)}.ob-layout{grid-template-columns:210px minmax(0,1fr);gap:35px}.ob-surface{padding:25px}.choice-button{padding:20px}.ob-header-left{gap:18px}}
@media(max-width:760px){.ob-shell{width:calc(100% - 32px)}.ob-header{height:80px;gap:14px}.ob-brand{width:63px;flex-basis:63px;padding:4px}.ob-breadcrumb{display:none}.top-actions{gap:15px}.top-actions a{font-size:11px}.status-strip{padding:10px 12px;gap:8px;flex-wrap:wrap;font-size:10px}.status-strip button{margin-left:0}.ob-layout{display:block;padding:28px 0 40px}.ob-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:30px}.ob-step{display:block;padding:0;text-align:center}.ob-step>span:first-child{margin:0 auto 7px;width:27px;height:27px}.ob-step strong{font-size:10px;font-weight:550}.ob-step small,.ob-aside-title,.ob-help{display:none}.ob-step[aria-current=step] strong{font-weight:750;color:var(--brand)}h1{font-size:36px;letter-spacing:-1.6px}.intro{margin-bottom:25px}.intro>p:last-child{font-size:13px;margin-top:16px}.eyebrow{font-size:9px;margin-bottom:13px}.ob-surface{padding:22px 19px;border-radius:18px}.ob-fields{grid-template-columns:1fr;gap:20px}.ob-field.wide{grid-column:auto}.ob-choice{gap:12px}.choice-button{padding:17px 14px;min-height:210px}.choice-button strong{font-size:14px}.choice-button p{font-size:11px}.choice-symbol{margin-bottom:16px}.ob-notice{font-size:11px;padding:13px}.dns-explainer{grid-template-columns:1fr;gap:17px}.dns-record{padding:15px 12px}.dns-record-head{display:block}.dns-record-head>.ob-badge{margin-top:8px}.dns-field{grid-template-columns:35px minmax(0,1fr) auto;gap:6px}.dns-field code{font-size:10px}.dns-copy{font-size:9px;padding:5px}.ob-audit{gap:16px}.ob-audit dd{font-size:12px}.ob-audit dt{font-size:10px}.ob-state-header{flex-wrap:wrap;gap:13px}.ob-state-header h2{font-size:21px}.review-item{padding:17px}.review-item-top{flex-wrap:wrap}.ob-actions{gap:15px;margin-top:24px}.ob-actions .button{font-size:11px}.ob-footer{font-size:9px;flex-wrap:wrap}.ob-step:disabled{opacity:.65}.ob-main.admin .intro{margin-top:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.ob-brand{border:0;box-shadow:none}.ob-brand .ob-logo-dark{display:none}[data-theme=dark] .ob-brand .ob-logo-light{display:none}[data-theme=dark] .ob-brand .ob-logo-dark{display:block}@media(max-width:760px){.ob-brand{padding:0}}
/* Programmatic heading focus announces a new step without a large visual frame. */
.intro h1:focus{outline:none}