:root {
  color-scheme: dark;
  --bg:#0e1a2b; --bg-deep:#0a1422; --bg-soft:#12223a;
  --surface:#162943; --surface-2:#1a3150; --surface-3:#203a5b;
  --surface-glass:rgba(26,49,80,.72); --border:rgba(197,216,242,.13); --border-strong:rgba(197,216,242,.23);
  --text:#f7f9fc; --text-soft:#dce6f3; --muted:#aabbd0; --dim:#7f94ad;
  --green:#67e8ad; --green-strong:#45d795; --green-soft:rgba(103,232,173,.12); --green-border:rgba(103,232,173,.31);
  --blue:#7aa7ff; --blue-2:#5f8fe8; --blue-soft:rgba(122,167,255,.13); --cyan:#7edee8;
  --yellow:#f4c86b; --red:#f18391;
  --width:1240px; --radius-sm:12px; --radius:20px; --radius-lg:30px;
  --shadow:0 28px 80px rgba(2,8,18,.22);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(180deg,#102039 0%,var(--bg) 30%,var(--bg-deep) 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;overflow-wrap:anywhere}.container{width:min(calc(100% - 48px),var(--width));margin-inline:auto}.skip-link{position:fixed;z-index:1000;top:10px;left:10px;padding:10px 14px;border-radius:8px;background:#fff;color:#000;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.ambient{position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(70px);opacity:.32}.ambient-a{width:520px;height:520px;top:-240px;left:12%;background:#315a93;animation:ambientA 14s ease-in-out infinite alternate}.ambient-b{width:420px;height:420px;right:-140px;top:34%;background:#176b63;opacity:.17;animation:ambientB 18s ease-in-out infinite alternate}@keyframes ambientA{to{transform:translate(120px,80px) scale(1.08)}}@keyframes ambientB{to{transform:translate(-100px,90px) scale(.92)}}
.site-header{position:sticky;z-index:100;top:0;border-bottom:1px solid rgba(255,255,255,.075);background:rgba(11,21,36,.78);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:background .2s ease,box-shadow .2s ease}.site-header.scrolled{background:rgba(9,18,31,.94);box-shadow:0 12px 30px rgba(0,0,0,.14)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.035em}.logo{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:11px;background:#fff;color:#0b1524;font-size:15px;font-weight:900;letter-spacing:-.06em;box-shadow:0 8px 28px rgba(0,0,0,.18)}.brand-text{color:#f8fafc;font-size:20px}.header-actions{display:flex;align-items:center;gap:10px}.header-link,.header-status{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border-radius:12px;color:var(--text-soft);font-size:12px;font-weight:740;transition:.18s ease}.header-link:hover{background:rgba(255,255,255,.06);color:#fff}.header-status{gap:8px;border:1px solid var(--border);background:rgba(255,255,255,.045)}.header-status:hover{border-color:var(--border-strong);background:rgba(255,255,255,.07);transform:translateY(-1px)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(103,232,173,.08),0 0 16px rgba(103,232,173,.45);animation:statusPulse 2.2s ease-in-out infinite}@keyframes statusPulse{50%{box-shadow:0 0 0 9px rgba(103,232,173,0),0 0 18px rgba(103,232,173,.5)}}
.eyebrow,.section-kicker,.panel-kicker,.endpoint-label,.setup-platform{color:#91a8c4;font-size:10px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}h1,h2,h3,p{text-wrap:pretty}.hero{padding:112px 0 94px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);align-items:center;gap:76px}.hero h1{max-width:760px;margin:18px 0 26px;font-size:clamp(58px,6.8vw,94px);font-weight:835;letter-spacing:-.066em;line-height:.93}.hero h1 span{display:block;color:#aebdd0}.hero-lead{max-width:690px;margin:0;color:var(--muted);font-size:19px;line-height:1.72}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:47px;padding:0 18px;border:1px solid transparent;border-radius:13px;font-size:13px;font-weight:780;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg,#72efb6,#5fe3a7);color:#07140f;box-shadow:0 14px 34px rgba(69,215,149,.16)}.button-primary:hover{box-shadow:0 18px 44px rgba(69,215,149,.22)}.button-secondary,.button-ghost{border-color:var(--border);background:rgba(255,255,255,.045);color:var(--text-soft)}.button-secondary:hover,.button-ghost:hover{border-color:var(--border-strong);background:rgba(255,255,255,.075)}.trust-row{display:flex;flex-wrap:wrap;gap:14px 26px;margin-top:38px;color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.055em}.trust-row span{display:inline-flex;gap:7px;align-items:center}.trust-row strong{color:var(--text-soft);font-size:10px}.hero-visual{position:relative;min-height:460px;display:grid;place-items:center}.surface-glow{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(360px circle at var(--mx,70%) var(--my,20%),rgba(122,167,255,.12),transparent 56%);pointer-events:none}.hero-orbit{position:absolute;width:420px;height:420px;border:1px solid rgba(122,167,255,.11);border-radius:50%;animation:spin 24s linear infinite}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid rgba(103,232,173,.08);border-radius:50%}.hero-orbit:before{inset:44px}.hero-orbit:after{inset:92px}.hero-orbit span{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 15px rgba(122,167,255,.6)}.hero-orbit span:nth-child(1){top:42px;left:96px}.hero-orbit span:nth-child(2){right:33px;top:180px;background:var(--green)}.hero-orbit span:nth-child(3){bottom:42px;left:140px;background:var(--cyan)}@keyframes spin{to{transform:rotate(360deg)}}.resolver-panel{position:relative;z-index:2;width:min(100%,470px);overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(31,55,87,.94),rgba(18,34,56,.95));box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.04);transition:transform .2s ease}.panel-top,.endpoint,.panel-footer{padding-inline:24px}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:84px}.panel-top>div{display:grid;gap:6px}.panel-top strong{font-family:"SFMono-Regular",Consolas,monospace;font-size:13px}.encrypted-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--green-border);border-radius:999px;background:var(--green-soft);color:#9af0c4;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.encrypted-badge i{width:6px;height:6px;border-radius:50%;background:var(--green)}.endpoint{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:99px;border-top:1px solid var(--border)}.endpoint>div{display:grid;gap:7px;min-width:0}.endpoint code{color:#eef6ff;font-size:12px}.endpoint small{color:var(--dim);font-size:10px}.copy{flex:none;min-height:35px;padding:0 11px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.04);color:var(--muted);cursor:pointer;font-size:10px;font-weight:720;transition:.18s ease}.copy:hover{color:#fff;border-color:var(--border-strong);background:rgba(255,255,255,.075)}.copy.copied{color:#9af0c4;border-color:var(--green-border);background:var(--green-soft)}.panel-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:52px;border-top:1px solid var(--border);color:#8399b4;font-size:9px;letter-spacing:.06em;text-transform:uppercase}
.quick-nav-section{padding:0 0 18px}.quick-nav{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--border);border-radius:18px;background:rgba(20,38,61,.68);overflow:hidden;box-shadow:0 16px 45px rgba(0,0,0,.11)}.quick-nav a{display:flex;align-items:center;gap:10px;min-height:62px;padding:0 15px;border-right:1px solid var(--border);color:var(--muted);font-size:11px;font-weight:720;transition:.18s ease}.quick-nav a:last-child{border-right:0}.quick-nav a span{color:#7990ab;font-family:Consolas,monospace;font-size:9px}.quick-nav a:hover{background:rgba(255,255,255,.05);color:#fff}
.section{padding:96px 0}.section-soft{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.035),rgba(255,255,255,.018));border-block:1px solid rgba(255,255,255,.04)}.section-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:74px;margin-bottom:38px}.section-head h2,.transparency-copy h2,.docs-panel h2,.cta-panel h2{max-width:820px;margin:10px 0 0;font-size:clamp(36px,4.6vw,62px);font-weight:815;letter-spacing:-.055em;line-height:1.01}.section-head>p,.transparency-copy>p,.docs-panel p{margin:0;color:var(--muted);font-size:15px;line-height:1.78}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card{position:relative;overflow:hidden;min-height:220px;padding:26px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(150deg,rgba(28,51,82,.92),rgba(19,38,62,.84));box-shadow:0 16px 52px rgba(0,0,0,.09);transition:transform .22s ease,border-color .22s ease}.metric-card:hover{transform:translateY(-4px);border-color:var(--border-strong)}.metric-value{display:block;margin-bottom:26px;color:#fff;font-size:34px;font-weight:840;letter-spacing:-.05em;line-height:.9}.metric-card strong{display:block;margin-bottom:9px;font-size:15px}.metric-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}
.protocol-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.protocol-card{position:relative;overflow:hidden;min-height:350px;padding:30px;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(26,49,80,.92),rgba(18,35,58,.9));box-shadow:var(--shadow)}.protocol-card.featured{border-color:rgba(103,232,173,.24);background:radial-gradient(circle at 100% 0,rgba(103,232,173,.12),transparent 32%),linear-gradient(145deg,rgba(26,49,80,.94),rgba(18,35,58,.92))}.protocol-icon{position:absolute;right:28px;top:24px;display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.045);color:#9bb1ca;font-size:20px;font-weight:900}.protocol-top{display:flex;gap:10px;align-items:center;color:#8fa5bf;font-size:10px;font-weight:800;letter-spacing:.11em}.protocol-top strong{font-size:9px;color:#7288a3}.protocol-card h3{margin:46px 0 10px;font-size:42px;letter-spacing:-.05em}.protocol-card>p{max-width:520px;margin:0;color:var(--muted);font-size:14px}.config-box{position:absolute;left:30px;right:30px;bottom:30px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 15px;border:1px solid var(--border);border-radius:14px;background:rgba(6,16,28,.28)}.config-box>span{color:#7f96b1;font-size:9px;font-weight:800;letter-spacing:.12em}.config-box code{font-size:11px;color:#edf5ff}.info-line{display:flex;align-items:center;gap:12px;margin-top:18px;padding:15px 18px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.025)}.info-line p{margin:0;color:var(--muted);font-size:11px}.info-icon{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--border);border-radius:50%;color:#99abc1;font-size:10px}
.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.principle-card{min-height:250px;padding:26px;border-top:1px solid var(--border-strong);background:linear-gradient(180deg,rgba(255,255,255,.018),transparent);transition:background .2s ease}.principle-card:hover{background:linear-gradient(180deg,rgba(122,167,255,.05),transparent)}.principle-card>span{color:#7590ad;font-family:Consolas,monospace;font-size:10px}.principle-card h3{margin:48px 0 10px;font-size:20px;letter-spacing:-.035em}.principle-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.72}
.section-map{overflow:hidden}.network-experience{position:relative;overflow:hidden;border:1px solid var(--border-strong);border-radius:32px;background:linear-gradient(145deg,rgba(27,50,81,.94),rgba(14,29,49,.96));box-shadow:var(--shadow)}.map-toolbar{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--border);background:rgba(8,19,33,.22)}.map-toolbar>div:first-child{display:grid;gap:4px}.map-toolbar strong{font-size:14px}.live-mini{display:flex;align-items:center;gap:7px;color:#879db7;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.live-mini i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(103,232,173,.55)}.map-actions{display:flex;gap:6px}.map-action{min-height:34px;padding:0 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#8398b3;font-size:10px;font-weight:750;cursor:pointer}.map-action:hover,.map-action.active{border-color:var(--border);background:rgba(255,255,255,.05);color:#fff}.network-canvas{position:relative;height:540px;overflow:hidden;background:radial-gradient(circle at 64% 47%,rgba(66,103,157,.18),transparent 28%),linear-gradient(rgba(130,164,207,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(130,164,207,.035) 1px,transparent 1px);background-size:auto,46px 46px,46px 46px}.network-canvas:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(122,167,255,.10),transparent 23%);pointer-events:none}.map-svg{position:absolute;inset:0;width:100%;height:100%}.country-shape{stroke:rgba(150,183,222,.28);stroke-width:2}.map-route{fill:none;stroke:url(#routeGrad);stroke-width:2;stroke-dasharray:8 12;opacity:.72;animation:routeDash 18s linear infinite}.route-b{animation-duration:22s;opacity:.54}@keyframes routeDash{to{stroke-dashoffset:-400}}.map-packet{r:5;fill:#7debb7;filter:url(#glow)}.map-stars circle{fill:#6d87a8;opacity:.45}.network-node{position:absolute;z-index:3;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:10px 13px 10px 10px;border:1px solid rgba(198,216,240,.17);border-radius:15px;background:rgba(13,28,47,.92);box-shadow:0 18px 40px rgba(0,0,0,.16);cursor:pointer;text-align:left;transition:transform .2s ease,border-color .2s ease,background .2s ease}.network-node:hover,.network-node.active{transform:translate(-50%,-50%) translateY(-4px) scale(1.03);border-color:rgba(103,232,173,.34);background:rgba(18,38,62,.98)}.node-dot{position:relative;z-index:2;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 16px rgba(103,232,173,.52)}.user-node .node-dot{background:var(--blue);box-shadow:0 0 16px rgba(122,167,255,.58)}.node-ring{position:absolute;left:11px;top:50%;width:22px;height:22px;margin-top:-11px;border:1px solid rgba(103,232,173,.28);border-radius:50%;animation:nodeRing 2.4s ease-out infinite}.user-node .node-ring{border-color:rgba(122,167,255,.32)}@keyframes nodeRing{0%{transform:scale(.55);opacity:.8}100%{transform:scale(1.65);opacity:0}}.node-copy{display:grid;gap:1px}.node-copy small{color:#7690ad;font-size:8px;font-weight:800;letter-spacing:.12em}.node-copy strong{font-size:11px}.map-detail{position:relative;z-index:4;display:grid;grid-template-columns:minmax(220px,.6fr) minmax(300px,1fr) auto;align-items:center;gap:34px;padding:24px;border-top:1px solid var(--border);background:rgba(10,23,39,.55)}.map-detail h3{margin:5px 0 0;font-size:20px;letter-spacing:-.035em}.map-detail p{margin:0;color:var(--muted);font-size:12px}.map-detail-actions{display:flex;align-items:center;gap:14px}.map-detail small{position:absolute;right:24px;bottom:8px;color:#6f86a0;font-size:8px}.text-link{color:#87edba;font-size:11px;font-weight:760}.privacy-mode .map-route,.privacy-mode .map-packet{opacity:.18}.privacy-mode .country-shape{fill:rgba(38,66,100,.38)}
.flow-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:12px}.flow-step{min-height:190px;padding:22px;border:1px solid var(--border);border-radius:16px;background:rgba(24,44,71,.62)}.flow-step span{color:#7d94ae;font:10px Consolas,monospace}.flow-step strong{display:block;margin:34px 0 8px;font-size:15px}.flow-step p{margin:0;color:var(--muted);font-size:11px}.flow-grid>i{align-self:center;color:#587291;font-style:normal}.setup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.setup-card{min-height:250px;padding:25px;border:1px solid var(--border);border-radius:18px;background:rgba(24,44,71,.72);transition:transform .2s ease,border-color .2s ease}.setup-card:hover{transform:translateY(-4px);border-color:var(--border-strong)}.setup-card h3{margin:28px 0 10px;font-size:20px}.setup-card p{margin:0 0 26px;color:var(--muted);font-size:12px}.setup-card a{color:#89edbc;font-size:11px;font-weight:760}.transparency-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:74px;align-items:start}.transparency-copy{position:sticky;top:110px}.transparency-copy .button{margin-top:28px}.feature-table{overflow:hidden;border:1px solid var(--border);border-radius:20px;background:rgba(22,42,68,.75)}.feature-table>div{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;padding:0 22px;border-bottom:1px solid var(--border)}.feature-table>div:last-child{border-bottom:0}.feature-table span{color:var(--muted);font-size:12px}.feature-table strong{font-size:11px}.feature-table .good{color:#8eefbd}.feature-table .soft{color:#a8b8cb}.section-docs{padding-top:44px}.docs-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:70px;align-items:center;padding:42px;border:1px solid var(--border-strong);border-radius:30px;background:radial-gradient(circle at 100% 50%,rgba(122,167,255,.12),transparent 30%),linear-gradient(145deg,rgba(31,57,91,.88),rgba(18,35,58,.94));box-shadow:var(--shadow)}.docs-preview{position:relative;z-index:2;display:grid;gap:6px;min-width:280px;padding:22px;border:1px solid var(--border);border-radius:17px;background:rgba(8,18,31,.32)}.docs-preview span{color:#8299b5;font:10px Consolas,monospace}.docs-preview strong{font-size:24px}.docs-preview small{color:var(--muted);font-size:10px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.faq-item{border:1px solid var(--border);border-radius:15px;background:rgba(22,42,68,.58);overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;padding:20px 22px;font-size:13px;font-weight:760}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;color:#8399b4}.faq-item[open] summary:after{content:"–"}.faq-item p{margin:0;padding:0 22px 21px;color:var(--muted);font-size:12px}.cta-section{padding-top:40px}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 42px;border:1px solid var(--green-border);border-radius:28px;background:radial-gradient(circle at 0 50%,rgba(103,232,173,.10),transparent 32%),rgba(23,44,69,.78)}.cta-panel h2{font-size:clamp(32px,4vw,52px)}.cta-actions{display:flex;gap:10px;flex:none}
.site-footer{margin-top:80px;border-top:1px solid rgba(255,255,255,.075);background:#0a1524}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,.8fr);gap:48px;padding:58px 0 30px}.footer-about p{max-width:270px;margin:16px 0 0;color:var(--dim);font-size:11px}.footer-brand .logo{width:34px;height:34px;font-size:13px}.footer-brand .brand-text{font-size:18px}.footer-column{display:grid;align-content:start;gap:10px}.footer-column strong{margin-bottom:5px;color:#eaf0f8;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.footer-column a,.footer-muted{color:#8296af;font-size:11px}.footer-column a:hover{color:#fff}.footer-muted{opacity:.7}.footer-meta{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;margin-top:14px;padding-top:22px;border-top:1px solid var(--border);color:#687f9b;font-size:9px}.copy-toast{position:fixed;z-index:300;left:50%;bottom:26px;transform:translate(-50%,20px);padding:10px 14px;border:1px solid var(--green-border);border-radius:11px;background:rgba(12,28,44,.96);color:#a2f2c9;font-size:11px;opacity:0;pointer-events:none;transition:.22s ease}.copy-toast.show{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0ms)}.reveal.is-visible{opacity:1;transform:none}.interactive-surface{--mx:70%;--my:20%}.interactive-surface>.surface-glow{transition:opacity .25s ease}.interactive-surface:hover>.surface-glow{opacity:1}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:54px}.hero-visual{min-height:430px}.quick-nav{grid-template-columns:repeat(3,1fr)}.quick-nav a:nth-child(3){border-right:0}.section-head{grid-template-columns:1fr;gap:20px}.metric-grid,.principle-grid,.setup-grid{grid-template-columns:repeat(2,1fr)}.flow-grid{grid-template-columns:1fr}.flow-grid>i{display:none}.transparency-grid{grid-template-columns:1fr;gap:35px}.transparency-copy{position:static}.map-detail{grid-template-columns:1fr}.map-detail small{position:static}.docs-panel{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-about{grid-column:1/-1}}
@media(max-width:700px){.container{width:min(calc(100% - 28px),var(--width))}.header-inner{min-height:66px}.header-link{display:none}.hero{padding:76px 0 72px}.hero h1{font-size:clamp(46px,15vw,72px)}.hero-lead{font-size:16px}.hero-visual{min-height:380px}.hero-orbit{width:340px;height:340px}.resolver-panel{width:100%}.endpoint{align-items:flex-start;padding-block:17px}.quick-nav{grid-template-columns:repeat(2,1fr)}.quick-nav a:nth-child(3){border-right:1px solid var(--border)}.quick-nav a:nth-child(even){border-right:0}.section{padding:74px 0}.section-head h2,.transparency-copy h2,.docs-panel h2,.cta-panel h2{font-size:clamp(34px,10vw,50px)}.metric-grid,.principle-grid,.protocol-grid,.setup-grid,.faq-grid{grid-template-columns:1fr}.protocol-card{min-height:360px}.config-box{grid-template-columns:1fr auto}.config-box>span{grid-column:1/-1}.network-canvas{height:470px}.network-node{padding:8px}.node-copy strong{font-size:9px}.node-copy small{font-size:7px}.map-toolbar{align-items:flex-start;flex-direction:column}.map-detail-actions{flex-wrap:wrap}.docs-panel,.cta-panel{padding:28px}.docs-preview{min-width:0}.cta-panel{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-about{grid-column:1/-1}.footer-meta{flex-direction:column}.panel-footer{align-items:flex-start;flex-direction:column;padding-block:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient,.hero-orbit,.status-dot,.node-ring,.map-route{animation:none!important}.reveal{opacity:1;transform:none;transition:none}.button,.network-node,.metric-card,.setup-card{transition:none}.map-packet{display:none}}

/* =========================================================
   24nodes Status — built on the exact web01 design system
   ========================================================= */

.status-intro{padding:82px 0 34px}.status-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px}.status-intro h1{max-width:850px;margin:14px 0 10px;font-size:clamp(48px,6.2vw,78px);font-weight:825;letter-spacing:-.062em;line-height:.96}.status-intro p{max-width:680px;margin:0;color:var(--muted);font-size:15px}.status-meta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;padding-bottom:7px;color:var(--dim);font-size:9px;white-space:nowrap}.status-meta-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(var(--green-rgb),.5)}.status-meta-sep{opacity:.5}.status-meta time{color:var(--text-soft);font-variant-numeric:tabular-nums;font-weight:720}.status-shell{padding:0 0 10px}.warning{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:15px 18px;border:1px solid rgba(var(--yellow-rgb),.25);border-radius:14px;background:rgba(var(--yellow-rgb),.08)}.warning.hidden{display:none}.warning-symbol{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(var(--yellow-rgb),.13);color:var(--yellow);font-weight:900}.warning strong{font-size:12px}.warning p{margin:2px 0 0;color:var(--muted);font-size:10px}

.overall-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;min-height:126px;padding:26px 28px;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(28,51,82,.94),rgba(17,34,56,.92));box-shadow:var(--shadow)}.overall-card.operational{border-color:rgba(var(--green-rgb),.25)}.overall-card.degraded,.overall-card.unknown{border-color:rgba(var(--yellow-rgb),.24)}.overall-card.outage,.overall-card.partial_outage,.overall-card.major_outage{border-color:rgba(var(--red-rgb),.26)}.overall-indicator{position:relative;display:grid;place-items:center;width:48px;height:48px}.overall-ring{position:absolute;inset:0;border-radius:50%;background:rgba(var(--green-rgb),.09);animation:overallPulse 2.7s ease-in-out infinite}.overall-dot{width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 18px rgba(var(--green-rgb),.48)}@keyframes overallPulse{50%{transform:scale(1.12);opacity:.55}}.overall-card.degraded .overall-ring,.overall-card.unknown .overall-ring{background:rgba(var(--yellow-rgb),.09)}.overall-card.degraded .overall-dot,.overall-card.unknown .overall-dot{background:var(--yellow);box-shadow:none}.overall-card.outage .overall-ring,.overall-card.partial_outage .overall-ring,.overall-card.major_outage .overall-ring{background:rgba(var(--red-rgb),.09)}.overall-card.outage .overall-dot,.overall-card.partial_outage .overall-dot,.overall-card.major_outage .overall-dot{background:var(--red);box-shadow:none}.overall-content{display:grid;gap:3px}.overall-caption{color:#91a8c4;font-size:10px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}.overall-content strong{font-size:20px;letter-spacing:-.03em}.overall-content>span:last-child{color:var(--muted);font-size:11px}.overall-badge,.node-status{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:31px;padding:0 11px;border-radius:999px;font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.overall-badge.operational,.node-status.operational{color:#9af0c4;border:1px solid var(--green-border);background:var(--green-soft)}.overall-badge.degraded,.overall-badge.unknown,.node-status.degraded,.node-status.unknown{color:#f5d68e;border:1px solid rgba(var(--yellow-rgb),.24);background:rgba(var(--yellow-rgb),.09)}.overall-badge.outage,.overall-badge.partial_outage,.overall-badge.major_outage,.node-status.outage{color:#ffa0ab;border:1px solid rgba(var(--red-rgb),.26);background:rgba(var(--red-rgb),.09)}

.content-section{padding-top:76px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:22px}.section-heading h2,.status-method h2,.status-contact h2{margin:9px 0 0;font-size:clamp(34px,4.2vw,54px);font-weight:810;letter-spacing:-.052em;line-height:1.02}.section-heading p{max-width:620px;margin:10px 0 0;color:var(--muted);font-size:12px}.section-meta{padding-bottom:4px;color:var(--dim);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.resolver-grid,.uptime-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.resolver-card,.uptime-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(150deg,rgba(27,50,81,.9),rgba(18,36,59,.86));box-shadow:0 18px 48px rgba(0,0,0,.1)}.resolver-header,.uptime-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px;padding:17px 21px;border-bottom:1px solid var(--border);background:rgba(33,58,91,.48)}.resolver-title,.uptime-resolver{display:flex;flex-direction:column;gap:3px}.resolver-title strong,.uptime-resolver strong{font-size:16px;font-weight:790;letter-spacing:-.03em}.resolver-title span,.uptime-resolver span{color:var(--dim);font-size:9px}.node-status{gap:7px;border:0}.node-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.endpoint-grid{display:grid;grid-template-columns:repeat(2,1fr)}.endpoint-card{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:90px;padding:17px 20px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background .18s ease}.endpoint-card:nth-child(even){border-right:0}.endpoint-card:hover{background:rgba(255,255,255,.025)}.endpoint-name{display:grid;gap:3px}.endpoint-name strong{font-size:12px}.endpoint-name span{color:var(--dim);font-size:9px}.endpoint-state{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;font-weight:780}.endpoint-state::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.endpoint-state.operational{color:var(--green)}.endpoint-state.degraded,.endpoint-state.unknown{color:var(--yellow)}.endpoint-state.outage{color:var(--red)}.resolver-footer{display:flex;gap:18px;padding:13px 20px;color:#748aa4;font-size:8px;text-transform:uppercase;letter-spacing:.08em}

.uptime-heading{align-items:start}.uptime-legend{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:14px 18px;padding:15px 17px;border:1px solid var(--border);border-radius:15px;background:rgba(24,44,71,.5);color:var(--dim);font-size:9px}.uptime-legend span{display:inline-flex;align-items:center;gap:7px}.uptime-legend i{display:block;width:9px;height:9px;border-radius:3px;background:#415269}.uptime-legend i.operational{background:var(--green)}.uptime-legend i.degraded{background:var(--yellow)}.uptime-legend i.outage{background:var(--red)}.uptime-column{color:#7890ab;font-size:9px;font-weight:800;letter-spacing:.08em}.uptime-rows{display:grid}.uptime-row{display:grid;grid-template-columns:150px minmax(180px,1fr) 84px;align-items:center;gap:18px;min-height:94px;padding:14px 20px;border-bottom:1px solid var(--border)}.uptime-row:last-child{border-bottom:0}.uptime-name{display:flex;align-items:center;gap:12px;min-width:0}.uptime-status{width:8px;height:8px;flex:none;border-radius:50%;background:var(--dim)}.uptime-status.operational{background:var(--green);box-shadow:0 0 14px rgba(var(--green-rgb),.42)}.uptime-status.degraded,.uptime-status.unknown{background:var(--yellow)}.uptime-status.outage{background:var(--red)}.uptime-name-copy{display:grid;gap:2px;min-width:0}.uptime-name-copy strong{font-size:12px}.uptime-name-copy span{color:var(--dim);font-size:9px}.uptime-history{min-width:0}.uptime-bars{display:flex;align-items:stretch;gap:3px;width:100%;height:31px}.uptime-bar{display:block;flex:1 1 0;min-width:2px;height:100%;border-radius:3px;background:#415269;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);transition:transform .14s ease,filter .14s ease,opacity .14s ease}.uptime-bar.operational{background:linear-gradient(180deg,#6be8b1,#49c990)}.uptime-bar.degraded{background:linear-gradient(180deg,#f7cf75,#dcae45)}.uptime-bar.outage{background:linear-gradient(180deg,#f08b98,#d95d6e)}.uptime-bar.no_data{background:#405169;opacity:.56}.uptime-bar:hover{z-index:2;transform:translateY(-3px) scaleY(1.08);filter:brightness(1.15)}.uptime-history-labels{display:flex;justify-content:space-between;margin-top:5px;color:#7188a3;font-size:8px}.uptime-value{text-align:right;color:#f4f8fd;font-size:13px;font-weight:820;font-variant-numeric:tabular-nums}.history-note{display:flex;align-items:flex-start;gap:12px;margin-top:14px;padding:13px 15px;border:1px solid var(--border);border-radius:13px;background:rgba(22,42,68,.42)}.history-note .info-icon{display:grid;place-items:center;width:22px;height:22px;flex:none;border:1px solid rgba(122,167,255,.24);border-radius:50%;color:#8db3ee;font-size:10px;font-weight:850}.history-note p{margin:1px 0 0;color:var(--dim);font-size:9px}

.status-method{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start;padding-top:84px}.method-copy p{margin:15px 0 0;color:var(--muted);font-size:12px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.method-card{min-height:180px;padding:21px;border:1px solid var(--border);border-radius:16px;background:rgba(24,44,71,.62)}.method-card span{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#88a0bc}.method-card strong{display:block;margin:30px 0 8px;font-size:15px}.method-card p{margin:0;color:var(--muted);font-size:10px}.method-card-up{border-color:rgba(var(--green-rgb),.18)}.method-card-degraded{border-color:rgba(var(--yellow-rgb),.18)}.method-card-down{border-color:rgba(var(--red-rgb),.18)}.service-info{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:76px;padding:20px 24px;border:1px solid var(--border);border-radius:17px;background:rgba(22,42,68,.58)}.service-info-item{display:grid;gap:3px}.service-info-item span{color:#758ca7;font-size:8px;font-weight:800;letter-spacing:.1em}.service-info-item strong{font-size:11px}.info-separator{width:1px;height:34px;background:var(--border)}.status-contact{display:flex;align-items:center;justify-content:space-between;gap:34px;margin-top:20px;padding:30px;border:1px solid var(--border);border-radius:22px;background:rgba(22,42,68,.6)}.status-contact p{max-width:650px;margin:12px 0 0;color:var(--muted);font-size:12px}

@media(max-width:980px){.status-intro-grid{grid-template-columns:1fr}.status-meta{justify-content:flex-start}.resolver-grid,.uptime-grid{grid-template-columns:1fr}.status-method{grid-template-columns:1fr;gap:30px}.uptime-heading{display:grid}.uptime-legend{justify-content:flex-start}.uptime-row{grid-template-columns:140px minmax(140px,1fr) 78px}}
@media(max-width:700px){.status-intro{padding-top:70px}.status-intro h1{font-size:clamp(42px,13vw,64px)}.status-meta{gap:5px;font-size:8px}.overall-card{grid-template-columns:auto 1fr}.overall-badge{grid-column:2}.endpoint-grid{grid-template-columns:1fr}.endpoint-card{border-right:0}.uptime-row{grid-template-columns:1fr 76px;gap:10px}.uptime-history{grid-column:1/-1}.uptime-bars{gap:2px;height:28px}.method-grid{grid-template-columns:1fr}.service-info{align-items:flex-start;flex-direction:column}.info-separator{width:100%;height:1px}.status-contact{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.overall-ring{animation:none!important}.uptime-bar{transition:none}}

/* ==========================================================
   24nodes status v8 refinements
   colored policy cards + incident history
   ========================================================== */

.method-card{
  position:relative;
  overflow:hidden;
  min-height:190px;
  padding:22px;
  border-width:1px;
  background:linear-gradient(160deg,rgba(27,50,81,.82),rgba(17,34,56,.78));
}

.method-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:currentColor;
  opacity:.95;
}

.method-card::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-80px;
  top:-90px;
  border-radius:50%;
  background:currentColor;
  opacity:.055;
  pointer-events:none;
}

.method-card-head{
  display:flex;
  align-items:center;
  gap:9px;
}

.method-card-head i{
  width:9px;
  height:9px;
  flex:none;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 14px currentColor;
}

.method-card-head span{
  color:currentColor;
  opacity:.86;
}

.method-card strong{
  margin:30px 0 8px;
  color:#f8fbff;
}

.method-card-up{
  color:var(--green);
  border-color:rgba(103,232,173,.34);
  background:linear-gradient(160deg,rgba(103,232,173,.09),rgba(20,43,63,.75));
}

.method-card-degraded{
  color:var(--yellow);
  border-color:rgba(244,200,107,.34);
  background:linear-gradient(160deg,rgba(244,200,107,.09),rgba(44,42,50,.72));
}

.method-card-down{
  color:var(--red);
  border-color:rgba(241,131,145,.34);
  background:linear-gradient(160deg,rgba(241,131,145,.09),rgba(43,32,49,.72));
}

.incident-section{
  padding-top:84px;
}

.incident-heading{
  align-items:end;
}

.incident-list{
  display:grid;
  gap:14px;
}

.incident-empty{
  display:flex;
  align-items:center;
  gap:16px;
  min-height:88px;
  padding:18px 20px;
  border:1px solid rgba(103,232,173,.20);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(103,232,173,.07),rgba(22,42,68,.48));
}

.incident-empty.loading{
  border-color:var(--border);
  background:rgba(22,42,68,.48);
}

.incident-empty-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  flex:none;
  border-radius:50%;
  background:rgba(103,232,173,.10);
  color:var(--green);
  font-size:18px;
  font-weight:800;
}

.incident-empty.loading .incident-empty-icon{
  color:var(--blue);
  background:rgba(122,167,255,.10);
}

.incident-empty>div{
  display:grid;
  gap:2px;
}

.incident-empty strong{
  font-size:13px;
}

.incident-empty span:not(.incident-empty-icon){
  color:var(--muted);
  font-size:10px;
}

.incident-card{
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:18px;
  background:linear-gradient(150deg,rgba(27,50,81,.88),rgba(18,36,59,.84));
}

.incident-card.degraded{
  border-color:rgba(244,200,107,.28);
}

.incident-card.outage{
  border-color:rgba(241,131,145,.30);
}

.incident-card.maintenance{
  border-color:rgba(122,167,255,.28);
}

.incident-card-head{
  display:grid;
  grid-template-columns:1fr auto;
  gap:16px;
  align-items:start;
  padding:20px 22px 17px;
  border-bottom:1px solid var(--border);
}

.incident-card-title{
  display:grid;
  gap:5px;
}

.incident-card-title strong{
  font-size:16px;
  letter-spacing:-.025em;
}

.incident-card-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px 11px;
  color:var(--dim);
  font-size:9px;
}

