:root{--p-bg:#05090c;--p-surface:#09151a;--p-line:rgba(139,255,242,.11);--p-text:#f2f8f8;--p-muted:#758a90;--p-accent:#62e8d7;--p-accent2:#8affef;--p-shadow:0 28px 80px rgba(0,0,0,.34)}
body{background:radial-gradient(circle at 78% 7%,rgba(26,111,106,.14),transparent 33%),linear-gradient(180deg,#071015 0%,#05090c 48%,#030609 100%);color:var(--p-text);letter-spacing:-.01em}
.page-glow{position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#0008,transparent 76%)}
.shell{grid-template-columns:286px minmax(0,1fr)}
.sidebar{padding:30px 22px 22px;background:linear-gradient(180deg,rgba(8,16,21,.97),rgba(5,10,13,.99));border-right:1px solid rgba(255,255,255,.055);backdrop-filter:blur(18px)}
.brand{gap:13px;padding:0 7px 28px}
.brand-mark{width:38px;height:38px;border-radius:11px;position:relative;overflow:hidden;border:1px solid rgba(132,255,239,.28);background:linear-gradient(145deg,rgba(102,239,222,.14),rgba(7,19,24,.7));box-shadow:inset 0 0 24px rgba(87,235,218,.07),0 10px 32px rgba(0,0,0,.24)}
.brand-mark:before{content:"";position:absolute;inset:8px;border:1px solid rgba(110,249,233,.34);border-radius:50%}.brand-mark:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--p-accent2);left:16px;top:16px;box-shadow:0 0 13px rgba(138,255,239,.72)}.brand-mark i{position:absolute;width:30px;height:1px;background:linear-gradient(90deg,transparent,var(--p-accent),transparent);left:4px;top:18px;transform:rotate(-33deg)}.brand-mark b{position:absolute;width:1px;height:30px;background:linear-gradient(180deg,transparent,var(--p-accent),transparent);left:18px;top:4px}
.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:19px;letter-spacing:-.03em;font-weight:650}.brand-copy small{font-size:9px;color:var(--p-muted)}
.nexus-card{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;padding:14px;margin:0 0 25px;border:1px solid var(--p-line);border-radius:14px;background:linear-gradient(145deg,rgba(19,41,47,.62),rgba(7,15,19,.72))}
.nexus-symbol{width:42px;height:42px;position:relative;border:1px solid rgba(127,248,234,.16);border-radius:12px}.nexus-symbol span,.nexus-symbol i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--p-accent);box-shadow:0 0 10px rgba(98,232,215,.55)}.nexus-symbol span{left:18px;top:18px}.nexus-symbol i:nth-child(1){left:9px;top:10px}.nexus-symbol i:nth-child(2){right:8px;top:12px}.nexus-symbol i:nth-child(3){left:12px;bottom:8px}.nexus-symbol:before{content:"";position:absolute;inset:10px;border:1px solid rgba(98,232,215,.14);transform:rotate(45deg)}
.nexus-copy{display:flex;flex-direction:column}.nexus-copy strong{font-size:11px;font-weight:600;margin:3px 0 1px}.nexus-copy small{font-size:9px;color:var(--p-muted)}
.nav{gap:4px}.nav a{display:grid;grid-template-columns:27px 1fr;align-items:center;padding:11px 12px;border-radius:10px;color:#7b8e95;font-size:11px;transition:.18s}.nav a span{font-size:8px;color:#43575e;letter-spacing:.08em;margin:0}.nav a:hover{color:#dce8e8;background:rgba(255,255,255,.025);box-shadow:none}.nav a.active{color:#f1f8f7;background:rgba(97,231,215,.07);box-shadow:inset 1px 0 var(--p-accent)}.nav a.active span{color:var(--p-accent)}
.sidebar-note{margin:30px 8px 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}.sidebar-note p{margin:8px 0;color:#62767d;font-size:10px;line-height:1.65}
.runtime-card{margin-top:auto;border:0;border-top:1px solid rgba(255,255,255,.055);background:none;border-radius:0;padding:12px 13px}
main{padding:34px 42px 64px;max-width:1600px}
.topbar h1{font-size:28px;letter-spacing:-.035em;font-weight:580}
.runtime-pill,.top-actions button{border:1px solid var(--p-line);background:rgba(11,24,29,.68);color:#9aafb4;font-size:9px;backdrop-filter:blur(12px)}
.hero{min-height:480px;grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr);border:1px solid rgba(157,255,244,.105);border-radius:26px;background:radial-gradient(circle at 19% 25%,rgba(46,143,135,.14),transparent 34%),linear-gradient(135deg,#0b171d 0%,#071116 46%,#050b0f 100%);box-shadow:var(--p-shadow)}
.hero-copy{padding:58px 46px 42px;display:flex;flex-direction:column;justify-content:center}.hero-kicker{display:flex;align-items:center;gap:9px;color:#8ea3a8;font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:650}.signal-dot{width:6px;height:6px;border-radius:50%;background:var(--p-accent);box-shadow:0 0 14px rgba(98,232,215,.72)}
.hero h2{margin:18px 0;font-size:clamp(42px,4vw,64px);line-height:.98;letter-spacing:-.055em;font-weight:560}.hero h2 em{color:#8ff8ea;font-weight:520}.hero p{margin:0;max-width:620px;color:#85999f;font-size:14px;line-height:1.75}
.hero-actions{display:flex;align-items:center;gap:18px;margin-top:27px}.primary-action{display:inline-flex;align-items:center;gap:18px;padding:12px 15px 12px 16px;background:#dffbf7;color:#071114;border-radius:10px;font-size:10px;font-weight:700;box-shadow:0 12px 28px rgba(65,203,187,.09);transition:.18s}.primary-action:hover{transform:translateY(-1px);background:#f0fffd}.hero-meta{font-size:9px;color:#5f747b}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:42px 0 0;border-top:1px solid rgba(255,255,255,.06);padding-top:19px}.hero-stats dt{font-size:8px;text-transform:uppercase;letter-spacing:.14em;color:#4f656c}.hero-stats dd{margin:5px 0 0;font-size:10px;color:#a7b9bd}
.hero-media{margin:0;position:relative;min-height:480px;overflow:hidden;background:#040a0d}.hero-media:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#071116 0%,rgba(7,17,22,.12) 22%,transparent 45%)}.hero-media img{display:block;width:100%;height:100%;min-height:480px;object-fit:cover;object-position:61% center;transform:scale(1.02)}.hero-media figcaption{position:absolute;z-index:3;right:24px;bottom:22px;left:24px;display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border:1px solid rgba(152,255,243,.11);border-radius:12px;background:rgba(5,13,17,.58);backdrop-filter:blur(16px)}.hero-media figcaption span{display:flex;align-items:center;gap:8px;font-size:9px;color:#c7d8da}.hero-media figcaption i{width:5px;height:5px;border-radius:50%;background:var(--p-accent);box-shadow:0 0 10px rgba(98,232,215,.6)}.hero-media figcaption small{font-size:8px;color:#5d737a}
.architecture-strip{border-color:rgba(255,255,255,.05);background:rgba(7,15,19,.55)}.architecture-strip span{border:0;background:none;padding:0;color:#758b91;font-size:8px}.architecture-strip b{color:#3c6969;font-weight:400}
.notice,.metric,.panel,.campaign-card,.funnel-column{border-color:rgba(255,255,255,.055);background:linear-gradient(145deg,rgba(12,24,29,.82),rgba(7,15,19,.74));box-shadow:0 14px 44px rgba(0,0,0,.11)}
.notice{background:rgba(8,17,21,.55);border-radius:12px}.metric strong{font-weight:560;letter-spacing:-.04em}.bar{height:4px;background:#102229}.bar i{background:linear-gradient(90deg,#2d8e86,var(--p-accent))}.stage{background:rgba(98,232,215,.035);border-color:rgba(110,232,218,.12)}
@media(max-width:1180px){.hero{grid-template-columns:1fr}.hero-media,.hero-media img{min-height:390px}.hero-media img{object-position:center}.hero-media:before{background:linear-gradient(180deg,#071116 0%,rgba(7,17,22,.05) 20%,transparent 45%)}}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative;padding:20px 16px}.nexus-card,.sidebar-note{display:none}.nav{grid-template-columns:repeat(4,1fr)}main{padding:24px 16px 50px}.hero-copy{padding:42px 28px}.hero h2{font-size:46px}}
@media(max-width:620px){.nav{grid-template-columns:1fr 1fr}.hero-copy{padding:34px 22px}.hero h2{font-size:38px}.hero p{font-size:12px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-media,.hero-media img{min-height:300px}.hero-media figcaption small{display:none}}