@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#08111f;--navy2:#111827;--blue:#2563eb;--cyan:#60a5fa;--text:#f8fafc;--muted:#94a3b8;--line:rgba(148,163,184,.16);--good:#10b981;--warn:#f59e0b;--bad:#f43f5e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.nav{height:76px;padding:0 max(5vw,28px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(8,17,31,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px}.brand em{font-style:normal;color:var(--blue)}.brand-mark{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:25px;height:25px}.brand-mark b{border-radius:4px;background:#fff}.brand-mark b:first-child{background:var(--blue)}.nav-links{display:flex;align-items:center;gap:7px}.nav-links a{padding:9px 15px;color:#cbd5e1;font-size:13px;font-weight:600}.nav-links a:hover{color:#fff}.nav-links .nav-cta{border-radius:999px;background:var(--blue);color:#fff}.hero{min-height:650px;padding:90px max(7vw,40px) 75px;display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center;background:radial-gradient(circle at 78% 20%,rgba(37,99,235,.22),transparent 40%),linear-gradient(135deg,#07101d,#111827)}.hero-copy{max-width:545px}.nocia-logo{width:230px;height:auto;margin-bottom:30px}.eyebrow{margin:0 0 14px;color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase}.hero h1{margin:0 0 22px;font-size:clamp(40px,5vw,70px);line-height:1.05;letter-spacing:-2.5px}.hero h1 span,h2 span{color:var(--cyan)}.hero-lead{max-width:500px;color:var(--muted);font-size:17px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;padding:14px 24px;border-radius:999px;font-size:14px;font-weight:700}.button-blue{background:var(--blue);box-shadow:0 12px 28px rgba(37,99,235,.28)}.text-link{font-size:14px;font-weight:600;color:#dbeafe}.text-link span,.panel-link span{color:var(--cyan);margin-left:5px}.hero-device{padding:16px;border:1px solid rgba(96,165,250,.18);border-radius:20px;background:rgba(255,255,255,.035);box-shadow:0 28px 70px rgba(0,0,0,.35)}.hero-device-placeholder{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,rgba(37,99,235,.18),transparent 55%),#0e1b2e;color:#dbeafe}.hero-device-placeholder span{font-size:22px;font-weight:700}.hero-device-placeholder small{margin-top:8px;color:#64748b;font-size:12px}.hero-device img{width:100%;border-radius:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:-1px auto 0;padding:34px 30px;border-bottom:1px solid var(--line);gap:20px}.metric{display:flex;flex-direction:column;gap:2px}.metric strong{font-size:29px;color:#fff}.metric strong.feature{font-size:19px;line-height:1.3}.metric span{font-size:12px;color:var(--muted)}.intro,.section-heading{max-width:1180px;margin:auto;padding:120px 30px 65px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.intro h2,.section-heading h2{font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-1.5px;margin:0}.intro>p{max-width:510px;color:var(--muted);font-size:16px;margin:0}.hive-section{background:#f8fafc;color:var(--navy);padding-bottom:95px}.hive-section .eyebrow{color:var(--blue)}.hive-section .section-heading>p:last-child{color:#64748b;margin:15px 0 0}.hive-shell{max-width:1180px;margin:auto;padding:22px 25px 18px;border-radius:20px;background:linear-gradient(145deg,#0b1729,#111f35);color:#fff;box-shadow:0 24px 70px rgba(15,23,42,.2)}.hive-toolbar{display:flex;align-items:center;gap:8px;color:#b9c7da;font-size:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}.live-dot{width:8px;height:8px;background:var(--good);border-radius:50%;box-shadow:0 0 0 5px rgba(16,185,129,.12)}.hive-filters{display:flex;gap:5px;margin-left:auto}.filter{border:0;background:transparent;color:#7e91aa;padding:7px 10px;border-radius:7px;cursor:pointer;font:inherit}.filter.active,.filter:hover{background:rgba(255,255,255,.1);color:#fff}.hive-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:center;padding:25px 0}.hive{display:grid;grid-template-columns:repeat(12,30px);grid-auto-rows:26px;justify-content:center;gap:0 2px;min-height:300px;padding:12px}.hex{position:relative;width:30px;height:34px;border:0;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);background:var(--good);color:white;cursor:pointer;transition:transform .25s ease,filter .25s ease,opacity .25s ease;animation:hex-in .5s both;animation-delay:var(--delay)}.hex:nth-child(even){transform:translateY(14px)}.hex span{font-size:13px}.hex:hover,.hex.selected{z-index:3;transform:scale(1.45)!important;filter:brightness(1.25);box-shadow:0 0 0 2px white}.hex.attention{background:var(--warn)}.hex.critical{background:var(--bad)}.hex.online{background:#10b981}.hex.dim{opacity:.18;transform:scale(.88)!important}.device-panel{min-height:280px;padding:27px;border:1px solid rgba(96,165,250,.17);border-radius:16px;background:linear-gradient(145deg,#182941,#122037);opacity:.8;transform:translateX(10px);transition:.35s ease}.device-panel.open{opacity:1;transform:translateX(0);box-shadow:0 18px 45px rgba(0,0,0,.22)}.panel-kicker{display:flex;align-items:center;gap:8px;color:#cbd5e1;font-size:12px}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--good)}.device-panel h3{font-size:23px;line-height:1.2;margin:24px 0 12px}.device-panel>p{color:#94a3b8;font-size:13px}.panel-data{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.panel-data div{display:flex;flex-direction:column;gap:3px}.panel-data span{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#64748b}.panel-data strong{font-size:13px;color:#e2e8f0}.panel-link{display:flex;justify-content:space-between;padding-top:17px;border-top:1px solid var(--line);font-size:13px;color:var(--cyan);font-weight:600}.legend{display:flex;gap:22px;flex-wrap:wrap;color:#94a3b8;font-size:11px}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;border-radius:50%;background:var(--good)}.legend .warn{background:var(--warn)}.legend .bad{background:var(--bad)}.legend .muted{background:#64748b}.split-section{max-width:1180px;margin:auto;padding:125px 30px;display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center}.split-copy h2{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-1.6px;margin:0 0 20px}.split-copy>p:not(.eyebrow){color:var(--muted);max-width:500px}.feature-list{margin-top:34px;display:grid;gap:13px}.feature-list>div{display:flex;gap:16px;padding:15px 0;border-top:1px solid var(--line)}.feature-list b{color:var(--cyan);font-size:12px}.feature-list span{display:flex;flex-direction:column}.feature-list strong{font-size:14px}.feature-list small{color:#64748b;font-size:12px}.mobile-device{position:relative;min-height:510px;display:flex;justify-content:center;align-items:center;padding:22px;border-radius:22px;background:radial-gradient(circle at 50% 45%,rgba(37,99,235,.22),transparent 55%),#0e1b2e;border:1px solid rgba(96,165,250,.18)}.mobile-device-placeholder{min-height:510px}.mobile-device-placeholder>div{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:#dbeafe}.mobile-device-placeholder strong{font-size:20px}.mobile-device-placeholder span{font-size:13px;color:#94a3b8}.mobile-device img{height:490px;width:auto;max-width:100%;object-fit:contain}.floating-badge{position:absolute;bottom:32px;left:22px;padding:12px 15px;border:1px solid rgba(96,165,250,.25);border-radius:999px;background:rgba(8,17,31,.85);font-size:11px;color:#dbeafe;box-shadow:0 10px 30px rgba(0,0,0,.28)}.floating-badge i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--good)}.closing{text-align:center;padding:110px 30px 125px;background:radial-gradient(circle at 50% 0,rgba(37,99,235,.25),transparent 50%),#0b1729}.closing img{width:230px;margin:0 auto 30px}.closing h2{font-size:clamp(32px,4vw,52px);line-height:1.08;margin:0 0 15px}.closing p{color:var(--muted);margin:0 0 28px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px max(5vw,28px);color:#64748b;font-size:11px;border-top:1px solid var(--line)}
@keyframes hex-in{from{opacity:0;transform:scale(.2)}to{opacity:1}}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:65px}.hero-device{order:-1}.intro,.split-section{grid-template-columns:1fr;gap:35px}.metrics{grid-template-columns:repeat(2,1fr)}.hive-layout{grid-template-columns:1fr}.device-panel{min-height:0}.mobile-device{min-height:450px}.mobile-device img{height:430px}}
@media(max-width:620px){.nav{height:64px}.nav-links a:not(.nav-cta){display:none}.hero{padding-left:24px;padding-right:24px}.hero h1{font-size:42px}.nocia-logo{width:190px}.metrics{padding:28px 24px}.intro,.section-heading,.split-section{padding-left:24px;padding-right:24px}.hive-shell{margin:0 12px;padding:18px 15px}.hive-toolbar{flex-wrap:wrap}.hive-filters{order:3;width:100%;margin:8px 0 0}.hive{grid-template-columns:repeat(9,25px);grid-auto-rows:22px;min-height:240px}.hex{width:25px;height:29px}.hex span{font-size:10px}.hex:nth-child(even){transform:translateY(11px)}.panel-data{grid-template-columns:1fr 1fr}.mobile-device{min-height:430px}.mobile-device img{height:405px}footer{align-items:flex-start;flex-direction:column}}
.showcase{max-width:1180px;margin:auto;padding:55px 30px 115px}.showcase-heading{max-width:620px;margin-bottom:30px}.showcase h2{font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-1.4px;margin:0 0 16px}.showcase p:not(.eyebrow){color:var(--muted);max-width:570px}.wide-shot,.vertical-shot{margin:0;padding:16px;border:1px solid rgba(96,165,250,.18);border-radius:20px;background:rgba(255,255,255,.035);box-shadow:0 24px 60px rgba(0,0,0,.22)}.wide-shot img{width:100%;border-radius:12px;cursor:zoom-in}.showcase figcaption{color:#64748b;font-size:11px;margin:12px 4px 0}.details-showcase,.tickets-showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.details-showcase{padding-top:10px}.tab-copy{min-width:0}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 30px;border-bottom:1px solid var(--line)}.tab{padding:11px 14px;margin-bottom:-1px;border:0;border-bottom:2px solid transparent;background:transparent;color:#94a3b8;font:600 13px Inter,Arial;cursor:pointer}.tab:hover,.tab.active{color:#fff;border-bottom-color:var(--cyan)}.tab-panel[hidden],.tab-image:not(.active){display:none}.tab-panel p{margin-bottom:0}.vertical-shot{max-width:550px;justify-self:center}.vertical-shot .tab-image{width:100%;max-height:650px;object-fit:contain;cursor:zoom-in;border-radius:12px}.ticket-image{min-width:0}.ticket-image .tab-image{width:100%;max-height:550px;object-fit:contain;cursor:zoom-in;border-radius:12px}.lightbox[hidden]{display:none}.lightbox{position:fixed;inset:0;z-index:100;background:rgba(2,8,23,.9);display:flex;align-items:center;justify-content:center;padding:30px}.lightbox img{max-width:94vw;max-height:90vh;width:auto;height:auto;border-radius:12px;box-shadow:0 25px 80px #000;object-fit:contain}.lightbox-close{position:absolute;top:18px;right:25px;border:0;background:transparent;color:#fff;font-size:38px;line-height:1;cursor:pointer}.modal-open{overflow:hidden}
@media(max-width:900px){.showcase,.details-showcase,.tickets-showcase{grid-template-columns:1fr;gap:35px}.showcase{padding-top:35px;padding-bottom:80px}.vertical-shot{max-width:620px}.details-showcase .tab-copy,.tickets-showcase .tab-copy{order:0}.details-showcase figure,.tickets-showcase figure{order:1}}