:root{--navy:#12457d;--navy-deep:#0d3b70;--blue:#0067c6;--blue-hover:#00539e;--bg:#e7edf3;--card:#fff;--ink:#122334;--muted:#62788f;--line:#c5d2dd;--soft:#f3f7fa;--danger:#b42318;--danger-soft:#fff1f0;--shadow:0 10px 28px rgba(27,61,91,.10)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Arial,"Helvetica Neue",sans-serif}
.site-header{background:var(--navy);color:#fff}
.header-inner,.nav-inner,.shell,.site-footer>div{width:min(1220px,calc(100% - 40px));margin:0 auto}
.header-inner{min-height:122px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{display:flex;align-items:center;gap:20px;color:#fff;text-decoration:none}
.brand-mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.6);border-radius:50%;font:700 30px/1 Georgia,serif}
.brand-copy{display:grid;gap:3px;padding-left:20px;border-left:1px solid rgba(255,255,255,.55)}
.brand-copy strong{font-size:19px;letter-spacing:.04em}.brand-copy span{max-width:510px;color:#a6c5e6;font-size:15px}
.header-actions{display:flex;align-items:center;gap:20px}.header-caption{color:#bed5eb;font-size:14px;white-space:nowrap}
.header-logout.quiet{padding:9px 16px;border-color:#a9c5df;color:#fff}.header-logout.quiet:hover{background:#fff;color:var(--navy)}
.site-nav{position:relative;z-index:1;background:#fff;box-shadow:0 2px 4px rgba(12,42,70,.25)}
.nav-inner{min-height:57px;display:flex;align-items:stretch;justify-content:center;gap:0;overflow-x:auto}
.site-nav a{display:flex;align-items:center;padding:0 28px;color:var(--ink);text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent}
.settings-link{gap:8px}.nav-alert{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--danger);color:#fff;font-weight:700;font-size:13px;line-height:1}
.site-nav a:hover,.site-nav a.active{color:var(--blue);border-bottom-color:var(--blue)}
.shell{padding:29px 0 54px}.page-heading{margin:0 0 22px}.page-heading h1{margin:0 0 4px;font-size:34px;line-height:1.18}.page-heading .subtitle{margin:0;font-size:18px}
header,.domain-head,.section-title{display:flex;justify-content:space-between;gap:20px}h1,h2,h3,p{margin-top:0}h2{font-size:23px;line-height:1.25;margin-bottom:12px}h3{font-size:19px;line-height:1.3;margin-bottom:6px}.eyebrow{margin-bottom:7px;color:var(--blue);font-size:13px;letter-spacing:.03em}.subtitle,.hint,small{color:var(--muted)}
.hidden{display:none!important}.card{margin:20px 0;padding:25px 28px;border:1px solid #dbe4eb;border-radius:4px;background:var(--card);box-shadow:var(--shadow)}.narrow{max-width:490px;margin:36px auto;padding:30px}.stack{display:grid;gap:16px}label{display:grid;gap:6px;color:#36516c;font-size:15px}
input,textarea,select{width:100%;min-height:42px;border:1px solid #aebfcc;border-radius:2px;padding:9px 11px;background:#fff;color:var(--ink);font:inherit;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,103,198,.15)}textarea{min-height:170px;font:13px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}
button{min-height:40px;border:1px solid var(--blue);border-radius:2px;padding:8px 15px;background:var(--blue);color:#fff;cursor:pointer;font:600 15px/1.2 Arial,"Helvetica Neue",sans-serif;transition:background .15s,border-color .15s,color .15s}button:hover{background:var(--blue-hover);border-color:var(--blue-hover)}button:disabled{background:#90a4b7;border-color:#90a4b7;cursor:not-allowed}.quiet{background:#fff;color:var(--blue);border-color:#9db4c7}.quiet:hover{background:#edf5fc;color:var(--blue-hover);border-color:var(--blue-hover)}.danger{background:#fff;color:var(--danger);border-color:#dca9a4}.danger:hover{background:var(--danger-soft);color:#8f1c13;border-color:var(--danger)}
.notice{margin:18px 0;padding:12px 15px;border:1px solid #8bb8df;border-left:4px solid var(--blue);border-radius:2px;background:#f2f8fd;color:#174d7f}.notice.bad{border-color:#d76d65;background:var(--danger-soft);color:#8f1c13}.status-card{border-left:4px solid var(--blue)}.status-card.is-ready{border-left-color:#247442;background:#f2faf5}.status-card.is-waiting{border-left-color:#b87900}.platform-checks{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}.platform-check{display:grid;gap:2px;padding:9px 12px;border:1px solid #d8e2ea;border-radius:2px;background:#fff}.platform-check strong{font-size:14px}.platform-check.is-ok{border-left:4px solid #247442}.platform-check.is-pending{border-left:4px solid #b87900}.platform-check.is-error{border-left:4px solid var(--danger)}
.cards{display:grid;gap:16px}.domain-card{margin:0}.domain-head{align-items:flex-start}.domain-head h3{margin-bottom:7px}.domain-status{display:inline-flex;align-items:center;min-height:26px;margin:0;color:#35536d;font-size:14px;font-weight:700}.domain-status::before{width:8px;height:8px;margin-right:7px;border-radius:50%;background:#b87900;content:""}.domain-status.is-ready{color:#247442}.domain-status.is-ready::before{background:#247442}.domain-status.is-error{color:var(--danger)}.domain-status.is-error::before{background:var(--danger)}.domain-actions{align-self:flex-start;justify-content:flex-end}.domain-overview{margin:17px 0 0;padding:15px 0 0;border-top:1px solid #d7e2eb}.domain-route{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:start}.route-label{padding-top:5px;color:#60778c;font-size:13px;font-weight:700}.route-flow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.route-step{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border:1px solid #c7d6e2;border-radius:2px;background:#f5f8fb;color:#244b6c;font-size:13px;line-height:1.25;overflow-wrap:anywhere}.route-destination{border-color:#a7c5dc;background:#eaf4fb;color:#155481}.route-arrow{color:#7d93a5;font-size:16px;line-height:1}.domain-facts{margin:13px 0 0;padding:12px 0 0;border-top:1px solid #e2eaf0;grid-template-columns:76px minmax(0,1fr);gap:6px 10px;font-size:14px}.domain-facts dt{color:#60778c}.domain-facts dd{margin:0;overflow-wrap:anywhere}.facts{display:grid;grid-template-columns:max-content 1fr;gap:7px 12px}.facts dd{margin:0;overflow-wrap:anywhere}.ns-box,.records{margin-top:16px;padding:15px;border:1px solid #d4e0e9;border-radius:2px;background:var(--soft)}.ns-box p{margin:8px 0}.ns-box .notice{margin:10px 0 0}.domain-dns-details{margin-top:15px;padding-top:14px}.domain-dns-details .nameservers{margin:10px 0 6px}.nameservers{display:block;margin-top:6px;white-space:pre-line;color:var(--blue)}details{margin-top:18px;padding-top:15px;border-top:1px solid #dae3ea}summary{color:#1e496e;cursor:pointer;font-weight:700}code{overflow-wrap:anywhere;color:#184d7e}.actions{display:flex;gap:8px;flex-wrap:wrap}.subdomain-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #e0e8ef}.subdomain-row:last-child{border-bottom:0}.subdomain-details{display:grid;gap:2px;min-width:0}.subdomain-details small{overflow-wrap:anywhere}.subdomain-row>.hint,.subdomain-row>.notice{flex-basis:100%;margin:0}.subdomain-row button{flex:0 0 auto}li{margin:5px 0}.section-title{align-items:center;margin:34px 0 16px}.section-title h2{margin:0}
.license-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #dce5ec}#license-output{margin:20px 0}#license-output textarea{margin-bottom:8px}.site-footer{padding:25px 0;background:#123f70;color:#bdd0e2;font-size:14px}
.agreement-section{margin:40px 0}.agreement-title-row{margin-bottom:14px}.agreement-title-row .eyebrow{margin:0 0 4px}.agreement-title-row h2{margin:0}.agreement-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.agreement-save-status{min-width:125px;color:var(--muted);font-size:13px;text-align:right}.agreement-toolbar{position:sticky;top:8px;z-index:4;display:flex;align-items:center;gap:3px;flex-wrap:wrap;margin:0;padding:9px;border:1px solid #b8c9d8;border-radius:4px 4px 0 0;background:#f7fafc;box-shadow:0 6px 16px rgba(20,55,85,.10)}.agreement-toolbar button{display:grid;place-items:center;min-width:35px;min-height:34px;padding:5px 8px;border-color:transparent;background:#f7fafc;color:#244d71;font-size:14px;font-weight:600}.agreement-toolbar button:hover{border-color:#9ab9d3;background:#e8f3fc;color:#00539e}.agreement-toolbar select{width:auto;min-height:34px;padding:4px 25px 4px 8px;border-color:transparent;background:#f7fafc;color:#244d71;font-size:13px}.toolbar-divider{width:1px;height:26px;margin:0 3px;background:#c7d6e2}.toolbar-color{display:block;width:28px;height:29px;padding:3px;border:1px solid transparent;border-radius:2px;background:#f7fafc;cursor:pointer}.toolbar-color:hover{border-color:#9ab9d3;background:#e8f3fc}.toolbar-color input{display:block;min-height:0;width:20px;height:20px;padding:0;border:0;background:transparent;cursor:pointer}.toolbar-table{display:flex;align-items:center;gap:2px}.toolbar-table input{width:43px;min-height:34px;padding:3px 4px;text-align:center;font-size:12px}.agreement-meta{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0;padding:13px 16px;border:1px solid #d1dfe9;border-top:0;background:#fff}.agreement-meta label{width:min(100%,460px);gap:3px;font-size:13px}.agreement-meta input{min-height:34px;padding:6px 8px;font-size:14px}.agreement-pages{color:var(--muted);font-size:13px;white-space:nowrap}.agreement-canvas-wrap{overflow:auto;padding:28px 22px;background:#cfd9e2;border:1px solid #b9cad8;border-top:0}.agreement-paper{position:relative;width:210mm;min-height:297mm;margin:0 auto;padding:18mm 18mm 22mm;background:#fff;color:#182532;box-shadow:0 5px 19px rgba(17,42,63,.28);font:11pt/1.45 Arial,"Helvetica Neue",sans-serif}.agreement-editor{position:relative;z-index:2;min-height:250mm;outline:0;overflow-wrap:anywhere}.agreement-editor:focus{box-shadow:inset 0 0 0 1px rgba(0,103,198,.38)}.agreement-editor h1{margin:0 0 14pt;font-size:16pt;line-height:1.3;text-align:center}.agreement-editor h2{margin:18pt 0 9pt;font-size:14pt;line-height:1.3}.agreement-editor h3{margin:14pt 0 7pt;font-size:12pt}.agreement-editor h4{margin:11pt 0 6pt;font-size:11pt}.agreement-editor p{margin:0 0 8pt}.agreement-editor ul,.agreement-editor ol{margin:0 0 8pt;padding-left:26pt}.agreement-editor li{margin:3pt 0}.agreement-editor blockquote{margin:10pt 22pt;padding-left:12pt;border-left:3px solid #a6bacd;color:#38546c}.agreement-editor table{width:100%;margin:10pt 0;border-collapse:collapse;break-inside:avoid}.agreement-editor td,.agreement-editor th{min-width:44px;border:1px solid #aab8c5;padding:6px;vertical-align:top}.agreement-editor th{background:#e7eef5;font-weight:700}.agreement-editor code{font:10pt/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.agreement-guides,.agreement-footers{position:absolute;inset:0;pointer-events:none}.agreement-page-guide{position:absolute;left:0;right:0;border-top:1px dashed rgba(34,72,102,.28)}.agreement-footers span{position:absolute;right:18mm;left:18mm;color:#71869a;font-size:9pt;text-align:center}.agreement-editor table:focus-within{outline:2px solid rgba(0,103,198,.42);outline-offset:2px}
.integration-callout{display:flex;align-items:center;justify-content:space-between;gap:24px}.integration-callout h2,.integration-callout p{margin-bottom:4px}.integration-callout p{color:var(--muted)}.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 15px;text-decoration:none;white-space:nowrap}
.settings-intro{margin-bottom:0}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.settings-grid>.card{margin:20px 0}.settings-grid .stack{gap:14px}.card-title{display:flex;align-items:start;justify-content:space-between;gap:16px}.card-title h2{margin:0}.integration-actions{display:flex;align-items:center;gap:12px}.switch,.clear-secret{display:flex;align-items:center;gap:8px;cursor:pointer;color:#36516c}.switch input,.clear-secret input{width:auto;min-height:auto;margin:0}.switch{font-size:14px;white-space:nowrap}.clear-secret{margin-top:-8px;font-size:13px}.reset-button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 10px;font-size:13px}.reset-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.secret-status{color:var(--muted);font-size:13px;font-weight:400}.secret-status.saved{color:#247442}.settings-submit{grid-column:1/-1;margin:4px 0 20px}.reset-dialog{width:min(100% - 32px,520px);border:1px solid #b9cbda;border-radius:4px;padding:24px;background:#fff;color:var(--ink);box-shadow:0 20px 65px rgba(12,43,70,.3)}.reset-dialog::backdrop{background:rgba(8,29,49,.55)}.reset-dialog h2{margin-bottom:8px}.reset-dialog p{line-height:1.45}.reset-dialog .flow-actions{display:flex;justify-content:flex-end;gap:9px}
.integration-card{transition:background .2s,border-color .2s,color .2s,box-shadow .2s}.integration-card.is-selected{background:#e8f3fc;border-color:#86b8e0;box-shadow:0 10px 28px rgba(0,103,198,.14)}.integration-card.is-ready{background:var(--navy);border-color:var(--navy);color:#fff}.integration-card.is-ready h2,.integration-card.is-ready label,.integration-card.is-ready .hint,.integration-card.is-ready .integration-status,.integration-card.is-ready .secret-status{color:#fff}.integration-card.is-ready input,.integration-card.is-ready select,.integration-card.is-ready button.quiet{background:#fff;color:var(--ink);border-color:#c7d8e8}.integration-card.is-error{border-color:#d76d65;box-shadow:0 10px 28px rgba(180,35,24,.12)}.integration-status{display:block;margin-top:4px;color:var(--muted);font-size:13px;font-weight:700}.integration-card.is-ready .integration-status{color:#dceeff}.integration-flow{margin:18px 0 20px;padding:14px 16px;border:1px solid #cbdbe8;border-radius:3px;background:rgba(255,255,255,.62)}.integration-card.is-ready .integration-flow{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.08)}.integration-flow p{margin:0 0 10px}.integration-flow .flow-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.integration-flow .flow-actions button,.integration-flow .flow-actions a{min-height:36px}.integration-flow a{color:var(--blue);font-weight:700}.integration-card.is-ready .integration-flow a{color:#fff}.integration-fields.is-locked{display:none}.flow-note{color:var(--muted);font-size:14px}.integration-card.is-ready .flow-note{color:#d4e8fa}
.selectel-auto-setup,.gateway-auto-setup{margin:0 0 22px;padding:16px;border:1px solid #cbdbe8;border-radius:3px;background:#f4f9fd}.selectel-auto-setup h3,.gateway-auto-setup h3{margin:0 0 8px;color:#184d7e;font-size:17px}.selectel-auto-setup .flow-actions,.gateway-auto-setup .flow-actions{margin-top:14px}.integration-card.is-ready .selectel-auto-setup,.integration-card.is-ready .gateway-auto-setup{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}.integration-card.is-ready .selectel-auto-setup h3,.integration-card.is-ready .gateway-auto-setup h3{color:#fff}.gateway-discovery{display:grid;gap:16px;margin-top:18px}.gateway-balance{display:grid;gap:3px;padding:12px 14px;border:1px solid #c7dbe9;border-radius:3px;background:#fff;color:#184d7e}.gateway-balance .hint{font-size:13px}.gateway-choice,.gateway-pending{margin:0;padding:16px;border:1px solid #cbdbe8;border-radius:3px;background:rgba(255,255,255,.72)}.gateway-choice h4,.gateway-pending h4{margin:0 0 7px;color:#184d7e;font-size:16px}.gateway-choice .flow-actions,.gateway-pending .flow-actions{margin-top:14px}.gateway-choice .clear-secret{margin-top:12px}.gateway-quote{display:grid;gap:3px;margin-top:14px;padding:12px 14px;border:1px solid #8bb8df;border-left:4px solid var(--blue);border-radius:2px;background:#f2f8fd;color:#174d7f}.gateway-quote strong{font-size:16px}.gateway-quote.is-insufficient{border-color:#d76d65;background:var(--danger-soft);color:#8f1c13}.gateway-current-binding{margin:-6px 0 18px}.integration-card.is-ready .gateway-balance,.integration-card.is-ready .gateway-choice,.integration-card.is-ready .gateway-pending{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.09);color:#fff}.integration-card.is-ready .gateway-balance,.integration-card.is-ready .gateway-choice h4,.integration-card.is-ready .gateway-pending h4{color:#fff}.integration-card.is-ready .gateway-quote{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.55);color:#fff}.integration-card.is-ready .gateway-quote.is-insufficient{background:rgba(141,31,19,.28);border-color:#f0aaa2}.manual-settings{margin-top:0}.manual-settings-fields{display:grid;gap:14px;margin-top:16px}.integration-card.is-ready .manual-settings summary{color:#fff}
.gateway-api-instructions ol{margin:8px 0 10px;padding-left:24px}.gateway-api-instructions li+li{margin-top:7px}.gateway-api-instructions .inline-action{display:inline-block;margin-left:6px;padding:3px 8px;font-size:12px}
.gateway-hosting-inventory{display:grid;gap:8px;margin:14px 0}.gateway-hosting-inventory-item{display:grid;gap:3px;padding:10px 12px;border:1px solid #c7dbe9;border-left:4px solid #247442;border-radius:2px;background:#fff;overflow-wrap:anywhere}.gateway-hosting-inventory-item.is-unavailable{border-left-color:#b87900}.gateway-hosting-inventory-item strong{color:#184d7e;font-size:14px}.gateway-hosting-inventory-item .hint{font-size:13px}.integration-card.is-ready .gateway-hosting-inventory-item{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4)}.integration-card.is-ready .gateway-hosting-inventory-item strong{color:#fff}
@media(max-width:820px){.settings-grid{grid-template-columns:1fr}.agreement-title-row{align-items:flex-start;flex-direction:column}.agreement-actions{justify-content:flex-start}.agreement-save-status{text-align:left}}@media(max-width:720px){.header-inner,.nav-inner,.shell,.site-footer>div{width:min(100% - 28px,1220px)}.header-inner{min-height:0;padding:22px 0;align-items:flex-start;flex-direction:column;gap:16px}.brand{gap:13px}.brand-mark{width:44px;height:44px;font-size:24px}.brand-copy{padding-left:13px}.brand-copy strong{font-size:16px}.brand-copy span{font-size:13px}.header-actions{width:100%;justify-content:space-between}.site-nav a{padding:0 15px}.page-heading h1{font-size:29px}.shell{padding-top:25px}.card{padding:20px 17px}header,.domain-head{flex-direction:column}.section-title,.integration-callout{align-items:flex-start;flex-direction:column}.license-row{align-items:flex-start;flex-direction:column}.agreement-canvas-wrap{margin-inline:calc(50% - 50vw);padding:16px 10px}.agreement-toolbar{position:static}.agreement-meta{align-items:flex-start;flex-direction:column}.agreement-paper{transform-origin:top left}.agreement-toolbar select{max-width:118px}.toolbar-divider{display:none}.toolbar-table{width:100%;padding-top:5px;border-top:1px solid #d2dfe9;flex-wrap:wrap}}
@media print{body{background:#fff}.site-header,.site-nav,.page-heading,#notice,#login-card,.license-row,.card,.agreement-toolbar,.agreement-meta,.agreement-actions,.site-footer{display:none!important}.shell{width:100%;margin:0;padding:0}.agreement-section{margin:0}.agreement-title-row{display:none}.agreement-canvas-wrap{overflow:visible;padding:0;border:0;background:transparent}.agreement-paper{width:auto;min-height:0!important;margin:0;padding:0;box-shadow:none}.agreement-guides,.agreement-footers{display:none}.agreement-editor{min-height:0}.agreement-editor:focus{box-shadow:none}@page{size:A4;margin:18mm 18mm 22mm}}
@media(max-width:720px){.domain-route{grid-template-columns:1fr;gap:5px}.route-label{padding-top:0}.domain-actions{width:100%;justify-content:flex-start}.subdomain-row{align-items:flex-start;flex-wrap:wrap}.subdomain-row button{margin-left:auto}}
.domain-facts .fact-label{display:flex;align-items:center;gap:7px}.fact-indicator{display:inline-block;flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(180,35,24,.24)}.fact-indicator.is-ready{background:#247442;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(36,116,66,.22)}
.domain-details-trigger{display:flex;justify-content:flex-start;margin:14px 0 0}.domain-details-dialog{width:min(calc(100% - 32px),860px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #9db4c7;border-radius:6px;background:#fff;color:var(--ink);box-shadow:0 20px 65px rgba(12,43,70,.3)}.domain-details-dialog::backdrop{background:rgba(8,29,49,.55)}.domain-details-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;border-bottom:1px solid #d6e1e9;background:#f5f8fb}.domain-details-header h2{margin:0;font-size:20px}.domain-details-header button{flex:0 0 auto}.domain-details-content{display:grid;gap:16px;max-height:calc(100dvh - 132px);overflow-y:auto;padding:20px}.domain-details-content>details{margin:0;padding-top:14px}.domain-detail-section{padding:0 0 16px;border-bottom:1px solid #dce6ed}.domain-detail-section .stack{gap:10px}.domain-detail-section button{justify-self:start}.domain-details-actions{margin:0}.domain-details-content .ns-box{margin:0}