.incident-impact{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:29px;
  padding:0 10px;
  border-radius:999px;
  font-size:8px;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.incident-impact::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:currentColor;
}

.incident-impact.degraded{
  color:#f4d589;
  border:1px solid rgba(244,200,107,.24);
  background:rgba(244,200,107,.09);
}

.incident-impact.outage{
  color:#ffa0ab;
  border:1px solid rgba(241,131,145,.24);
  background:rgba(241,131,145,.09);
}

.incident-impact.maintenance{
  color:#a9c4ff;
  border:1px solid rgba(122,167,255,.24);
  background:rgba(122,167,255,.09);
}

.incident-components{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  padding:15px 22px 0;
}

.incident-component{
  padding:5px 8px;
  border:1px solid var(--border);
  border-radius:999px;
  color:#9fb2c8;
  background:rgba(255,255,255,.025);
  font-size:8px;
}

.incident-timeline{
  display:grid;
  gap:0;
  padding:15px 22px 20px;
}

.incident-update{
  position:relative;
  display:grid;
  grid-template-columns:116px 1fr;
  gap:14px;
  padding:11px 0 11px 18px;
  border-left:1px solid var(--border);
}

.incident-update::before{
  content:"";
  position:absolute;
  left:-4px;
  top:17px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#7189a5;
}

