:root{color-scheme:dark;--bg:#050b12;--surface:#0a1722;--surface-2:#102230;--white:#f0f7fb;--muted:#afc4d1;--cyan:#80edee;--line:#9ddff425;--amber:#f0c58a;--red:#f5a6a6;font-family:Inter,Segoe UI,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 95% 12%,#163e5650,transparent 40%),var(--bg);color:var(--white);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.52}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;font-weight:500;line-height:1.15;letter-spacing:-.035em}p{color:var(--muted)}button,a,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}[hidden]{display:none!important}svg{display:block}.skip{position:absolute;top:-80px;left:20px;padding:10px 18px;background:var(--cyan);color:var(--bg);z-index:10}.skip:focus{top:12px}
.site-header{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding:18px max(32px,calc((100% - 1280px)/2));background:#06101abf}.brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:650;letter-spacing:.2em}.brand svg{fill:none;stroke:var(--cyan);stroke-width:1.4}.brand svg path{fill:#80edee17;stroke-width:1}.site-header nav{display:flex;gap:30px;font-size:13px;color:var(--muted)}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--cyan)}.site-header nav a[aria-current]{text-decoration:underline;text-underline-offset:8px}main{width:min(1180px,calc(100% - 64px));margin:auto}.intro{padding:75px 0 39px;max-width:880px}.eyebrow{font:11px Consolas,Courier New,monospace;text-transform:uppercase;letter-spacing:.14em;color:var(--cyan);display:flex;align-items:center;gap:10px}.eyebrow>span{width:5px;height:5px;background:var(--cyan);box-shadow:0 0 14px #80edee80;border-radius:50%}h1{font-size:clamp(42px,5.1vw,66px);letter-spacing:-.05em;margin:22px 0 24px}h1 em{color:var(--cyan);font-style:normal}.lead{max-width:760px;font-size:17px;line-height:1.8}.scope{font-size:12px;color:#b4c9d6;margin-top:20px;padding-left:14px;border-left:2px solid #80edee60;max-width:780px}
.notice{border:1px solid #80edee55;background:#0d2531;padding:15px 20px;margin:0 0 20px;border-radius:5px;font-size:14px;color:#d0e6ed}.notice.error{border-color:#eaaa7959;background:#32251c;color:#f8dcaf}.busy{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--cyan);margin:0 0 18px}.busy span{width:8px;height:8px;border-radius:50%;background:var(--cyan)}
.welcome{display:grid;grid-template-columns:1.08fr 1fr;gap:80px;padding:42px 46px;background:radial-gradient(ellipse at 0 0,#1544594f,transparent 75%),var(--surface);border:1px solid #80edee40;border-radius:9px}.welcome h2{font-size:35px;margin:16px 0 22px}.welcome p:not(.eyebrow):not(.fine){font-size:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 23px;border-radius:4px;font-size:14px;font-weight:600;line-height:1.5;text-align:center;border:1px solid transparent;transition:background .15s,border-color .15s}.button.primary{background:linear-gradient(115deg,#9af3ee,#6bd3e4);color:#05202a;box-shadow:0 4px 28px #54e1ed16}.button.primary:hover:not(:disabled){background:#b8fcf7}.button.secondary{border-color:#80edee70;color:var(--cyan);background:#80edee08}.button.secondary:hover:not(:disabled){background:#80edee19}.welcome .button{margin-top:26px}.fine{font-size:11px;margin-top:15px;color:#91acbb}.preview-steps{list-style:none;padding:0;margin:0;align-self:center}.preview-steps li{display:flex;gap:23px;padding:20px 0;border-bottom:1px solid var(--line)}.preview-steps li:last-child{border:0}.preview-steps li>span{font:13px Consolas,monospace;color:var(--cyan);padding-top:3px}.preview-steps h3{font-size:20px;margin-bottom:8px}.preview-steps p{font-size:13px!important;max-width:330px}
.session-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:11px;padding:17px 0;color:#9fb8c8}.session-tools>div{display:flex;gap:17px;align-items:center;flex-wrap:wrap}.session-tools strong{color:#c4d6df;font-weight:500}.active-dot{width:5px;height:5px;background:#a3e1bc;border-radius:50%;margin-right:-10px}.session-buttons button{border:0;background:transparent;color:var(--muted);padding:5px 0;font-size:11px}.session-buttons button:hover{color:var(--cyan);text-decoration:underline;text-underline-offset:4px}.workspace{border:1px solid #80edee40;border-radius:9px;background:#08141f;overflow:hidden}.scenario-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);background:#0c1c29}.scenario-tabs button{padding:22px 18px;min-height:70px;background:transparent;border:0;border-bottom:2px solid transparent;color:#a2b9c9;font-size:14px;line-height:1.4}.scenario-tabs button+button{border-left:1px solid var(--line)}.scenario-tabs button span{color:#6f96ab;font:11px Consolas,monospace;margin-right:12px}.scenario-tabs button[aria-selected=true]{background:#80edee0a;border-bottom-color:var(--cyan);color:var(--white)}.scenario-tabs button[aria-selected=true] span{color:var(--cyan)}.scenario-tabs button:focus-visible{outline-offset:-5px}.scenario-heading{padding:34px 36px 28px;border-bottom:1px solid var(--line)}.scenario-heading h2{font-size:29px;margin-bottom:25px}.steps{display:flex;gap:26px;padding:0;margin:0;list-style:none;counter-reset:step;font-size:12px;color:#7f9aac}.steps li{display:flex;gap:9px;align-items:center;counter-increment:step;flex:1;line-height:1.5}.steps li:before{content:counter(step);width:23px;height:23px;display:grid;place-items:center;flex:0 0 23px;border:1px solid #56738570;border-radius:50%;font:10px Consolas,monospace}.steps .current{color:var(--white)}.steps .current:before{border-color:var(--cyan);color:var(--cyan);background:#80edee12}.steps .done{color:#b5e8c8}.steps .done:before{content:'✓';border-color:#b5e8c850;color:#b5e8c8}
.experiment-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;padding:34px 36px;align-items:center}.guide h3{font-size:26px;margin:14px 0 17px}.guide>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:510px}.action-area{margin-top:25px;display:flex;gap:14px;flex-wrap:wrap}.action-area .muted{font-size:12px}.network-stage{padding:12px}.network{position:relative;min-height:240px;display:flex;align-items:center}.network svg{width:100%;margin-top:0;overflow:visible}.network-path{fill:none;stroke:#80edee65;stroke-width:1.3}.network-path.offline{stroke:#e0b07e4f;stroke-dasharray:5 6}.endpoint circle,.map-node circle{fill:#0d2534;stroke:#80edee90;stroke-width:1.3}.endpoint path,.map-node path{fill:none;stroke:#a7e6eb;stroke-width:1.5}.map-node.offline circle{stroke:#e5b88c80;fill:#281e19}.map-node.offline path{stroke:#c49e7a}.map-label{position:absolute;left:0;right:0;text-align:center;font-size:11px;line-height:1.6;pointer-events:none}.map-label strong{display:block;font-weight:500;color:#d4e5ee}.map-label span{color:#96b7c5;font-size:10px}.primary-label{top:0}.backup-label{bottom:0}.network-caption{text-align:center;font-size:10px;color:#829eaf;margin-top:18px}.sync-note{padding:16px 20px;border:1px solid var(--line);border-radius:5px;background:#0b1b29}.sync-note>span{font:28px Consolas,monospace;color:var(--cyan);letter-spacing:.12em;display:block;margin-bottom:20px}.sync-note h3{font-size:20px;margin-bottom:13px}.sync-note p{font-size:12px}.choice{padding:18px;border:1px solid #80edee40;background:#0c2130;border-radius:5px;flex:1 1 230px}.choice blockquote{font-size:13px;margin:12px 0 18px}.choice .button{font-size:12px;width:100%;padding:11px 13px}
.result{margin:0 36px 30px;padding:27px 30px;border:1px solid #8dbad72e;border-radius:6px;background:linear-gradient(120deg,#10233180,#0b1823)}.result-tag{display:inline-block;font:10px Consolas,monospace;letter-spacing:.06em;color:#a6becc;border:1px solid #a6becc40;border-radius:3px;padding:4px 9px;margin-bottom:15px}.result-tag.positive{color:#b5e8c8;border-color:#b5e8c870;background:#b5e8c809}.result h3{font-size:23px;margin-bottom:17px}.result p{font-size:13px}.result blockquote{font-size:16px;line-height:1.7;margin:12px 0;color:#deedf4;white-space:pre-wrap;overflow-wrap:anywhere}.evidence{padding:14px 0;border-top:1px solid var(--line)}.evidence:first-child{padding-top:0;border:0}.small-label{font-size:10px!important;font-family:Consolas,monospace;color:#9fbac9!important;letter-spacing:.03em}.verified{color:#b5e8c8!important;font-size:11px!important}.muted{color:var(--muted)}.digest{display:block;color:#bbd6e4;overflow-wrap:anywhere;font:11px/1.8 Consolas,monospace;margin-top:10px}.result details{margin-top:15px}.result summary,.event-details summary{cursor:pointer;color:#a6d7df;font-size:12px}.event-details{padding:18px 36px 23px;border-top:1px solid var(--line)}.event-details ol{padding:8px 0 0;list-style:none;font-size:12px}.event-details li{display:flex;gap:8px;flex-direction:column;padding:13px 0 13px 16px;border-left:2px solid #80edee30;margin:10px 0}.event-details strong{font-weight:500;color:#d0e1eb}.event-details span{color:#9cb4c5;font-size:11px}.event-details .event-failed{border-color:#e0b78470}
.understand{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;padding:65px 0 70px}.understand h2{font-size:30px;margin-top:18px}.understand p:not(.eyebrow){font-size:13px;margin-bottom:14px;line-height:1.85}.understand a{font-size:12px;color:var(--cyan);display:inline-block;margin-top:9px}.understand a:hover{text-decoration:underline;text-underline-offset:4px}footer{padding:27px max(32px,calc((100% - 1180px)/2));border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;font-size:10px;color:#8da8ba;flex-wrap:wrap;background:#040910}footer .footer-brand{font-size:12px;margin-right:auto}footer a:hover{color:var(--cyan)}
@media(max-width:960px){.site-header{padding-inline:28px;gap:20px}.site-header nav{gap:18px;font-size:11px}.brand{font-size:14px}.intro{padding-top:55px}.welcome{gap:35px;padding:34px}.experiment-grid{grid-template-columns:1.15fr 1fr;padding:28px;gap:5px}.scenario-heading{padding:28px}.scenario-tabs button{font-size:12px;padding:19px 10px}.scenario-tabs button span{margin-right:6px}.steps{gap:13px;font-size:11px}.result{margin-inline:28px}.network{min-height:205px}.guide h3{font-size:23px}.understand{gap:40px}.session-tools>div{gap:12px}.choice{flex-basis:100%}}
@media(max-width:700px){main{width:calc(100% - 36px)}.site-header{padding:15px 18px;min-height:78px;flex-wrap:wrap;gap:14px}.brand svg{width:30px;height:30px}.site-header nav{width:100%;justify-content:space-between;gap:12px;font-size:10px}.site-header nav a[aria-current]{text-underline-offset:5px}.intro{padding:42px 0 30px}h1{font-size:clamp(34px,8.5vw,48px);margin-top:18px}.lead{font-size:14px}.scope{font-size:11px;line-height:1.8}.welcome{grid-template-columns:1fr;gap:20px;padding:25px}.welcome h2{font-size:30px}.welcome p:not(.eyebrow):not(.fine){font-size:13px}.preview-steps li{padding:16px 0}.preview-steps h3{font-size:18px}.preview-steps p{font-size:12px!important}.button{width:100%;font-size:13px}.fine{font-size:10px}.session-tools{padding:14px 0}.session-tools>div{gap:10px;font-size:10px}.session-buttons{width:100%;justify-content:space-between}.scenario-tabs button{padding:15px 7px;font-size:11px;min-height:70px}.scenario-tabs button span{display:block;margin:0 0 4px;font-size:10px}.scenario-heading{padding:23px 20px 20px}.scenario-heading h2{font-size:25px}.steps{gap:12px;flex-direction:column}.steps li{font-size:11px}.steps li:before{width:20px;height:20px;flex-basis:20px}.experiment-grid{grid-template-columns:1fr;padding:25px 20px;gap:22px}.guide h3{font-size:24px}.guide>p:not(.eyebrow){font-size:13px}.network-stage{padding:0}.network{min-height:205px;max-width:410px;margin:auto}.network svg{max-height:190px}.network-caption{font-size:9px;margin-top:12px}.result{margin:0 16px 23px;padding:22px 19px}.result h3{font-size:21px}.result blockquote{font-size:14px}.event-details{padding:17px 22px 22px}.understand{grid-template-columns:1fr;gap:25px;padding:48px 0}.understand h2{font-size:28px}.understand p:not(.eyebrow){font-size:12px}.eyebrow{font-size:10px}footer{padding:24px 18px;gap:14px}footer #service-note{width:100%;order:3}.notice{font-size:12px;padding:13px 15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}