/* D4RK DESIGNS: The Lab hexagon revival — single-page concept / no external dependencies */
:root{color-scheme:dark;--bg:#0e0b13;--section:#120e19;--panel:#191322;--fg:#efeaf6;--muted:#aea5bc;--dim:#827893;--rule:#312741;--cyan:#a47fe4;--ice:#c8b0f1;--max:1230px;--ui:Inter,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:87px}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--ui);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.13}p{line-height:1.7}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--ice);outline-offset:4px}.wrap{width:min(var(--max),calc(100% - 90px));margin:auto}.skip{position:fixed;top:-100px;left:14px;padding:10px;background:#fff;color:#0d0913;z-index:300}.skip:focus{top:10px}
.topbar{height:86px;position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:1px solid #b8a0e11a;background:#0f0c14bd;backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);transition:height .23s ease,background .23s ease,box-shadow .23s ease}.topbar.compact{height:61px;background:#0e0915f4;box-shadow:0 10px 30px #0008;border-bottom-color:#b096dc3a}.navrow{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.identity{display:flex;align-items:center;gap:10px;min-width:0;flex-shrink:0}.identity img{width:44px;height:39px;object-fit:contain;transition:width .2s,height .2s}.identity>span{display:flex;flex-direction:column;gap:5px}.identity strong{font-size:17px;font-weight:700;letter-spacing:.065em;line-height:1}.identity strong span{font-weight:350}.identity small{color:#ac9dc4;font-size:10px;letter-spacing:.22em}.topbar.compact .identity img{width:34px;height:31px}.topbar.compact .identity strong{font-size:15px}.topbar.compact .identity small{font-size:9px}.nav{display:flex;align-items:center;gap:clamp(15px,2.1vw,31px)}.nav a{color:#b6abc6;text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:600;white-space:nowrap;position:relative;padding:14px 0}.nav a:hover,.nav a[aria-current]{color:#f6f1fd}.nav a[aria-current]:after{content:'';position:absolute;left:0;right:0;bottom:5px;height:2px;background:var(--cyan)}.mobile-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:42px;height:39px;border:1px solid #5b4a78;background:#1e162a;border-radius:5px;cursor:pointer}.mobile-toggle span{width:19px;height:1px;background:#e0d2f7}
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 76% 40%,#261a38 0%,#150e1f 47%,#0e0b13 82%);border-bottom:1px solid #36284d;min-height:600px}.hero:before{content:'';position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#0e0b13e8 0%,#0e0b13ad 40%,transparent 80%),url('assets/network.svg') center top/1380px auto no-repeat;opacity:.8}.hero:after{content:'';position:absolute;z-index:-2;inset:0;background-image:linear-gradient(#b199d909 1px,transparent 1px),linear-gradient(90deg,#b199d909 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,#0000 15%,#000 95%)}.hex-fabric{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.72;background:radial-gradient(circle at 82% 21%,#9b7ad532 0 2px,transparent 3px),radial-gradient(circle at 10% 82%,#9973d866 0 2px,transparent 3px)}.hero-layout{display:grid;grid-template-columns:.94fr 1.06fr;gap:75px;align-items:center;min-height:600px;padding-top:124px;padding-bottom:77px}.hero-text{position:relative;z-index:3}.kicker,.overline,.section-index,.section-aside,.hero-serial,.visual-label,.panel-corner,.hardware-kind,.spec-eyebrow,.not-live{font-family:'Segoe UI',Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.21em;text-transform:uppercase}.kicker{color:#baa2e2;display:flex;align-items:center;gap:12px;margin-bottom:29px}.tiny-hex{height:14px;width:14px;background:#a27ce2;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);display:inline-block;position:relative}.tiny-hex:after{content:'';position:absolute;inset:2px;background:#1f152f;clip-path:inherit}.kicker-end{opacity:.5;margin-left:auto;white-space:nowrap}.hero h1{font-size:clamp(72px,8.1vw,122px);font-weight:720;letter-spacing:-.068em;line-height:.99;margin-bottom:26px}.hero h1 span{color:var(--cyan)}.hero-lede{font-size:clamp(17px,1.7vw,21px);line-height:1.52;color:#e8e2f2;max-width:520px;font-weight:400}.hero-sub{font-size:14px;color:#b5abc6;line-height:1.8;max-width:500px;margin-top:18px}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:34px}.action-solid{display:inline-flex;align-items:center;gap:34px;background:#a98bdb;color:#0f0918;padding:15px 19px;border:1px solid #ccb9ec;font-size:12px;font-weight:700;letter-spacing:.025em;transition:background .18s,transform .18s}.action-solid:hover{background:#d1bdf3;transform:translateY(-2px)}.action-quiet{color:#cfc6dd;font-size:12px;display:flex;gap:17px;align-items:center}.action-quiet:hover{color:#fff}.hero-serial{font-size:9px;color:#82719e;letter-spacing:.21em;margin-top:37px}.hero-serial span{color:#684f94;margin:0 9px}
.hero-visual{height:455px;position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.hero-visual-frame{position:relative;width:100%;height:87%;background:#1a1325;border:1px solid #5a4877;box-shadow:0 28px 85px #0009,0 0 0 6px #150e205e;clip-path:polygon(0 0,calc(100% - 35px) 0,100% 35px,100% 100%,35px 100%,0 calc(100% - 35px));overflow:hidden}.hero-visual-frame:before{content:'';inset:0;position:absolute;border:1px solid #ffffff0c;z-index:1;pointer-events:none}.hero-visual-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(130deg,#1e133121 15%,transparent 49%,#0c0714bb 100%);pointer-events:none}.hero-visual-frame img{height:100%;width:100%;object-fit:cover;object-position:center;filter:brightness(.96) saturate(.86)}.visual-label{position:absolute;bottom:20px;left:24px;z-index:3;color:#d7cde9;display:flex;align-items:center;gap:10px;letter-spacing:.14em;font-size:9px}.visual-dot,.status-light{display:inline-block;width:6px;height:6px;border-radius:100%;background:#a283d9;box-shadow:0 0 12px #a47fe490}.visual-dash{color:#785da6}.hero-visual-hex{position:absolute;inset:-18px -32px -15px 50%;background:url('assets/network.svg') 59% 25%/900px auto no-repeat;opacity:.58;pointer-events:none}.hex-outline{position:absolute;z-index:-1;width:90px;height:102px;background:#70599777;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.hex-outline:after{content:'';position:absolute;inset:1px;background:#1a1326;clip-path:inherit}.hex-one{right:-32px;top:-13px}.hex-two{left:-28px;bottom:-15px;width:57px;height:64px;opacity:.65}
.slim-divider{height:41px;background:#150e1f;border-bottom:1px solid #3a2c51;overflow:hidden}.divider-inner{height:100%;display:flex;gap:30px;align-items:center;justify-content:space-between}.divider-inner>span{font-size:10px;letter-spacing:.22em;font-weight:650;color:#9d8abc;white-space:nowrap}.divider-inner b{color:#705897;margin:0 11px}.divider-circuit{height:100%;flex:1;opacity:.37;background-image:radial-gradient(#a580e3 1px,transparent 1px),linear-gradient(105deg,transparent 45%,#7d66a630 45%,#7d66a630 46%,transparent 46%);background-size:24px 24px,100% 100%;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 80%,transparent)}.divider-inner .divider-index{color:#816ca3;letter-spacing:.12em;font-size:9px}
.section{padding-block:87px 92px;scroll-margin-top:74px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:19px;border-bottom:1px solid #372c4a}.section-index{color:var(--cyan)}.section-aside{color:#807198;font-size:9px}.cluster-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin:32px 0 30px}.overline{display:block;color:#9d82ca;margin-bottom:15px}.cluster-heading h2,.section-title-row h2{font-size:clamp(34px,3.8vw,54px);letter-spacing:-.045em;font-weight:650}.cluster-heading h2 span{color:#a79abb;font-weight:400}.cluster-heading>p,.section-title-row>p{font-size:14px;color:var(--muted);line-height:1.85;max-width:440px}.cluster-panel{display:grid;grid-template-columns:1fr .92fr;background:linear-gradient(115deg,#181123,#1c1528);border:1px solid #43355a;min-height:405px}.cluster-panel-image{position:relative;min-height:405px;overflow:hidden;background:#191224}.cluster-panel-image:after{content:'';position:absolute;inset:0;box-shadow:inset -55px 0 65px #110a1b55;pointer-events:none}.cluster-panel-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.78)}.panel-corner{position:absolute;left:23px;top:20px;color:#d0c1ec;background:#0f0918cc;border:1px solid #4b3a67;padding:9px 11px;font-size:9px;z-index:2}.cluster-specs{padding:37px 42px}.spec-eyebrow{color:#a990d4;font-size:9px;display:flex;align-items:center;gap:10px;letter-spacing:.17em}.not-live{margin-left:auto;color:#786695;font-size:8px;letter-spacing:.10em}.cluster-specs h3{font-size:32px;letter-spacing:-.04em;margin-top:20px}.cluster-specs h3 span{color:#ae90e0}.cluster-specs>p{font-size:13px;color:#aea3c0;margin-top:12px;max-width:400px}.spec-list{margin-top:24px;border-top:1px solid #3f3452}.spec-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #3f3452;padding:10px 0;font-size:12px}.spec-list span{color:#9789af}.spec-list strong{color:#dfd8eb;font-weight:550;text-align:right}.small-link{margin-top:20px;display:inline-flex;color:#bca3e7;font-weight:650;gap:22px;font-size:12px}.small-link:hover{color:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #3c2f50;border-top:0;background:#150e20}.stats>div{padding:26px 29px;display:flex;flex-direction:column;gap:7px;border-right:1px solid #37294f}.stats>div:last-child{border-right:0}.stat-num{font-size:38px;line-height:1;color:#e6dbf9;font-weight:650;letter-spacing:-.04em}.stat-num .unit{color:#aa8cdd;font-size:19px;letter-spacing:-.015em;margin-left:4px}.stat-name{font-size:11px;color:#a194b8}
.equipment-area{background:linear-gradient(180deg,#171120,#110d18);border-block:1px solid #392c4e}.equipment-area .section{padding-block:75px 82px}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:28px 0 30px}.blue{color:var(--cyan)}.hardware-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hardware-card{background:#1d1629;border:1px solid #3f3156;min-width:0;transition:border-color .15s,background .15s}.hardware-card:hover,.hardware-card[open]{border-color:#8368b2;background:#221930}.hardware-summary{display:grid;grid-template-columns:114px 1fr 25px;gap:18px;align-items:center;cursor:pointer;padding:14px 17px;list-style:none;min-height:133px}.hardware-summary::-webkit-details-marker{display:none}.hardware-art{height:101px;border:1px solid #4a3966;background:#140d1f;overflow:hidden}.hardware-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.hardware-kind{color:#a187cb;font-size:9px;letter-spacing:.12em;line-height:1.5}.hardware-copy h3{font-size:18px;font-weight:650;letter-spacing:-.02em;line-height:1.3;margin-top:9px}.expand-sign{justify-self:end;width:26px;height:26px;border:1px solid #604a83;color:#c2b2df;display:grid;place-items:center;font-size:19px;font-weight:300}.hardware-card[open] .expand-sign{transform:rotate(45deg);background:#2b1b44}.hardware-body{padding:0 20px 24px}.hardware-body>p{font-size:13px;color:#b2a8c2;margin-bottom:17px}.hardware-table{width:100%;border-collapse:collapse;font-size:12px}.hardware-table tr{border-top:1px solid #3f3354}.hardware-table th,.hardware-table td{text-align:left;padding:10px 2px;vertical-align:top;font-weight:400}.hardware-table th{width:37%;color:#9580b9}.hardware-table td{color:#e1daed}
.history{padding-top:79px}.timeline{margin-top:30px;border-top:1px solid #3c2f50;position:relative}.timeline:before{content:'';position:absolute;top:0;bottom:0;left:160px;width:1px;background:#4f3a71}.time-row{display:grid;grid-template-columns:132px 18px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid #372a4b}.time-row time{font:600 12px var(--ui);color:#ae97d6;padding-top:3px}.timeline-dot{width:9px;height:9px;align-self:start;margin-top:4px;border-radius:50%;border:2px solid #ac8de0;background:#211633;box-shadow:0 0 0 5px #0e0b13}.time-row h3{font-size:20px;font-weight:620;margin:8px 0}.time-row p{font-size:13px;color:#a79db8;max-width:800px;line-height:1.65}
.closing{position:relative;border-top:1px solid #3e2f58;background:#191225;overflow:hidden}.closing:before{content:'';position:absolute;inset:0;background:url('assets/network.svg') center center/1250px auto no-repeat;opacity:.17;pointer-events:none}.closing-inner{padding:72px 0 83px;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative}.closing h2{font-size:43px;font-weight:650;letter-spacing:-.044em}.closing p{color:#b5abc7;font-size:13px;margin-top:17px;max-width:560px}.closing .action-solid{flex-shrink:0}.site-footer{border-top:1px solid #362a49;background:#110c19}.footer-content{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-id{display:flex;align-items:center;gap:11px;font-weight:650;font-size:13px;letter-spacing:.08em}.footer-id img{object-fit:contain}.footer-content p,.footer-content>a:last-child{font-size:12px;color:#9c90b1}
@media(max-width:1020px){.wrap{width:calc(100% - 64px)}.hero-layout{gap:26px}.cluster-heading{gap:24px}.cluster-panel{grid-template-columns:.85fr 1fr}.cluster-specs{padding:27px}.hardware-summary{grid-template-columns:92px 1fr 25px;gap:12px}.hardware-art{height:85px}}
@media(max-width:800px){.wrap{width:calc(100% - 42px)}.topbar{height:73px}.mobile-toggle{display:flex}.nav{position:absolute;left:21px;right:21px;top:calc(100% + 5px);flex-direction:column;align-items:stretch;gap:0;padding:7px 21px;background:#191225;border:1px solid #635083;box-shadow:0 18px 65px #000b;display:none}.nav.open{display:flex}.nav a{padding:13px 0;border-bottom:1px solid #413358}.nav a:last-child{border-bottom:0}.nav a[aria-current]:after{display:none}.nav a[aria-current]{color:#b291eb}.hero-layout{grid-template-columns:1fr;gap:40px;padding-top:130px;padding-bottom:60px}.hero{min-height:0}.hero-visual{height:330px;max-width:650px;width:100%;margin:auto}.hero-text{max-width:650px}.hero h1{font-size:90px}.hero-serial{margin-top:25px}.cluster-heading,.section-title-row{align-items:start;flex-direction:column;gap:15px}.cluster-panel{grid-template-columns:1fr 1fr}.cluster-panel-image{min-height:350px}.cluster-specs{padding:22px}.cluster-specs h3{font-size:25px}.spec-list>div{display:block}.spec-list strong{display:block;margin-top:4px;text-align:left}.not-live{display:none}.hardware-grid{grid-template-columns:1fr}.hardware-summary{grid-template-columns:110px 1fr 25px}.hardware-art{height:90px}.closing-inner{align-items:start;flex-direction:column}}
@media(max-width:520px){.wrap{width:calc(100% - 34px)}.topbar{height:67px}.identity img{height:31px;width:34px}.identity strong{font-size:15px}.identity small{font-size:9px}.hero-layout{padding-top:111px;padding-bottom:38px;gap:22px}.kicker{font-size:9px;margin-bottom:23px}.kicker-end{display:none}.hero h1{font-size:77px;margin-bottom:23px}.hero-lede{font-size:18px}.hero-sub{font-size:13px;margin-top:13px}.hero-actions{margin-top:27px;gap:18px}.action-solid{padding:13px 14px;gap:12px;font-size:11px}.action-quiet{font-size:11px;gap:9px}.hero-serial{font-size:8px;letter-spacing:.10em}.hero-visual{height:236px}.visual-label{bottom:15px;left:15px;font-size:8px}.slim-divider{height:33px}.divider-inner>span{font-size:8px;letter-spacing:.10em}.divider-inner b{margin:0 4px}.divider-inner .divider-index{display:none}.section{padding-block:56px 60px}.section-top{padding-bottom:14px}.section-index{font-size:9px;letter-spacing:.12em}.section-aside{font-size:8px;text-align:right;letter-spacing:.06em}.cluster-heading{margin-top:25px;margin-bottom:22px}.cluster-heading h2,.section-title-row h2{font-size:39px}.cluster-heading>p,.section-title-row>p{font-size:13px}.cluster-panel{grid-template-columns:1fr}.cluster-panel-image{min-height:230px;height:230px}.cluster-specs{padding:24px 22px}.cluster-specs h3{font-size:29px}.spec-list>div{display:flex;align-items:start;font-size:11px}.spec-list strong{text-align:right;margin:0;max-width:63%}.stats{grid-template-columns:1fr 1fr}.stats>div{padding:19px 16px}.stats>div:nth-child(2){border-right:0}.stats>div:nth-child(n+3){border-top:1px solid #37294f}.stat-num{font-size:30px}.stat-num .unit{font-size:16px}.equipment-area .section{padding-block:52px 58px}.hardware-summary{min-height:100px;grid-template-columns:72px 1fr 22px;gap:10px;padding:11px}.hardware-art{height:73px}.hardware-kind{font-size:8px}.hardware-copy h3{font-size:15px;margin-top:5px}.expand-sign{width:22px;height:22px;font-size:16px}.hardware-body{padding:0 13px 17px}.history{padding-top:58px}.time-row{grid-template-columns:70px 14px 1fr;gap:10px}.timeline:before{left:86px}.time-row time{font-size:10px}.time-row h3{font-size:17px}.time-row p{font-size:12px}.closing-inner{padding:50px 0 57px}.closing h2{font-size:34px}.footer-content{min-height:125px;flex-wrap:wrap;justify-content:center;padding:20px 0;gap:12px}.footer-content p{order:3;width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* POC palette v2: deep violet / lilac, restrained amber, a trace of teal. */
:root{--bg:#0d0b14;--section:#12101b;--panel:#1a1525;--fg:#f2eff8;--muted:#b7afc6;--dim:#8c829c;--rule:#3a3149;--cyan:#b6a0e7;--ice:#e0d2fc;--orange:#eea76e;--teal:#81b9b4}
body{background:#0d0b14}
.topbar{background:#0c0a14c9;border-bottom-color:#b6a0e726}
.topbar.compact{background:#100d19f5;border-bottom-color:#aa90d84d}
.nav a[aria-current]:after{background:linear-gradient(90deg,#b69be3,#e8a16b)}
.hero{background:radial-gradient(ellipse at 73% 40%,#2b203e 0%,#161224 47%,#0d0b14 83%);border-bottom-color:#4a3756}
.hero:before{background:linear-gradient(90deg,#0d0b14e8 0%,#0d0b14ae 42%,transparent 82%),url('assets/network.svg') center top/1380px auto no-repeat}
.hero h1 span{color:#cfb6ff}
.kicker{color:#c5b2e5}
.tiny-hex{background:var(--orange)}.tiny-hex:after{background:#211623}
.hero-lede{color:#e9e1f1}
.action-solid{background:#bca3ef;border-color:#d4baff;color:#140d20}
.action-solid:hover{background:#dfccff}
.action-quiet:hover,.small-link:hover{color:var(--orange)}
.hero-serial span{color:#b08bb4}
.hero-visual-frame{background:#161223;border-color:#8b6aab;box-shadow:0 28px 85px #0009,0 0 0 6px #1d142c6b}
.visual-dot,.status-light{background:var(--teal);box-shadow:0 0 12px #81b9b465}
.hero-visual-frame:after{background:linear-gradient(128deg,#291d3b15 10%,transparent 55%,#080813a0 100%)}
.hex-outline{background:#9270b277}.hex-outline:after{background:#1a1525}
.slim-divider{background:#161121;border-bottom-color:#3d3150}
.divider-inner b,.divider-index{color:var(--orange)!important}
.section-index{color:#bb9bea}
.overline{color:#bca1e4}
.cluster-heading h2 span{color:#b5a6c8}
.cluster-panel{background:linear-gradient(115deg,#161222,#1e182d);border-color:#504062}
.cluster-specs h3 span{color:var(--orange)}
.spec-eyebrow{color:#c6adeb}
.small-link{color:#cbb3f2}
.stat-num{color:#eddefc}
.equipment-area{background:linear-gradient(180deg,#181322,#100e18);border-block-color:#453557}
.hardware-kind{color:#bb9ee8}
.blue{color:var(--orange)}
.time-row time{color:#b69cdd}
.closing{background:#191322;border-top-color:#473456}
.closing h2::first-line{color:#f2eff8}
:focus-visible{outline-color:var(--orange)}
@media(prefers-reduced-motion:reduce){.action-solid:hover{transform:none}}

/* Multi-environment expansion · violet base with sparse amber network accents. */
.hero .hex-fabric{background:
  radial-gradient(circle at 82% 21%,#eaa169b0 0 2.5px,transparent 3.5px),
  radial-gradient(circle at 10% 82%,#9973d866 0 2px,transparent 3px),
  radial-gradient(circle at 93% 70%,#eea56b9e 0 2px,transparent 3px),
  radial-gradient(circle at 41% 14%,#9873cf8c 0 2px,transparent 3px)}
.hero-serial{letter-spacing:.15em}.hero-serial span{margin:0 5px}
.hex-two{background:#e9a16e80}
/* overview cards */
.environments{padding-bottom:62px}.environment-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px}
.environment-card{background:linear-gradient(155deg,#1e162c,#120f1b);border:1px solid #503f66;min-height:280px;padding:26px 28px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .2s,transform .2s}
.environment-card:after{content:'';position:absolute;right:-78px;top:-130px;width:250px;height:250px;background:url('assets/network.svg') center/contain no-repeat;opacity:.24;pointer-events:none}
.environment-card:hover{border-color:#b191d8;transform:translateY(-2px)}.environment-number,.node-index,.node-role,.storage-id,.storage-foot,.env-foot{font-size:10px;letter-spacing:.15em;font-weight:700;color:#ae96cc}
.env-glyph{display:flex;margin:22px 0 26px;padding-left:5px}.hex-server{display:block;width:42px;height:46px;background:#9d81c7;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);position:relative;margin-left:-4px}.hex-server:after{content:'';position:absolute;inset:2px;background:#1e172a;clip-path:inherit}.hex-server.amber{background:#e4a067}
.environment-card h3{font-size:28px;letter-spacing:-.04em}.environment-card h3 span{color:#e4a067}.environment-card p{margin:10px 0 27px;color:#b5a8c8;font-size:13px;max-width:380px}.env-foot{display:flex;justify-content:space-between;gap:15px;margin-top:auto;padding-top:16px;border-top:1px solid #433456;color:#af9dbf;font-size:9px}.env-foot span:last-child{color:#dfa775}
.archive-note{margin-top:18px;color:#9788ab;font-size:11px;line-height:1.65}.archive-symbol{color:#e9a16e;margin-right:7px}
/* Home hosts */
.home-area{background:linear-gradient(155deg,#191324,#110d1a);border-block:1px solid #463554}.home-node-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:33px}
.home-node{border:1px solid #514168;background:linear-gradient(140deg,#21182e,#16111e);padding:25px 27px 29px;min-width:0;position:relative;overflow:hidden}.home-node:after{content:'';position:absolute;right:5%;top:33%;width:90px;height:90px;transform:rotate(15deg);background:url('assets/network.svg') center/contain no-repeat;opacity:.14;pointer-events:none}.home-node-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.node-role{color:#e6a16b;font-size:9px}.home-node-art{height:120px;margin:5px 0 12px;max-width:280px}.home-node-art svg{width:100%;height:100%}.home-node h3{font-size:25px;letter-spacing:-.035em}.home-node h3 span{display:block;color:#ac9cbf;font-size:15px;font-weight:450;letter-spacing:0;margin-top:7px}.home-node>p{color:#b1a7bf;font-size:13px;max-width:470px;margin-top:14px;min-height:45px}.home-node dl{margin:26px 0 0;border-top:1px solid #4a395d}.home-node dl>div{display:flex;justify-content:space-between;gap:25px;padding:11px 0;border-bottom:1px solid #433450;font-size:12px}.home-node dt{color:#a493b6}.home-node dd{margin:0;color:#e5deed;text-align:right}
/* Storage summary */
.storage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:31px}.storage-card{background:#191322;border:1px solid #463654;min-height:290px;display:flex;flex-direction:column;padding:25px;transition:border-color .15s}.storage-card:hover{border-color:#a386c4}.storage-icon{display:block;font-size:48px;color:#a58bce;line-height:1;margin:24px 0 23px}.storage-icon.amber-icon{color:#e8a16b}.storage-card h3{font-size:21px;letter-spacing:-.02em}.storage-card p{font-size:12px;color:#b1a5c2;margin-top:11px;max-width:350px}.storage-foot{margin-top:auto;padding-top:22px;color:#e4a673;font-size:9px}
@media(max-width:800px){.storage-grid{grid-template-columns:1fr 1fr}.environment-card{min-height:270px}.home-node h3{font-size:22px}}
@media(max-width:600px){.environment-grid,.home-node-grid,.storage-grid{grid-template-columns:1fr}.environment-card{min-height:235px}.home-node{padding:22px}.home-node dl>div{gap:15px}.home-node dd{max-width:64%}.storage-card{min-height:245px}.hero-serial{font-size:8px}.environments{padding-bottom:55px}}


/* v3 · Quiet schematic node marks on secondary blocks.
   Hero composition and colors intentionally preserved. */
.environment-card::after,
.home-node::after {
  top:auto;
  bottom:-52px;
  right:-44px;
  width:260px;
  height:175px;
  transform:none;
  background:url('assets/card-nodes.svg') center/contain no-repeat;
  opacity:.24;
  pointer-events:none;
}
.environment-card > *, .home-node > * { position:relative; z-index:1; }
.storage-card, .cluster-specs, .stats, .hardware-card { position:relative; isolation:isolate; overflow:hidden; }
.storage-card::before,
.cluster-specs::after,
.stats::after,
.hardware-card::after {
  content:'';
  position:absolute;
  width:235px;
  height:154px;
  right:-67px;
  bottom:-47px;
  background:url('assets/card-nodes.svg') center/contain no-repeat;
  opacity:.16;
  pointer-events:none;
  z-index:-1;
}
.cluster-specs::after { right:-85px; top:-39px; bottom:auto; opacity:.18; }
.stats::after { right:-45px; bottom:-60px; opacity:.19; }
.hardware-card::after { right:-105px; top:2px; bottom:auto; opacity:.12; }
.storage-card > *, .cluster-specs > *, .stats > *, .hardware-card > * { position:relative; z-index:1; }
@media(max-width:600px){
  .environment-card::after,.home-node::after{width:195px;height:130px;opacity:.20;right:-55px;bottom:-45px}
  .storage-card::before,.cluster-specs::after,.stats::after,.hardware-card::after{width:180px;height:118px;opacity:.12}
}

/* Regular large-card hexagons: deliberate six equal sides, never clipped.
   The smaller “What's in the rack” hardware cards retain their approved motif. */
.environment-card::after,
.home-node::after {
  width: 312px;
  height: 208px;
  right: 12px;
  bottom: 9px;
  top: auto;
  transform: none;
  background: url('assets/large-card-hex-nodes.svg') center / contain no-repeat;
  opacity: .27;
}
.home-node::after { opacity: .19; }
.storage-card::before,
.cluster-specs::after,
.stats::after {
  width: 284px;
  height: 190px;
  right: 12px;
  bottom: 6px;
  top: auto;
  background: url('assets/large-card-hex-nodes.svg') center / contain no-repeat;
  opacity: .18;
}
.cluster-specs::after { top: 14px; bottom: auto; opacity:.18; }
.stats::after { bottom: 0; opacity: .12; }
@media (max-width:600px) {
  .environment-card::after, .home-node::after { width:220px; height:147px; right:4px; bottom:4px; opacity:.22; }
  .storage-card::before,.cluster-specs::after,.stats::after { width:215px; height:143px; right:5px; bottom:4px; opacity:.16; }
  .cluster-specs::after {top:12px;bottom:auto}
  .home-node::after { opacity: .16; }
}


/* Hero depth layer · regular geometric hexagons with a restrained parallax shift.
   The original hero art, palette, typography and sticky header are unchanged. */
.hero-parallax {
  position: absolute;
  inset: -22px 0 0;
  z-index: -1;
  pointer-events: none;
  will-change: transform;
  transform: translate3d(0, var(--hero-parallax-y, 0px), 0);
  opacity: .85;
}
.hero-parallax-svg { display: block; width: 100%; height: 100%; }
@media (max-width: 800px) { .hero-parallax { opacity: .70; } }
@media (max-width: 520px) { .hero-parallax { opacity: .60; } }
@media (prefers-reduced-motion: reduce) {
  .hero-parallax { transform: none !important; will-change: auto; }
}


/* D4RK motion revision: visible layered hexagons, soft parallax and anchored nav detail. */
.hero { isolation: isolate; }
.hero::before,.hero::after { z-index:0; }
.hero .hex-fabric { z-index:0; }
.hero-parallax {
  z-index:1; /* previous negative z-index hid shapes underneath hero's gradient */
  inset:0;
  opacity:1;
  overflow:hidden;
  transform:translate3d(var(--hero-shift-x,0px),var(--hero-parallax-y,0px),0);
  will-change:transform;
}
.hero-parallax-svg { width:100%;height:100%; animation:d4rk-hex-float 12s ease-in-out infinite alternate; }
.hero-far {
  position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;
  transform:translate3d(0,var(--hero-far-y,0px),0);will-change:transform;
}
.hero-far-svg {width:100%;height:100%;display:block;opacity:.9;animation:d4rk-hex-float 18s ease-in-out -4s infinite alternate-reverse;}
.hero-layout {position:relative;z-index:2;}
@keyframes d4rk-hex-float { from{translate:0 -4px}to{translate:0 7px} }
/* Negative-space corner hints in the fixed navigation, increasingly visible as it contracts. */
.topbar{isolation:isolate;overflow:visible}
.nav-constellation{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.57;transition:opacity .3s ease;transform:translate3d(var(--nav-shift,0px),0,0)}
.topbar.compact .nav-constellation{opacity:.84}
.navrow{position:relative;z-index:1}
/* Scroll reveals: progressive enhancement; content is always visible if JS fails. */
.motion-ready .reveal-item{opacity:0;transform:translate3d(0,24px,0);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal-item.is-visible{opacity:1;transform:translate3d(0,0,0)}
@media (hover:hover) and (pointer:fine){
  .environment-card,.home-node,.storage-card,.hardware-card{transition:transform .28s ease,border-color .28s ease,background-color .28s ease,box-shadow .28s ease}
  .environment-card:hover,.home-node:hover,.storage-card:hover,.hardware-card:hover{transform:translateY(-3px);border-color:#9975c0;box-shadow:0 12px 35px #07050c8a,0 0 0 1px #b18ee51b}
  .environment-card:hover .env-glyph,.home-node:hover .home-node-art{filter:brightness(1.15)}
}
@media(max-width:800px){.hero-parallax{opacity:.85}.hero-far{opacity:.65}.nav-constellation{opacity:.7}}
@media(max-width:520px){.hero-parallax{opacity:.75}.hero-far{opacity:.42}}
@media(prefers-reduced-motion:reduce){
 .hero-parallax,.hero-far,.nav-constellation{transform:none!important;will-change:auto}
 .hero-parallax-svg,.hero-far-svg{animation:none!important;translate:none!important}
 .motion-ready .reveal-item{opacity:1!important;transform:none!important;transition:none!important}
 .environment-card,.home-node,.storage-card,.hardware-card{transition:none!important}
}

/* Keep navigation lettering clear by locating accent details outside the link group. */
.nav-constellation .nav-dots circle:nth-child(4){animation:d4rk-node-breathe 5s ease-in-out infinite}
@keyframes d4rk-node-breathe {0%,100%{opacity:.55}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.nav-constellation .nav-dots circle{animation:none!important}}


/* Soft-focus identity halo: feather all edges, especially the left edge.
   The blur is masked radially so there are no visible rectangular edges. */
.topbar .identity {
  position: relative;
  isolation: isolate;
  z-index: 2;
  padding: 8px 16px 8px 9px;
  margin-left: -9px;
}
.topbar .identity::before {
  content: '';
  position: absolute;
  inset: -19px -35px -19px -25px;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse 77% 84% at 45% 50%,
    rgba(11, 8, 18, .72) 0%,
    rgba(11, 8, 18, .62) 34%,
    rgba(11, 8, 18, .34) 65%,
    rgba(11, 8, 18, 0) 100%);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  -webkit-mask-image: radial-gradient(ellipse 76% 88% at 45% 50%,
    #000 22%, rgba(0,0,0,.95) 36%, rgba(0,0,0,.43) 70%, transparent 100%);
  mask-image: radial-gradient(ellipse 76% 88% at 45% 50%,
    #000 22%, rgba(0,0,0,.95) 36%, rgba(0,0,0,.43) 70%, transparent 100%);
}
.topbar .identity strong {
  color: #fbfaff;
  text-shadow: 0 1px 9px rgba(0,0,0,.85);
}
.topbar .identity strong span { color: #f2ebfb; }
.topbar .identity small {
  color: #d9c9f2;
  text-shadow: 0 1px 6px rgba(0,0,0,.85);
}
.topbar .identity img {
  filter: drop-shadow(0 1px 6px rgba(0,0,0,.72));
}
.topbar.compact .identity { padding-top: 6px; padding-bottom: 6px; }
@media (max-width: 520px) {
  .topbar .identity { padding: 5px 8px 5px 8px; margin-left: -8px; }
  .topbar .identity::before { inset: -18px -29px -18px -22px; }
}
@media (prefers-reduced-transparency: reduce) {
  .topbar .identity::before {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: radial-gradient(ellipse 77% 84% at 45% 50%,
      rgba(12,10,19,.9) 0%, rgba(12,10,19,.6) 50%, transparent 100%);
  }
}