.incident-update:first-child::before{
  background:var(--green);
  box-shadow:0 0 12px rgba(103,232,173,.38);
}

.incident-update time{
  color:#7890ab;
  font-size:8px;
  font-variant-numeric:tabular-nums;
}

.incident-update div{
  display:grid;
  gap:2px;
}

.incident-update strong{
  color:#eaf1f9;
  font-size:10px;
}

.incident-update p{
  margin:0;
  color:var(--muted);
  font-size:9px;
}

@media(max-width:700px){
  .incident-card-head{grid-template-columns:1fr}
  .incident-impact{justify-self:start}
  .incident-update{grid-template-columns:1fr;gap:3px}
}
\n\n/* ==========================================================\n   24nodes status interaction polish\n   ========================================================== */\n.overall-card,\n.resolver-card,\n.uptime-card,\n.method-card,\n.incident-card,\n.incident-empty,\n.service-info,\n.status-contact,\n.uptime-legend {\n  transition:\n    transform .22s cubic-bezier(.2,.7,.2,1),\n    border-color .22s ease,\n    background .22s ease,\n    box-shadow .22s ease;\n}\n\n.overall-card:hover {\n  transform: translateY(-2px);\n  border-color: rgba(103,232,173,.30);\n  box-shadow: 0 22px 54px rgba(2,8,18,.15);\n}\n\n.resolver-card:hover,\n.uptime-card:hover {\n  transform: translateY(-3px);\n  border-color: rgba(122,167,255,.24);\n  box-shadow: 0 24px 54px rgba(2,8,18,.15);\n}\n\n.endpoint-card {\n  position: relative;\n  transition: background .18s ease, transform .18s ease, box-shadow .18s ease;\n}\n\n.endpoint-card:hover {\n  z-index: 1;\n  transform: translateY(-2px);\n  background: rgba(122,167,255,.055);\n  box-shadow: inset 3px 0 0 rgba(122,167,255,.35);\n}\n\n.uptime-row {\n  transition: background .18s ease;\n}\n\n.uptime-row:hover {\n  background: rgba(255,255,255,.018);\n}\n\n.uptime-row:hover .uptime-status.operational {\n  box-shadow: 0 0 0 5px rgba(var(--green-rgb),.07),0 0 20px rgba(var(--green-rgb),.50);\n}\n\n.uptime-bar:hover {\n  cursor: help;\n  transform: translateY(-4px) scaleY(1.12);\n  filter: brightness(1.22) saturate(1.08);\n  box-shadow: 0 6px 16px rgba(2,8,18,.18);\n}\n\n.method-card:hover {\n  transform: translateY(-5px);\n}\n\n.method-card-up:hover {\n  border-color: rgba(var(--green-rgb),.55);\n  box-shadow: 0 18px 44px rgba(var(--green-rgb),.10);\n}\n\n.method-card-degraded:hover {\n  border-color: rgba(var(--yellow-rgb),.58);\n  box-shadow: 0 18px 44px rgba(var(--yellow-rgb),.10);\n}\n\n.method-card-down:hover {\n  border-color: rgba(var(--red-rgb),.58);\n  box-shadow: 0 18px 44px rgba(var(--red-rgb),.10);\n}\n\n.incident-card:hover,\n.incident-empty:hover {\n  transform: translateY(-3px);\n  border-color: rgba(103,232,173,.26);\n  box-shadow: 0 18px 42px rgba(2,8,18,.12);\n}\n\n.incident-card.degraded:hover {\n  border-color: rgba(var(--yellow-rgb),.42);\n}\n\n.incident-card.outage:hover {\n  border-color: rgba(var(--red-rgb),.42);\n}\n\n.incident-card.maintenance:hover {\n  border-color: rgba(122,167,255,.42);\n}\n\n.status-contact:hover,\n.service-info:hover,\n.uptime-legend:hover {\n  border-color: rgba(122,167,255,.24);\n  background: rgba(27,50,80,.66);\n}\n\n.header-link,\n.header-status,\n.footer-column a {\n  transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;\n}\n\n.footer-column a:hover {\n  transform: translateX(2px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .overall-card,\n  .resolver-card,\n  .uptime-card,\n  .method-card,\n  .incident-card,\n  .incident-empty,\n  .service-info,\n  .status-contact,\n  .uptime-legend,\n  .endpoint-card,\n  .uptime-row,\n  .header-link,\n  .header-status,\n  .footer-column a {\n    transition: none !important;\n    transform: none !important;\n  }\n}\n
/* ==========================================================
   24nodes event sections v10
   active incidents + maintenance + history
   ========================================================== */

.event-section {
    position: relative;
}


.event-live-meta {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}


.event-live-meta i {
    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--green);

    box-shadow:
        0 0 0 4px
        rgba(var(--green-rgb), .07),
        0 0 14px
        rgba(var(--green-rgb), .35);
}


