:root{--electric-green:#39ff14;--sea-green:#2e8b57;--aqua-marine:#7fffd4;--deep-sea:#0d5c63;--neutral-grey:#b0b8b4;--soft-black:#0a0f0f;--dark-bg:#0a0f12;--card-bg:#0f1a1e;--card-border:#39ff1414;--text-primary:#e8ede9;--text-secondary:#b4c4ba}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--dark-bg);color:var(--text-primary);font-family:Roboto,sans-serif;font-weight:300;line-height:1.7;overflow-x:hidden}nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--card-border);background:#0a0f12e6;justify-content:space-between;align-items:center;width:100%;padding:1rem 3rem;transition:padding .3s;display:flex;position:fixed;top:0}nav.scrolled{padding:.6rem 3rem}.logo{cursor:pointer;align-items:center;gap:.8rem;text-decoration:none;display:flex}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--text-secondary);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;font-size:.72rem;font-weight:400;text-decoration:none;transition:color .3s}.nav-links a:hover,.nav-links a.active{color:var(--electric-green)}.nav-cta{border:1px solid var(--electric-green);color:var(--electric-green);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;padding:.55rem 1.5rem;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:400;text-decoration:none;transition:all .3s}.nav-cta:hover{background:var(--electric-green);color:var(--soft-black)}.nav-toggle{cursor:pointer;z-index:101;background:0 0;border:0;flex-direction:column;gap:5px;padding:.4rem;display:none}.nav-toggle span{background:var(--text-primary);border-radius:1px;width:24px;height:2px;transition:all .25s;display:block}.hero{align-items:center;min-height:100vh;padding:8rem 3rem 4rem;display:flex;position:relative;overflow:hidden}.hero.short{min-height:55vh}.hero:before{content:"";pointer-events:none;background:radial-gradient(70% 50% at 65% 45%,#0d5c634d,#0000),radial-gradient(40% 40% at 15% 75%,#2e8b571f,#0000);position:absolute;inset:0}.hero-grid{pointer-events:none;background-image:linear-gradient(#39ff1406 1px,#0000 1px),linear-gradient(90deg,#39ff1406 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.hero-inner{z-index:2;max-width:1400px;margin:0 auto;position:relative}.hero-label{letter-spacing:.3em;color:var(--electric-green);text-transform:uppercase;margin-bottom:1.2rem;font-family:JetBrains Mono,monospace;font-size:.68rem;animation:.7s .3s both riseUp}.hero h1{max-width:800px;margin-bottom:1.2rem;font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:300;line-height:1.12;animation:.7s .5s both riseUp}.hero h1 strong{color:var(--aqua-marine);font-weight:500}.hero-sub{color:var(--text-secondary);max-width:580px;margin-bottom:2.5rem;font-size:1.05rem;animation:.7s .7s both riseUp}.btn-primary{background:var(--electric-green);color:var(--soft-black);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:none;align-items:center;gap:.6rem;padding:.9rem 2rem;font-family:Roboto,sans-serif;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary:hover{background:var(--aqua-marine);transform:translateY(-2px);box-shadow:0 8px 30px #39ff1433}section{padding:5rem 3rem}.container{max-width:1400px;margin:0 auto}.section-label{letter-spacing:.2em;text-transform:uppercase;color:#6db3a2;margin-bottom:.8rem;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:500}section h2{margin-bottom:1.2rem;font-size:clamp(1.9rem,3.5vw,2.6rem);font-weight:300;line-height:1.2}section h2 strong{font-weight:500}.cap-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem;display:grid}.cap-card{background:var(--card-bg);border:1px solid var(--card-border);padding:2rem 1.8rem;transition:all .35s;position:relative;overflow:hidden}.cap-card:after{content:"";background:linear-gradient(90deg,var(--electric-green),var(--deep-sea));opacity:0;width:100%;height:2px;transition:opacity .35s;position:absolute;top:0;left:0}.cap-card:hover:after{opacity:1}.cap-card .cap-label{letter-spacing:.2em;text-transform:uppercase;color:#4fae7a;margin-bottom:.8rem;font-family:JetBrains Mono,monospace;font-size:.62rem;display:block}.cap-card h4{margin-bottom:.5rem;font-size:.95rem;font-weight:400}.cap-card p{color:var(--text-secondary);font-size:.82rem;line-height:1.6}.cap-card[data-topic=hardware]{--cap:#c97bd1}.cap-card[data-topic=software]{--cap:#39ff14}.cap-card[data-topic=aim]{--cap:#9b8cff}.cap-card[data-topic=monitoring]{--cap:#2e8b57}.cap-card[data-topic=markets]{--cap:#e0a82e}.cap-card[data-topic=ev]{--cap:#7fffd4}.cap-card[data-topic=strategy]{--cap:#8a97a8}.cap-card .cap-title-row .cap-icon svg{stroke:var(--cap,#7fffd4)}.cap-card .cap-ghost svg{stroke:var(--cap,#7fffd4)!important}.cta-section{text-align:center;border-top:1px solid var(--card-border);padding:5rem 3rem;position:relative}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(50% 50%,#0d5c6333,#0000);position:absolute;inset:0}.cta-section>*{z-index:2;position:relative}.cta-section p{color:var(--text-secondary);max-width:500px;margin:0 auto 2rem;font-size:1rem}.cta-buttons{justify-content:center;gap:1rem;display:flex}.cap-title-row{align-items:center;gap:.9rem;margin-bottom:.6rem;display:flex}.cap-title-row .cap-icon{border:1px solid var(--card-border);opacity:1;background:linear-gradient(145deg,#7fffd40f,#0d5c6308);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:0;padding:9px;transition:transform .45s cubic-bezier(.2,.7,.3,1),border-color .35s,background .35s;display:flex}.cap-title-row .cap-icon svg{width:100%;height:100%}.cap-card:hover .cap-title-row .cap-icon{background:linear-gradient(145deg,#7fffd421,#0d5c6312);border-color:#7fffd46b;transform:translateY(-3px)rotate(-5deg)}.cap-title-row h4{margin-bottom:0;font-size:1rem}.cap-card .cap-label{color:var(--cap,var(--aqua-marine));opacity:.85;font-size:.64rem}.cap-card:hover{border-color:#7fffd42e;transform:translateY(-4px)}.cap-card:after{height:2px;background:linear-gradient(90deg,var(--cap,var(--aqua-marine)),transparent 75%)!important}footer{border-top:1px solid var(--card-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2.5rem 3rem;display:flex}.page{display:none}.page.active{display:block}@keyframes riseUp{0%{transform:translateY(20px)}to{transform:translateY(0)}}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(25px)}.reveal.visible{opacity:1;transform:translateY(0)}@media print{.reveal{opacity:1!important;transform:none!important}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}@media (max-width:1040px){nav{padding:.8rem 1.5rem}.nav-toggle{display:flex}.nav-links{border-left:1px solid var(--card-border);background:#0b1212;flex-direction:column;align-items:flex-start;gap:1.5rem;width:min(80vw,300px);height:100vh;padding:5rem 2rem;transition:transform .3s;position:fixed;top:0;right:0;transform:translate(100%)}#nav.menu-open .nav-links{transform:translate(0)}section{padding:3.5rem 1.5rem}.hero{padding:7rem 1.5rem 3rem}.cap-grid{grid-template-columns:1fr}footer{text-align:center;flex-direction:column}}.logo-img{width:auto;height:34px;display:block}@media (max-width:1040px){.logo-img{height:30px}}.segments{border-top:1px solid var(--card-border);padding:5rem 0}.seg-intro{color:var(--text-secondary);max-width:58ch;margin:.6rem 0 2.4rem;font-size:.95rem}.seg-list{border-top:1px solid var(--card-border)}.seg-row{border-bottom:1px solid var(--card-border);grid-template-columns:56px 1fr;align-items:start;gap:1.4rem;padding:1.5rem 1rem 1.5rem 0;transition:background .3s,padding .3s;display:grid;position:relative}.seg-row:before{content:"";opacity:0;background:#8a97a8;width:2px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}.seg-row:hover{background:#8a97a80b;padding-left:1rem}.seg-row:hover:before{opacity:.65}.seg-idx{letter-spacing:.1em;color:#8a97a8;align-items:baseline;gap:.55rem;padding-top:.5rem;font-family:JetBrains Mono,monospace;font-size:.7rem;display:flex}.seg-idx .seg-ico{color:#8a97a8;flex-shrink:0;width:22px;height:22px}.seg-ico svg{width:100%;height:100%}.seg-main{min-width:0}.seg-main h4{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.35rem;font-size:1.15rem;font-weight:500}.seg-main p{color:var(--text-secondary);max-width:72ch;font-size:.86rem;line-height:1.6}@media (max-width:600px){.seg-row{grid-template-columns:40px 1fr;gap:1rem}}.cap-ghost{opacity:.045;pointer-events:none;width:148px;height:148px;transition:transform .55s cubic-bezier(.2,.7,.3,1),opacity .35s;position:absolute;bottom:-22px;right:-16px}.cap-ghost svg{width:100%;height:100%;stroke:var(--aqua-marine)!important;stroke-width:1px!important}.cap-card:hover .cap-ghost{opacity:.085;transform:translateY(-7px)rotate(-4deg)}.hero-links{flex-wrap:wrap;gap:1.2rem;margin-top:1.8rem;display:flex}.hero-link{letter-spacing:.04em;border:1px solid var(--electric-green);color:var(--electric-green);background:#39ff140d;padding:.7rem 1.4rem;font-family:JetBrains Mono,monospace;font-size:.78rem;text-decoration:none;transition:all .25s}.hero-link:hover{background:var(--electric-green);color:var(--soft-black,#0a0f0f)}.hero-link.ghost{border-color:var(--card-border);color:var(--text-secondary);background:0 0}.hero-link.ghost:hover{border-color:var(--aqua-marine);color:var(--aqua-marine);background:0 0}.fg-foot .footer-links{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:2rem;width:100%;display:grid!important}.fg-col{flex-direction:column;gap:.55rem;display:flex}.fg-col .fg-h{letter-spacing:.2em;text-transform:uppercase;color:var(--electric-green);margin-bottom:.35rem;font-family:JetBrains Mono,monospace;font-size:.64rem}.fg-col a{color:var(--text-secondary);text-decoration:none;transition:color .25s;letter-spacing:.02em!important;text-transform:none!important;font-size:.72rem!important}.fg-col a:hover{color:var(--aqua-marine)}.fg-brand .footer-tagline{margin-top:.5rem}.fg-rebrand{letter-spacing:.12em;text-transform:uppercase;color:var(--neutral-grey);margin-top:.5rem;font-size:.6rem;text-decoration:none;display:block}.fg-rebrand:hover{color:var(--aqua-marine)}@media (max-width:860px){.fg-foot .footer-links{grid-template-columns:1fr 1fr;gap:1.8rem}.fg-brand{grid-column:1/-1}}