.hk-hero{position:relative;overflow:hidden;padding:29px 0 62px;background:radial-gradient(ellipse at 78% 38%,#dceaff 0,transparent 45%),linear-gradient(155deg,#fff 5%,#f2f7ff 78%);border-bottom:1px solid #d9e4f6}
.hk-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#1760d508 1px,transparent 1px),linear-gradient(90deg,#1760d508 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 25%,#000 100%)}
.hk-hero>.shell{position:relative;z-index:1}
.hk-breadcrumbs{margin-bottom:20px}
.hk-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:48px;min-height:570px}
.hk-hero-copy{padding:22px 0 30px}
.hk-hero-copy .eyebrow{display:flex;align-items:center;gap:9px;color:#2359cb;font-size:10px;letter-spacing:.16em}
.hk-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#1868ed;box-shadow:0 0 0 5px #1868ed18}
.hk-hero-copy h1{font-size:clamp(50px,5.5vw,88px);line-height:1.05;letter-spacing:-.065em;margin:26px 0 12px;color:#102750;white-space:nowrap}
.hk-hero-copy h1 span{color:#2457df}
.hk-hero-tagline{font-size:clamp(29px,3.3vw,47px);line-height:1.19;letter-spacing:-.048em;font-weight:650;color:#102750;margin:0 0 22px}
.hk-hero-copy .lead{max-width:530px;font-size:16px;line-height:1.8;color:#4b5d7c;margin:0 0 26px}
.hk-hero-copy .button-row{display:flex;flex-wrap:wrap;gap:12px}
.hk-hero-copy .button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:15px;white-space:normal;text-align:center}
.hk-hero-copy .button .icon{width:17px;height:17px;flex:none}
.hk-hero-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:27px;padding-top:20px;border-top:1px solid #d5e1f4;font-size:12px;color:#506482}
.hk-hero-foot span,.hk-hero-foot a{display:inline-flex;align-items:center;gap:8px}
.hk-hero-foot strong{font-size:22px;color:#102750;line-height:1}
.hk-hero-foot .icon{width:16px;height:16px;color:#2457df}
.hk-hero-foot a{color:#2457df;text-decoration:none;font-weight:600}
.hk-hero-foot a:hover{text-decoration:underline}
.hk-showcase{position:relative;min-width:0;border:1px solid #3152a4;border-radius:24px;background:#071631;box-shadow:0 30px 65px #10275024,0 5px 14px #10275012;color:#eef5ff;overflow:hidden;isolation:isolate}
.hk-showcase:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 45% 48%,#1d66e733,transparent 43%),linear-gradient(150deg,#183c811e,transparent 55%);z-index:0}
.hk-showcase-head,.hk-showcase-controls{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between}
.hk-showcase-head{height:51px;padding:0 23px;border-bottom:1px solid #a9c9ff20;font:600 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;color:#9cb4d7}
.hk-showcase-head span:first-child{display:flex;align-items:center;gap:9px}
.hk-showcase-head i{width:7px;height:7px;border-radius:50%;background:#65d6ff;box-shadow:0 0 0 5px #65d6ff1a,0 0 12px #65d6ff}
.hk-stage{position:relative;height:410px;overflow:hidden}
.hk-stage:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(#76a8ff0c 1px,transparent 1px),linear-gradient(90deg,#76a8ff0c 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(90deg,transparent,#000 45%,transparent)}
.hk-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(9px)}
.hk-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;animation:hk-scene-in .55s ease both}
.hk-orbit{position:absolute;left:50%;top:45%;border:1px solid #75b8ff2f;border-radius:50%;transform:translate(-50%,-50%) rotate(-22deg)}
.hk-orbit-one{width:300px;height:168px;box-shadow:0 0 0 65px #3274e207}
.hk-orbit-two{width:490px;height:275px;border-style:dashed;opacity:.65;animation:hk-orbit-breathe 9s ease-in-out infinite}
.hk-signal-lines{position:absolute;inset:0;pointer-events:none}
.hk-signal-lines i{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#6bcbff75,transparent);transform-origin:center;animation:hk-signal 6s ease-in-out infinite}
.hk-signal-lines i:nth-child(1){width:65%;left:8%;top:39%;transform:rotate(-13deg)}
.hk-signal-lines i:nth-child(2){width:55%;right:5%;top:58%;transform:rotate(18deg);animation-delay:-2s}
.hk-signal-lines i:nth-child(3){width:80%;left:10%;top:70%;transform:rotate(-3deg);animation-delay:-4s}
.hk-skyline{position:absolute;left:0;right:0;bottom:0;height:176px;display:flex;align-items:end;justify-content:center;gap:6px;overflow:hidden;opacity:.84;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.hk-skyline:before{content:"";position:absolute;left:0;right:0;bottom:0;height:44px;background:linear-gradient(0deg,#102e64,#0a244f);z-index:2}
.hk-skyline i{display:block;position:relative;width:7%;height:40%;border:1px solid #4c85e362;background:linear-gradient(90deg,#123568,#1a437b,#0d2756);box-shadow:inset 5px 0 12px #78b2ff13,0 0 18px #2a65cb19}
.hk-skyline i:after{content:"";position:absolute;inset:10px 4px 0;background:repeating-linear-gradient(0deg,transparent 0 12px,#8eceff72 12px 13px,transparent 13px 19px);opacity:.35}
.hk-skyline i:nth-child(1){height:40%;width:5%}.hk-skyline i:nth-child(2){height:62%}.hk-skyline i:nth-child(3){height:48%}.hk-skyline i:nth-child(4){height:78%;width:8%}.hk-skyline i:nth-child(5){height:58%}.hk-skyline i:nth-child(6){height:86%;width:7%}.hk-skyline i:nth-child(7){height:97%;width:5%}.hk-skyline i:nth-child(8){height:69%}.hk-skyline i:nth-child(9){height:93%;width:8%}.hk-skyline i:nth-child(10){height:52%}.hk-skyline i:nth-child(11){height:75%}.hk-skyline i:nth-child(12){height:59%}.hk-skyline i:nth-child(13){height:43%;width:5%}
.hk-location-node{position:absolute;left:50%;top:43%;width:76px;height:76px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #69cfff8c;display:grid;place-items:center;background:#0c316db3;box-shadow:0 0 0 17px #3b90f014,0 0 55px #3cb4ff66;animation:hk-node-float 7s ease-in-out infinite}
.hk-node-core{width:16px;height:16px;border-radius:50%;background:#abebff;box-shadow:0 0 0 7px #81dcff38,0 0 23px #68d5ff}
.hk-node-ring{position:absolute;inset:-25px;border:1px solid #70d3ff30;border-radius:50%;animation:hk-ring 5s ease-in-out infinite}
.hk-scene-label{position:absolute;left:26px;top:27px;display:flex;flex-direction:column;gap:7px;max-width:280px}
.hk-scene-label span,.hk-resource-heading span,.hk-order-heading span{font:600 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em;color:#77c9ff}
.hk-scene-label strong,.hk-resource-heading strong,.hk-order-heading strong{font-size:23px;line-height:1.25;letter-spacing:-.03em;color:#f3f8ff}
.hk-scene-label small,.hk-resource-heading small,.hk-order-heading small{font-size:11px;line-height:1.6;color:#a9bddb}
.hk-scene-corner{position:absolute;right:25px;bottom:20px;color:#90aacf;font:600 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em}
.hk-resource-heading,.hk-order-heading{position:absolute;top:28px;left:28px;right:28px;display:grid;gap:8px;z-index:2}
.hk-resource-board{position:absolute;left:8%;right:8%;top:142px;bottom:26px;border:1px solid #6c99e649;border-radius:16px;background:linear-gradient(145deg,#112f63,#0b224b);padding:23px 26px;box-shadow:0 20px 38px #0005,0 0 32px #4087f11e}
.hk-resource-board:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 35%,#8dd8ff16 50%,transparent 65%);background-size:250% 100%;animation:hk-shimmer 8s linear infinite;pointer-events:none}
.hk-resource-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #7fa6e829;font-size:12px;color:#d3e2fa}
.hk-resource-row span{display:flex;align-items:center;gap:10px}.hk-resource-row .icon{width:17px;height:17px;color:#79c9ff}
.hk-resource-row i{display:flex;gap:5px;width:45%;max-width:180px}.hk-resource-row b{display:block;flex:1;height:5px;border-radius:4px;background:#3977ce}.hk-resource-row b:nth-child(-n+3){background:#75ceff;box-shadow:0 0 10px #75ceff61}.hk-resource-row:nth-child(2) b:nth-child(4){background:#75ceff}.hk-resource-row:nth-child(3) b:nth-child(4){background:#75ceff}
.hk-resource-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.hk-resource-tiles span{border:1px solid #7fa6e838;background:#0c2754;border-radius:6px;padding:9px;text-align:center;font:600 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:#a9caff;letter-spacing:.1em}
.hk-order-heading{top:35px}.hk-order-flow{position:absolute;left:8%;right:8%;top:177px;display:flex;align-items:center;justify-content:space-between;gap:9px;z-index:2}.hk-order-flow>div{width:31%;min-height:146px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:15px;background:#153468;border:1px solid #89bbfa48;border-radius:13px;box-shadow:0 15px 30px #0003}.hk-order-flow>div>span{font:600 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#82d7ff}.hk-order-flow .icon{width:24px;height:24px;color:#8cceff}.hk-order-flow strong{font-size:14px}.hk-order-flow small{color:#9ab7db;font-size:10px}.hk-order-flow>i{display:block;flex:1;height:1px;max-width:26px;background:linear-gradient(90deg,#81d9ff,#81d9ff22);box-shadow:0 0 10px #70ccff}.hk-order-glow{position:absolute;left:50%;bottom:-170px;transform:translateX(-50%);width:420px;height:340px;border-radius:50%;background:#2e85ee3b;filter:blur(65px)}
.hk-showcase-controls{min-height:66px;padding:0 17px 0 23px;border-top:1px solid #a9c9ff20;gap:12px}
.hk-showcase-controls[hidden]{display:none}
.hk-slide-tabs{display:flex;align-items:center;gap:22px;height:100%}.hk-slide-tabs button{position:relative;border:0;background:none;color:#98adcc;padding:21px 0;font-size:11px;line-height:1.4;font-weight:600;font-family:inherit;cursor:pointer}.hk-slide-tabs button:hover,.hk-slide-tabs button[aria-pressed=true]{color:#f5f8ff}.hk-slide-tabs button[aria-pressed=true]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#71cfff;animation:hk-progress 6.5s linear both;transform-origin:left}.hk-next{width:34px;height:34px;display:grid;place-items:center;flex:none;border:1px solid #97baf34a;border-radius:50%;background:#ffffff0d;color:#e9f7ff;cursor:pointer}.hk-next:hover{background:#2957a5}.hk-next .icon{width:16px;height:16px}
.hk-showcase button:focus-visible,.hk-hero a:focus-visible{outline:2px solid #61c7ff;outline-offset:3px}
@keyframes hk-scene-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes hk-orbit-breathe{50%{opacity:.9;transform:translate(-50%,-50%) rotate(-17deg) scale(1.04)}}
@keyframes hk-signal{50%{opacity:.18}}
@keyframes hk-node-float{50%{transform:translate(-50%,-55%)}}
@keyframes hk-ring{50%{transform:scale(1.13);opacity:.25}}
@keyframes hk-shimmer{to{background-position:-250% 0}}
@keyframes hk-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
[data-theme=dark] .hk-hero{background:radial-gradient(ellipse at 78% 38%,#1d3f79 0,transparent 48%),#0d1830;border-color:#354a73}[data-theme=dark] .hk-hero-copy h1,[data-theme=dark] .hk-hero-tagline,[data-theme=dark] .hk-hero-foot strong{color:#f2f7ff}[data-theme=dark] .hk-hero-copy .lead,[data-theme=dark] .hk-hero-foot{color:#b6c5df}[data-theme=dark] .hk-hero-foot{border-color:#425578}
@media(max-width:1180px){.hk-hero-grid{gap:27px}.hk-hero-copy h1{font-size:clamp(46px,5.4vw,70px)}.hk-hero-tagline{font-size:clamp(27px,3.3vw,39px)}.hk-stage{height:370px}}
@media(max-width:800px){.hk-hero{padding:22px 0 40px}.hk-breadcrumbs{margin-bottom:8px}.hk-hero-grid{grid-template-columns:minmax(0,1fr);gap:20px}.hk-hero-copy{padding:25px 0 0}.hk-hero-copy h1{font-size:clamp(49px,9vw,76px)}.hk-hero-tagline{font-size:clamp(29px,5vw,42px)}.hk-hero-copy .lead{max-width:650px}.hk-showcase{max-width:690px;width:100%;margin-inline:auto}}
@media(max-width:520px){.hk-hero-copy h1{font-size:clamp(42px,11.5vw,56px);white-space:normal}.hk-hero-tagline{font-size:clamp(27px,7.3vw,35px)}.hk-hero-copy .lead{font-size:14px}.hk-hero-copy .button{width:100%}.hk-hero-foot{margin-top:21px}.hk-showcase{border-radius:16px}.hk-showcase-head{padding:0 17px;font-size:9px}.hk-stage{height:350px}.hk-scene-label{top:23px;left:19px}.hk-scene-label strong,.hk-resource-heading strong,.hk-order-heading strong{font-size:20px}.hk-location-node{width:61px;height:61px;top:47%}.hk-skyline{height:150px}.hk-orbit-one{width:230px;height:135px}.hk-orbit-two{width:360px;height:220px}.hk-resource-heading,.hk-order-heading{left:18px;right:18px;top:24px}.hk-resource-board{left:5%;right:5%;top:129px;bottom:22px;padding:17px}.hk-resource-row{padding:9px 0}.hk-resource-tiles{margin-top:13px}.hk-order-flow{left:5%;right:5%;top:155px;gap:5px}.hk-order-flow>div{min-height:126px;padding:9px;gap:6px}.hk-order-flow .icon{width:20px;height:20px}.hk-order-flow strong{font-size:11px}.hk-order-flow small{font-size:9px}.hk-showcase-controls{padding:0 12px 0 17px}.hk-slide-tabs{gap:13px}.hk-slide-tabs button{font-size:10px}}
@media(max-width:360px){.hk-slide-tabs{gap:8px}.hk-slide-tabs button{font-size:9px}.hk-order-flow small{display:none}}
@media(prefers-reduced-motion:reduce){.hk-slide.is-active,.hk-orbit-two,.hk-signal-lines i,.hk-location-node,.hk-node-ring,.hk-resource-board:before,.hk-slide-tabs button[aria-pressed=true]:after{animation:none!important}}

/* Light, product-led visual system used by the rest of GhostVPS. */
.hk-hero{background:radial-gradient(ellipse at 76% 48%,#edf3ff 0,transparent 52%),#fff;border-color:var(--platform-line)}
.hk-hero:before{background-image:radial-gradient(#2457db12 .8px,transparent .8px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent 35%,#000 85%)}
.hk-hero-copy h1,.hk-hero-tagline,.hk-hero-foot strong{color:var(--platform-ink)}
.hk-hero-copy h1 span,.hk-hero-copy .eyebrow,.hk-hero-foot .icon,.hk-hero-foot a{color:var(--platform-accent)}
.hk-hero-copy .lead,.hk-hero-foot{color:var(--platform-muted)}.hk-hero-foot{border-color:var(--platform-line)}
.hk-hero-copy .button-mint{background:#2457db;color:#fff}.hk-hero-copy .button-mint:hover{background:#1849c9}
.hk-hero-copy .button-outline{border-color:var(--platform-line);background:var(--platform-card);color:var(--platform-ink)}
.hk-showcase{border:1px solid #d6e1f5;border-radius:16px;background:#fff;color:var(--platform-ink);box-shadow:0 25px 65px #1a409312,0 3px 12px #1a409308}
.hk-showcase:before{background:none}.hk-showcase-head{border-color:#e0e8f6;color:#577098}.hk-showcase-head i{background:#2457db;box-shadow:0 0 0 4px #2457db1c}
.hk-stage{background:radial-gradient(ellipse at 56% 60%,#e2eaff 0,#f5f8ff 52%,#fff 88%)}
.hk-stage:before{background-image:radial-gradient(#2457db1b .8px,transparent .8px);background-size:19px 19px;mask-image:linear-gradient(90deg,transparent,#000 62%,transparent)}
.hk-orbit{border-color:#7297e35c}.hk-signal-lines i{background:linear-gradient(90deg,transparent,#4b7cdb78,transparent)}
.hk-skyline{opacity:.74}.hk-skyline:before{height:30px;background:linear-gradient(0deg,#d9e5fc,#edf3ff00)}
.hk-skyline i{background:linear-gradient(90deg,#d0def9,#f0f5ff 48%,#bfd0f2);border-color:#aac0ed;box-shadow:none}
.hk-skyline i:after{background:repeating-linear-gradient(0deg,transparent 0 12px,#6388d24a 12px 13px,transparent 13px 19px)}
.hk-location-node{border-color:#b8cdf9;background:#fff;box-shadow:0 0 0 17px #2457db12,0 13px 32px #1649b32b}.hk-node-core{background:#2457db;box-shadow:0 0 0 7px #2457db25}.hk-node-ring{border-color:#2457db35}
.hk-scene-label span,.hk-resource-heading span,.hk-order-heading span{color:#2457db}
.hk-scene-label strong,.hk-resource-heading strong,.hk-order-heading strong{color:#172b4d}
.hk-scene-label small,.hk-resource-heading small,.hk-order-heading small,.hk-scene-corner{color:#61738e}
.hk-resource-board{border-color:#d5e1f6;border-radius:12px;background:#fff;box-shadow:0 18px 40px #1b4a9b17}
.hk-resource-board:before{background:linear-gradient(110deg,transparent 38%,#c6d8ff52 50%,transparent 62%);background-size:250% 100%}
.hk-resource-row{border-color:#e6ecf7;color:#405777}.hk-resource-row .icon{color:#2457db}.hk-resource-row b{background:#dbe5f9}.hk-resource-row b:nth-child(-n+3),.hk-resource-row:nth-child(2) b:nth-child(4),.hk-resource-row:nth-child(3) b:nth-child(4){background:#3c72df;box-shadow:none}
.hk-resource-tiles span{background:#f5f8ff;border-color:#e0e8f8;color:#4e69a1}
.hk-order-flow>div{background:#fff;border-color:#d8e3f6;border-radius:10px;box-shadow:0 15px 30px #254d9212}.hk-order-flow>div>span,.hk-order-flow .icon{color:#2457db}.hk-order-flow strong{color:#172b4d}.hk-order-flow small{color:#657793}.hk-order-flow>i{background:#7e9ee0;box-shadow:none}.hk-order-glow{background:#c9dbff}
.hk-showcase-controls{border-color:#e0e8f6;background:#fff}.hk-slide-tabs button{color:#6d7c95}.hk-slide-tabs button:hover,.hk-slide-tabs button[aria-pressed=true]{color:#2457db}.hk-slide-tabs button[aria-pressed=true]:after{background:#2457db}.hk-next{border-color:#d9e4f7;background:#f5f8ff;color:#2457db}.hk-next:hover{background:#e7efff}.hk-showcase button:focus-visible,.hk-hero a:focus-visible{outline-color:#2457db}
[data-theme=dark] .hk-hero{background:radial-gradient(ellipse at 78% 38%,#1c3667 0,transparent 52%),var(--platform-surface)}
[data-theme=dark] .hk-showcase,[data-theme=dark] .hk-showcase-controls,[data-theme=dark] .hk-resource-board,[data-theme=dark] .hk-order-flow>div{background:var(--platform-card);border-color:var(--platform-line)}
[data-theme=dark] .hk-stage{background:radial-gradient(ellipse at 56% 60%,#243b6a,#16253e 78%)}
[data-theme=dark] .hk-scene-label strong,[data-theme=dark] .hk-resource-heading strong,[data-theme=dark] .hk-order-heading strong,[data-theme=dark] .hk-order-flow strong{color:var(--platform-ink)}
[data-theme=dark] .hk-scene-label small,[data-theme=dark] .hk-resource-heading small,[data-theme=dark] .hk-order-heading small{color:var(--platform-muted)}
[data-theme=dark] .hk-location-node{background:#1b335b}[data-theme=dark] .hk-skyline i{background:linear-gradient(90deg,#29436f,#3b5683,#243b64);border-color:#5275aa}[data-theme=dark] .hk-skyline:before{background:linear-gradient(0deg,#182b4b,#182b4b00)}