.maintenance-section {
    padding-top: 54px;
}


.history-section {
    padding-top: 54px;
}


.incident-empty.maintenance {
    border-color:
        rgba(122, 167, 255, .20);

    background:
        linear-gradient(
            145deg,
            rgba(122, 167, 255, .07),
            rgba(22, 42, 68, .48)
        );
}


.incident-empty.maintenance
.incident-empty-icon {

    color: #a9c4ff;

    background:
        rgba(122, 167, 255, .11);
}


.incident-empty.warning {
    border-color:
        rgba(var(--yellow-rgb), .22);

    background:
        linear-gradient(
            145deg,
            rgba(var(--yellow-rgb), .07),
            rgba(22, 42, 68, .48)
        );
}


.incident-empty.warning
.incident-empty-icon {

    color: var(--yellow);

    background:
        rgba(var(--yellow-rgb), .10);
}


.maintenance-description {

    margin:
        0 22px;

    padding:
        16px 0 0;

    color:
        var(--muted);

    font-size:
        10px;

    line-height:
        1.65;
}


.maintenance-description
+ .incident-components {

    padding-top:
        13px;
}


.incident-card.maintenance {

    background:
        linear-gradient(
            150deg,
            rgba(31, 55, 88, .91),
            rgba(18, 36, 59, .85)
        );
}


