@import"https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800&display=swap";:root{font-family:Arial,Helvetica,sans-serif;color:#17344d;background:#f6fbfe;font-size:15px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:default}a,.link{color:#1c5b93;font-weight:700;text-decoration:none}.link{background:0;border:0;padding:0}h1,h2,h3,b,strong,.eyebrow{font-family:Nunito,sans-serif}h1{font-size:28px;line-height:1.2;margin:10px 0 8px}h2{margin:3px 0;font-size:21px}p{margin:5px 0}.muted,.intro{color:#71859a}.intro{max-width:66ch;margin:0 0 22px}.lead{font-size:17px;max-width:62ch}.center{text-align:center}header{height:64px;background:#fff;border-bottom:1px solid #d7e6f0;display:flex;align-items:center;padding:10px 26px;gap:18px}.brand{display:flex;align-items:center;gap:7px;color:#0f4172;font-family:Nunito;font-size:19px}.brand strong span{color:#ff6f5f}.brand-mark{font-size:9px;background:#0f4172;color:#fff;padding:7px 5px;border-radius:50%}.divider{height:30px;border-left:1px solid #d7e6f0}.product,.person{display:flex;flex-direction:column}.product small,.person small{font-size:12px;color:#71859a}.account{margin-left:auto;border:1px solid #d7e6f0;background:#eef8fd;border-radius:20px;padding:5px 13px;font-weight:700;font-size:13px}.org-dot{color:#2ca7df}.avatar{background:#0f4172;color:#fff;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:800 12px Nunito}.person{font-size:13px;line-height:1.3}.layout{max-width:1320px;margin:auto;padding:26px;display:grid;grid-template-columns:254px minmax(480px,1fr) 244px;gap:24px;align-items:start}.progress-card,.card{background:#fff;border:1px solid #d7e6f0;border-radius:18px;box-shadow:0 1px 2px #17344d0a}.progress-card{padding:20px;position:sticky;top:20px}.eyebrow{text-transform:uppercase;letter-spacing:.07em;font-size:12px;font-weight:800}.bar{height:6px;border-radius:10px;background:#eef8fd;margin:12px 0 5px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#ff6f5f,#2ca7df);transition:.4s}.progress-label{font-size:12px;color:#71859a;margin-bottom:14px}.progress-card nav{display:flex;flex-direction:column}.progress-card nav button{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:7px;border-radius:10px;color:#17344d;text-align:left;font-size:13.5px}.progress-card nav button:disabled{color:#9bacbd}.progress-card nav button.current{background:#eef8fd;font-family:Nunito;font-weight:800}.progress-card nav i{font-style:normal;width:23px;height:23px;border-radius:50%;background:#f0f5f9;display:grid;place-items:center;font-size:11px;font-weight:800}.progress-card nav .current i{background:#ff6f5f;color:#fff}.progress-card nav i.done{background:#eaf7f1;color:#0f7a5a}.help{border-top:1px solid #d7e6f0;margin-top:14px;padding-top:14px;font-size:12px;color:#71859a}.context{position:sticky;top:20px;background:#0f4172;color:#fff;border-radius:18px;padding:20px;display:flex;gap:11px}.context .shield{background:#2ca7df;width:29px;height:29px;flex:0 0 29px;border-radius:9px;display:grid;place-items:center}.context p,.context li{color:#cfe2f1;font-size:12.5px}.context ul{padding:0;list-style:none}.context li{margin:6px 0}.context li:before{content:"✓";color:#72e0b2;margin-right:7px}.card{padding:30px;animation:enter .3s ease}.welcome{padding:0;overflow:hidden}.welcome .pad{padding:32px}.gradient{height:4px;background:linear-gradient(90deg,#ff6f5f,#2ca7df)}.tag{display:inline-block;background:#fff3ee;color:#f45c49;border-radius:20px;padding:4px 12px;font:800 12px Nunito}.explain{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:20px 0}.explain>div{background:#f6fbfe;border:1px solid #d7e6f0;border-radius:13px;padding:14px;display:flex;flex-direction:column;gap:5px;font-size:13px}.explain b{font-size:11px;color:#71859a;text-transform:uppercase}.explain .explain-user{background:#fff3ee;border-color:#ffd9cf}.explain .explain-user b{color:#f45c49}.explain .explain-check{background:#eef8fd}.explain .explain-check b{color:#1c5b93}.welcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.numbered{display:flex;gap:10px}.numbered i{font-style:normal;color:#2ca7df;font-weight:700}.security{background:#0f4172;color:#fff;border-radius:15px;padding:18px;margin:16px 0}.security p{font-size:13.5px;color:#e6f2fa}.details{margin-top:16px}.code{margin-top:10px;background:#17344d;color:#d6e8f6;border-radius:11px;padding:13px 15px;font:12px/1.8 ui-monospace,monospace;overflow-wrap:anywhere}.info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f6fbfe;border:1px solid #d7e6f0;border-radius:13px;padding:13px 16px;margin:9px 0}.info-row>div{display:flex;flex-direction:column}.info-row small,.feature small,.dns-record small{color:#71859a}.info-row strong{font-size:16px}.badge{border-radius:20px;padding:4px 11px;font:800 12px Nunito;white-space:nowrap}.badge.idle{background:#eef8fd;color:#71859a}.badge.busy{background:#eef8fd;color:#1c5b93}.badge.ok{background:#eaf7f1;color:#0f7a5a}.badge.warn{background:#fff6e6;color:#a8600a}.badge.bad{background:#fdeeeb;color:#c23b2e}.badge.action{background:#fff3ee;color:#f45c49}.loading-list{background:#eef8fd;border:1px solid #d7e6f0;border-radius:14px;padding:17px;margin:15px 0}.loading-list>div{display:flex;gap:11px;align-items:center;color:#91a3b3;margin:9px}.loading-list div.active{color:#17344d}.loading-list i{width:23px;height:23px;border-radius:50%;background:#fff;display:grid;place-items:center;font-style:normal;font-size:11px}.loading-list i.complete{background:#0f7a5a;color:#fff}.spinner,.big-spinner{border:3px solid #cfe6f6!important;border-top-color:#2ca7df!important;animation:spin .8s linear infinite;color:transparent}.feature{border:1px solid #d7e6f0;border-top:4px solid #2ca7df;border-radius:14px;padding:18px;margin:15px 0}.credential,.permission{display:flex;align-items:center;gap:14px;border:1px solid #d7e6f0;background:#f6fbfe;border-radius:14px;padding:16px;margin:15px 0}.credential>div,.permission>div:nth-child(2){flex:1}.outline,.secondary{border:1px solid #d7e6f0;background:#fff;color:#1c5b93;font-weight:700;border-radius:10px;padding:9px 14px}.icon{background:#1c5b93;color:#fff!important;width:38px;flex:0 0 38px!important;height:38px;display:grid;place-items:center}.choices{display:flex;flex-direction:column;gap:9px}.choices button{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #d7e6f0;border-radius:12px;padding:13px;text-align:left}.choices button.chosen{border-color:#2ca7df;background:#eef8fd}.choices i{width:17px;height:17px;border:5px solid #d7e6f0;border-radius:50%}.choices .chosen i{border-color:#2ca7df}.choices span{display:flex;flex-direction:column}.choices small{color:#71859a}.alert{border-radius:13px;padding:15px;margin:14px 0}.alert.bad{background:#fdeeeb;border:1px solid #f6c7bf}.alert.warn{background:#fff6e6;border:1px solid #f2dcb2}.alert.ok{background:#eaf7f1;border:1px solid #bfe4d4;color:#0f674d}.part,.permission-card{border:1px solid #d7e6f0;border-radius:15px;padding:19px;margin:14px 0}.part.disabled{opacity:.55}.part-head{display:flex;align-items:center;gap:10px}.part-head>span{background:#eef8fd;color:#1c5b93;border-radius:15px;padding:3px 9px;font-size:11px;font-weight:700}.part-head .badge{margin-left:auto}.permission-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.permission-card.warm{background:#fff3ee;border-color:#ffd9cf}.permission-card.approved{background:#f6fbfe;border-color:#bfe4d4}.approve{border:1px solid #d7e6f0;background:#fff;border-radius:10px;padding:9px 13px;font-weight:700;white-space:nowrap}.approve input{accent-color:#0f7a5a}.dns{border:1px solid #d7e6f0;border-radius:15px;overflow:hidden}.dns-record{display:grid;grid-template-columns:65px 110px 1fr auto;align-items:center;gap:12px;padding:13px;border-bottom:1px solid #d7e6f0}.dns-record:last-child{border:0}.dns-record>span{font:700 14px Nunito;color:#1c5b93}.dns-record>div{display:flex;flex-direction:column}.dns-record code{font-size:11.5px;overflow-wrap:anywhere}.trust-flow{display:flex;align-items:center;justify-content:center;gap:13px;margin:24px 0}.trust-flow div{border:1px solid #d7e6f0;background:#f6fbfe;border-radius:13px;padding:14px;text-align:center;display:flex;flex-direction:column}.trust-flow div.trusted{background:#eaf7f1;border-color:#bfe4d4;color:#0f7a5a}.trust-flow small{color:#71859a}.checking{display:flex;flex-direction:column;align-items:center;background:#eef8fd;border-radius:14px;padding:18px;margin:14px}.big-spinner{display:block;width:30px;height:30px;border-radius:50%}.checklist{display:flex;flex-direction:column;gap:7px}.checklist>div{border:1px solid #d7e6f0;border-radius:12px;padding:11px 14px;display:flex;align-items:center;gap:10px}.checklist>div.failed{background:#fdeeeb}.checklist i{font-style:normal;background:#eaf7f1;color:#0f7a5a;width:21px;height:21px;border-radius:50%;display:grid;place-items:center}.checklist b{flex:1}.success{margin:auto;background:#eaf7f1;color:#0f7a5a;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:30px}.complete{text-align:center}.complete h1{font-size:31px;max-width:700px;margin:14px auto}.complete .lead{margin:auto}.summary{display:grid;grid-template-columns:1fr 1fr;margin:20px 0;gap:8px}.summary .info-row{margin:0;text-align:left}.footer-actions{display:flex;align-items:center;margin-top:17px;gap:15px}.footer-actions span{flex:1;color:#71859a;font-size:12px;text-align:center}.primary{background:#1c5b93;color:#fff;border:0;border-radius:11px;padding:12px 20px;font:800 15px Nunito}.primary:disabled{opacity:.5}.secondary{color:#71859a}.prototype{position:fixed;right:18px;bottom:18px;z-index:5;display:flex;align-items:flex-end;flex-direction:column;gap:8px}.prototype>button{background:#17344d;color:#fff;border:0;border-radius:22px;padding:10px 15px;font:800 13px Nunito}.prototype-panel{background:#0f4172;color:#fff;padding:17px;border-radius:14px;width:270px}.prototype-panel p{font-size:12px;color:#9fcbe8}.prototype-panel button{width:100%;background:transparent;border:1px solid #ffffff38;color:#cfe6f6;border-radius:8px;padding:7px;text-align:left;margin:3px 0;font-size:12px}.prototype-panel button.selected{background:#ff6f5f;border-color:#ff6f5f;color:#fff}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:0;transform:translateY(5px)}}@media(max-width:1100px){.layout{grid-template-columns:220px 1fr}.context{grid-column:2;position:static}.person{display:none}}@media(max-width:760px){header{height:auto;padding:10px 15px;flex-wrap:wrap}.product small,.account,.divider{display:none}.layout{display:block;padding:14px}.progress-card{position:static;margin-bottom:14px;padding:14px}.progress-card nav{flex-direction:row;overflow:auto}.progress-card nav button{min-width:38px}.progress-card nav button span,.help{display:none}.card{padding:20px}.welcome .pad{padding:22px}.explain,.welcome-grid,.summary{grid-template-columns:1fr}.dns-record{grid-template-columns:55px 1fr}.dns-record>div:nth-child(3),.dns-record button{grid-column:1/3}.trust-flow{flex-direction:column}.permission-card{align-items:flex-start;flex-direction:column}.footer-actions span{display:none}.footer-actions .primary{margin-left:auto}.context{margin-top:14px}}
