:root{color-scheme:dark;--ink:#f7faff;--muted:#a6b4ca;--blue:#448af3;--teal:#6cdfb5;--warn:#f4bf73;--line:rgba(127,173,237,.21);--panel:rgba(6,22,48,.94)}
*{box-sizing:border-box}html{min-height:100%;background:#06142a}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.45;min-height:100vh;-webkit-font-smoothing:antialiased}button,summary{cursor:pointer}button,a{touch-action:manipulation}a{color:#89bdff;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #b9d5ff;outline-offset:3px;border-radius:6px}
.background,.veil{position:fixed;inset:0;pointer-events:none}.background{background-image:url('assets/northguard-night.webp');background-position:center 24%;background-size:cover;background-repeat:no-repeat;z-index:0}.veil{background:linear-gradient(180deg,rgba(3,11,28,.62),rgba(4,14,30,.78) 42%,rgba(3,12,26,.98) 100%);z-index:1}.shell{max-width:760px;margin:0 auto;padding:28px 27px 42px;position:relative;z-index:2;min-height:100vh}.topbar,.identity,.brand-text,.note-heading,.result-top,.detail-row{display:flex;align-items:center}.topbar{justify-content:space-between;gap:12px}.identity{gap:11px}.brand-icon{width:44px;height:44px;object-fit:cover;border-radius:12px;box-shadow:0 0 20px rgba(46,117,234,.14)}.brand-text{flex-direction:column;align-items:flex-start;line-height:1.12}.brand-name{font-size:14px;font-weight:830;letter-spacing:.13em}.brand-sub{font-size:10px;font-weight:680;letter-spacing:.29em;color:#78aafa;margin-top:5px}.pilot-pill{border:1px solid rgba(135,173,228,.45);background:rgba(19,47,84,.48);border-radius:999px;color:#bed3f5;font-size:9px;letter-spacing:.13em;font-weight:800;padding:8px 9px;white-space:nowrap}.intro{padding:76px 0 26px}.eyebrow{font-size:11px;font-weight:840;letter-spacing:.23em;color:#84b5ff}.intro h1{margin:14px 0 12px;font-size:clamp(43px,7vw,67px);line-height:1.02;letter-spacing:-.044em;font-weight:780}.intro p{max-width:470px;color:#cfdaeb;line-height:1.62;font-size:15px;margin:0}.results{border-radius:25px;background:var(--panel);border:1px solid rgba(117,161,235,.46);box-shadow:0 22px 70px rgba(0,0,0,.23);overflow:hidden;backdrop-filter:blur(20px)}.result-panel{padding:26px}.result-top{gap:12px;margin-bottom:20px}.status-orb{display:inline-grid;place-items:center;width:45px;height:45px;border-radius:16px;background:rgba(64,132,248,.16);border:1px solid rgba(64,132,248,.2);color:#70aeff}.status-orb svg{width:25px;height:25px}.status-tag{font-size:10px;letter-spacing:.15em;font-weight:820;color:#9ec6ff}.result-panel h2{font-size:27px;line-height:1.14;font-weight:790;letter-spacing:-.024em;margin:0 0 9px}.result-panel p{margin:0;color:var(--muted);line-height:1.58;font-size:14px;max-width:490px}.main-button{margin-top:25px;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #7cb2ff;border-radius:14px;background:#357ceb;color:white;font-weight:760;font-size:15px;min-height:55px;box-shadow:0 8px 28px rgba(38,109,235,.26)}.main-button:hover{background:#418aff}.main-button:disabled{opacity:.8;cursor:wait}.main-button svg{width:21px;height:21px}.button-arrow{margin-left:auto;font-size:23px;font-weight:350}.result-panel .result-time{font-size:12px;margin-top:14px;color:#a4b9d4;text-align:center}.details{border-top:1px solid var(--line);background:rgba(10,30,62,.4)}.details>summary,.troubleshoot>summary{display:flex;justify-content:space-between;list-style:none;align-items:center;padding:17px 25px;font-size:13px;font-weight:730;color:#c9ddfb}.details>summary::-webkit-details-marker,.troubleshoot>summary::-webkit-details-marker{display:none}.chevron{font-size:22px;transform:rotate(0);transition:transform .2s}details[open]>.chevron,details[open]>summary>.chevron{transform:rotate(180deg)}.details-body{padding:0 25px 20px}.detail-row{justify-content:space-between;gap:15px;border-top:1px solid rgba(138,166,198,.12);font-size:12px;padding:13px 0;color:#b9c8dc}.detail-row strong{font-size:12px;color:#f0f5ff;text-align:right}.detail-disclaimer{font-size:11px;color:#9aadc7;line-height:1.6;margin:11px 0 0}.relay-note{border:1px solid rgba(122,164,230,.23);margin-top:22px;padding:22px 22px 10px;background:rgba(8,27,57,.85);border-radius:20px}.note-heading{gap:10px;font-size:15px}.info-glyph{width:23px;height:23px;display:grid;place-items:center;border:1px solid #8db8fd;border-radius:50%;font-family:Georgia,serif;font-style:italic;font-weight:bold;color:#9bc4ff}.relay-note p{font-size:13px;color:#afc1dc;line-height:1.7;margin:12px 0}.relay-note p+p{margin-top:4px}.troubleshoot{border-top:1px solid rgba(131,174,231,.25);margin-top:17px}.troubleshoot>summary{color:#9ac5ff;padding:17px 0}.troubleshoot-inner{padding:0 0 9px}.troubleshoot ol{padding-left:22px;color:#c5d2e4;font-size:13px;line-height:1.6}.troubleshoot li{padding-left:3px;margin:10px 0}.troubleshoot .tradeoff{color:#b4c6de;font-size:12px;padding:12px;background:rgba(20,44,79,.52);border-radius:10px}.support-link{display:inline-flex;gap:6px;align-items:center;margin-top:5px;font-size:13px;font-weight:660}.troubleshoot .walkthrough-note{font-size:11px;color:#748dab}.footer-action{margin-top:22px;text-align:center}.footer-action p{font-size:12px;color:#a0b2ca}footer{border-top:1px solid rgba(132,168,213,.17);margin-top:36px;padding-top:23px;color:#768ba9;font-size:10px;letter-spacing:.2em;text-align:center}
.state-running .status-orb{animation:pulse 1.3s infinite ease-in-out}.state-pass .status-orb{background:rgba(56,186,131,.13);border-color:rgba(86,205,155,.38);color:#79e1b2}.state-pass .status-tag{color:#83dfb5}.state-attention .status-orb{background:rgba(243,164,75,.14);border-color:rgba(255,176,95,.38);color:#f6bd7b}.state-attention .status-tag{color:#ffd092}.state-inconclusive .status-orb{background:rgba(149,169,204,.17);color:#bbcbe1}.state-inconclusive .status-tag{color:#b2c5df}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.95)}}
@media(min-width:700px){.shell{padding:32px 45px 50px}.intro{padding-top:100px}.background{background-position:center 38%}.veil{background:linear-gradient(180deg,rgba(3,11,28,.57),rgba(4,14,30,.73) 42%,rgba(3,12,26,.98) 100%)}}@media(max-width:390px){.shell{padding:21px 18px 34px}.pilot-pill{font-size:8px;letter-spacing:.06em;padding:7px}.brand-name{font-size:12px}.brand-icon{height:40px;width:40px}.intro{padding-top:65px}.result-panel{padding:21px}.result-panel h2{font-size:25px}.relay-note{padding:19px 18px 9px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}}