.incident-card.maintenance:hover {

    transform:
        translateY(-3px);

    border-color:
        rgba(122, 167, 255, .46);

    box-shadow:
        0 20px 48px
        rgba(2, 8, 18, .14);
}


@media (max-width: 700px) {

    .maintenance-section,
    .history-section {
        padding-top: 46px;
    }
}


/* ==========================================================
   24nodes live indicators
   ========================================================== */

@keyframes statusLivePulse {

    0%,
    100% {
        opacity: 1;
        box-shadow:
            0 0 0 0
            rgba(125, 245, 225, .25),
            0 0 12px
            rgba(125, 245, 225, .35);
    }

    50% {
        opacity: .72;
        box-shadow:
            0 0 0 6px
            rgba(125, 245, 225, 0),
            0 0 18px
            rgba(125, 245, 225, .48);
    }
}


.status-dot,
.live-dot,
.event-live-meta i,
.update-dot,
.overall-dot,
.status-pill::before,
.status-badge::before {

    animation:
        statusLivePulse
        2.4s
        ease-in-out
        infinite;
}


.event-live-meta i {

    transform-origin:
        center;
}


@media (
    prefers-reduced-motion: reduce
) {

    .status-dot,
    .live-dot,
    .event-live-meta i,
    .update-dot,
    .overall-dot,
    .status-pill::before,
    .status-badge::before {

        animation:
            none !important;
    }
}



