@charset "UTF-8";
/* SayaLab DNS 1.0 — self-hosted responsive landing, no external dependencies */
:root{color-scheme:dark;--bg:#070d19;--panel:#111e32;--ink:#f3f7ff;--muted:#a1b3d0;--line:#7c9cce3c;--blue:#74b9ff;--purple:#9e8bff;--mint:#70edce;font-family:Inter,"Segoe UI",Roboto,system-ui,-apple-system,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;min-width:280px;background:#080e1a;color:var(--ink);font-size:15px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b1d7ff;outline-offset:4px}::selection{background:#577fc4;color:white}
.wrap{width:min(1160px,calc(100% - 52px));margin-inline:auto}.skip{position:fixed;top:-100px;left:14px;background:#fff;color:#091225;padding:12px 16px;z-index:1000;border-radius:9px}.skip:focus{top:12px}
.site-header{position:sticky;top:0;z-index:30;background:#080e1bf0;backdrop-filter:blur(18px);border-bottom:1px solid #91acdc1b}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:80px}.brand{display:inline-flex;gap:12px;align-items:center;text-decoration:none;white-space:nowrap;font-size:24px;font-weight:850;letter-spacing:-.07em;line-height:1}.brand b{color:#bdd0ff}.brand i{font-style:normal;color:#7fa2ff}.mark{height:38px;width:38px;border-radius:11px;background:linear-gradient(145deg,#4fbefd,#657fff,#a17dff);display:grid;place-items:center;font-size:25px;font-weight:850;letter-spacing:0;box-shadow:0 8px 24px #506aff35}
.nav{display:flex;align-items:center;gap:28px}.nav a{text-decoration:none;font-size:13px;font-weight:700;color:#a9bddb}.nav a:hover{color:#fff}.nav .nav-cta{border:1px solid #80a5ec60;background:#3254973c;border-radius:30px;padding:11px 17px;color:#e4efff}.nav .nav-cta:hover{background:#345da085}.nav-toggle{display:none}
.hero{min-height:720px;display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center;padding-block:88px 108px;position:relative}.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 75% 25%,#2851a129,transparent 58%),radial-gradient(ellipse at 0 40%,#423a9830,transparent 70%)}
.eyebrow,.overline{font-size:11px;font-weight:850;letter-spacing:.17em;color:#99c2ff;margin:0 0 20px}.eyebrow{display:flex;align-items:center;gap:12px}.dot{width:9px;height:9px;flex:none;border-radius:50%;background:#68e7cc;box-shadow:0 0 0 6px #67eacc20,0 0 18px #67eacc91}
.hero h1{font-size:clamp(44px,5.2vw,76px);font-weight:850;letter-spacing:-.078em;line-height:1.12;margin:0 0 25px}.hero h1 em,.closing h2 em{font-style:normal;background:linear-gradient(105deg,#57c6ff,#739cff 50%,#b088ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{max-width:580px;color:#b3c4dc;line-height:1.86;font-size:16px;margin:0 0 29px}.hero-lead strong{color:#f4f8ff}
.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:13px 20px;border:1px solid transparent;border-radius:13px;font-size:13px;font-weight:800;text-decoration:none;text-align:center;transition:background .2s,transform .2s,color .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(110deg,#55bfff,#718dff 56%,#9b7fff);color:white;box-shadow:0 12px 30px #6487fc35}.button.secondary{background:#1b2b44;border-color:#6c8bbb65;color:#e2efff}.button.light{background:#f3f6ff;color:#1c3156}
.hero-points{display:flex;gap:12px 20px;flex-wrap:wrap;margin-top:28px;color:#8fa9cf;font-size:11px;font-weight:750}.hero-points span:first-letter{color:#7fe5ce}
.hero-art{height:510px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#436bc62c,transparent 64%)}
.orbit{position:absolute;border:1px solid #799eff25;border-radius:50%}.orbit.a{width:450px;height:450px}.orbit.b{width:340px;height:340px;border-style:dashed}.orbit:after{content:"";position:absolute;top:22%;right:8%;width:8px;height:8px;background:#769cff;border-radius:50%;box-shadow:0 0 23px #678aff}
.visual-core{position:relative;z-index:1;width:245px;height:245px;border:1px solid #97b7fb53;border-radius:62px;background:linear-gradient(135deg,#36518b76,#172b50de);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 30px 75px #0008,inset 0 1px #e0e9ff28;transform:rotate(-5deg);backdrop-filter:blur(18px)}.visual-letter{display:grid;place-items:center;position:relative;height:125px;width:125px;border-radius:32px;background:linear-gradient(140deg,#5bd6ff,#657ffb 59%,#ae77f1);box-shadow:0 15px 55px #6b87ff71;font-size:94px;font-weight:850;line-height:1}.visual-letter span{position:absolute;top:0;right:13px;font-size:24px}.visual-core strong{font-size:14px;letter-spacing:.14em;margin-top:14px;white-space:nowrap}.visual-core strong em{font-style:normal;color:#98beff}.visual-core small{font-size:8px;letter-spacing:.15em;color:#9ab2df;margin-top:7px}
.visual-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;padding:13px 15px;min-width:228px;border:1px solid #8cafef55;border-radius:15px;background:#182944e3;box-shadow:0 16px 33px #0007;backdrop-filter:blur(12px)}.visual-chip>span{width:33px;height:33px;flex:none;display:grid;place-items:center;border:1px solid #85aaf966;border-radius:10px;background:#4574c74d;color:#bcd8ff;font-size:19px}.visual-chip strong{display:block;font-size:12px;white-space:nowrap}.visual-chip small{display:block;font-size:10px;color:#90a9cf;white-space:nowrap}.visual-chip i{font-size:16px;font-style:normal;color:#80e5c8;margin-left:auto}.chip-one{top:57px;right:-17px;transform:rotate(6deg)}.chip-two{left:-32px;top:227px;transform:rotate(-7deg)}.chip-two>span,.chip-two i{color:#f6b3ae}.chip-three{right:-15px;bottom:52px;transform:rotate(5deg)}
.ticker{border-block:1px solid #668bc537;background:linear-gradient(95deg,#0d1930,#11162b)}.ticker-inner{display:flex;gap:19px;min-height:63px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-block:12px}.ticker span{font-size:10px;font-weight:850;letter-spacing:.14em;color:#b2cbf4}.ticker span b{color:#748fb8;margin-left:5px}.ticker-inner>b{color:#698cff;font-weight:400}
.section{padding-block:100px}.section-header{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.section-header>div{flex:1}.section-header h2,.tech-layout h2,.faq-layout h2{font-size:clamp(34px,4.3vw,55px);font-weight:850;letter-spacing:-.064em;line-height:1.16;margin:0}.section-header h2 span,.tech-layout h2 span,.faq-layout h2 span{color:#8da6c9}.section-header>p{max-width:360px;color:#9caecc;font-size:14px;line-height:1.8;margin:0 0 5px}
.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.benefit{padding:28px 24px 30px;background:linear-gradient(130deg,#121f35,#0c1628);border:1px solid #6e94cf35;border-radius:20px;min-height:272px;transition:border-color .2s,transform .2s}.benefit:hover{transform:translateY(-4px);border-color:#749efc84}.benefit-icon{display:grid;place-items:center;width:50px;height:50px;font-size:26px;color:#96bfff;border:1px solid #628dd54f;background:#3e66ad2c;border-radius:14px;margin-bottom:24px}.benefit small{display:block;color:#87aafb;letter-spacing:.11em;font-weight:850;font-size:10px}.benefit h3{font-size:20px;line-height:1.3;letter-spacing:-.04em;margin:12px 0}.benefit p{font-size:13px;line-height:1.8;color:#9eafc9;margin:0}
.technology{border-block:1px solid #7699d22a;background:radial-gradient(ellipse at 72% 22%,#24417166,transparent 60%),linear-gradient(#0f192d,#0c1426)}.tech-layout{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center}.tech-layout>div>p:not(.overline){color:#a5bad7;font-size:15px;line-height:1.9;max-width:545px}.tech-layout h2{margin-bottom:24px}.tech-layout strong{color:#e8f2ff}.chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.chips span{padding:8px 12px;border:1px solid #81a6ec42;border-radius:99px;background:#33508d3d;color:#b9d7ff;font-size:11px;font-weight:750}
.diagram{padding:25px;border:1px solid #7d99d341;border-radius:26px;background:linear-gradient(130deg,#11213b,#0b162a);box-shadow:0 20px 65px #0004}.diagram-item{display:flex;gap:17px;align-items:center;padding:21px 20px;border:1px solid #85a7e144;border-radius:16px;background:#0b1426}.diagram-item>span{width:47px;height:47px;flex:none;display:grid;place-items:center;border-radius:13px;background:#395b9d50;color:#d3e7ff;font-size:25px}.diagram-item small{display:block;font-size:10px;color:#91afe0;letter-spacing:.13em;font-weight:750}.diagram-item strong{display:block;font-size:14px;margin-top:7px}.diagram-item.active{background:linear-gradient(110deg,#20376a,#172446);border-color:#99abff7d}.diagram-item.active>span{background:linear-gradient(125deg,#55c3ff,#9c84ff);color:#fff;font-weight:850}.diagram-arrow{text-align:center;color:#78b4fd;font-size:19px;padding-block:13px}.diagram-arrow small{font-size:10px;margin-left:10px;letter-spacing:.1em}.diagram-branches{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:15px}.diagram-branches>div{display:flex;flex-direction:column;gap:5px;padding:17px 12px;border:1px solid #8db4ed35;border-radius:15px;background:#0d1b30}.diagram-branches b{font-size:20px;color:#72ddc6}.diagram-branches>div:last-child b{color:#edaaad}.diagram-branches strong{font-size:12px}.diagram-branches small{color:#8fa4c5;font-size:10px}
.server-addresses{display:grid;grid-template-columns:1fr 1.3fr;gap:14px}.address{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:17px;border:1px solid #85a9f968;background:#132442;padding:21px}.address>div{min-width:0}.address small{display:block;font-size:10px;font-weight:850;letter-spacing:.1em;color:#9dbfff}.address strong{display:block;font-size:clamp(18px,2vw,24px);margin-top:7px;overflow-wrap:anywhere;line-height:1.35;letter-spacing:-.025em}.address strong.long{font-size:clamp(13px,1.6vw,17px);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.address button{background:#294c81;color:#eef6ff;border:1px solid #88adfa68;border-radius:11px;min-height:44px;padding:9px 13px;flex:none;font-size:12px;font-weight:750}.address button:hover{background:#4166a7}.address button span{margin-left:7px}
.device-links{display:flex;gap:8px;flex-wrap:wrap;margin:32px 0 23px}.device-links a{display:inline-flex;gap:7px;align-items:center;border:1px solid #7197cc64;background:#192940;color:#bed7fa;text-decoration:none;padding:10px 13px;border-radius:12px;font-size:12px;font-weight:750}.device-links a:hover{background:#284776;color:#fff}
.guides{display:grid;gap:11px}.guide{background:#111e32;border:1px solid #7090c34b;border-radius:17px;scroll-margin-top:105px;overflow:hidden}.guide[open]{border-color:#82aaff8c;background:linear-gradient(130deg,#142642,#0e1a2c)}.guide>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:15px;padding:18px 22px}.guide>summary::-webkit-details-marker{display:none}.guide-number{font-size:13px;font-weight:850;color:#85b4ff;letter-spacing:.06em;flex:none;min-width:30px}.guide>summary span:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.guide>summary small{font-size:10px;color:#8eacd8;font-weight:800;letter-spacing:.11em}.guide>summary strong{font-size:19px;letter-spacing:-.035em;line-height:1.3}.guide .expand{font-size:26px;color:#a9c9ff;line-height:1;transition:transform .2s}.guide[open] .expand{transform:rotate(45deg)}.guide-body{padding:1px 29px 26px 68px}.guide-body>p{font-size:14px;color:#a8bddb;line-height:1.8}.guide-body ol{list-style:none;padding:0;counter-reset:step;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.guide-body li{counter-increment:step;background:#0b172b;border:1px solid #7799ce39;border-radius:12px;padding:20px 18px 20px 50px;position:relative;color:#b5c8e2;font-size:13px;line-height:1.85}.guide-body li::before{content:counter(step,decimal-leading-zero);position:absolute;left:14px;top:18px;font-size:12px;color:#83b9ff;font-weight:850}.guide-body b{color:#eef6ff}.guide-body code{display:inline;overflow-wrap:anywhere;font-family:ui-monospace,Consolas,monospace;color:#bde0ff;background:#253f66;padding:2px 5px;border-radius:5px;font-size:12px}.guide-warning{font-size:12px;color:#a3b9db;border-left:3px solid #8fb5ff;background:#20345373;border-radius:0 8px 8px 0;padding:12px 15px;line-height:1.8}.setup-note{font-size:13px;color:#99aac4;line-height:1.85;margin:24px 0 0}.setup-note strong{color:#eef5ff}
.faq-section{background:#0e182b;border-block:1px solid #7395c535}.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.faq-layout>div>p:not(.overline){color:#9eafc9;line-height:1.88;max-width:450px;margin:22px 0 30px}.faq-items{display:grid;gap:10px;align-content:start}.faq-items details{border:1px solid #7595c248;border-radius:14px;background:#13213a;overflow:hidden}.faq-items summary{list-style:none;cursor:pointer;padding:19px 49px 19px 19px;position:relative;font-size:14px;font-weight:750;line-height:1.6}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary::after{content:"+";font-size:23px;color:#a8c2f4;position:absolute;right:20px;top:14px}.faq-items details[open] summary::after{content:"−"}.faq-items p{margin:0;padding:0 20px 20px;color:#acbed7;line-height:1.85;font-size:13px}
.closing{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;min-height:450px;margin-block:93px;text-align:center;padding:66px 25px;background:radial-gradient(ellipse at 50% -20%,#6963d77d,transparent 65%),linear-gradient(130deg,#14264a,#16213f 55%,#222552);border:1px solid #96b4ff77;border-radius:28px;overflow:hidden}.closing:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 88% 84%,#389bda35,transparent 58%)}.closing-logo{display:grid;place-items:center;width:63px;height:63px;border-radius:17px;background:linear-gradient(140deg,#55ccff,#7d83ff,#a882ff);box-shadow:0 10px 37px #6481ff80;font-size:45px;font-weight:850;margin-bottom:20px}.closing h2{font-size:clamp(34px,5vw,59px);font-weight:850;letter-spacing:-.075em;line-height:1.14;margin:0}.closing>p:not(.overline){max-width:525px;font-size:14px;color:#b8c7e4;line-height:1.8;margin:20px 0 25px}
.footer{border-top:1px solid #658abe3a;background:#070d18}.footer-inner{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-block:30px}.footer .brand{font-size:19px}.footer .mark{height:30px;width:30px;font-size:20px}.footer p,.footer small{font-size:11px;color:#8296b6}.footer-inner>div{display:flex;flex-wrap:wrap;gap:14px}.footer-inner>div a{font-size:11px;color:#b1c5e0;text-decoration:none}.footer-inner>div a:hover{color:#fff}
.toast{position:fixed;z-index:70;bottom:26px;left:50%;transform:translateX(-50%);padding:11px 17px;border-radius:12px;background:#213a61;color:white;border:1px solid #95b8fa;box-shadow:0 18px 35px #0008;max-width:calc(100vw - 36px);font-size:13px;text-align:center}.toast[hidden]{display:none}
@media(max-width:1120px){.nav{gap:17px}.hero{grid-template-columns:1fr .9fr}.visual-chip{min-width:200px}.chip-two{left:-10px}.chip-one{right:-8px}}
@media(max-width:850px){.wrap{width:calc(100% - 38px)}.nav-row{min-height:73px}.nav-toggle{display:flex;width:42px;height:42px;background:#1b2c49;border:1px solid #8ba5d64e;border-radius:10px;flex-direction:column;align-items:center;justify-content:center;gap:5px;z-index:4}.nav-toggle span{width:19px;height:2px;background:#e2efff;border-radius:3px}.nav{display:none;position:absolute;top:73px;left:0;right:0;padding:12px 19px 22px;background:#0b1425fa;border-bottom:1px solid #7b9fd45e;box-shadow:0 23px 55px #0008;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav>a:not(.nav-cta){padding:14px 9px;border-bottom:1px solid #84a5d528}.nav .nav-cta{text-align:center;margin-top:17px}.hero{grid-template-columns:1fr;text-align:center;padding-top:64px;gap:5px}.hero-copy{display:flex;align-items:center;flex-direction:column}.hero-lead{max-width:650px}.hero-points,.actions{justify-content:center}.hero-art{max-width:530px;width:100%;height:450px;margin:0 auto}.ticker-inner{justify-content:center}.section{padding-block:76px}.section-header{align-items:start;flex-direction:column}.section-header>p{max-width:700px}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-layout,.faq-layout{grid-template-columns:1fr;gap:35px}.diagram{max-width:670px}.server-addresses{grid-template-columns:1fr}.guide-body ol{grid-template-columns:1fr}}
@media(max-width:540px){.wrap{width:calc(100% - 30px)}.hero{padding-top:50px;padding-bottom:69px}.hero h1{font-size:clamp(38px,10.5vw,51px)}.hero-lead{font-size:13px;line-height:1.83}.hero-points{font-size:10px}.actions{width:100%}.actions .button{font-size:12px;padding:12px 13px}.hero-art{height:325px;transform:scale(.8);transform-origin:center center;margin:-4px auto -25px}.orbit.a{width:390px;height:390px}.orbit.b{width:290px;height:290px}.visual-core{width:210px;height:210px;border-radius:49px}.visual-letter{width:111px;height:111px;font-size:80px}.visual-chip{min-width:182px;padding:9px;gap:8px}.visual-chip strong{font-size:11px}.visual-chip small{font-size:9px}.chip-one{top:4px;right:-25px}.chip-two{left:-28px;top:156px}.chip-three{right:-23px;bottom:0}.ticker-inner{gap:10px}.ticker span{font-size:9px;letter-spacing:.06em}.ticker-inner>b{display:none}.section{padding-block:69px}.section-header h2,.tech-layout h2,.faq-layout h2{font-size:clamp(34px,8vw,42px)}.section-header>p{font-size:13px}.benefit-grid{grid-template-columns:1fr;gap:12px}.benefit{padding:22px;min-height:0}.benefit-icon{margin-bottom:14px}.tech-layout>div>p:not(.overline){font-size:13px}.diagram{padding:15px}.diagram-item{padding:15px}.diagram-branches>div{padding:13px 9px}.diagram-branches strong{font-size:11px}.address{padding:14px;gap:10px}.address strong{font-size:18px}.address strong.long{font-size:12px}.address small{font-size:9px}.address button{padding:8px 10px;font-size:11px}.device-links{gap:7px}.device-links a{font-size:11px;padding:8px 10px}.guide>summary{padding:15px 12px;gap:10px}.guide>summary strong{font-size:16px}.guide-number{min-width:24px}.guide-body{padding:1px 14px 17px}.guide-body li{font-size:12px;line-height:1.8;padding:15px 12px 15px 46px}.guide-body li::before{left:12px;top:14px}.guide-warning{font-size:11px}.faq-layout{gap:24px}.closing{margin-block:65px;min-height:0;padding:52px 18px}.footer-inner{justify-content:center;text-align:center}.footer-inner p{width:100%;margin:0}.footer-inner>div{justify-content:center}}
@media(max-width:360px){.actions{flex-direction:column}.actions .button{width:100%}.hero-art{transform:scale(.69);margin-inline:-4px}.address{flex-direction:column;align-items:stretch}.address button{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.benefit:hover,.button:hover{transform:none}}


/* SayaLab DNS 1.1.0 — honest, server-backed status and device self-check. */
.dns-live-section{padding-block:60px 65px;background:radial-gradient(ellipse at 77% 0%,#25447744,transparent 70%),#0c1527;border-block:1px solid #85a6d737;scroll-margin-top:80px}
.dns-live-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}
.dns-live-heading>div{min-width:0}
.dns-live-heading .overline{margin-bottom:10px}
.dns-live-heading h2{margin:0 0 10px;font-size:clamp(28px,3.5vw,43px);line-height:1.18;letter-spacing:-.055em}
.dns-live-heading h2 span{color:#a7b8ff}
.dns-live-heading p:not(.overline){max-width:680px;margin:0;color:#a8bbda;font-size:13px;line-height:1.82}
.dns-refresh{flex:none;min-height:44px;border-radius:11px;background:#294e82;border:1px solid #8ab0f7a8;color:#e7f1ff;font-size:12px;font-weight:750;padding:11px 16px}
.dns-refresh:hover{background:#3c609f}
.dns-refresh:disabled{opacity:.56;cursor:wait}
.dns-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.dns-live-card{min-width:0;padding:21px 23px;background:#111f36;border:1px solid #7695c859;border-radius:17px}
.dns-live-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.dns-live-symbol{font-size:25px;color:#a5c8ff}
.dns-live-indicator{border:1px solid #7b90b65c;color:#97aac6;background:#28374f6c;display:inline-flex;align-items:center;justify-content:center;min-width:27px;min-height:27px;border-radius:99px;font-size:13px;font-weight:900}
.dns-live-indicator.good{background:#24634b80;border-color:#78e9ae7c;color:#b1ffe0}
.dns-live-indicator.unknown{background:#5e4e2c82;border-color:#d6ba7088;color:#f1dca7}
.dns-live-card small{display:block;font-size:10px;font-weight:850;letter-spacing:.13em;color:#90b4ec}
.dns-live-card strong{display:block;min-height:24px;font-size:18px;letter-spacing:-.03em;margin:8px 0}
.dns-live-card p{font-size:12px;color:#9eafca;line-height:1.7;margin:0}
.dns-live-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:16px}
.dns-live-footer>span{flex:none;color:#a8c7fb;font-size:12px;font-weight:750}
.dns-live-footer p{margin:0;max-width:670px;font-size:11px;line-height:1.85;color:#9dafca}
.dns-live-footer strong{color:#cbdfff}
.dns-live-footer a{color:#b8d9ff;text-underline-offset:3px}
.dns-selfcheck{margin-top:30px;padding:26px;border:1px solid #8ab5f16a;border-radius:20px;background:linear-gradient(125deg,#142a49,#111e32)}
.dns-selfcheck .overline{margin:0 0 6px}
.dns-selfcheck h3{font-size:25px;line-height:1.3;margin:0 0 8px;letter-spacing:-.04em}
.dns-selfcheck>div>p:not(.overline){font-size:13px;line-height:1.8;max-width:820px;color:#adc2df;margin:0}
.dns-selfcheck ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;counter-reset:diag;margin:22px 0;padding:0}
.dns-selfcheck li{position:relative;counter-increment:diag;min-width:0;padding:48px 17px 17px;border:1px solid #688eca47;border-radius:13px;background:#0b192e;color:#a9bfdd;font-size:12px;line-height:1.85}
.dns-selfcheck li:before{content:counter(diag,decimal-leading-zero);position:absolute;top:13px;left:16px;color:#85b8ff;font-size:14px;font-weight:850}
.dns-selfcheck li strong{color:#edf5ff}
.dns-selfcheck code{overflow-wrap:anywhere;color:#c5e5ff;font-size:11px;background:#23436a;padding:2px 4px;border-radius:5px}
.dns-selfcheck-note{margin:0;font-size:11px;color:#8fa8c9;line-height:1.75}
@media(max-width:850px){.dns-live-heading{align-items:flex-start;flex-direction:column}.dns-live-grid{grid-template-columns:1fr 1fr}.dns-live-card:last-child{grid-column:1/-1}.dns-selfcheck ol{grid-template-columns:1fr}}
@media(max-width:540px){.dns-live-section{padding-block:53px}.dns-live-grid{grid-template-columns:1fr}.dns-live-card:last-child{grid-column:auto}.dns-live-card{padding:18px}.dns-live-card-top{margin-bottom:10px}.dns-live-heading h2{font-size:30px}.dns-refresh{width:100%}.dns-live-footer>span{width:100%}.dns-selfcheck{padding:18px}.dns-selfcheck h3{font-size:22px}}