*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}p{line-height:1.75}h1,h2,h3{line-height:1.1} .redirects{display:flex;flex-wrap:wrap;gap:12px}.redirects a{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-width:184px;padding:16px 20px;border:1px solid currentColor;letter-spacing:.16em;text-transform:uppercase;font-size:11px;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.redirects a b{font-size:15px}.redirects a:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(0,0,0,.18)}details{border-top:1px solid currentColor;padding:18px 0}details:last-child{border-bottom:1px solid currentColor}summary{cursor:pointer;font-weight:700}footer{padding:28px 5vw;font-size:11px;letter-spacing:.08em;text-transform:uppercase;display:flex;justify-content:space-between;gap:20px}
body{font-family:Inter,Arial,sans-serif;background:#eaf5f2;color:#133b38}.atlas-head{position:sticky;top:0;z-index:40;background:rgba(234,245,242,.94);border-bottom:1px solid #6a9b94;padding:16px 4vw}.atlas-brand{display:flex;justify-content:space-between}.atlas-brand a{font-weight:800;letter-spacing:.1em}.atlas-brand span{font:9px monospace;letter-spacing:.15em;color:#4b7771}.atlas-head nav{margin-top:12px;display:flex;gap:14px;overflow:auto;font:10px monospace;text-transform:uppercase}.atlas-top{display:grid;grid-template-columns:1fr 520px;gap:45px;max-width:1280px;margin:auto;padding:75px 4vw 40px}.atlas-copy h1{font-size:clamp(46px,7vw,90px);margin:15px 0}.atlas-copy p{font-size:18px;color:#3e6660}.map-canvas{height:430px;border:1px solid #6a9b94;border-radius:50%;position:relative;overflow:hidden;background:radial-gradient(circle at center,#d9eeea,#edf7f5);box-shadow:inset 0 0 0 20px rgba(106,155,148,.08)}.map-lines{position:absolute;inset:30px;background:radial-gradient(circle,transparent 0 28%,rgba(82,139,130,.10) 28.5% 29%,transparent 29.5% 49%,rgba(82,139,130,.10) 49.5% 50%,transparent 50.5%);animation:orbit 22s linear infinite}.map-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-weight:800;letter-spacing:.12em}.map-center small{font:9px monospace}.map-node{position:absolute;width:34px;height:34px;border-radius:50%;border:1px solid #4d8a82;background:#eaf5f2;color:#133b38;z-index:2;cursor:pointer;transition:transform .2s ease}.map-node:hover{transform:scale(1.3)}.node-1{left:15%;top:22%}.node-2{left:65%;top:18%}.node-3{left:45%;top:45%}.node-4{left:20%;top:65%}.node-5{left:70%;top:62%}.node-6{left:50%;top:78%}.atlas-route{max-width:1000px;margin:auto;padding:25px 4vw 55px;border-top:1px solid #6a9b94}.route-label,.eyebrow{font:10px monospace;letter-spacing:.15em;color:#4b7771}.atlas-route p{font-size:18px;line-height:1.8}.atlas-grid{max-width:1280px;margin:auto;padding:20px 4vw 60px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.atlas-card{border:1px solid #6a9b94;padding:22px;background:#eff8f5;min-height:290px}.atlas-card>span{font:11px monospace;color:#4b7771}.atlas-card h2{font-size:24px}.atlas-card p{color:#3e6660}.atlas-bottom{max-width:1280px;margin:auto;padding:20px 4vw 70px;display:grid;grid-template-columns:1fr 320px;gap:40px}.faq-map details{border-color:#6a9b94}.next-map{display:flex;flex-direction:column;gap:8px}.next-map a{display:flex;justify-content:space-between;padding:14px;border:1px solid #6a9b94}.next-map a:hover{background:#133b38;color:#eaf5f2}@keyframes orbit{to{transform:rotate(360deg)}}@media(max-width:950px){.atlas-top{grid-template-columns:1fr}.map-canvas{max-width:560px;width:100%;margin:auto}.atlas-grid{grid-template-columns:1fr 1fr}.atlas-bottom{grid-template-columns:1fr}}

/* Query-focused editorial layer */
:root{--seo-accent:#e7a1d7;}
.seo-article{max-width:1120px;margin:clamp(1rem,4vw,3.5rem) auto;padding:clamp(1rem,4vw,2.5rem);}
.seo-hero{border-top:4px solid var(--seo-accent);padding:clamp(1.2rem,4vw,3rem) 0 1.5rem;}
.seo-kicker{color:var(--seo-accent);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;}
.seo-hero h1{font-size:clamp(2rem,5vw,4.2rem);line-height:1.06;max-width:18ch;margin:.7rem 0 1rem;}
.seo-lede{font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.65;max-width:72ch;}
.seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0;}
.seo-card{border:1px solid rgba(127,127,127,.3);border-radius:14px;padding:1.15rem;min-width:0;}
.seo-card h2{font-size:1.2rem;margin:.1rem 0 .65rem;}
.seo-card p,.seo-article p,.seo-article li{line-height:1.75;}
.seo-article a{text-underline-offset:3px;}
.seo-callout{border-left:4px solid var(--seo-accent);padding:1rem 1.2rem;margin:1.5rem 0;background:rgba(127,127,127,.08);}
.seo-links{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.5rem 0;}
.seo-links a{display:inline-block;border:1px solid var(--seo-accent);border-radius:999px;padding:.65rem .9rem;text-decoration:none;}
@media(max-width:680px){.seo-grid{grid-template-columns:1fr;}.seo-article{padding:1rem;}.seo-hero h1{overflow-wrap:anywhere;}}

/* ATLAS: network cartography and animated route tracers */
body{background-image:radial-gradient(circle at 15% 22%,rgba(45,225,185,.10) 0 2px,transparent 3px),radial-gradient(circle at 78% 38%,rgba(45,225,185,.12) 0 2px,transparent 3px),linear-gradient(135deg,transparent 49.8%,rgba(45,225,185,.045) 50%,transparent 50.2%);background-size:180px 180px,240px 240px,90px 90px}
.atlas-head{position:relative}.atlas-head:after{content:"";display:block;height:2px;background:linear-gradient(90deg,#2de1b9,transparent 70%);transform-origin:left;animation:mapRoute 7s ease-in-out infinite}
.atlas-card,.atlas-node,.seo-card{transition:transform .4s,filter .4s}.atlas-card:hover,.atlas-node:hover{transform:translateY(-5px);filter:drop-shadow(0 8px 18px rgba(45,225,185,.15))}
@keyframes mapRoute{0%,100%{transform:scaleX(.2);opacity:.4}60%{transform:scaleX(1);opacity:1}}

/* V3 FIX: visible motion mapped to the actual SEO page classes. */
:root { --motion-ease: cubic-bezier(.2,.75,.25,1); }
.seo-hero { position:relative; isolation:isolate; animation: seoHeroEnter .9s var(--motion-ease) both; }
.seo-hero:after { content:""; position:absolute; z-index:-1; left:0; right:0; top:-4px; height:4px; background:linear-gradient(90deg,transparent,var(--seo-accent,#54f0c1),#fff, var(--seo-accent,#54f0c1),transparent); background-size:220% 100%; animation: seoScan 3.8s linear infinite; }
.seo-card { position:relative; overflow:hidden; transition:transform .28s var(--motion-ease), box-shadow .28s ease, border-color .28s ease; animation: seoCardEnter .75s var(--motion-ease) both; }
.seo-card:nth-child(2) { animation-delay:.08s; } .seo-card:nth-child(3) { animation-delay:.16s; } .seo-card:nth-child(4) { animation-delay:.24s; }
.seo-card:before { content:""; position:absolute; top:0; left:-120%; width:70%; height:1px; background:linear-gradient(90deg,transparent,var(--seo-accent,#54f0c1),transparent); transition:left .55s ease; }
.seo-card:hover { transform:translateY(-6px); box-shadow:0 16px 36px rgba(0,0,0,.12); border-color:var(--seo-accent,#54f0c1); }
.seo-card:hover:before { left:150%; }
.seo-links a,.redirects a,.next-grid a { transition:transform .22s ease, box-shadow .22s ease, background-color .22s ease, color .22s ease; }
.seo-links a:hover,.redirects a:hover,.next-grid a:hover { transform:translateY(-3px); box-shadow:0 10px 24px rgba(0,0,0,.13); }
.ticker span { will-change:transform; }
.motion-reveal { opacity:1; transform:none; }
.motion-reveal:not(.motion-visible) { opacity:0; transform:translateY(22px); }
.motion-reveal.motion-visible { opacity:1; transform:translateY(0); transition:opacity .7s var(--motion-ease), transform .7s var(--motion-ease); transition-delay:var(--motion-delay,0ms); }
@keyframes seoHeroEnter { from { opacity:0; transform:translateY(20px); filter:blur(4px); } to { opacity:1; transform:translateY(0); filter:blur(0); } }
@keyframes seoCardEnter { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
@keyframes seoScan { to { background-position:220% 0; } }
@media (prefers-reduced-motion: reduce) { *, *:before, *:after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; } .motion-reveal:not(.motion-visible) { opacity:1; transform:none; } }



/* IMMERSIVE DARKNET MOTION LAYER v4 */
:root{color-scheme:dark}
html{scroll-behavior:smooth}
body{background:var(--dark-bg)!important;color:#e8edf4!important;position:relative;isolation:isolate;overflow-x:hidden}
body.pulse{--dark-bg:#03110d;--neon:#a3ff12}
body.library{--dark-bg:#100b1d;--neon:#b9a7ff}
body.vector{--dark-bg:#04111d;--neon:#00d9ff}
body.atlas{--dark-bg:#031b1a;--neon:#00ffc2}
body.ledger{--dark-bg:#1a080d;--neon:#ff3f63}
body.scope{--dark-bg:#0a1003;--neon:#c8ff00}
body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}
body:before{opacity:.75}
body:after{z-index:20;opacity:.42;pointer-events:none}body>*{position:relative;z-index:1}
header,.pulse-head,.library-head,.vector-head,.atlas-head,.ledger-head,.scope-head{background:rgba(5,9,16,.88)!important;color:#eef4ff!important;backdrop-filter:blur(14px);border-color:var(--neon)!important}
nav a:hover,.pulse-top nav a:hover{color:var(--neon)!important;text-shadow:0 0 12px var(--neon)}
.seo-article{position:relative;z-index:1}
.seo-hero{position:relative;border-top-color:var(--neon)!important}
.seo-kicker,.seo-hero .seo-kicker{color:var(--neon)!important}
.seo-hero h1{animation:heroGlitchIn 1.1s cubic-bezier(.16,1,.3,1) both;text-shadow:0 0 35px color-mix(in srgb,var(--neon) 18%,transparent)}
.seo-lede{color:#d0d8e5!important}
.seo-grid{perspective:1000px}
.seo-card,.card,.atlas-card{background:linear-gradient(135deg,rgba(15,24,35,.94),rgba(5,10,17,.88))!important;color:#e7edf5!important;border:1px solid color-mix(in srgb,var(--neon) 32%,#253143)!important;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;animation:cardMaterialize .85s both;animation-delay:calc(var(--card-index,0)*100ms)}
.seo-card:nth-child(2){--card-index:1}.seo-card:nth-child(3){--card-index:2}.seo-card:nth-child(4){--card-index:3}.seo-card:nth-child(5){--card-index:4}.seo-card:nth-child(6){--card-index:5}
.seo-card:hover,.card:hover,.atlas-card:hover{transform:translateY(-9px) scale(1.012);border-color:var(--neon)!important;box-shadow:0 18px 48px rgba(0,0,0,.42),0 0 25px color-mix(in srgb,var(--neon) 16%,transparent)}
.seo-card h2,.seo-card h3{color:#fff!important}
.seo-card p,.seo-article p,.seo-article li{color:#cbd5e1}
.seo-article a{transition:color .2s,text-shadow .2s}
.seo-article a:hover{color:var(--neon)!important;text-shadow:0 0 10px var(--neon)}
.ticker{border-color:var(--neon)!important;background:rgba(0,0,0,.3);color:var(--neon)}
.ticker span{animation:marquee 18s linear infinite, tickerGlow 2.5s ease-in-out infinite alternate!important}
footer{border-top:1px solid color-mix(in srgb,var(--neon) 45%,transparent);color:#9eacbd}
@keyframes gridDrift{to{background-position:84px 84px}}
@keyframes scanPass{from{transform:translateY(-100vh)}to{transform:translateY(100vh)}}
@keyframes verticalScan{0%{transform:translateY(-20vh);opacity:0}15%{opacity:.7}85%{opacity:.7}100%{transform:translateY(110vh);opacity:0}}
@keyframes signalBlink{0%,48%{opacity:1}49%,100%{opacity:.32}}
@keyframes starDrift{to{background-position:140px 70px,-110px 110px}}
@keyframes beamSweep{0%,100%{transform:translateX(0);opacity:0}20%,80%{opacity:.9}50%{transform:translateX(160vw);opacity:.4}}
@keyframes softPulse{0%,100%{filter:drop-shadow(0 0 0 transparent);opacity:.72}50%{filter:drop-shadow(0 0 12px var(--neon));opacity:1}}
@keyframes mapOrbit{to{background-position:560px 0}}
@keyframes routeFlow{to{background-position:240px 240px}}
@keyframes ledgerScroll{to{background-position:0 76px}}
@keyframes stampIn{0%{opacity:0;transform:translateY(8px) rotate(-8deg) scale(1.2)}100%{opacity:1;transform:translateY(0) rotate(-1deg) scale(1)}}
@keyframes scopePulse{0%,100%{opacity:.35}50%{opacity:.9}}
@keyframes tickerGlow{from{text-shadow:0 0 0 transparent}to{text-shadow:0 0 12px var(--neon)}}
@keyframes heroGlitchIn{0%{opacity:0;transform:translateY(25px);filter:blur(9px)}60%{opacity:1;filter:blur(0);text-shadow:3px 0 color-mix(in srgb,var(--neon) 60%,transparent),-3px 0 rgba(0,210,255,.35)}100%{transform:translateY(0);filter:blur(0)}}
@keyframes cardMaterialize{from{opacity:0;transform:translateY(25px) rotateX(4deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}
@media(max-width:700px){body:before{opacity:.42}.seo-card:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


body.atlas::before{background:radial-gradient(circle at center,transparent 0 12%,rgba(0,255,194,.12) 12.2% 12.4%,transparent 12.6% 25%,rgba(0,255,194,.1) 25.2% 25.4%,transparent 25.6% 38%,rgba(0,255,194,.08) 38.2% 38.4%,transparent 38.6%);background-size:560px 560px;animation:mapOrbit 45s linear infinite}
body.atlas::after{background:linear-gradient(115deg,transparent 47%,rgba(0,255,194,.2) 49%,transparent 51%);background-size:240px 240px;animation:routeFlow 5s linear infinite}
.atlas .seo-hero:after{content:'NODE A  •  NODE B  •  TRACE PATH';display:block;color:#00ffc2;font:11px monospace;letter-spacing:.2em;margin-top:26px;animation:softPulse 2.6s ease-in-out infinite}
.atlas .seo-card{position:relative;overflow:hidden}
.atlas .seo-card:before{content:'';position:absolute;left:-100%;top:0;width:60%;height:1px;background:#00ffc2;box-shadow:0 0 14px #00ffc2;animation:routeFlow 4s linear infinite}



/* Site-specific visual research gallery */
.
.exhibit-wrap h2{margin:.4rem 0 .8rem}
.exhibit-wrap p{line-height:1.65}
.exhibit-card figcaption{font-size:.85rem;line-height:1.5;margin-top:.7rem}
.exhibit-motion{margin-top:1.2rem;padding:1rem;border:1px dashed currentColor;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.exhibit-motion p{margin:0}
.exhibit-motion span{opacity:.7;font-size:.85rem}
@media(max-width:700px){.exhibit-grid{grid-template-columns:1fr}.exhibit-wrap{padding:1rem}.exhibit-motion{align-items:flex-start}.exhibit-gif{max-width:100%}}
@media(prefers-reduced-motion:reduce){.exhibit-wrap *, .exhibit-wrap *:before,.exhibit-wrap *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* V6: integrated educational reference panel */
.
.v6-panel h2{margin:.3rem 0 .8rem;line-height:1.2}
.v6-eyebrow{font:700 .72rem monospace;letter-spacing:.16em;text-transform:uppercase;opacity:.8}
.v6-table-wrap{overflow-x:auto;margin:1.4rem 0}
.v6-table{width:100%;border-collapse:collapse;min-width:620px;font-size:.9rem}
.v6-table caption{text-align:left;padding:.7rem 0;font-size:.82rem;opacity:.8}
.v6-table th,.v6-table td{border:1px solid rgba(130,150,160,.45);padding:.8rem;text-align:left;vertical-align:top}
.v6-table td{background:rgba(128,128,128,.06)}
.v6-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem}
.v6-step{margin:0;min-width:0;border:1px solid rgba(130,150,160,.45);padding:.7rem;background:rgba(128,128,128,.05)}
.v6-step img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:contain;background:#161a1e}
.v6-step figcaption{font-size:.84rem;line-height:1.55;margin-top:.7rem}
.v6-gif-wrap{margin:1.6rem auto 0;max-width:600px;text-align:center;padding:1rem 0 0;border-top:1px solid rgba(130,150,160,.4)}
.v6-gif{display:block;width:min(100%,364px);height:auto;margin:0 auto}
.v6-gif-caption{font-size:.82rem;opacity:.75;margin:.65rem 0 0}
@media(max-width:760px){.v6-steps{grid-template-columns:1fr}.v6-panel{padding:1rem}.v6-table{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){.v6-panel *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}



.v7-showcase{--a:#65e2c1;--b:#8bd6f3;background:radial-gradient(circle at 15% 0,#17433f,#101b21 65%);color:#e5fff7;border:1px solid #316a66;border-radius:22px;box-shadow:0 20px 55px #001b1a55}
.v7-showcase .v7-panel-head{border-bottom:1px solid #316a66}.v7-showcase .v7-stat,.v7-showcase .v7-mirror-row{background:#132724;color:#e5fff7;border-color:#31544d}.v7-showcase .v7-status{color:#65e2c1}.v7-showcase .v7-table th{background:#173c37;color:#8af0d7}


/* V7 integrated animated network panel */
.v7-showcase{position:relative;margin:clamp(1.2rem,3vw,2.8rem) 0;padding:clamp(1rem,2.5vw,2rem);overflow:hidden;isolation:isolate}
.v7-showcase:after{content:"";position:absolute;z-index:-1;left:-20%;top:-65%;width:65%;height:150%;background:linear-gradient(110deg,transparent, color-mix(in srgb,var(--a) 12%,transparent),transparent);transform:rotate(15deg);animation:v7-sweep 8s ease-in-out infinite}
@keyframes v7-sweep{0%,100%{left:-75%;opacity:0}20%,75%{opacity:1}55%{left:115%}}
.v7-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1rem;margin-bottom:1.1rem}
.v7-panel-head h2{margin:0;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.15}
.v7-eyebrow{margin:0 0 .5rem;font:700 .7rem/1.4 ui-monospace,monospace;letter-spacing:.17em;text-transform:uppercase;opacity:.72}
.v7-stamp{flex:none;border:1px solid currentColor;padding:.4rem .55rem;font: .65rem ui-monospace,monospace;opacity:.8}
.v7-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1rem 0 1.2rem}
.v7-stat{min-width:0;padding:1rem;border:1px solid;position:relative;overflow:hidden}
.v7-stat-label{font: .68rem ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;opacity:.7;display:block;margin-bottom:.65rem}
.v7-stat strong{font:700 clamp(.82rem,1.4vw,1rem) ui-monospace,monospace;overflow-wrap:anywhere}
.v7-status{display:inline-flex;align-items:center;gap:.5rem}
.v7-led{width:.65rem;height:.65rem;border-radius:50%;background:var(--a);box-shadow:0 0 0 0 color-mix(in srgb,var(--a) 55%,transparent);animation:v7-pulse 2s infinite;flex:none}
@keyframes v7-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--a) 55%,transparent)}70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
.v7-mirror-box{border:1px solid color-mix(in srgb,var(--a) 35%,#66717a);margin-top:1rem}
.v7-mirror-title{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem;border-bottom:1px solid color-mix(in srgb,var(--a) 24%,#66717a);font-weight:750}
.v7-mirror-list{padding:.75rem;display:grid;gap:.65rem}
.v7-mirror-row{display:grid;grid-template-columns:7.2rem minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.85rem;border:1px solid}
.v7-mirror-row code{font-size:.78rem;overflow-wrap:anywhere;color:var(--b)}
.v7-state{font: .65rem ui-monospace,monospace;letter-spacing:.06em;opacity:.85}
.v7-table-wrap{overflow-x:auto;margin:1.25rem 0}
.v7-table{width:100%;border-collapse:separate;border-spacing:0;min-width:590px;font-size:.86rem;border:1px solid color-mix(in srgb,var(--a) 30%,#66717a)}
.v7-table th,.v7-table td{text-align:left;padding:.85rem .9rem;border-bottom:1px solid color-mix(in srgb,var(--a) 20%,#66717a);border-right:1px solid color-mix(in srgb,var(--a) 16%,#66717a);vertical-align:top}
.v7-table th{font:.68rem ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.v7-table tbody tr{transition:background .25s,transform .25s}
.v7-table tbody tr:hover{background:color-mix(in srgb,var(--a) 8%,transparent)}
.v7-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.4rem}
.v7-figure{margin:0;min-width:0;padding:.65rem;border:1px solid color-mix(in srgb,var(--a) 27%,#66717a);background:#10151910;transition:transform .3s,border-color .3s,box-shadow .3s}
.v7-figure:hover{transform:translateY(-4px);border-color:var(--a);box-shadow:0 12px 30px #0002}
.v7-figure img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;background:#101519}
.v7-figure figcaption{font-size:.8rem;line-height:1.5;padding:.65rem .1rem .1rem;opacity:.86}
.v7-gif-wrap{margin:1.5rem auto 0;padding-top:1.25rem;border-top:1px solid color-mix(in srgb,var(--a) 25%,#66717a);max-width:650px;text-align:center}
.v7-gif-wrap img{display:block;width:min(100%,420px);height:auto;margin:0 auto;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--b) 20%,transparent));animation:v7-float 5s ease-in-out infinite}
@keyframes v7-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.v7-gif-wrap p{margin:.65rem 0 0;font-size:.78rem;opacity:.7}
@media(max-width:760px){.v7-stats{grid-template-columns:1fr}.v7-mirror-row{grid-template-columns:1fr;gap:.45rem}.v7-mirror-title{align-items:flex-start}.v7-gallery{grid-template-columns:1fr}.v7-showcase{padding:1rem}.v7-panel-head{flex-direction:column}.v7-stamp{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.v7-showcase:after,.v7-led,.v7-gif-wrap img{animation:none!important}.v7-figure,.v7-table tbody tr{transition:none!important}}


/* V8: bespoke component for this site identity */

/* Atlas / field map: connected routes and rounded information nodes */
.v8-block{margin:2.2rem 0;padding:clamp(1rem,2.8vw,2rem);border:1px solid #386b67;border-radius:22px;background:radial-gradient(ellipse at 15% 0,#194b46,#101e22 62%);color:#e4fff8;position:relative;overflow:hidden}.v8-head{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:start}.v8-kicker{font:.68rem monospace;letter-spacing:.14em;color:#6fe2c4;text-transform:uppercase}.v8-head h2{font-size:clamp(1.45rem,3vw,2.15rem);margin:.35rem 0}.v8-stamp{font:.65rem monospace;border:1px solid #386b67;border-radius:99px;padding:.5rem .75rem;color:#8fe8d3}.v8-deck{max-width:780px;line-height:1.7;color:#b9dcd4}.v8-status{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.2rem 0}.v8-card{border:1px solid #386b67;border-radius:12px;padding:1rem;background:#122c2a;position:relative}.v8-card:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#6fe2c4;right:1rem;top:1rem;box-shadow:0 0 12px #6fe2c466;animation:v8-pulse 2.5s infinite}.v8-label{display:block;font:.65rem monospace;color:#8fc5b9;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.65rem}.v8-card strong{font-size:.88rem}.v8-claim{border:1px solid #386b67;border-radius:15px;margin:1rem 0;overflow:hidden}.v8-claim-title{padding:1rem;background:#173a36;display:flex;justify-content:space-between;gap:1rem;font-weight:700}.v8-rows{padding:.8rem;display:grid;gap:.6rem}.v8-row{display:grid;grid-template-columns:7rem 1fr auto;align-items:center;gap:.8rem;padding:.85rem;border-radius:9px;border:1px solid #315953;background:#102622;font-size:.82rem}.v8-state{font:.65rem monospace;color:#6fe2c4}.v8-table-wrap{overflow-x:auto;margin:1.4rem 0}.v8-table{width:100%;min-width:590px;border-collapse:separate;border-spacing:0;font-size:.84rem;border:1px solid #386b67;border-radius:12px;overflow:hidden}.v8-table caption{text-align:left;padding:.7rem 0;color:#b9dcd4}.v8-table th{background:#173a36;color:#8fe8d3;text-align:left;font:.66rem monospace;text-transform:uppercase}.v8-table th,.v8-table td{padding:.8rem;border-right:1px solid #315953;border-bottom:1px solid #315953}.v8-table tbody tr:hover{background:#1b403a}.v8-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.v8-figure{margin:0;border:1px solid #386b67;border-radius:13px;padding:.65rem;background:#102622;overflow:hidden}.v8-figure img{display:block;width:100%;height:auto;border-radius:7px}.v8-figure figcaption{font-size:.78rem;line-height:1.5;padding:.65rem .1rem .1rem;color:#b9dcd4}.v8-gif{text-align:center;margin:1.5rem auto 0;max-width:500px;padding-top:1rem;border-top:1px solid #386b67}.v8-gif img{display:block;width:min(100%,350px);margin:auto;animation:v8-float 5s ease-in-out infinite}.v8-gif p{font-size:.78rem;color:#8fc5b9}@keyframes v8-pulse{50%{opacity:.45;transform:scale(.8)}}@keyframes v8-float{50%{transform:translateY(-4px)}}


/* V9 SITE-MATCHED TABLE + GIF GRID */
.v8-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:1.2rem 0 1.6rem}
.v8-card{min-width:0;position:relative;overflow:hidden;transition:transform .28s ease,border-color .28s,box-shadow .28s}
.v8-card:hover{transform:translateY(-3px)}
.v8-label{line-height:1.5}
.v8-claim{overflow:hidden;position:relative}
.v8-claim-title{align-items:center;min-height:58px;font-size:clamp(.95rem,1.5vw,1.2rem)}
.v8-lock{font-size:1.1em;margin-right:.35rem}
.v8-claim-intro{padding:1rem 1.2rem .25rem;line-height:1.7;font: .86rem/1.7 Inter,Arial,sans-serif;color:var(--v9-muted,#b8c3cf)}
.v8-rows{padding:0 1.2rem 1.2rem;display:grid;gap:.75rem}
.v8-row{display:grid;grid-template-columns:6.5rem minmax(0,1fr) 7rem;gap:1rem;align-items:center;min-height:60px;padding:.75rem 1rem;transition:transform .25s,border-color .25s,background .25s}
.v8-row:hover{transform:translateX(3px)}
.v8-link-placeholder{font:600 .9rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;letter-spacing:.02em}
.v8-copy{font: .65rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;padding:.7rem .65rem;border:1px solid var(--v9-border,#35404c);background:var(--v9-button,#161e27);color:var(--v9-text,#eaf1f7);cursor:pointer;transition:all .2s}
.v8-copy:hover{border-color:var(--neon,#54d6ff);box-shadow:0 0 18px color-mix(in srgb,var(--neon,#54d6ff) 25%,transparent)}
.v8-led{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;margin-right:.4rem;animation:v8-blink 1.8s ease-in-out infinite}
.v8-disclaimer{font-size:.72rem!important;line-height:1.5!important;opacity:.72;margin:.7rem 0 1.2rem}
.v8-visual-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:1rem;align-items:stretch;margin-top:1.2rem}
.v8-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;align-content:start}
.v8-figure{min-width:0;overflow:hidden;transition:transform .28s,border-color .28s,box-shadow .28s}
.v8-figure:nth-child(3){grid-column:1}
.v8-figure:hover{transform:translateY(-3px)}
.v8-figure img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.v8-gif{align-self:stretch;justify-self:stretch;width:100%;max-width:none;min-width:0;margin:0;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;border:1px solid var(--v9-border,#35404c);position:relative;overflow:hidden}
.v8-gif:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,color-mix(in srgb,var(--neon,#54d6ff) 10%,transparent) 48%,transparent 72%);transform:translateX(-100%);animation:v9-gif-sweep 6s ease-in-out infinite}
.v8-gif img{position:relative;z-index:1;width:100%;max-width:520px;height:auto;display:block;margin:auto;animation:v8-float 5s ease-in-out infinite;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--neon,#54d6ff) 22%,transparent))}
.v8-gif p{position:relative;z-index:1;text-align:center;font-size:.72rem;margin:0;max-width:36ch}
@keyframes v9-gif-sweep{0%,20%{transform:translateX(-100%)}65%,100%{transform:translateX(100%)}}
body.pulse{--v9-border:#374b3b;--v9-button:#101a13;--v9-text:#e7f6e7;--v9-muted:#b7c9b8}
body.library{--v9-border:#746348;--v9-button:#201a13;--v9-text:#f5ead6;--v9-muted:#c9bda8}
body.vector{--v9-border:#24546b;--v9-button:#071a27;--v9-text:#d9f5ff;--v9-muted:#a7c6d4}
body.atlas{--v9-border:#2c7068;--v9-button:#08201d;--v9-text:#d9fff5;--v9-muted:#a5d4ca}
body.ledger{--v9-border:#7b3945;--v9-button:#210d12;--v9-text:#ffe8ec;--v9-muted:#d7aeb5}
body.scope{--v9-border:#526c25;--v9-button:#111a08;--v9-text:#efffd7;--v9-muted:#c1d3a3}
body.pulse .v8-block,body.library .v8-block,body.vector .v8-block,body.atlas .v8-block,body.ledger .v8-block,body.scope .v8-block{border-color:var(--v9-border);box-shadow:inset 0 0 32px color-mix(in srgb,var(--neon) 7%,transparent),0 16px 44px #0004}
body.pulse .v8-claim-title,body.library .v8-claim-title,body.vector .v8-claim-title,body.atlas .v8-claim-title,body.ledger .v8-claim-title,body.scope .v8-claim-title{background:color-mix(in srgb,var(--neon) 8%,#111923);border-bottom:1px solid var(--v9-border)}
body.pulse .v8-row,body.library .v8-row,body.vector .v8-row,body.atlas .v8-row,body.ledger .v8-row,body.scope .v8-row{background:color-mix(in srgb,var(--neon) 4%,#0b1118);border:1px solid var(--v9-border)}
body.pulse .v8-card,body.library .v8-card,body.vector .v8-card,body.atlas .v8-card,body.ledger .v8-card,body.scope .v8-card{background:linear-gradient(145deg,color-mix(in srgb,var(--neon) 8%,#101820),#0a0f14);border:1px solid var(--v9-border);color:var(--v9-text)}
body.pulse .v8-state,body.library .v8-state,body.vector .v8-state,body.atlas .v8-state,body.ledger .v8-state,body.scope .v8-state{color:var(--neon)}
body.pulse .v8-led,body.library .v8-led,body.vector .v8-led,body.atlas .v8-led,body.ledger .v8-led,body.scope .v8-led{background:var(--neon);box-shadow:0 0 10px color-mix(in srgb,var(--neon) 65%,transparent)}
@media(max-width:850px){.v8-visual-grid{grid-template-columns:1fr}.v8-gif{min-height:260px}.v8-gif img{max-width:480px}}
@media(max-width:600px){.v8-status{grid-template-columns:1fr}.v8-row{grid-template-columns:1fr auto;gap:.55rem}.v8-row .v8-state{grid-column:1/-1}.v8-link-placeholder{font-size:.8rem}.v8-images{grid-template-columns:1fr}.v8-figure:nth-child(3){grid-column:auto}.v8-claim-title{align-items:flex-start;flex-direction:column}.v8-rows{padding:0 .7rem .8rem}}
@media(prefers-reduced-motion:reduce){.v8-gif:before{animation:none}.v8-card,.v8-row,.v8-figure{transition:none}}

/* Progressive enhancement: mobile + script-free Tor Browser Safest */
html{overflow-x:hidden;-webkit-text-size-adjust:100%}body{overflow-wrap:break-word}img,svg,video,iframe{max-width:100%;height:auto}pre,code{white-space:pre-wrap;overflow-wrap:anywhere}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:3px}
@media(max-width:760px){html,body{max-width:100%;overflow-x:hidden}main,article,section,header,footer,nav{max-width:100%;min-width:0}h1{font-size:clamp(1.75rem,8vw,3rem);overflow-wrap:anywhere}h2{font-size:clamp(1.35rem,6vw,2rem)}p,li{overflow-wrap:anywhere}table{display:block;max-width:100%;overflow-x:auto} .redirects{flex-direction:column}.redirects a{width:100%;min-width:0;overflow-wrap:anywhere}input,textarea,select{max-width:100%}nav{overflow-x:auto} .grid,.cards,.card-grid,.feature-grid{grid-template-columns:minmax(0,1fr)!important} }
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Static-first mobile safeguards; visual reference assets untouched */
@media(max-width:600px){.v8-visual-grid,.v8-images{grid-template-columns:minmax(0,1fr)!important}.v8-figure,.v8-gif,.v8-card{min-width:0;max-width:100%}.v8-figure img,.v8-gif img{max-width:100%;height:auto;object-fit:contain}.v8-row{overflow-wrap:anywhere}nav a{white-space:normal} .seo-article{min-width:0}}

/* Progressive enhancement: content remains readable with scripts disabled. */
.reveal,.fade-in,.animate-on-scroll,[data-reveal],[data-animate]{opacity:1;visibility:visible;transform:none}
@media(max-width:767px){html{overflow-x:hidden}body{max-width:100%;overflow-x:hidden}img,video,svg{max-width:100%;height:auto}pre,code{overflow-wrap:anywhere}table{display:block;max-width:100%;overflow-x:auto}nav{max-width:100%;overflow-x:auto;scrollbar-width:thin}nav a{display:inline-block;white-space:normal}main,article,section{min-width:0}a{overflow-wrap:anywhere}button,input,textarea{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