/* ==========================================================
   24nodes v12 live animations
   ========================================================== */

@keyframes onlineIndicatorPulse {

    0%,
    100% {
        transform:
            translateY(0);

        box-shadow:
            0 0 0 0
            rgba(119, 244, 220, .00),
            0 0 0
            rgba(119, 244, 220, .00);
    }

    50% {
        transform:
            translateY(-1px);

        box-shadow:
            0 0 0 5px
            rgba(119, 244, 220, .035),
            0 0 18px
            rgba(119, 244, 220, .13);
    }
}


@keyframes liveTextPulse {

    0%,
    100% {
        opacity: 1;

        text-shadow:
            0 0 0
            rgba(132, 248, 229, 0);
    }

    50% {
        opacity: .78;

        text-shadow:
            0 0 10px
            rgba(132, 248, 229, .34);
    }
}


@keyframes liveDotPulse {

    0%,
    100% {
        transform:
            scale(1);

        opacity: 1;

        box-shadow:
            0 0 0 0
            rgba(126, 245, 226, .28);
    }

    50% {
        transform:
            scale(.92);

        opacity: .82;

        box-shadow:
            0 0 0 6px
            rgba(126, 245, 226, 0);
    }
}


/*
 * ONLINE-Pill
 */

.pulse-online-indicator {

    animation:
        onlineIndicatorPulse
        2.5s
        ease-in-out
        infinite;

    will-change:
        transform,
        box-shadow;
}


