/* Standalone website shell. Domain tool styles remain scoped under #domain-tool. */
:root { color-scheme:light; --site-ink:#162744; --site-muted:#66768f; --site-blue:#2563eb; }
* { box-sizing:border-box; }
html {scroll-behavior:smooth;scroll-padding-top:88px;}
body {margin:0;background:#fff;color:var(--site-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;}
button,textarea,input{font-family:inherit;}
a { color:inherit; }
a:focus-visible,button:focus-visible,summary:focus-visible {outline:3px solid #8eb7ff;outline-offset:3px;}
.site-skip {position:absolute;left:12px;top:-100px;z-index:9999;background:#fff;border:2px solid var(--site-blue);padding:10px 14px;border-radius:8px}
.site-skip:focus {top:10px}
.site-wrap {max-width:1160px;padding-left:24px;padding-right:24px;margin:0 auto;}
.site-header {position:sticky;top:0;z-index:50;border-bottom:1px solid #e9eef6;background:rgba(255,255,255,.96);backdrop-filter:blur(16px)}
.site-header-inner {display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:28px}
.site-logo {display:inline-flex;gap:9px;align-items:center;white-space:nowrap;text-decoration:none!important;font-size:18px;color:#1b355b;font-weight:750;letter-spacing:-.4px}
.site-logo b {font-weight:800}
.site-logo-mark {display:inline-flex;justify-content:center;align-items:center;height:33px;width:33px;border-radius:11px;background:linear-gradient(130deg,#438bff,#1954d7);color:white;font-size:21px;box-shadow:0 5px 12px #3477e337;}
.site-nav {display:flex;align-items:center;gap:30px;margin:auto}
.site-nav a {font-size:14px;font-weight:650;color:#54657e;text-decoration:none;transition:color .15s}
.site-nav a:hover,.site-footer nav a:hover {color:var(--site-blue)}
.site-header-cta {display:inline-flex;align-items:center;gap:9px;border:1px solid #bed3fb;border-radius:10px;background:#eef5ff;color:#1d58ca;text-decoration:none;font-size:13px;font-weight:750;padding:11px 17px;white-space:nowrap}
.site-header-cta:hover {background:#e4efff}
#domain-tool .dn-hero {scroll-margin-top:74px;}
#domain-tool .dn-hero-content {max-width:1060px;}
#domain-tool .dn-search-shell {max-width:960px;margin-left:auto;margin-right:auto;}
#domain-tool .dn-content{max-width:1160px;}
.site-info-section,.site-faq-section {padding:84px 0;border-top:1px solid #eef1f6;}
.site-info-section {background:#f8faff}
.site-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.11em;color:#245bcb;font-weight:800;margin:0 0 10px}
.site-info-section h2,.site-faq-section h2,.site-bottom-cta h2 {margin:0;color:#162744;font-size:clamp(23px,3vw,31px);letter-spacing:-.035em}
.site-section-lead {color:#60718c;font-size:15px;line-height:1.8;max-width:630px;margin:13px 0 34px}
.site-step-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.site-step{background:white;border:1px solid #e2eaf5;border-radius:16px;padding:27px 24px;box-shadow:0 3px 15px #24476c07}
.site-step-num {font-size:12px;color:#3575e6;font-weight:800}
.site-step h3 {margin:15px 0 9px;font-size:17px;color:#1c3151}
.site-step p {color:#62738b;font-size:14px;line-height:1.85;margin:0}
.site-faq-layout{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:75px}
.site-faq-list{border-top:1px solid #e6ecf4}
.site-faq-list details {padding:20px 0;border-bottom:1px solid #e6ecf4}
.site-faq-list summary {font-size:15px;font-weight:700;color:#213b61;cursor:pointer;display:list-item;line-height:1.6}
.site-faq-list p {font-size:14px;line-height:1.9;color:#687a91;margin:12px 15px 0 0}
.site-bottom-cta{padding:50px 0;background:#f0f6ff;border-top:1px solid #dce9ff}
.site-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-bottom-inner p{margin:9px 0 0;color:#66778f;font-size:14px}
.site-bottom-inner a {text-decoration:none;white-space:nowrap;padding:14px 19px;border-radius:11px;background:#2563eb;color:white;font-size:14px;font-weight:750}
.site-bottom-inner a:hover{background:#164cca}
.site-footer{background:#122743;color:#d6e1f0;padding:52px 0 21px}
.site-footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:38px;padding-bottom:40px}
.site-footer .site-logo{color:white}
.site-footer .site-logo-mark {box-shadow:none}
.site-footer-top p{max-width:320px;font-size:13px;color:#acbed5;line-height:1.85}
.site-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.site-footer nav a{font-size:13px;color:#c1cee1;text-decoration:none}
.site-footer-bottom{border-top:1px solid #344760;padding-top:20px;display:flex;justify-content:space-between;gap:16px;color:#8fa6c2;font-size:12px}
.site-legal {max-width:860px;padding-top:62px;padding-bottom:80px;min-height:60vh}
.site-legal h1{font-size:clamp(28px,4vw,42px);margin:10px 0 14px}
.site-legal h2{font-size:20px;margin:32px 0 8px}
.site-legal p,.site-legal li{font-size:15px;line-height:1.9;color:#5c6e88}
.site-legal a {color:#215cd1}
.site-legal .legal-intro{font-size:16px;line-height:1.8;color:#506683}
@media(max-width:820px){.site-nav{gap:17px}.site-faq-layout{gap:32px}.site-footer-top{gap:18px}}
@media(max-width:620px){
 .site-wrap{padding-left:16px;padding-right:16px}
 .site-header-inner{gap:13px;min-height:64px}
 .site-logo{font-size:15px}
 .site-logo-mark{width:30px;height:30px;border-radius:9px}
 .site-nav{display:none}
 .site-header-cta{font-size:12px;padding:9px 11px}
 .site-info-section,.site-faq-section{padding:50px 0}
 .site-step-grid{grid-template-columns:1fr}
 .site-faq-layout{grid-template-columns:1fr;gap:12px}
 .site-bottom-inner{flex-direction:column;align-items:flex-start}
 .site-bottom-inner a{width:100%;text-align:center}
 .site-footer-top{grid-template-columns:1fr 1fr;gap:28px}
 .site-footer-top > div{grid-column:1/-1}
 .site-footer-bottom{flex-direction:column}
 .site-legal{padding-top:36px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Local file:// preview guidance; hidden during normal HTTP operation. */
#domain-tool .dn-file-preview-notice {margin:0 auto 18px;max-width:960px;padding:12px 16px;border:1px solid #f1dca7;border-radius:11px;background:#fff9e9;color:#745620;text-align:left;font-size:13px;line-height:1.65}
#domain-tool .dn-file-preview-notice[hidden] {display:none}
#domain-tool .dn-file-preview-notice code {font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#fff2ce;border-radius:4px;padding:1px 4px}