/* DNS Server / CYBER EDITION — Original visual system inspired by the supplied futuristic reference.
   Layered over styles.css to preserve the functional DNS tool/guide layout. */
:root{color-scheme:dark;--bg:#060917;--paper:#12182b;--ink:#f7f8ff;--muted:#a7b4c9;--soft:#8290b2;--line:#303958;--lime:#2beaf5;--deep:#0c1324;--deep-2:#060c1b;--purple:#dc64fa;--cyan:#2cf5f7;--pink:#df52fa;--mono:'DM Mono',monospace;--display:'Space Grotesk',sans-serif}
html{scroll-padding-top:95px}
body{background:#050817;color:#eff4ff;line-height:1.6}
body::before{content:"";position:fixed;pointer-events:none;z-index:-1;inset:0;background:radial-gradient(ellipse at 12% 25%,#132a4933,transparent 40%),radial-gradient(ellipse at 90% 53%,#40114b21,transparent 36%)}
[hidden]{display:none!important}
a,button{transition:color .25s,border-color .25s,background .25s,transform .25s,box-shadow .25s}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #3af9ff;outline-offset:4px}
::selection{background:#41d6ee;color:#041227}
.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.shell{width:min(1200px,calc(100% - 70px));margin-inline:auto}
.background-glow{pointer-events:none;position:absolute;left:0;right:0;top:650px;height:700px;background:radial-gradient(ellipse at 45% 40%,#1662a10c,transparent 70%);z-index:-1}
.skip-link{background:#30e9ef;color:#071425}
.site-header{width:min(1200px,calc(100% - 46px));margin:22px auto -94px;top:15px;height:70px;border:1px solid #68718d5c;border-radius:15px;position:sticky;background:linear-gradient(110deg,rgba(26,33,55,.88),rgba(28,28,46,.76));box-shadow:0 9px 35px #050715a9,inset 0 1px #a0affc14;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:50}
.header-inner{padding:0 18px}
.logo{color:#e9faff;font:700 23px/1 var(--display);letter-spacing:-.06em}
.logo>span:last-child{background:linear-gradient(90deg,#31f3f2,#79c4fa 46%,#e361f6);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo-period{color:#55e9f4}
.logo-icon span{border-color:#28e0ee;box-shadow:0 0 8px #13d4e556}
.logo-icon span:nth-child(2){background:#a259e6;border-color:#a55dfb}
.logo-icon span:nth-child(4){background:#23dff5;border-color:#20d8ee}
.nav-links{gap:29px}
.nav-links a{font-size:12px;font-weight:600;color:#c1c8dc}
.nav-links a:hover,.nav-links .nav-active{color:#50f5fb}
.nav-cta{color:#06131f;background:linear-gradient(100deg,#22f1eb,#54d7f8 50%,#dc56f2);border:0;border-radius:23px;box-shadow:0 0 18px #2df2eb78,0 0 22px #db5cff45;font-weight:800;padding-inline:20px}
.nav-cta:hover{background:linear-gradient(110deg,#8bfff5,#81e4ff,#f19aff);transform:translateY(-2px);box-shadow:0 0 35px #2df2eb8a}
.nav-cta span{color:#0f2530}
.mobile-toggle{background:#17203a;border-color:#43546a}
.mobile-toggle span{background:#bdfaff}
.mobile-menu{background:#0d1427;border:1px solid #2d4469;border-radius:12px;box-shadow:0 20px 60px #030614dc}
.mobile-menu a{color:#d9def7}
.mobile-menu a:hover{color:#45f9fe}
.section-kicker,.hero-kicker{font:10px var(--mono);letter-spacing:.17em;color:#6ee6ed}
.section-kicker{gap:12px}
.number-box{border:1px solid #277c8c;color:#74ebfb;background:#133244}
.section{padding:110px 0;scroll-margin-top:105px}
.section-intro{margin-bottom:43px}
.section-intro h2{font:700 clamp(43px,5.3vw,72px)/1.07 var(--display);letter-spacing:-.065em;color:#f1f6ff}
.section-intro>p{color:#a6b1ca;font-size:14px}
.light-heading{color:#98befa;background:linear-gradient(95deg,#5eecf9 0%,#b1adf7 55%,#e56ce7 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.eyebrow,.device-tag{color:#66e2f0}
.btn{border-radius:9px;font-weight:800}
.btn.primary{background:linear-gradient(110deg,#29eff0,#70ddfa 56%,#e074ed);border:0;color:#08172b;box-shadow:0 0 17px #2bf3fa35}
.btn.primary:hover{background:linear-gradient(110deg,#8afff7,#ade7ff,#f9acfa);box-shadow:0 0 28px #3de8ef80}
.btn.outline{border:1px solid #69628f;background:#17162b;color:#e4eaff}
.btn.outline:hover{background:#272142;border-color:#b47ae2}
.btn.dark-btn{background:#080f21;color:#e6fbff;border:1px solid #67eafa;box-shadow:0 0 15px #44e4ee47}

/* Glowing futuristic skyline hero */
.cyber-hero{min-height:782px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;padding:155px 0 45px;background:#070d22 url('/hero-network.svg') center center/cover no-repeat;scroll-margin-top:110px}
.cyber-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#060916be 0%,#0811265e 25%,#080b1ca9 51%,#07091c2e 70%,#050818ed 100%),radial-gradient(ellipse at 50% 35%,#0b1336c7,transparent 72%)}
.cyber-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(0deg,#060917,transparent);pointer-events:none;z-index:0}
.hero-backdrop{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 49%,#06142d2b,transparent 37%);z-index:-1}
.hero-scanlines{position:absolute;inset:0;pointer-events:none;opacity:.17;background:repeating-linear-gradient(0deg,transparent,transparent 5px,#002a5b 6px,#002a5b 7px);mix-blend-mode:screen;z-index:-1}
.hero-orbit{pointer-events:none;position:absolute;border:2px solid #28e4f028;border-radius:50%;height:340px;width:1250px;left:50%;top:135px;transform:translateX(-50%) rotate(-7deg);filter:drop-shadow(0 0 10px #3ae5f0)}
.hero-orbit-b{width:1280px;height:290px;top:202px;transform:translateX(-50%) rotate(9deg);border-color:#dc67f52a}
.cyber-hero-inner{position:relative;z-index:3;display:flex;align-items:center;flex-direction:column;text-align:center;width:100%}
.hero-kicker{display:flex;align-items:center;gap:13px;color:#b3e7ed;font-size:10px;letter-spacing:.16em;background:#0915258c;border:1px solid #53d8e34a;border-radius:25px;padding:8px 17px;backdrop-filter:blur(10px)}
.beacon{width:7px;height:7px;background:#3ff8fa;border-radius:50%;box-shadow:0 0 14px #37fbff,0 0 0 4px #54f4ff17}
.hero-kicker-line{height:12px;width:1px;background:#5d789c}
.cyber-hero h1{font:800 clamp(64px,7.6vw,114px)/.99 var(--display);letter-spacing:-.065em;margin:37px 0 20px;color:#f4f9ff;text-shadow:0 9px 45px #06061ef0}
.cyber-hero h1 span{background:linear-gradient(95deg,#24f4f5 0%,#61ecf5 27%,#9ab9fc 60%,#e86aff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 19px #6c93f350)}
.hero-description{max-width:690px;font-size:17px;line-height:1.8;color:#d2d6e8;text-shadow:0 2px 20px #050613;margin:0 auto 30px}
.hero-search{position:relative;display:flex;align-items:center;gap:13px;padding:9px 9px 9px 20px;border-radius:16px;border:1px solid #52e0f5;background:linear-gradient(#18253aaa,#18253aaa) padding-box,linear-gradient(120deg,#45f9ff,#667df2,#d464ec) border-box;box-shadow:0 0 0 3px #41d6f514,0 0 26px #15f3f6af,0 8px 36px #131035a6,inset 0 0 20px #a17ce722;backdrop-filter:blur(22px);width:min(810px,100%);min-height:72px}
.hero-search-icon{font-size:33px;color:#4df3fa;font-weight:300;line-height:1}
.hero-search input{flex:1;min-width:0;background:none;border:0;color:#eef7ff;font:500 16px var(--sans);outline:none}
.hero-search input::placeholder{color:#b4bfd2}
.hero-search input:focus-visible{outline:none}
.search-hint{color:#8ca2c5;font:9px var(--mono);white-space:nowrap}
.hero-search button{background:linear-gradient(90deg,#24f9f4,#73ccff,#df66f3);color:#061025;min-width:159px;min-height:48px;border:0;border-radius:10px;padding:12px 15px;font-size:12px;font-weight:800;box-shadow:0 0 18px #7eb4ff78;white-space:nowrap}
.hero-search button:hover{filter:brightness(1.16);transform:translateY(-2px)}
.hero-search button span{margin-left:7px}
.hero-pills{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:22px}
.hero-pills>span{font:10px var(--mono);letter-spacing:.08em;color:#a6b6d6;margin-right:5px}
.hero-pills button{border:1px solid #7385b75e;background:#151d32ad;color:#d6e0f6;border-radius:24px;padding:9px 15px;font-size:12px;backdrop-filter:blur(12px)}
.hero-pills button:hover{background:#27385f;border-color:#6ef6ff;box-shadow:0 0 18px #37f4f630}
.hero-bottom-row{display:flex;align-items:center;justify-content:space-between;align-self:stretch;gap:20px;margin-top:107px}
.hero-sys,.hero-bottom-row>a{font:9px var(--mono);letter-spacing:.12em;color:#a3b8d4}
.hero-sys{display:flex;align-items:center;gap:12px}
.hero-sys i{width:8px;height:8px;background:#4ef8ff;border-radius:50%;box-shadow:0 0 13px #25fbff}
.hero-bottom-row>a span{color:#62f2ff;padding-left:7px}
.hero-bottom-row>a:hover{color:#5de7f9}

/* Screenshot-inspired 3-metric floating glass strip */
.pulse-stats{position:relative;z-index:5;margin:-8px 0 0}
.pulse-stat-wrap{display:flex;justify-content:space-around;align-items:center;padding:20px 25px;min-height:105px;background:linear-gradient(105deg,#11344dce,#1b203dcb 52%,#3a1b4cb9);border:1px solid #3e9ab6;border-right-color:#c25fe2;border-radius:14px;box-shadow:0 0 20px #26e4f51e,inset 0 1px #92f5fa2b;backdrop-filter:blur(16px)}
.pulse-stat{display:flex;align-items:center;gap:14px;justify-content:center;flex:1;min-width:0}
.pulse-stat-icon{font-size:36px;color:#3bf7f8;text-shadow:0 0 12px #26e9f6}
.pulse-stat-icon.magenta{color:#ee73f5;text-shadow:0 0 17px #d752ea}
.pulse-stat-icon.lavender{color:#a6a4ff;text-shadow:0 0 15px #9974fa}
.pulse-stat strong{display:block;font:700 32px/1.15 var(--display);letter-spacing:-.03em;color:#fff}
.pulse-stat strong span{color:#65e9f5}
.pulse-stat p{color:#c8d2de;margin:2px 0 0;font-size:12px}
.pulse-separator{height:58px;width:1px;background:#8b8cb542}

/* Asymmetric rich media / Bento cards */
.discovery{padding-top:95px}
.mosaic{display:grid;grid-template-columns:1.25fr .7fr .88fr;grid-template-rows:240px 205px;gap:17px}
.mosaic-card{position:relative;overflow:hidden;isolation:isolate;border:1px solid #54cde9;border-radius:15px;background:#101a2d;box-shadow:0 0 17px #24c0e821,inset 0 0 25px #3da2f415;display:flex;flex-direction:column;padding:22px 23px;min-height:0;transition:transform .3s,border-color .3s,box-shadow .3s}
.mosaic-card:hover{transform:translateY(-5px);border-color:#8efaff;box-shadow:0 0 30px #25d2f54b,0 10px 38px #0008}
.mosaic-main{grid-column:1/3;grid-row:1/3;min-height:462px;background:radial-gradient(ellipse at 57% 44%,#0a6b9d73,transparent 55%),linear-gradient(145deg,#071428,#12263e 75%,#0d1531)}
.mosaic-side{grid-column:3;grid-row:1;min-height:240px}
.mosaic-purple{background:radial-gradient(ellipse at 60% 35%,#7b248e9d,transparent 65%),linear-gradient(140deg,#19152f,#3d2250);border-color:#c464ee}
.mosaic-small{min-height:205px}
.mosaic-ocean{grid-column:3;grid-row:2;background:radial-gradient(ellipse at 45% 12%,#047ba4a8,transparent 65%),#112238}
.mosaic-magenta{grid-column:1/4;grid-row:3;background:radial-gradient(ellipse at 72% 22%,#ab287a6e,transparent 60%),linear-gradient(120deg,#28132c,#171c38);border-color:#b86ee7}
.mosaic-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#d3e9f3;font:9px var(--mono);letter-spacing:.1em;position:relative;z-index:3}
.mosaic-open{font-size:19px;color:#65eefe}
.mosaic-content{margin-top:auto;z-index:3;position:relative}
.mosaic-content h3{font:700 27px/1.1 var(--display);letter-spacing:-.045em;color:#f7faff;margin:6px 0}
.mosaic-main .mosaic-content h3{font-size:40px}
.mosaic-content p{margin:7px 0 0;color:#c7d1e6;font-size:12px;max-width:420px;line-height:1.65}
.mini-label{font:9px var(--mono);letter-spacing:.15em;color:#65f0f5}
.mosaic-link{display:inline-flex;gap:18px;color:#72f9f8;font:10px var(--mono);margin-top:22px;letter-spacing:.08em}
.mosaic-link b{font-size:14px}
.card-light{position:absolute;inset:0;z-index:-1;pointer-events:none}
.card-light-blue{background:radial-gradient(ellipse at 66% 35%,#0070db55,transparent 52%)}
.card-light-purple{background:radial-gradient(ellipse at 70% 43%,#d050f15c,transparent 60%)}
.card-art{pointer-events:none;position:absolute;z-index:1}
.card-art-network{left:42%;right:-4%;top:22px;bottom:16px}
.mesh-globe{height:320px;width:320px;max-width:100%;border-radius:50%;border:1px solid #46eaff83;position:absolute;top:7%;left:4%;display:grid;place-items:center;box-shadow:inset 10px 3px 50px #1bcdf92c,inset -30px -10px 45px #6e6cfb3d,0 0 45px #32ddff4e;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 26px,#3ecdf62b 27px 28px,transparent 29px 51px),repeating-linear-gradient(0deg,transparent 0 26px,#43dffb16 27px,transparent 28px 54px),linear-gradient(135deg,#082b40cc,#1f2152bb)}
.mesh-globe::before{content:"";position:absolute;inset:-30px;border-radius:50%;border:1px dashed #55bdfc83;transform:rotate(36deg)}
.mesh-globe::after{content:"";position:absolute;inset:48px;border-radius:50%;border:1px solid #9c68f37b;transform:rotateX(62deg)}
.mesh-globe span{font:700 65px var(--display);color:#ddfbff;text-shadow:0 0 25px #32e7ff}
.mesh-node{width:12px;height:12px;border-radius:50%;background:#3df7ff;box-shadow:0 0 16px #26f0ff;position:absolute}
.mesh-node-a{top:14%;left:7%}.mesh-node-b{top:42%;right:9%;background:#de78ff}.mesh-node-c{bottom:20%;left:12%}
.signal-label{position:absolute;font:9px var(--mono);color:#d0ecff;border:1px solid #69b8e36b;background:#0b1a37dc;padding:8px 10px;border-radius:6px;white-space:nowrap;backdrop-filter:blur(8px)}
.signal-one{top:27%;right:6%}.signal-two{bottom:25%;left:-10%}
.card-art-setting{right:5%;top:26%;height:140px;width:52%;display:grid;place-items:center}
.dns-chip{position:absolute;width:160px;height:112px;border:1px solid #e09df1;border-radius:12px;background:linear-gradient(145deg,#47306ebf,#302043d9);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-10deg);box-shadow:0 0 30px #b43cf278}
.dns-chip span{font:9px var(--mono);color:#d3bceb}
.dns-chip strong{font:700 31px var(--display);color:#faf1ff;text-shadow:0 0 14px #db9efb}
.dns-chip .chip-dots{color:#75effa;letter-spacing:7px;font-size:10px}
.chip-spark{position:absolute;font-size:57px;right:-10px;top:-20px;color:#b1edff;text-shadow:0 0 25px #9cfcff}
.mini-ocean-art{display:flex;align-items:center;justify-content:center;gap:14px;position:absolute;right:8%;top:40px;color:#e4fdff;font:700 20px var(--display);text-shadow:0 0 20px #24ebff}
.mini-ocean-art span:last-child{font:10px var(--mono);border:1px solid #4cf7f8;padding:8px;border-radius:6px}
.reverse-rail{display:flex;align-items:center;gap:4px}
.reverse-rail i{width:8px;height:3px;background:#41ebfa;box-shadow:0 0 12px #1cf1ff}
.mini-zone-art{display:flex;align-items:center;gap:7px;position:absolute;right:10%;top:50px;transform:rotate(-6deg)}
.mini-zone-art span{padding:10px 12px;border:1px solid #de8bff;background:#4a255f9a;border-radius:8px;color:#f1c7ff;box-shadow:0 0 15px #dc65fa3d;font:11px var(--mono)}
.mini-zone-art span:first-child{font-size:23px;color:#7dfdff}

/* Flowing text strip */
.ticker{overflow:hidden;background:linear-gradient(90deg,#06192b,#11102e 45%,#18102d);border-top:1px solid #275278;border-bottom:1px solid #51347d;height:64px;display:flex;align-items:center;position:relative}
.ticker::before,.ticker::after{content:"";position:absolute;top:0;bottom:0;width:110px;z-index:2;pointer-events:none}
.ticker::before{left:0;background:linear-gradient(90deg,#060d20,transparent)}
.ticker::after{right:0;background:linear-gradient(-90deg,#110c22,transparent)}
.ticker-track{width:max-content;white-space:nowrap;animation:ticker 35s linear infinite}
.ticker-track>span{font:700 17px var(--display);letter-spacing:.07em;color:#7c8ba7}
.ticker-track b{font-size:20px;color:#47e8f3;padding:0 30px}
@keyframes ticker{to{transform:translateX(-50%)}}

/* Live lookup — keep exact functional IDs and interactive states */
.tools-section{background:linear-gradient(180deg,#070a1b 0%,#0b1329 100%)}
.lookup-panel{border-radius:20px;background:linear-gradient(145deg,#151d34,#101628);border:1px solid #4c6a9c;box-shadow:0 0 28px #0a86af1e,inset 0 1px #8dd3ff18}
.panel-head h3{color:#f5f7ff}
.head-logo{background:linear-gradient(140deg,#145e77,#3c2566);color:#42f2fa;border:1px solid #3ecafc}
.live-pill{color:#76eaf8;border-color:#3a97a7;background:#16313b}
.live-pill>span{background:#3df5ff;box-shadow:0 0 10px #2debf8}
.lookup-tabs{background:#090f21;border-color:#364466}
.lookup-tab{color:#93a9c3}
.lookup-tab.selected{background:linear-gradient(100deg,#224d68,#3d2f65);color:#74effa;box-shadow:inset 0 0 0 1px #56b7d2}
.field-label,.record-types>span{color:#93a9cb}
.lookup-field{border-color:#405276;background:#0a1328;box-shadow:inset 0 0 22px #08162d}
.lookup-field:focus-within{border-color:#38eaf9;box-shadow:0 0 0 2px #19eafa27,0 0 20px #17edfa2a}
.lookup-field input{color:#f3f8ff}
.lookup-field input::placeholder{color:#697ca1}
.lookup-field button{color:#a1b1d2}
.input-leading{color:#4ef4f6}
.input-caption{color:#96a5bf}
.type-chip{background:#111d32;border-color:#384f70;color:#a7b7d3}
.type-chip.selected{background:#173d54;border-color:#40f6ff;color:#72f5fd;box-shadow:0 0 14px #3cddf727}
.resolve-btn{background:linear-gradient(105deg,#27eafa,#6ca5ff,#d272ef);border:0;color:#071426}
.resolve-btn:hover{background:linear-gradient(90deg,#9bfbff,#b9b3ff,#faafff)}
.lookup-foot{border-color:#364561;color:#9aaac1}
.lookup-foot strong{color:#85e6f3}
.result-panel{background:linear-gradient(150deg,#122639,#101529 58%,#1f1538);border:1px solid #37bcd7;border-right-color:#b66bea;box-shadow:0 0 25px #25bffa29;color:#f4faff}
.result-panel:after{border-color:#ae75ed44}
.result-head .eyebrow{color:#8fcede}
.result-status{color:#71effa!important}
.result-status i{background:#65f0f5}
.empty-orbit{border-color:#54c7ee}
.empty-orbit:after{border-color:#6676bc}
.empty-orbit span{color:#78eaf9}
.result-empty h3{color:#f3f7ff}
.result-empty p{color:#adbed7}
.result-footer{border-color:#3e5269;color:#a5b9ce}
.copy-result{color:#66ebfb}
.result-summary small{color:#9fcbeb}
.result-summary strong{color:#eafbff}
.result-meta span{background:#172d44;border-color:#3e6984;color:#a2eaf9}
.dns-row{border-color:#42607a}
.dns-row>span{color:#66ecf3;border-color:#53a5c0}
.dns-row strong{color:#effaff}
.dns-row small{color:#adc2d9}
.result-info{background:#1a3449;color:#bfd4eb}
.result-info.warning{background:#493544;color:#f5c9bf}
.lookup-explainer{color:#a1afcb}
.lookup-explainer strong{color:#65e7f5}
.explainer-star{color:#5deaff}

/* Provider selection and OS setup */
.setup-section{background:linear-gradient(180deg,#090e23,#0c1025 67%,#080b1c);border-top:1px solid #202e4c;border-bottom:1px solid #24314e}
.provider-card{background:linear-gradient(145deg,#151d33,#11182c);border-color:#343e65;box-shadow:0 10px 25px #0004}
.provider-card:hover{border-color:#4fe4f3;box-shadow:0 0 23px #25bbf344}
.provider-card.active{border-color:#35e5f4;box-shadow:0 0 0 1px #57dcfa,0 0 29px #1bdefa4a;background:linear-gradient(155deg,#142d47,#111b34)}
.cloudflare-mark{background:#193e48;color:#54f3fc}.google-mark{background:#26324f;color:#91bdff}.quad-mark{background:#402852;color:#e6a4fb}
.provider-check{border-color:#53617b}
.provider-card.active .provider-check{background:#30eaf6;border-color:#51f5ff;color:#06152a}
.provider-desc{color:#6ed9e8}
.provider-card h3{color:#f2f7ff}
.provider-card p{color:#a3b2c9}
.provider-bottom{border-color:#303e5e;color:#8aa8c6}
.provider-bottom strong{color:#d3f8ff}
.provider-card.active .provider-bottom span{color:#73efff}
.setup-workspace{border-color:#3f5373;background:#0f1529;box-shadow:0 12px 45px #0004}
.setup-left{background:linear-gradient(145deg,#101b38,#162248 50%,#251646);color:#f3f7ff}
.setup-left:before{border-color:#49def56b;box-shadow:0 0 0 50px #258cca08,0 0 0 105px #d363e704}
.device-tag{color:#7feefc}
.setup-left h3{color:#f2f7ff}
.setup-left h3>span{color:#d974fc}
.setup-left>p{color:#b2c0dc}
.os-btn{background:#1a2b4b;border-color:#4d6480;color:#afbdd3}
.os-btn.active{background:linear-gradient(100deg,#32ebf3,#b877ef);border-color:#6dcff7;color:#08172b}
.setup-notice{border-color:#4d5478;color:#b7c5da}
.setup-notice>span:first-child{color:#5ceaf7}
.setup-right{background:linear-gradient(145deg,#121b32,#0e1528)}
.setup-address-top,.steps-head{color:#95b6d2}
.setup-address-top span:last-child{color:#7febfa}
.address-field{background:#0d1e35;border-color:#405477}
.address-field small{color:#93b4ce}
.address-field strong{color:#c5faff}
.copy-ip{background:#18364b;border-color:#397c9e;color:#78eefa}
.copy-ip:hover{background:#23516a}
.steps-head{border-color:#354767}
.steps-list li{border-color:#34405c}
.steps-list li>span{background:#18394f;border-color:#3c7da1;color:#67edfa}
.steps-list li p{color:#b2c1d4}
.steps-list li strong{color:#effaff}
.setup-copy{background:#173e50;border-color:#3892ad;color:#64edfb}
.setup-copy:hover{background:#265675}
.setup-actions>a{color:#83ddf6}

/* Record types / guides */
.guide-section{background:#070a19}
.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.guide-card{border:1px solid #475379;background:linear-gradient(145deg,#171c31,#181429);border-radius:13px;display:flex;align-items:center;gap:11px;padding:14px;text-align:left;min-width:0;box-shadow:0 0 16px #20114739}
.guide-card:hover{transform:translateY(-4px);border-color:#b67ef0;box-shadow:0 0 25px #9e61f62d}
.guide-avatar{display:grid;place-items:center;flex:none;height:55px;width:55px;border:1px solid #40dfea;border-radius:10px;background:radial-gradient(circle at 30% 25%,#25b9d9,#133348 72%);color:#d1fbff;box-shadow:inset 0 0 12px #58e9fa6c,0 0 12px #27d0ff3c;font:700 25px var(--display)}
.guide-aaaa{border-color:#b97af8;background:radial-gradient(circle at 30% 25%,#9867ec,#2a1e4c 70%);box-shadow:inset 0 0 12px #c680fa5d,0 0 12px #ca70ff44}
.guide-mx{border-color:#6fe6f2;background:radial-gradient(circle at 30% 25%,#58bcd2,#123349 74%)}
.guide-txt{border-color:#eb83e8;background:radial-gradient(circle at 30% 25%,#bc5cc9,#31183f 74%)}
.guide-card div{min-width:0;flex:1}
.guide-card strong{display:block;color:#eef3ff;font:600 13px/1.3 var(--display)}
.guide-card small{display:block;margin-top:6px;font:11px/1.3 var(--sans);color:#9fb0c5}
.guide-arrow{color:#ad8cf4;font-size:15px;align-self:flex-start}
.education-section{background:#0b1022;border-top:1px solid #1f2e4d}
.flow-cell{background:linear-gradient(145deg,#151c36,#101a30);border-color:#38506a}
.flow-middle{background:linear-gradient(145deg,#18384e,#1a2343);border-color:#3aaad6}
.flow-number{color:#a5b8d5}
.flow-icon{background:#1c3959;color:#55eff8}
.flow-icon-b{background:#20556b;color:#6cf9fb}
.flow-icon-c{background:#302650;color:#d48bf4}
.flow-cell h3{color:#f1f6ff}
.flow-cell p{color:#aabbd7}
.flow-cell p small{color:#8296b6}
.flow-connector span{background:#526893}.flow-connector strong{color:#6edaf9}
.education-foot{color:#8dabcc}

/* Cinematic informational banner, no fake video */
.live-banner{position:relative;min-height:355px;border-top:1px solid #2a4d68;border-bottom:1px solid #643b86;background:radial-gradient(ellipse at 50% 75%,#164f817a,transparent 67%),linear-gradient(120deg,#061021,#17193b 55%,#28143f);overflow:hidden;display:flex;align-items:center}
.live-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent 20%,#2ceef911 29%,transparent 36%,transparent 53%,#dc69ff15 61%,transparent 70%);pointer-events:none}
.live-banner::after{content:"";position:absolute;left:-5%;right:-5%;bottom:-125px;height:250px;border-top:2px solid #51e5f0;box-shadow:0 -8px 25px #33e6ed33;transform:perspective(180px) rotateX(47deg);background:repeating-linear-gradient(90deg,transparent 0 80px,#31e6f622 82px 83px,transparent 85px 160px),repeating-linear-gradient(0deg,transparent 0 35px,#4aafef22 36px)}
.live-banner-lines i{position:absolute;width:180%;height:2px;left:-30%;top:70%;transform:rotate(-7deg);background:linear-gradient(90deg,transparent,#25f2ff,#e260f6,transparent);box-shadow:0 0 17px #2beffc;animation:route-drift 7s linear infinite;opacity:.5}
.live-banner-lines i:nth-child(2){top:81%;transform:rotate(5deg);animation-delay:-2s;opacity:.28}
.live-banner-lines i:nth-child(3){top:45%;transform:rotate(-18deg);animation-delay:-4s;opacity:.28}
.live-banner-lines i:nth-child(4){top:100%;transform:rotate(-1deg);animation-delay:-6s;opacity:.35}
@keyframes route-drift{50%{transform:translateX(8%) rotate(-3deg)}}
.live-banner-content{text-align:center;position:relative;z-index:2;padding:50px 0}
.banner-eyebrow{font:10px var(--mono);letter-spacing:.2em;color:#7cf7fc}
.live-banner h2{font:800 clamp(32px,5vw,63px)/1.05 var(--display);letter-spacing:-.06em;color:#f7f8ff;text-shadow:0 0 25px #ac44d877;margin:13px 0}
.live-banner h2 span{background:linear-gradient(100deg,#27f5f5,#9dabff,#e87aff);background-clip:text;-webkit-background-clip:text;color:transparent}
.live-banner p{color:#cbd5eb;font-size:15px;margin:7px 0 18px}
.banner-play{border:1px solid #61eafb;background:#14233dbb;border-radius:30px;padding:9px 19px;font:11px var(--mono);letter-spacing:.06em;color:#e4faff;display:inline-flex;gap:12px;align-items:center}
.banner-play span{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#3ddded;color:#071526}
.banner-play:hover{background:#295074;box-shadow:0 0 22px #2ff0ef62}

/* Action cards from prior functional release — preserve links, style in cyber neon */
.action-suite{background:linear-gradient(180deg,#0a0d20,#080d20);border-top:1px solid #293353}
.action-tile{background:radial-gradient(ellipse at 90% 15%,#16415a52,transparent 45%),linear-gradient(140deg,#151b34,#0e1428);border:1px solid #3988a0;box-shadow:0 0 22px #24bee919}
.action-tile.action-green{background:radial-gradient(ellipse at 85% 18%,#69287772,transparent 50%),linear-gradient(140deg,#201932,#11172a);border-color:#9954b5}
.action-icon{background:#16354b;color:#5eeaf8;border:1px solid #3990ab}
.action-green .action-icon{background:#402a50;color:#e9a8ff;border-color:#9b68bb}
.action-tile h3{color:#f5f8ff}
.action-tile>p{color:#aebcd4}
.action-note{color:#89aac7}
.action-details{border-color:#364c68}
.action-details summary{color:#7debf7}
.action-details p{color:#aabbd4}
.action-details code{background:#202b48;color:#c1f1fb}
.manager-mini>span{color:#8da9c8}
.manager-mini>div span{background:#39294f;border-color:#885bb1;color:#e1b5ff}
.action-tile:hover{border-color:#5ddff3;box-shadow:0 0 25px #3febf32b}

/* FAQ */
.faq-section{background:linear-gradient(180deg,#090d1c,#060915);border-top:1px solid #20284a}
.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}
.faq-wrap h2{font:700 60px/1.06 var(--display);letter-spacing:-.065em;color:#f6f7ff;margin:25px 0}
.faq-wrap h2 span{background:linear-gradient(90deg,#46eaf1,#d277f1);background-clip:text;-webkit-background-clip:text;color:transparent}
.faq-wrap>div:first-child>p{color:#a8b9cd;max-width:300px}
.faq-list{border-top:1px solid #425176}
.faq-list details{border-bottom:1px solid #425176;padding:19px 4px}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#e3edfd;cursor:pointer;font:600 17px var(--display);list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{display:grid;place-items:center;color:#76eaf5;height:28px;width:28px;border:1px solid #3a87a2;border-radius:50%;flex:none}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list p{color:#aebcd4;font-size:13px;line-height:1.8;max-width:630px;margin:15px 0 2px}

/* Closing, footer and notification */
.closing-section{padding:18px 0 110px;background:#060915}
.closing-card{background:radial-gradient(ellipse at 75% 30%,#8033b67a,transparent 50%),radial-gradient(ellipse at 33% 85%,#116d89ad,transparent 52%),linear-gradient(120deg,#0b2840,#171331);border:1px solid #53ddea;box-shadow:0 0 30px #1de0f432;min-height:450px;color:#f7fcff}
.closing-ornament{display:none}
.closing-stars{position:absolute;right:4%;top:-40px;font-size:470px;line-height:1;color:#5784d327;transform:rotate(-12deg);pointer-events:none;text-shadow:0 0 50px #d27ef61a}
.closing-tag{color:#71eaf6}
.closing-card h2{color:#f7f9ff;font-weight:800}
.closing-card h2 em{background:linear-gradient(90deg,#37eff1,#b1b1ff,#e66cf8);background-clip:text;-webkit-background-clip:text;color:transparent}
.closing-card p{color:#b9cce0}
.site-footer{background:#0d1323;border-color:#33405a}
.footer-top p,.footer-nav,.footer-bottom{color:#99abc1}
.footer-nav a:hover{color:#5beaf7}
.footer-bottom{border-color:#2b3855}
.toast{background:#12243c;border-color:#3deaf2;color:#e7faff;box-shadow:0 0 28px #24dcf73e}
.toast>span{color:#56e9f5}

/* Responsive architecture */
@media(max-width:1120px){
 .nav-links{gap:15px}.nav-links a{font-size:11px}
 .mosaic{grid-template-columns:1fr 1fr;grid-template-rows:380px 245px 205px}
 .mosaic-main{grid-column:1/3;grid-row:1}
 .mosaic-side{grid-column:1;grid-row:2}.mosaic-ocean{grid-column:2;grid-row:2}.mosaic-magenta{grid-column:1/3;grid-row:3}
 .mosaic-main{min-height:0}.mesh-globe{height:275px;width:275px}
 .mosaic-content h3{font-size:26px}.guide-grid{grid-template-columns:repeat(2,1fr)}
 .signal-one{right:23%}
}
@media(max-width:900px){
 .site-header{height:67px;margin-top:12px;margin-bottom:-79px;top:9px}
 .mobile-menu{top:66px;left:0;right:0;position:absolute}
 .shell{width:calc(100% - 42px)}
 .cyber-hero{min-height:730px;padding-top:156px}
 .cyber-hero h1{font-size:clamp(58px,9vw,87px)}
 .hero-description{font-size:15px;max-width:590px}
 .hero-bottom-row{margin-top:78px}
 .section{padding:82px 0}
 .pulse-stat strong{font-size:28px}.pulse-stat p{font-size:11px}
 .mosaic-main{min-height:380px}
 .guide-grid{grid-template-columns:repeat(2,1fr)}
 .faq-wrap{grid-template-columns:1fr;gap:22px}.faq-wrap h2{font-size:54px}
}
@media(max-width:650px){
 .site-header{width:calc(100% - 22px);height:62px;top:7px;margin-top:10px;margin-bottom:-72px;border-radius:12px}
 .header-inner{padding:0 13px}
 .logo{font-size:19px}.logo-icon{width:27px;height:27px}
 .mobile-menu{top:61px}
 .shell{width:calc(100% - 30px)}
 .cyber-hero{min-height:674px;padding:125px 0 35px;background-position:55% center}
 .cyber-hero::before{background:linear-gradient(180deg,#060919e8,#07112794 26%,#081124d6 63%,#050817e8)}
 .hero-kicker{font-size:8px;letter-spacing:.07em;gap:8px;padding:8px 10px;white-space:normal}
 .hero-kicker-line{display:none}
 .cyber-hero h1{font-size:clamp(42px,10.3vw,70px);margin:31px 0 18px;line-height:1.05;letter-spacing:-.065em}
 .hero-description{font-size:13px;max-width:440px;line-height:1.8}
 .hero-search{min-height:0;padding:7px;gap:6px;border-radius:12px;flex-wrap:wrap}
 .hero-search-icon{font-size:25px;margin:0 4px}
 .hero-search input{font-size:13px;min-height:42px;flex:1 1 calc(100% - 55px)}
 .search-hint{display:none}
 .hero-search button{flex:1 1 100%;min-height:43px;font-size:12px}
 .hero-pills{margin-top:18px;gap:7px}.hero-pills>span{width:100%}.hero-pills button{font-size:10px;padding:7px 10px}
 .hero-bottom-row{margin-top:62px;flex-direction:column;gap:12px;align-items:center;text-align:center}
 .hero-sys,.hero-bottom-row>a{font-size:8px}
 .pulse-stats{margin:-10px 0 0}
 .pulse-stat-wrap{padding:12px 9px;min-height:90px;gap:6px}
 .pulse-stat{gap:5px}.pulse-stat-icon{font-size:23px}
 .pulse-stat strong{font-size:22px}.pulse-stat p{font-size:8px;line-height:1.25;max-width:100px}
 .pulse-separator{height:42px}
 .section{padding:70px 0}
 .section-intro h2{font-size:clamp(36px,9vw,51px)}
 .section-intro>p{font-size:12px}
 .mosaic{display:grid;grid-template-columns:1fr;grid-template-rows:340px 225px 205px 220px;gap:12px}
 .mosaic-main{grid-column:1;grid-row:1;min-height:340px}
 .mosaic-side{grid-column:1;grid-row:2}.mosaic-ocean{grid-column:1;grid-row:3}.mosaic-magenta{grid-column:1;grid-row:4}
 .mosaic-card{padding:19px}.mosaic-main .mosaic-content h3{font-size:31px}
 .mosaic-content h3{font-size:23px}
 .card-art-network{left:48%;top:28px}.mesh-globe{width:210px;height:210px}
 .mesh-globe span{font-size:37px}.signal-label{font-size:7px;padding:5px}.signal-one{right:8%;top:18%}.signal-two{bottom:20%}
 .mosaic-side .mosaic-content p{max-width:200px}.dns-chip{width:132px;height:100px}.dns-chip strong{font-size:26px}
 .mini-ocean-art{top:53px;right:6%;gap:6px}.mini-ocean-art span:first-child{font-size:14px}.mini-zone-art{top:42px;right:7%}
 .mini-zone-art span{padding:6px 7px;font-size:9px}
 .guide-grid{grid-template-columns:1fr 1fr;gap:9px}
 .guide-card{padding:10px;gap:8px}.guide-avatar{width:42px;height:42px;font-size:21px}
 .guide-card strong{font-size:12px}.guide-card small{font-size:9px}.guide-arrow{display:none}
 .live-banner{min-height:320px}.live-banner h2{font-size:clamp(30px,8vw,50px)}
 .faq-wrap h2{font-size:48px}.faq-list summary{font-size:15px}
 .closing-card{min-height:390px;padding:49px 25px}.closing-card h2{font-size:clamp(43px,9vw,60px)}.closing-stars{font-size:280px;right:-70px}
 .footer-top{padding:28px 0}.footer-bottom{font-size:8px}
}
@media(max-width:380px){
 .hero-kicker{font-size:7px}.cyber-hero h1{font-size:41px}.pulse-stat-icon{display:none}
 .mosaic-main .mosaic-content h3{font-size:28px}.guide-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}

/* IntersectionObserver progressive enhancement, applied after the page loads. */
.cyber-reveal{opacity:1;transform:none}
.cyber-reveal.cyber-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){
 .cyber-reveal:not(.cyber-visible){opacity:.01;transform:translateY(22px)}
 .cyber-reveal.cyber-visible{transition:opacity .72s ease,transform .72s cubic-bezier(.2,.8,.2,1)}
}
/* Mouse spotlight on bento tiles */
.mosaic-card::after{content:"";position:absolute;pointer-events:none;inset:0;z-index:2;opacity:0;background:radial-gradient(300px circle at var(--spot-x,50%) var(--spot-y,50%),#93fdff16,transparent 70%);transition:opacity .25s}
.mosaic-card:hover::after{opacity:1}

/* Official profile artwork, shared with the landing-page brand. */
.logo-icon{width:43px;height:43px;display:grid;place-items:center;transform:none;grid-template-columns:none;grid-template-rows:none;gap:0}
.logo-icon img{width:43px;height:43px;object-fit:contain;border-radius:9px;filter:drop-shadow(0 0 6px #26e4ff4a)}
@media(max-width:600px){.logo-icon{width:36px;height:36px}.logo-icon img{width:36px;height:36px}}