/*
 * LIVE-Label
 */

.pulse-live-indicator {

    animation:
        liveTextPulse
        2.2s
        ease-in-out
        infinite;
}


/*
 * Bereits vorhandene Punkte separat pulsieren lassen.
 */

.pulse-online-indicator i,
.pulse-live-indicator i,
.pulse-online-indicator .dot,
.pulse-live-indicator .dot,
.pulse-online-indicator [class*="dot"],
.pulse-live-indicator [class*="dot"] {

    animation:
        liveDotPulse
        2.2s
        ease-in-out
        infinite;
}


/*
 * Die kleinen Statuspunkte der Resolver.
 */

.endpoint-status-dot,
.uptime-status.operational,
.overall-status-dot,
.update-dot,
.event-live-meta i {

    animation:
        liveDotPulse
        2.4s
        ease-in-out
        infinite;
}


@media (
    prefers-reduced-motion: reduce
) {

    .pulse-online-indicator,
    .pulse-live-indicator,
    .pulse-online-indicator i,
    .pulse-live-indicator i,
    .pulse-online-indicator .dot,
    .pulse-live-indicator .dot,
    .pulse-online-indicator [class*="dot"],
    .pulse-live-indicator [class*="dot"],
    .endpoint-status-dot,
    .uptime-status.operational,
    .overall-status-dot,
    .update-dot,
    .event-live-meta i {

        animation:
            none !important;
    }
}


/* ==========================================================
   v13 - compact status meta
   ========================================================== */

/*
 * Kein separater Countdown mehr.
 * Angezeigt wird nur:
 *
 * ● Aktualisiert vor X Sekunden · HH:MM
 */
#next-refresh {
    display: none !important;
}


/*
 * Trennzeichen nach dem ausgeblendeten
 * Countdown vermeiden, falls über CSS erzeugt.
 */
.update-meta #next-refresh,
.status-meta #next-refresh {
    display: none !important;
}