:root { --bg:#021520; --bg2:#031d2a; --lime:#C7CF00; --white:#ffffff; --muted:rgba(255,255,255,0.45); --border:rgba(199,207,0,0.14); }
    *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth;font-size:16px}
    body{background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
    body::before{content:'';position:fixed;inset:0;z-index:999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:.28}
    .grid-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(199,207,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(199,207,0,.045) 1px,transparent 1px);background-size:64px 64px}
    .orb{position:fixed;border-radius:50%;filter:blur(140px);pointer-events:none;z-index:0}
    .orb-1{width:700px;height:700px;background:rgba(199,207,0,.08);top:-250px;right:-200px}
    .orb-2{width:450px;height:450px;background:rgba(199,207,0,.05);bottom:0;left:-150px}
    .wrapper{position:relative;z-index:1;max-width:1260px;margin:0 auto;padding:0 48px}
    /* TOPBAR */
    .topbar{background:rgba(2,21,32,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(199,207,0,.1);position:sticky;top:0;z-index:100;animation:fadeDown .6s ease both}
    .topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:0 48px;max-width:1260px;margin:0 auto;height:70px}
    .logo{display:flex;align-items:center;gap:12px;text-decoration:none}
    .logo img{height:40px;width:auto}
    .logo-text{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;letter-spacing:.18em;color:var(--lime)}
    .main-nav{display:flex;align-items:center;gap:4px;list-style:none}
    .main-nav a{display:flex;align-items:center;gap:6px;padding:8px 14px;font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--muted);border-bottom:2px solid transparent;transition:color .25s,border-color .25s}
    .main-nav a:hover,.main-nav a.active{color:var(--lime);border-color:var(--lime)}
    .nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none}
    .nav-toggle span{display:block;width:24px;height:2px;background:var(--lime);transition:.3s}
    /* CONTACT STRIP */
    .contact-strip{background:rgba(199,207,0,.05);border-bottom:1px solid var(--border)}
    .contact-strip-inner{display:flex;align-items:center;justify-content:flex-end;gap:36px;max-width:1260px;margin:0 auto;padding:8px 48px;flex-wrap:wrap}
    .ci{display:flex;align-items:center;gap:8px;font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:.12em;color:var(--muted);text-decoration:none;transition:color .25s}
    .ci:hover{color:var(--lime)}
    .ci svg{width:12px;height:12px;color:var(--lime);flex-shrink:0}
    /* PAGE HERO */
    .page-hero{padding:96px 0 80px;border-bottom:1px solid var(--border);position:relative;z-index:1}
    .page-hero-badge{font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.42em;color:var(--lime);text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:20px;animation:fadeUp .8s .1s ease both}
    .page-hero-badge::before{content:'';width:28px;height:1px;background:var(--lime);flex-shrink:0}
    .page-hero-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(3rem,7vw,6rem);line-height:.93;letter-spacing:.03em;animation:fadeUp .8s .22s ease both}
    .page-hero-title .tl{color:var(--lime)}
    .page-hero-title .to{color:transparent;-webkit-text-stroke:1.5px var(--lime)}
    .page-hero-desc{font-size:1rem;font-weight:300;line-height:1.82;color:var(--muted);max-width:620px;margin-top:24px;animation:fadeUp .8s .34s ease both}
    /* SECTION */
    .slabel{font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.42em;color:var(--lime);text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:20px}
    .slabel::before{content:'';width:28px;height:1px;background:var(--lime);flex-shrink:0}
    .stitle{font-family:'Bebas Neue',sans-serif;font-size:clamp(2rem,4vw,3.4rem);line-height:.96;letter-spacing:.04em}
    .stitle .tl{color:var(--lime)}
    .stitle .to{color:transparent;-webkit-text-stroke:1px var(--lime)}
    .divider{border:none;border-top:1px solid rgba(199,207,0,.08)}
    /* BUTTONS */
    .btn{display:inline-flex;align-items:center;gap:12px;padding:16px 36px;font-family:'Space Mono',monospace;font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;position:relative;overflow:hidden;cursor:pointer;border:none;white-space:nowrap;transition:color .35s}
    .btn>*{position:relative;z-index:1}
    .btn::before{content:'';position:absolute;inset:0;transition:transform .38s cubic-bezier(.76,0,.24,1);z-index:0}
    .btn-primary{background:var(--lime);color:var(--bg)}
    .btn-primary::before{background:var(--white);transform:translateX(-101%)}
    .btn-primary:hover{color:var(--bg)}
    .btn-primary:hover::before{transform:translateX(0)}
    .btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--muted)}
    .btn-outline::before{background:rgba(199,207,0,.06);transform:translateX(-101%)}
    .btn-outline:hover{color:var(--lime);border-color:var(--lime)}
    .btn-outline:hover::before{transform:translateX(0)}
    /* HERO IMAGE SECTION */
    .hero-img-wrap{position:relative;overflow:hidden;height:480px;margin-bottom:0}
    .hero-img-wrap img{width:100%;height:100%;object-fit:cover;filter:brightness(.6)}
    .hero-img-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(2,21,32,.7) 0%,transparent 60%)}
    /* FEATURE GRID */
    .feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:56px}
    .feat-card{padding:44px 36px;background:rgba(255,255,255,.02);border:1px solid var(--border);display:flex;flex-direction:column;gap:14px;transition:background .3s,border-color .3s;animation:fadeUp .8s ease both;position:relative;overflow:hidden}
    .feat-card::after{content:'';position:absolute;bottom:0;left:0;height:2px;width:0;background:var(--lime);transition:width .46s cubic-bezier(.76,0,.24,1)}
    .feat-card:hover::after{width:100%}
    .feat-card:hover{background:rgba(199,207,0,.04);border-color:rgba(199,207,0,.3)}
    .feat-icon{width:50px;height:50px;border:1px solid rgba(199,207,0,.18);display:grid;place-items:center;transition:all .3s}
    .feat-card:hover .feat-icon{border-color:var(--lime);background:rgba(199,207,0,.08)}
    .feat-icon svg{width:22px;height:22px;color:var(--lime)}
    .feat-title{font-family:'Bebas Neue',sans-serif;font-size:1.5rem;color:var(--white);transition:color .28s}
    .feat-card:hover .feat-title{color:var(--lime)}
    .feat-text{font-size:.86rem;font-weight:300;color:var(--muted);line-height:1.7}
    /* IMAGE + TEXT SPLIT */
    .split{display:grid;grid-template-columns:1fr 1fr;gap:2px;align-items:stretch}
    .split-img{position:relative;overflow:hidden;min-height:420px}
    .split-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;filter:brightness(.75)}
    .split:hover .split-img img{transform:scale(1.03)}
    .split-img-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(2,21,32,.4),transparent)}
    .split-content{padding:64px 56px;background:rgba(255,255,255,.02);border:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;gap:20px;position:relative}
    .split-content::before{content:'';position:absolute;top:0;left:0;width:50%;height:2px;background:linear-gradient(90deg,var(--lime),transparent)}
    .split-num{font-family:'Bebas Neue',sans-serif;font-size:5rem;color:rgba(199,207,0,.1);line-height:1;position:absolute;top:24px;right:32px}
    .split-tag{font-family:'Space Mono',monospace;font-size:.55rem;letter-spacing:.32em;color:var(--lime);opacity:.7;text-transform:uppercase}
    .split-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(1.8rem,3vw,2.8rem);color:var(--white)}
    .split-text{font-size:.9rem;font-weight:300;color:var(--muted);line-height:1.78}
    .split-list{list-style:none;display:flex;flex-direction:column;gap:10px}
    .split-list li{font-size:.85rem;color:var(--muted);display:flex;gap:10px;align-items:flex-start}
    .split-list li::before{content:'->';color:var(--lime);flex-shrink:0;margin-top:2px}
    /* SUBPAGES GRID (linked tiles at bottom) */
    .subpages{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:0}
    .subpage-card{position:relative;overflow:hidden;min-height:340px;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none}
    .subpage-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.45);transition:transform .6s ease,filter .4s}
    .subpage-card:hover img{transform:scale(1.05);filter:brightness(.3)}
    .subpage-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,21,32,.92) 0%,rgba(2,21,32,.2) 60%,transparent 100%);transition:opacity .4s}
    .subpage-wipe{position:absolute;inset:0;background:rgba(199,207,0,0.60);transform:translateY(102%);transition:transform .48s cubic-bezier(.76,0,.24,1);z-index:1}
    .subpage-card:hover .subpage-wipe{transform:translateY(0)}
    .subpage-info{position:relative;z-index:2;padding:40px 36px;transition:color .25s}
    .subpage-tag{font-family:'Space Mono',monospace;font-size:.55rem;letter-spacing:.3em;color:rgba(199,207,0,.7);text-transform:uppercase;transition:color .25s}
    .subpage-card:hover .subpage-tag{color:rgba(2,21,32,.6)}
    .subpage-title{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--lime);margin-top:10px;transition:color .25s}
    .subpage-card:hover .subpage-title{color:var(--bg)}
    .subpage-cta{display:flex;align-items:center;gap:10px;font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:.2em;color:rgba(255,255,255,.4);margin-top:14px;transition:color .28s,gap .35s}
    .subpage-card:hover .subpage-cta{color:var(--bg);gap:18px}
    /* SPECS TABLE */
    .specs-table{width:100%;border-collapse:collapse;margin-top:40px}
    .specs-table th{font-family:'Space Mono',monospace;font-size:.56rem;letter-spacing:.28em;color:var(--lime);text-transform:uppercase;text-align:left;padding:16px 24px;border-bottom:1px solid var(--border);background:rgba(199,207,0,.04)}
    .specs-table td{padding:16px 24px;font-size:.88rem;color:var(--muted);border-bottom:1px solid rgba(255,255,255,.05)}
    .specs-table tr:hover td{background:rgba(199,207,0,.02);color:var(--white)}
    /* CTA BAND */
    .cta-band{position:relative;background:var(--lime);padding:72px 0;overflow:hidden}
    .cta-band::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(2,21,32,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(2,21,32,.1) 1px,transparent 1px);background-size:40px 40px}
    .cta-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
    .cta-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1;letter-spacing:.04em;color:var(--bg)}
    .cta-sub{font-size:.95rem;font-weight:300;color:rgba(2,21,32,.65);margin-top:8px}
    .btn-dark{background:var(--bg);color:var(--lime)}
    .btn-dark::before{background:rgba(255,255,255,.1);transform:translateX(-101%)}
    .btn-dark:hover{color:var(--white)}
    .btn-dark:hover::before{transform:translateX(0)}
    /* FOOTER */
    footer{position:relative;z-index:1;background:rgba(2,21,32,.96);border-top:1px solid var(--border);padding:64px 0 0}
    .fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;padding-bottom:56px}
    .flogo{font-family:'Bebas Neue',sans-serif;font-size:1.5rem;letter-spacing:.2em;color:var(--lime);text-decoration:none}
    .fdesc{font-size:.82rem;font-weight:300;line-height:1.72;color:var(--muted);max-width:260px;margin-top:14px}
    .fct{display:flex;align-items:flex-start;gap:8px;font-size:.8rem;color:var(--muted);text-decoration:none;transition:color .25s;margin-top:10px}
    .fct:hover{color:var(--lime)}
    .fct svg{width:14px;height:14px;color:var(--lime);flex-shrink:0;margin-top:2px}
    .fhl{font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:.3em;color:var(--lime);text-transform:uppercase;margin-bottom:20px}
    .fl{display:flex;flex-direction:column;gap:10px;list-style:none}
    .fl a{font-size:.85rem;color:var(--muted);text-decoration:none;transition:color .25s;display:flex;align-items:center;gap:8px}
    .fl a::before{content:'->';color:rgba(199,207,0,.4);font-size:.75rem}
    .fl a:hover{color:var(--lime)}
    .fb{border-top:1px solid rgba(199,207,0,.08);padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
    .fc{font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:.15em;color:rgba(255,255,255,.2)}
    .fc a{color:var(--lime);text-decoration:none}
    .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
    .reveal.visible{opacity:1;transform:translateY(0)}
    @keyframes fadeUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
    @keyframes fadeDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
    @media(max-width:960px){
      .wrapper{padding:0 20px}.topbar-inner{padding:14px 20px;height:auto;flex-wrap:wrap}
      .contact-strip-inner{padding:8px 20px}.main-nav{display:none}
      .main-nav.open{display:flex;flex-direction:column;position:absolute;top:70px;left:0;right:0;background:var(--bg);padding:16px 24px;border-bottom:1px solid var(--border)}
      .nav-toggle{display:flex}.feat-grid{grid-template-columns:1fr}.split{grid-template-columns:1fr}
      .subpages{grid-template-columns:1fr}.fg{grid-template-columns:1fr 1fr;gap:32px}
      .page-hero{padding:64px 0 52px}
    }
    @media(max-width:640px){.fg{grid-template-columns:1fr}.page-hero{padding:52px 0 40px}.page-hero-title{font-size:clamp(2.4rem,10vw,4rem)}.page-hero-desc{font-size:.92rem;margin-top:18px}}