/**
 * SEONOS Complete Stylesheet
 * @package SEONOS
 */


  :root {
    --black:#03040A; --dark:#07090F; --dark2:#0B0D17;
    --blue:#0B3D91; --blue-mid:#1567D3; --elec:#1EB3FF; --elec2:#00D4FF;
    --glow:rgba(30,179,255,.55); --energy:#FF4D1A; --energy2:#FFB020;
    --text:#D8E8FF; --muted:#7896C0; --border:rgba(30,179,255,.12);
    --font-hd:'Barlow Condensed',sans-serif; --font-bd:'Barlow',sans-serif;
  }
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{background:var(--black);color:var(--text);font-family:var(--font-bd);font-size:16px;line-height:1.6;overflow-x:hidden;}
  ::-webkit-scrollbar{width:4px;} ::-webkit-scrollbar-track{background:var(--black);} ::-webkit-scrollbar-thumb{background:var(--blue-mid);border-radius:2px;}

  /* NAV */
  nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:14px 5%;background:rgba(3,4,10,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);transition:padding .3s,background .3s;}
  .logo{font-family:var(--font-hd);font-size:1.9rem;font-weight:900;letter-spacing:.08em;color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px;}
  .logo span{color:var(--elec);text-shadow:0 0 18px var(--elec);}
  .logo-tag{font-size:.6rem;font-weight:600;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;border:1px solid var(--border);border-radius:3px;padding:2px 6px;align-self:center;}
  .nav-links{display:flex;align-items:center;gap:28px;list-style:none;}
  .nav-links a{font-family:var(--font-hd);font-size:1rem;font-weight:600;letter-spacing:.06em;color:var(--muted);text-decoration:none;text-transform:uppercase;transition:color .2s;}
  .nav-links a:hover{color:var(--elec);}
  .nav-cta-group{display:flex;align-items:center;gap:10px;}
  .btn{font-family:var(--font-hd);font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:all .25s;}
  .btn-ghost{background:transparent;color:var(--elec);border:1px solid rgba(30,179,255,.4);padding:9px 20px;border-radius:4px;}
  .btn-ghost:hover{border-color:var(--elec);background:rgba(30,179,255,.08);box-shadow:0 0 22px rgba(30,179,255,.2);}
  .btn-primary{background:linear-gradient(135deg,var(--blue-mid),var(--elec));color:#fff;padding:9px 22px;border-radius:4px;box-shadow:0 0 28px rgba(30,179,255,.35);}
  .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 40px rgba(30,179,255,.6);}
  .btn-energy{background:linear-gradient(135deg,#c93800,var(--energy));color:#fff;padding:14px 34px;border-radius:4px;font-size:1.1rem;box-shadow:0 0 30px rgba(255,77,26,.35);}
  .btn-energy:hover{transform:translateY(-2px);box-shadow:0 6px 50px rgba(255,77,26,.6);}
  .btn-outline-lg{background:transparent;color:var(--elec);border:2px solid rgba(30,179,255,.5);padding:13px 32px;border-radius:4px;font-size:1.1rem;}
  .btn-outline-lg:hover{border-color:var(--elec);box-shadow:0 0 40px rgba(30,179,255,.25);}
  .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;}
  .hamburger span{display:block;width:24px;height:2px;background:var(--elec);}

  /* HERO */
  #hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;}
  .hero-bg-img{position:absolute;inset:0;z-index:0;background-image:url('<?php echo SEONOS_ASSETS; ?>/images/placeholder.jpg');background-size:cover;background-position:center;filter:brightness(0.15) saturate(0.4);}
  #three-canvas{position:absolute;inset:0;z-index:1;pointer-events:none;}
  .hero-content{position:relative;z-index:2;text-align:center;padding:0 5%;max-width:900px;}
  .hero-eyebrow{font-family:var(--font-hd);font-size:.85rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--elec);margin-bottom:18px;display:inline-flex;align-items:center;gap:10px;}
  .hero-eyebrow::before,.hero-eyebrow::after{content:'';display:block;width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--elec));}
  .hero-eyebrow::after{transform:scaleX(-1);}
  h1{font-family:var(--font-hd);font-size:clamp(3.2rem,8vw,7rem);font-weight:900;line-height:.95;letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:0 0 80px rgba(30,179,255,.25);}
  h1 em{font-style:normal;color:var(--elec);text-shadow:0 0 40px rgba(30,179,255,.7);}
  .hero-sub{font-size:1.15rem;color:var(--muted);font-weight:400;max-width:520px;margin:20px auto 38px;line-height:1.7;}
  .hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
  .hero-badge{margin-top:50px;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;}
  .badge-item{display:flex;align-items:center;gap:7px;font-family:var(--font-hd);font-size:.9rem;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;}
  .badge-dot{width:6px;height:6px;border-radius:50%;background:var(--elec);}

  /* SECTIONS */
  section{padding:100px 5%;}
  .section-inner{max-width:1160px;margin:0 auto;}
  .eyebrow{font-family:var(--font-hd);font-size:.82rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--elec);margin-bottom:12px;display:flex;align-items:center;gap:10px;}
  .eyebrow::before{content:'';display:block;width:28px;height:2px;background:var(--elec);box-shadow:0 0 8px var(--elec);}
  h2{font-family:var(--font-hd);font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:900;text-transform:uppercase;line-height:1;color:#fff;margin-bottom:16px;}
  h2 span{color:var(--elec);}
  .section-sub{font-size:1.05rem;color:var(--muted);max-width:520px;line-height:1.75;margin-bottom:60px;}
  .divider{width:60px;height:3px;margin:18px 0 24px;background:linear-gradient(90deg,var(--elec),var(--blue));box-shadow:0 0 12px var(--elec);}
  .glow-line{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--elec) 50%,transparent 100%);box-shadow:0 0 12px var(--elec);opacity:.3;}

  /* CLIENT TICKER */
  #clients{background:var(--dark);padding:60px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;}
  .clients-label{text-align:center;font-family:var(--font-hd);font-size:.8rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:32px;}
  .ticker-wrap{overflow:hidden;position:relative;}
  .ticker-fade-l{position:absolute;left:0;top:0;bottom:0;width:120px;background:linear-gradient(to right,var(--dark),transparent);z-index:2;pointer-events:none;}
  .ticker-fade-r{position:absolute;right:0;top:0;bottom:0;width:120px;background:linear-gradient(to left,var(--dark),transparent);z-index:2;pointer-events:none;}
  .ticker-track{display:flex;gap:16px;width:max-content;animation:ticker 30s linear infinite;padding-bottom:4px;}
  .ticker-track:hover{animation-play-state:paused;}
  @keyframes ticker{from{transform:translateX(0);}to{transform:translateX(-50%);}}
  .ticker-card{width:196px;height:116px;flex-shrink:0;border:1px solid var(--border);overflow:hidden;border-radius:4px;cursor:pointer;transition:all .3s;}
  .ticker-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(55%) brightness(0.7);transition:all .4s;}
  .ticker-card:hover img{filter:grayscale(0%) brightness(0.9);transform:scale(1.06);}
  .ticker-card:hover{border-color:rgba(30,179,255,.45);box-shadow:0 0 30px rgba(30,179,255,.18);}

  /* HOW IT WORKS */
  #how{background:var(--dark);}
  .steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2px;margin-top:60px;}
  .step{background:var(--dark2);padding:42px 32px;border-top:2px solid transparent;position:relative;transition:border-color .3s,transform .3s;overflow:hidden;}
  .step::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(30,179,255,.04) 0%,transparent 60%);pointer-events:none;}
  .step:hover{border-color:var(--elec);transform:translateY(-4px);}
  .step-num{font-family:var(--font-hd);font-size:4.5rem;font-weight:900;color:rgba(30,179,255,.1);line-height:1;position:absolute;top:20px;right:24px;}
  .step-icon{width:48px;height:48px;border-radius:8px;background:rgba(30,179,255,.1);border:1px solid rgba(30,179,255,.25);display:flex;align-items:center;justify-content:center;margin-bottom:22px;font-size:1.4rem;}
  .step h3{font-family:var(--font-hd);font-size:1.6rem;font-weight:800;text-transform:uppercase;color:#fff;margin-bottom:10px;letter-spacing:.04em;}
  .step p{font-size:.95rem;color:var(--muted);line-height:1.65;}

  /* SERVICES */
  #services{background:var(--black);}
  .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;margin-top:60px;}
  .service-card{background:var(--dark2);padding:44px 36px;border:1px solid var(--border);position:relative;transition:all .3s;overflow:hidden;cursor:pointer;}
  .service-card::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--elec),var(--blue));transition:width .4s ease;}
  .service-card:hover::after{width:100%;}
  .service-card:hover{background:var(--dark);box-shadow:0 0 60px rgba(30,179,255,.1);}
  .service-icon{font-size:2.2rem;margin-bottom:24px;display:block;filter:drop-shadow(0 0 8px rgba(30,179,255,.5));}
  .service-card h3{font-family:var(--font-hd);font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#fff;margin-bottom:10px;}
  .service-card p{font-size:.93rem;color:var(--muted);line-height:1.7;}
  .service-link{display:inline-flex;align-items:center;gap:6px;margin-top:20px;font-family:var(--font-hd);font-size:.9rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--elec);text-decoration:none;transition:gap .2s;}
  .service-link:hover{gap:12px;}

  /* INDUSTRIES */
  #industries{background:var(--dark);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
  .ind-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:60px;}
  .ind-card{background:var(--black);border:1px solid var(--border);padding:48px 36px;border-radius:2px;position:relative;transition:all .3s;overflow:hidden;}
  .ind-card::before{content:'';position:absolute;top:-1px;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--energy),var(--energy2));transition:width .4s ease;}
  .ind-card:hover::before{width:100%;}
  .ind-card:hover{border-color:rgba(255,77,26,.3);box-shadow:0 0 60px rgba(255,77,26,.08);transform:translateY(-3px);}
  .ind-emoji{font-size:2.8rem;margin-bottom:22px;display:block;}
  .ind-card h3{font-family:var(--font-hd);font-size:1.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#fff;margin-bottom:10px;}
  .ind-card p{font-size:.93rem;color:var(--muted);line-height:1.7;}

  /* MEMPHIS LOCATION BANNER */
  #memphis-section{position:relative;min-height:460px;display:flex;align-items:center;overflow:hidden;}
  .memphis-bg{position:absolute;inset:0;z-index:0;background-image:url('<?php echo SEONOS_ASSETS; ?>/images/placeholder.jpg');background-size:cover;background-position:center 40%;}
  .memphis-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,4,10,.96) 40%,rgba(3,4,10,.65) 70%,rgba(3,4,10,.25) 100%);}
  .memphis-content{position:relative;z-index:2;padding:80px 5%;max-width:640px;}
  .memphis-content h2{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:16px;}
  .memphis-content p{color:var(--muted);line-height:1.8;max-width:500px;margin-bottom:28px;}
  .location-pills{display:flex;flex-wrap:wrap;gap:8px;}
  .lpill{font-size:.78rem;color:var(--elec);background:rgba(30,179,255,.08);border:1px solid rgba(30,179,255,.2);padding:5px 12px;border-radius:20px;font-family:var(--font-hd);letter-spacing:.08em;font-weight:600;}

  /* STATS */
  #stats{background:var(--black);padding:80px 5%;}
  .stats-inner{max-width:1160px;margin:0 auto;}
  .stats-header{text-align:center;margin-bottom:60px;}
  .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px;}
  .stat-block{background:var(--dark2);padding:44px 30px;text-align:center;border:1px solid var(--border);position:relative;overflow:hidden;transition:all .3s;}
  .stat-block:hover{border-color:rgba(30,179,255,.3);box-shadow:0 0 50px rgba(30,179,255,.1);}
  .stat-num{font-family:var(--font-hd);font-size:3.8rem;font-weight:900;color:var(--elec);line-height:1;text-shadow:0 0 40px rgba(30,179,255,.5);}
  .stat-label{font-family:var(--font-hd);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-top:8px;}

  /* PORTFOLIO */
  #portfolio{background:var(--dark);}
  .portfolio-showcase{margin-top:60px;position:relative;border-radius:4px;overflow:hidden;border:1px solid var(--border);}
  .portfolio-showcase img{width:100%;display:block;filter:brightness(0.75) saturate(0.8);transition:filter .4s;}
  .portfolio-showcase:hover img{filter:brightness(0.9) saturate(1);}
  .portfolio-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,4,10,.96) 100%);display:flex;align-items:flex-end;padding:48px;}
  .po-text h3{font-family:var(--font-hd);font-size:2rem;font-weight:900;text-transform:uppercase;color:#fff;margin-bottom:8px;}
  .po-text p{color:var(--muted);font-size:.97rem;max-width:480px;line-height:1.7;}

  /* TRUST SPLIT */
  #trust{background:var(--black);}
  .trust-split{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);overflow:hidden;margin-top:60px;}
  .trust-img-col{position:relative;min-height:520px;overflow:hidden;}
  .trust-img-col img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:brightness(0.7) saturate(0.75);transition:transform .6s,filter .4s;}
  .trust-split:hover .trust-img-col img{transform:scale(1.04);filter:brightness(0.82) saturate(0.9);}
  .trust-img-overlay{position:absolute;inset:0;background:linear-gradient(to right,transparent 55%,rgba(3,4,10,1) 100%);}
  .trust-text-col{background:var(--dark2);padding:60px 52px;border-left:1px solid var(--border);position:relative;display:flex;flex-direction:column;justify-content:center;}
  .trust-text-col::before{content:'';position:absolute;top:0;left:-1px;width:3px;height:100%;background:linear-gradient(180deg,var(--elec),var(--blue));}
  .trust-text-col h2{font-size:2.4rem;margin-bottom:14px;}
  .trust-text-col > p{color:var(--muted);line-height:1.8;margin-bottom:24px;}
  .trust-points{list-style:none;margin-bottom:32px;}
  .trust-points li{display:flex;align-items:flex-start;gap:12px;font-size:.97rem;color:var(--text);padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);}
  .tp-icon{width:22px;height:22px;border-radius:50%;background:rgba(30,179,255,.15);border:1px solid rgba(30,179,255,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.65rem;color:var(--elec);margin-top:2px;}

  /* WORKING TOGETHER */
  #working{background:var(--dark);padding:0;border-top:1px solid var(--border);}
  .working-split{display:grid;grid-template-columns:1fr 1fr;min-height:500px;}
  .working-img{position:relative;overflow:hidden;}
  .working-img img{width:100%;height:100%;object-fit:cover;filter:brightness(0.5) saturate(0.55);}
  .working-img-overlay{position:absolute;inset:0;background:linear-gradient(to left,rgba(7,9,15,0) 0%,rgba(7,9,15,.25) 100%);}
  .working-text{background:var(--dark);padding:80px 60px;display:flex;flex-direction:column;justify-content:center;}
  .working-text h2{font-size:2.6rem;margin-bottom:16px;}
  .working-text .section-sub{margin-bottom:22px;max-width:100%;}

  /* PRICING */
  #pricing{background:var(--black);}
  .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2px;margin-top:60px;}
  .price-card{background:var(--dark2);padding:48px 36px;border:1px solid var(--border);position:relative;transition:all .35s;}
  .price-card.featured{border-color:rgba(30,179,255,.45);background:linear-gradient(160deg,#0a1428,#07090F);box-shadow:0 0 80px rgba(30,179,255,.15);}
  .price-card.featured::before{content:'MOST POPULAR';position:absolute;top:-1px;left:50%;transform:translateX(-50%);font-family:var(--font-hd);font-size:.7rem;font-weight:700;letter-spacing:.2em;color:var(--black);background:linear-gradient(90deg,var(--elec),var(--blue-mid));padding:4px 18px;}
  .price-card:hover{transform:translateY(-6px);box-shadow:0 12px 60px rgba(30,179,255,.15);}
  .price-tier{font-family:var(--font-hd);font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;}
  .price-name{font-family:var(--font-hd);font-size:2rem;font-weight:900;text-transform:uppercase;color:#fff;margin-bottom:20px;}
  .price-features{list-style:none;margin-bottom:34px;}
  .price-features li{display:flex;align-items:center;gap:10px;font-size:.95rem;color:var(--text);padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);}
  .price-features li::before{content:'✦';color:var(--elec);font-size:.6rem;flex-shrink:0;}
  .price-card .btn-outline-lg{width:100%;justify-content:center;}
  .price-card.featured .btn-primary{width:100%;justify-content:center;font-size:1rem;padding:14px;}

  /* AUDIT */
  #audit{position:relative;overflow:hidden;padding:100px 5%;}
  .audit-bg{position:absolute;inset:0;z-index:0;background-image:url('<?php echo SEONOS_ASSETS; ?>/images/placeholder.jpg');background-size:cover;background-position:center;filter:brightness(0.07) saturate(0.2);}
  .audit-glow{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 80% 60% at 50% 100%,rgba(30,179,255,.08),transparent);pointer-events:none;}
  .audit-inner{max-width:760px;margin:0 auto;text-align:center;position:relative;z-index:2;}
  .audit-inner h2{text-align:center;}
  .audit-inner .section-sub{margin:0 auto 50px;text-align:center;max-width:480px;}
  .form-steps{display:flex;justify-content:center;gap:0;margin-bottom:44px;}
  .form-step-dot{display:flex;align-items:center;}
  .fsd-circle{width:36px;height:36px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-hd);font-size:.9rem;font-weight:700;color:var(--muted);transition:all .3s;}
  .fsd-circle.active{border-color:var(--elec);color:var(--elec);box-shadow:0 0 20px rgba(30,179,255,.4);}
  .fsd-circle.done{background:var(--elec);border-color:var(--elec);color:var(--black);}
  .fsd-line{width:60px;height:1px;background:var(--border);margin:0 4px;transition:background .3s;}
  .fsd-line.active{background:var(--elec);box-shadow:0 0 8px var(--elec);}
  .form-panel{display:none;text-align:left;}
  .form-panel.active{display:block;}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
  .form-row.full{grid-template-columns:1fr;}
  .form-field{display:flex;flex-direction:column;gap:7px;}
  .form-field label{font-family:var(--font-hd);font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}
  .form-field input,.form-field select,.form-field textarea{background:var(--dark2);border:1px solid var(--border);color:#fff;padding:14px 16px;border-radius:4px;font-family:var(--font-bd);font-size:1rem;transition:border-color .25s,box-shadow .25s;outline:none;width:100%;}
  .form-field input:focus,.form-field textarea:focus{border-color:rgba(30,179,255,.5);box-shadow:0 0 0 3px rgba(30,179,255,.1);}
  .form-field select{appearance:none;cursor:pointer;}
  .form-field textarea{resize:vertical;min-height:100px;}
  .form-nav{display:flex;justify-content:space-between;align-items:center;margin-top:28px;}
  .form-success{display:none;text-align:center;padding:50px 20px;}
  .form-success.show{display:block;}
  .success-icon{width:72px;height:72px;border-radius:50%;background:rgba(30,179,255,.15);border:2px solid var(--elec);display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 24px;box-shadow:0 0 40px rgba(30,179,255,.3);}

  /* TESTIMONIALS */
  #testimonials{background:var(--dark);}
  .testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:60px;}
  .testi-card{background:var(--dark2);border:1px solid var(--border);padding:36px 32px;position:relative;transition:all .3s;}
  .testi-card:hover{border-color:rgba(30,179,255,.25);box-shadow:0 8px 50px rgba(30,179,255,.08);}
  .stars{color:var(--energy2);font-size:1rem;letter-spacing:2px;margin-bottom:16px;}
  .testi-text{font-size:.97rem;color:var(--text);line-height:1.75;margin-bottom:20px;}
  .testi-author{font-family:var(--font-hd);font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;}
  .testi-biz{font-size:.85rem;color:var(--muted);margin-top:3px;}
  .testi-img-card{padding:0;overflow:hidden;background:transparent;border-color:rgba(30,179,255,.15);}
  .testi-img-card:hover{border-color:rgba(30,179,255,.35);box-shadow:0 8px 50px rgba(30,179,255,.12);}
  .testi-img-card img{filter:brightness(1);transition:transform .4s,filter .3s;}
  .testi-img-card:hover img{transform:scale(1.02);filter:brightness(1.05);}
  /* floating transparent testimonials */
  .testi-float-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px;align-items:center;padding:20px 0 40px;}
  .testi-float{display:flex;justify-content:center;align-items:center;position:relative;}
  .testi-float::before{content:'';position:absolute;inset:-20px;border-radius:16px;background:radial-gradient(ellipse at center,rgba(30,179,255,.07) 0%,transparent 70%);pointer-events:none;}
  .testi-float img{max-width:100%;height:auto;filter:drop-shadow(0 0 18px rgba(30,179,255,.45)) drop-shadow(0 0 40px rgba(30,179,255,.2));transition:filter .4s,transform .4s;}
  .testi-float:hover img{filter:drop-shadow(0 0 28px rgba(30,179,255,.7)) drop-shadow(0 0 60px rgba(30,179,255,.35));transform:translateY(-4px) scale(1.02);}

  /* FINAL CTA */
  #finalcta{background:var(--dark);text-align:center;border-top:1px solid var(--border);position:relative;overflow:hidden;}
  #finalcta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(30,179,255,.07),transparent);pointer-events:none;}
  #finalcta h2{margin-bottom:14px;}
  .cta-sub{font-size:1.1rem;color:var(--muted);margin-bottom:44px;}
  .cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
  .phone-big{font-family:var(--font-hd);font-size:1.6rem;font-weight:800;color:var(--elec);letter-spacing:.06em;margin-top:30px;display:block;text-decoration:none;transition:text-shadow .3s;}
  .phone-big:hover{text-shadow:0 0 30px rgba(30,179,255,.8);}

  /* FOOTER */
  footer{background:var(--black);border-top:1px solid var(--border);padding:60px 5% 36px;}
  .footer-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;margin-bottom:50px;}
  .footer-brand .logo{font-size:1.6rem;margin-bottom:14px;display:inline-flex;}
  .footer-brand p{font-size:.9rem;color:var(--muted);line-height:1.7;}
  .footer-col h4{font-family:var(--font-hd);font-size:.85rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--elec);margin-bottom:18px;}
  .footer-col ul{list-style:none;}
  .footer-col ul li{margin-bottom:10px;}
  .footer-col ul li a{font-size:.9rem;color:var(--muted);text-decoration:none;transition:color .2s;}
  .footer-col ul li a:hover{color:var(--elec);}
  .footer-bottom{max-width:1160px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--border);font-size:.83rem;color:var(--muted);flex-wrap:wrap;gap:12px;}

  /* REVEAL */
  .reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease;}
  .reveal.visible{opacity:1;transform:translateY(0);}

  /* RESPONSIVE */
  @media(max-width:900px){
    .nav-links,.nav-cta-group .btn-ghost{display:none;}
    .hamburger{display:flex;}
    .trust-split,.working-split{grid-template-columns:1fr;}
    .trust-img-col{min-height:280px;}
    .trust-img-overlay{background:linear-gradient(to bottom,transparent 55%,rgba(3,4,10,1) 100%);}
    .footer-inner{grid-template-columns:1fr 1fr;gap:36px;}
    .form-row{grid-template-columns:1fr;}
    .working-text{padding:50px 36px;}
    .memphis-overlay{background:rgba(3,4,10,.88);}
    .portfolio-overlay{padding:28px;}
  }
  @media(max-width:600px){
    section{padding:70px 5%;}
    .footer-inner{grid-template-columns:1fr;}
    .footer-bottom{flex-direction:column;text-align:center;}
    .hero-btns{flex-direction:column;align-items:center;}
    .trust-text-col{padding:40px 28px;}
  }

  /* ══ LIGHT MODE ══════════════════════════════════════════════ */
  body.light {
    --black: #F0F4FF;
    --dark: #E5ECFA;
    --dark2: #D8E4F7;
    --blue: #0B3D91;
    --blue-mid: #1567D3;
    --elec: #0888CC;
    --glow: rgba(8,136,204,.4);
    --energy: #E03A0E;
    --energy2: #D4900A;
    --text: #0B1A3A;
    --muted: #3D5A82;
    --border: rgba(11,61,145,.14);
  }
  body.light nav { background: rgba(240,244,255,.94); border-color: rgba(11,61,145,.12); }
  body.light .logo { color: var(--blue); }
  body.light h1, body.light h2, body.light .step h3, body.light .service-card h3,
  body.light .ind-card h3, body.light .price-name, body.light .testi-author,
  body.light .stat-num, body.light .trust-text-col h2, body.light .po-text h3,
  body.light .working-text h2, body.light .eyebrow { color: var(--blue); }
  body.light .eyebrow { color: var(--blue-mid); }
  body.light .eyebrow::before { background: var(--blue-mid); box-shadow: 0 0 8px var(--blue-mid); }
  body.light .service-card, body.light .ind-card, body.light .testi-card,
  body.light .price-card, body.light .step, body.light .stat-block,
  body.light .trust-text-col, body.light .trust-split { background: #fff; }
  body.light .services-grid, body.light .pricing-grid, body.light .steps-grid { background: transparent; }
  body.light #audit { background: #EEF4FF; }
  body.light .audit-bg { filter: brightness(0.04) saturate(0.1); }
  body.light .btn-primary { box-shadow: 0 0 20px rgba(21,103,211,.3); }
  body.light .glow-line { background: linear-gradient(90deg, transparent, var(--blue-mid) 50%, transparent); opacity:.2; }
  body.light .hero-bg-img { filter: brightness(0.12) saturate(0.3); }
  body.light #hero { background: #07090F; }
  body.light .hero-content .hero-sub { color: rgba(216,228,255,.8); }
  body.light .hero-eyebrow, body.light h1, body.light #hero .badge-item { color: inherit; }
  body.light #hero h1 { color: #fff; }
  body.light #hero .hero-sub { color: rgba(200,220,255,.75); }
  body.light .stat-label { color: var(--muted); }
  body.light .footer-col ul li a:hover { color: var(--blue-mid); }
  body.light .ticker-card img { filter: grayscale(30%) brightness(0.85); }
  body.light .trust-img-col img { filter: brightness(0.85); }
  body.light .working-img img { filter: brightness(0.7) saturate(0.7); }
  body.light #finalcta { border-color: rgba(11,61,145,.12); }
  body.light #finalcta::before { background: radial-gradient(ellipse 70% 80% at 50% 50%, rgba(21,103,211,.06), transparent); }

  /* ══ THEME TOGGLE BTN ══════════════════════════════════════ */
  .theme-toggle {
    width: 42px; height: 42px; border-radius: 50%;
    background: rgba(30,179,255,.08); border: 1px solid var(--border);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; transition: all .3s; color: var(--elec);
    font-size: 1.1rem; flex-shrink: 0;
  }
  .theme-toggle:hover { background: rgba(30,179,255,.15); box-shadow: 0 0 20px rgba(30,179,255,.2); }

  /* ══ SECTION DOTS NAV ════════════════════════════════════════ */
  #section-dots {
    position: fixed; right: 22px; top: 50%; transform: translateY(-50%);
    z-index: 500; display: flex; flex-direction: column; gap: 10px; align-items: center;
  }
  .sd {
    width: 8px; height: 8px; border-radius: 50%;
    border: 1px solid rgba(30,179,255,.5); background: transparent;
    cursor: pointer; transition: all .3s; position: relative;
  }
  .sd.active { background: var(--elec); border-color: var(--elec); box-shadow: 0 0 10px var(--elec); width: 10px; height: 10px; }
  .sd:hover { background: rgba(30,179,255,.4); }
  .sd .sd-label {
    position: absolute; right: 18px; top: 50%; transform: translateY(-50%);
    font-family: var(--font-hd); font-size: .72rem; font-weight: 700; letter-spacing: .12em;
    text-transform: uppercase; color: var(--elec);
    background: rgba(3,4,10,.92); border: 1px solid var(--border);
    padding: 4px 10px; white-space: nowrap; border-radius: 3px;
    opacity: 0; pointer-events: none; transition: opacity .2s; backdrop-filter: blur(8px);
  }
  .sd:hover .sd-label { opacity: 1; }
  @media(max-width:768px){ #section-dots { display: none; } }

  /* ══ SCROLL ARROW ════════════════════════════════════════════ */
  .scroll-arrow {
    display: flex; justify-content: center; align-items: center;
    width: 44px; height: 44px; border-radius: 50%;
    border: 1px solid rgba(30,179,255,.35); color: var(--elec);
    cursor: pointer; transition: all .3s; animation: arrowBob 2s ease-in-out infinite;
    background: rgba(30,179,255,.06); backdrop-filter: blur(8px);
  }
  .scroll-arrow:hover { border-color: var(--elec); background: rgba(30,179,255,.15); box-shadow: 0 0 24px rgba(30,179,255,.3); }
  .scroll-arrow svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; }
  @keyframes arrowBob { 0%,100%{transform:translateY(0);} 50%{transform:translateY(6px);} }
  .section-end { display: flex; justify-content: center; padding: 20px 0 50px; }

  /* ══ SPACESHIP CURSOR ════════════════════════════════════════ */
  #spaceship {
    position: fixed; pointer-events: none; z-index: 9999;
    width: 36px; height: 36px; opacity: 0;
    transform-origin: center center;
    filter: drop-shadow(0 0 8px #1EB3FF) drop-shadow(0 0 16px rgba(30,179,255,.5));
    transition: opacity .3s;
  }
  #spaceship.visible { opacity: 1; }
  .ship-trail {
    position: fixed; pointer-events: none; z-index: 9998; border-radius: 50%;
    background: var(--elec); opacity: 0;
    animation: trailFade .6s ease-out forwards;
  }
  @keyframes trailFade { 0%{opacity:.7;transform:scale(1);} 100%{opacity:0;transform:scale(0);} }

  /* ══ CHAT WIDGET ═════════════════════════════════════════════ */
  #chat-widget {
    position: fixed; bottom: 28px; right: 28px; z-index: 1000;
  }
  #chat-btn {
    width: 58px; height: 58px; border-radius: 50%;
    background: linear-gradient(135deg, var(--blue-mid), var(--elec));
    border: 2px solid rgba(255,255,255,.2);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; transition: all .3s;
    box-shadow: 0 4px 24px rgba(30,179,255,.45), 0 0 0 0 rgba(30,179,255,.4);
    animation: chatPulse 3s ease-in-out infinite;
    position: relative; z-index: 2;
  }
  #chat-btn:hover { transform: scale(1.1); box-shadow: 0 6px 32px rgba(30,179,255,.6); animation: none; }
  #chat-btn svg { width: 24px; height: 24px; fill: #fff; }
  #chat-btn .chat-dot {
    position: absolute; top: -2px; right: -2px;
    width: 14px; height: 14px; border-radius: 50%;
    background: var(--energy); border: 2px solid var(--black);
    animation: dotBlink 1.5s ease-in-out infinite;
  }
  @keyframes chatPulse {
    0%,70%,100%{ box-shadow: 0 4px 24px rgba(30,179,255,.45), 0 0 0 0 rgba(30,179,255,.35); }
    40%{ animation-name: chatShake; }
    35%{ box-shadow: 0 4px 24px rgba(30,179,255,.45), 0 0 0 10px rgba(30,179,255,0); }
  }
  @keyframes chatShake {
    0%,100%{transform:rotate(0);}
    15%{transform:rotate(-12deg);}
    30%{transform:rotate(12deg);}
    45%{transform:rotate(-8deg);}
    60%{transform:rotate(8deg);}
    75%{transform:rotate(-4deg);}
  }
  @keyframes dotBlink { 0%,100%{opacity:1;} 50%{opacity:.3;} }
  #chat-panel {
    position: absolute; bottom: 72px; right: 0;
    width: 320px; background: var(--dark2); border: 1px solid var(--border);
    border-radius: 12px; overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.5), 0 0 40px rgba(30,179,255,.1);
    transform: scale(0.8) translateY(20px); transform-origin: bottom right;
    opacity: 0; pointer-events: none;
    transition: all .3s cubic-bezier(.34,1.56,.64,1);
  }
  #chat-panel.open { transform: scale(1) translateY(0); opacity: 1; pointer-events: all; }
  .cp-header {
    background: linear-gradient(135deg, var(--blue), var(--blue-mid));
    padding: 16px 20px; display: flex; align-items: center; justify-content: space-between;
  }
  .cp-header-left { display: flex; align-items: center; gap: 10px; }
  .cp-avatar {
    width: 36px; height: 36px; border-radius: 50%;
    background: rgba(255,255,255,.2); border: 2px solid rgba(255,255,255,.3);
    display: flex; align-items: center; justify-content: center; font-size: 1.1rem;
  }
  .cp-name { font-family: var(--font-hd); font-size: 1rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: #fff; }
  .cp-status { font-size: .75rem; color: rgba(255,255,255,.7); margin-top: 1px; display: flex; align-items: center; gap: 4px; }
  .cp-status-dot { width: 6px; height: 6px; border-radius: 50%; background: #4ade80; }
  .cp-close { background: none; border: none; color: rgba(255,255,255,.7); cursor: pointer; font-size: 1.2rem; padding: 4px; transition: color .2s; }
  .cp-close:hover { color: #fff; }
  .cp-body { padding: 20px; }
  .cp-intro { font-size: .88rem; color: var(--muted); line-height: 1.65; margin-bottom: 16px; }
  .cp-input {
    width: 100%; background: rgba(255,255,255,.05); border: 1px solid var(--border);
    color: var(--text); padding: 11px 14px; border-radius: 8px;
    font-family: var(--font-bd); font-size: .92rem; outline: none; margin-bottom: 10px;
    transition: border-color .2s;
  }
  .cp-input:focus { border-color: rgba(30,179,255,.5); }
  .cp-input::placeholder { color: var(--muted); opacity: .6; }
  .cp-send {
    width: 100%; background: linear-gradient(135deg, var(--blue-mid), var(--elec));
    color: #fff; border: none; padding: 12px; border-radius: 8px;
    font-family: var(--font-hd); font-size: 1rem; font-weight: 700; letter-spacing: .08em;
    text-transform: uppercase; cursor: pointer; transition: all .25s; margin-top: 6px;
    box-shadow: 0 4px 16px rgba(30,179,255,.3);
  }
  .cp-send:hover { transform: translateY(-1px); box-shadow: 0 6px 24px rgba(30,179,255,.5); }
  .cp-success { display: none; text-align: center; padding: 24px 20px; }
  .cp-success.show { display: block; }
  .cp-success-icon { font-size: 2.4rem; margin-bottom: 12px; filter: drop-shadow(0 0 10px rgba(30,179,255,.6)); }
  .cp-success h4 { font-family: var(--font-hd); font-size: 1.2rem; font-weight: 800; text-transform: uppercase; color: var(--elec); margin-bottom: 8px; }
  .cp-success p { font-size: .88rem; color: var(--muted); line-height: 1.6; }
  .cp-footer { padding: 10px 20px; border-top: 1px solid var(--border); text-align: center; font-family: var(--font-hd); font-size: .7rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }

  /* ══ SVG ICON SYSTEM ═════════════════════════════════════════ */
  .ico { display: block; width: 100%; height: 100%; }
  .service-icon, .step-icon { display: flex; align-items: center; justify-content: center; }
  .service-icon svg, .step-icon svg { width: 28px; height: 28px; fill: none; stroke: var(--elec); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 6px rgba(30,179,255,.5)); }
  .ind-emoji svg { width: 36px; height: 36px; fill: none; stroke: var(--elec); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 8px rgba(30,179,255,.4)); }

  /* ══ ENHANCED HERO ═══════════════════════════════════════════ */
  .hero-content { cursor: none; }
  #hero::after {
    content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(30,179,255,.04) 0%, transparent 70%);
    animation: heroGlow 4s ease-in-out infinite;
  }
  @keyframes heroGlow { 0%,100%{opacity:.5;} 50%{opacity:1;} }
  .hero-scroll-hint {
    position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);
    z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 8px;
    font-family: var(--font-hd); font-size: .72rem; font-weight: 700; letter-spacing: .2em;
    text-transform: uppercase; color: rgba(120,150,192,.6);
    animation: hintFade 2s ease-in-out infinite;
  }
  @keyframes hintFade { 0%,100%{opacity:.4;} 50%{opacity:1;} }
  .hero-scroll-hint svg { width: 20px; height: 20px; stroke: rgba(30,179,255,.5); fill: none; stroke-width: 1.5; }

  /* ══ SECTION TRANSITIONS ═════════════════════════════════════ */
  .section-reveal { opacity: 0; transform: translateY(40px); transition: opacity .8s cubic-bezier(.25,.46,.45,.94), transform .8s cubic-bezier(.25,.46,.45,.94); }
  .section-reveal.in { opacity: 1; transform: translateY(0); }
  .section-reveal-left { opacity: 0; transform: translateX(-40px); transition: opacity .8s ease, transform .8s ease; }
  .section-reveal-left.in { opacity: 1; transform: translateX(0); }
  .section-reveal-right { opacity: 0; transform: translateX(40px); transition: opacity .8s ease, transform .8s ease; }
  .section-reveal-right.in { opacity: 1; transform: translateX(0); }

  /* ══ PROGRESS LINE ═══════════════════════════════════════════ */
  #scroll-progress {
    position: fixed; top: 0; left: 0; z-index: 9999;
    height: 2px; width: 0%;
    background: linear-gradient(90deg, var(--blue-mid), var(--elec), var(--energy));
    transition: width .1s linear;
    box-shadow: 0 0 8px var(--elec);
  }

  /* ── TESTIMONIAL blend-mode fix ───────────────────────────── */
  .testi-float img { mix-blend-mode: screen; background: transparent; }
  body.light .testi-float img { mix-blend-mode: multiply; }
  #testimonials { background: var(--black) !important; }

  /* ── PHONE BUTTON pulse ring ───────────────────────────────── */
  .nav-phone {
    position: relative;
  }
  .nav-phone::after {
    content: '';
    position: absolute; inset: -4px;
    border-radius: 6px;
    border: 1px solid var(--elec);
    animation: phoneRing 2.4s ease-in-out infinite;
    pointer-events: none;
  }
  @keyframes phoneRing {
    0%,100%{ opacity: 0; transform: scale(0.96); }
    50%    { opacity: .5; transform: scale(1.06); }
  }

  /* ── AMBIENT CANVAS ────────────────────────────────────────── */
  #ambient-canvas {
    position: fixed; inset: 0; z-index: 0; pointer-events: none;
    opacity: .45;
  }

  /* ── FOOTER THREE.JS canvas ────────────────────────────────── */
  #footer-canvas-wrap {
    position: absolute; inset: 0; z-index: 0; overflow: hidden;
    opacity: .55;
  }
  #footer-canvas { display: block; width: 100%; height: 100%; }
  footer { position: relative; overflow: hidden; }
  footer > * { position: relative; z-index: 1; }

  /* ── CARD POP-OUT EFFECTS ──────────────────────────────────── */
  .service-card {
    transition: transform .35s cubic-bezier(.25,.46,.45,.94),
                box-shadow .35s ease, background .3s, border-color .3s !important;
    will-change: transform;
  }
  .service-card:hover {
    transform: translateY(-10px) scale(1.02) !important;
    box-shadow: 0 24px 60px rgba(30,179,255,.2), 0 0 0 1px rgba(30,179,255,.25) !important;
    z-index: 2;
  }
  .step {
    transition: transform .3s ease, border-color .3s, box-shadow .3s !important;
    will-change: transform;
  }
  .step:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 16px 40px rgba(30,179,255,.15) !important;
  }
  .ind-card {
    transition: transform .3s ease, border-color .3s, box-shadow .3s !important;
  }
  .ind-card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 20px 50px rgba(255,77,26,.12) !important;
  }
  .price-card {
    transition: transform .35s cubic-bezier(.25,.46,.45,.94), box-shadow .35s !important;
  }
  .price-card:hover {
    transform: translateY(-12px) scale(1.015) !important;
    box-shadow: 0 28px 70px rgba(30,179,255,.2) !important;
  }
  .stat-block {
    transition: transform .3s ease, border-color .3s, box-shadow .3s !important;
  }
  .stat-block:hover {
    transform: translateY(-6px) scale(1.03) !important;
    box-shadow: 0 16px 48px rgba(30,179,255,.15) !important;
  }
  .ticker-card:hover {
    transform: scale(1.06) !important;
  }
  .testi-card:hover {
    transform: translateY(-6px) !important;
  }

  /* ── FOOTER ENHANCED ───────────────────────────────────────── */
  .footer-brand .logo { transition: text-shadow .3s; }
  .footer-brand .logo:hover { text-shadow: 0 0 30px rgba(30,179,255,.6); }
  .footer-col ul li a { transition: color .2s, padding-left .2s; }
  .footer-col ul li a:hover { padding-left: 6px; }

  /* ══ LOGO shimmer + float ════════════════════════════════════ */
  .logo { animation: logoFloat 4s ease-in-out infinite; position: relative; overflow: visible !important; }
  .logo::after {
    content: ''; position: absolute; top: -4px; left: -30%;
    width: 60%; height: 130%;
    background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.55) 45%, rgba(30,179,255,.3) 55%, transparent 75%);
    transform: skewX(-15deg);
    animation: logoShine 4.5s ease-in-out infinite;
    pointer-events: none;
  }
  @keyframes logoFloat { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-4px);} }
  @keyframes logoShine { 0%{left:-40%;opacity:0;} 10%{opacity:1;} 50%{left:140%;opacity:1;} 55%,100%{left:140%;opacity:0;} }
  .footer-logo-big {
    font-family:var(--font-hd); font-size:clamp(4rem,11vw,9.5rem); font-weight:900;
    letter-spacing:.06em; text-transform:uppercase; color:#fff; line-height:1;
    position:relative; display:inline-block; overflow:visible;
    animation:logoFloat 4s ease-in-out infinite;
    text-shadow:0 0 60px rgba(30,179,255,.35);
  }
  .footer-logo-big .flspan { color:var(--elec); text-shadow:0 0 40px var(--elec),0 0 80px rgba(30,179,255,.35); }
  .footer-logo-big::after {
    content:''; position:absolute; top:-4px; left:-30%; width:65%; height:135%;
    background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.6) 45%,rgba(30,179,255,.4) 55%,transparent 75%);
    transform:skewX(-15deg); animation:logoShine 4.5s ease-in-out infinite; pointer-events:none;
  }

  /* ══ PHONE BUTTON redesign ════════════════════════════════════ */
  .nav-phone {
    background: linear-gradient(135deg,#c93800,#FF4D1A) !important;
    color:#fff !important; border:none !important;
    box-shadow:0 0 22px rgba(255,77,26,.5) !important;
    animation:phonePing 2.2s ease-in-out infinite !important;
  }
  .nav-phone::after { display:none !important; }
  .nav-phone:hover { transform:translateY(-2px) !important; box-shadow:0 4px 36px rgba(255,77,26,.7) !important; animation:none !important; }
  @keyframes phonePing {
    0%,100%{ box-shadow:0 0 22px rgba(255,77,26,.5),0 0 0 0 rgba(255,77,26,.4); }
    50%    { box-shadow:0 0 28px rgba(255,77,26,.6),0 0 0 10px rgba(255,77,26,0); }
  }

  /* ══ NAV CITIES DROPDOWN ══════════════════════════════════════ */
  .nav-dropdown { position:relative; }
  .nav-dropdown-menu {
    position:absolute; top:calc(100% + 8px); left:50%; transform:translateX(-50%) translateY(6px);
    background:rgba(7,9,15,.97); border:1px solid var(--border); backdrop-filter:blur(18px);
    min-width:190px; padding:8px 0; opacity:0; pointer-events:none;
    transition:opacity .2s,transform .2s; border-radius:4px;
    box-shadow:0 20px 60px rgba(0,0,0,.5);
  }
  .nav-dropdown:hover .nav-dropdown-menu { opacity:1; pointer-events:all; transform:translateX(-50%) translateY(0); }
  .nav-dropdown-menu a {
    display:block; padding:10px 20px; font-family:var(--font-hd); font-size:.88rem;
    font-weight:600; letter-spacing:.08em; text-transform:uppercase;
    color:var(--muted); text-decoration:none; transition:color .15s,padding-left .15s;
  }
  .nav-dropdown-menu a:hover { color:var(--elec); padding-left:26px; }
  .nav-caret { font-size:.6rem; margin-left:2px; opacity:.55; }

  /* ══ FOOTER SCENE ═════════════════════════════════════════════ */
  footer { position:relative; overflow:hidden; }
  footer > * { position:relative; z-index:1; }
  #footer-scene {
    position:relative; height:480px; overflow:hidden;
    border-top:1px solid var(--border);
    display:flex; align-items:center; justify-content:center;
  }
  #footer-canvas-wrap { position:absolute; inset:0; z-index:0; opacity:.72; }
  #footer-canvas { width:100%; height:100%; display:block; }
  #footer-scene::before {
    content:''; position:absolute; inset:0; z-index:1; pointer-events:none;
    background:radial-gradient(ellipse 80% 70% at 50% 50%, rgba(3,4,10,.45) 0%, transparent 70%);
  }
  .footer-scene-content { position:relative; z-index:2; text-align:center; padding:0 5%; }
  .fs-tag {
    font-family:var(--font-hd); font-size:.78rem; font-weight:700; letter-spacing:.24em;
    text-transform:uppercase; color:rgba(30,179,255,.6); margin-bottom:18px;
    display:flex; align-items:center; justify-content:center; gap:12px;
  }
  .fs-tag::before,.fs-tag::after { content:''; display:block; width:40px; height:1px; background:linear-gradient(90deg,transparent,rgba(30,179,255,.6)); }
  .fs-tag::after { transform:scaleX(-1); }
  .fs-sub {
    font-family:var(--font-hd); font-size:1.1rem; font-weight:600; letter-spacing:.14em;
    text-transform:uppercase; color:rgba(216,228,255,.5); margin:14px 0 34px;
  }
  .fs-cta {
    display:inline-flex; align-items:center; gap:10px;
    font-family:var(--font-hd); font-size:1rem; font-weight:700; letter-spacing:.1em;
    text-transform:uppercase; color:#fff; text-decoration:none;
    border:1px solid rgba(30,179,255,.45); padding:14px 38px; border-radius:4px;
    background:rgba(30,179,255,.08); backdrop-filter:blur(8px); transition:all .3s;
  }
  .fs-cta:hover { border-color:var(--elec); background:rgba(30,179,255,.18); box-shadow:0 0 40px rgba(30,179,255,.3); transform:translateY(-2px); }
  .footer-links-bar { background:var(--black); border-top:1px solid rgba(30,179,255,.07); padding:48px 5% 32px; }
  .flb-inner { max-width:1160px; margin:0 auto; display:grid; grid-template-columns:1.8fr 1fr 1fr 1fr; gap:50px; margin-bottom:40px; }
  .flb-brand p { font-size:.9rem; color:var(--muted); line-height:1.75; margin-top:12px; }
  .flb-col h4 { font-family:var(--font-hd); font-size:.82rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--elec); margin-bottom:16px; }
  .flb-col ul { list-style:none; }
  .flb-col ul li { margin-bottom:9px; }
  .flb-col ul li a { font-size:.88rem; color:var(--muted); text-decoration:none; transition:color .2s,padding-left .2s; }
  .flb-col ul li a:hover { color:var(--elec); padding-left:5px; }
  .flb-bottom { max-width:1160px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; padding-top:24px; border-top:1px solid var(--border); font-size:.82rem; color:var(--muted); flex-wrap:wrap; gap:12px; }
  @media(max-width:900px){ .flb-inner{grid-template-columns:1fr 1fr;gap:36px;} }
  @media(max-width:600px){ .flb-inner{grid-template-columns:1fr;} .flb-bottom{flex-direction:column;text-align:center;} }

  /* ══ IMAGE PLACEHOLDER SECTIONS ══════════════════════════════ */
  .img-section { padding:80px 5%; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
  .img-section:nth-of-type(odd) { background:var(--dark); }
  .img-section:nth-of-type(even) { background:var(--black); }
  .img-section-inner { max-width:1160px; margin:0 auto; }
  .img-split { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
  .img-frame {
    aspect-ratio:16/9; background:var(--dark2); border:2px dashed rgba(30,179,255,.22);
    border-radius:6px; display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:10px; color:var(--muted); font-family:var(--font-hd); font-size:.82rem;
    font-weight:700; letter-spacing:.12em; text-transform:uppercase;
    transition:border-color .3s,background .3s; position:relative; overflow:hidden;
  }
  .img-frame::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(30,179,255,.03),transparent); }
  .img-frame:hover { border-color:rgba(30,179,255,.45); background:rgba(30,179,255,.04); }
  .img-frame svg { width:36px; height:36px; opacity:.35; stroke:var(--elec); fill:none; stroke-width:1.5; }
  .img-frame-label { opacity:.45; }
  .img-text h3 { font-family:var(--font-hd); font-size:2rem; font-weight:900; text-transform:uppercase; color:#fff; margin-bottom:12px; }
  .img-text h3 .hl { color:var(--elec); }
  .img-text p { color:var(--muted); line-height:1.8; margin-bottom:20px; font-size:1rem; }
  @media(max-width:900px){ .img-split{grid-template-columns:1fr;direction:ltr;} .img-split>*{direction:ltr;} }

  /* ══ CARD POP-OUT effects ═════════════════════════════════════ */
  .service-card { transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s,background .3s !important; will-change:transform; }
  .service-card:hover { transform:translateY(-10px) scale(1.02) !important; box-shadow:0 24px 60px rgba(30,179,255,.2),0 0 0 1px rgba(30,179,255,.25) !important; z-index:2; }
  .step { transition:transform .3s ease,border-color .3s,box-shadow .3s !important; }
  .step:hover { transform:translateY(-8px) !important; box-shadow:0 16px 40px rgba(30,179,255,.15) !important; }
  .ind-card { transition:transform .3s ease,border-color .3s,box-shadow .3s !important; }
  .ind-card:hover { transform:translateY(-10px) !important; box-shadow:0 20px 50px rgba(255,77,26,.12) !important; }
  .price-card { transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s !important; }
  .price-card:hover { transform:translateY(-12px) scale(1.015) !important; box-shadow:0 28px 70px rgba(30,179,255,.2) !important; }
  .stat-block { transition:transform .3s ease,border-color .3s,box-shadow .3s !important; }
  .stat-block:hover { transform:translateY(-6px) scale(1.03) !important; }
  .testi-float:hover img { filter:drop-shadow(0 0 28px rgba(30,179,255,.75)) drop-shadow(0 0 60px rgba(30,179,255,.4)) !important; transform:translateY(-6px) scale(1.03) !important; }

  /* ══ THEME CHOOSER MODAL ══════════════════════════════════════ */
  #theme-chooser {
    position:fixed; inset:0; z-index:99999;
    display:flex; align-items:center; justify-content:center;
    opacity:0; pointer-events:none; transition:opacity .6s ease;
  }
  #theme-chooser.visible { opacity:1; pointer-events:all; }
  #theme-chooser.exiting { opacity:0; pointer-events:none; transition:opacity .5s ease; }
  #chooser-bg { position:absolute; inset:0; background:#010208; }
  #chooser-canvas { position:absolute; inset:0; z-index:0; pointer-events:none; }
  .chooser-content {
    position:relative; z-index:2; text-align:center; padding:30px 5%;
    width:100%; max-width:960px;
    animation:chooserIn .8s .4s both;
  }
  @keyframes chooserIn { from{transform:translateY(32px);opacity:0;} to{transform:translateY(0);opacity:1;} }
  .chooser-logo {
    font-family:var(--font-hd); font-size:clamp(2.8rem,7vw,6rem);
    font-weight:900; letter-spacing:.08em; text-transform:uppercase; color:#fff;
    position:relative; display:inline-block; overflow:visible; margin-bottom:4px;
  }
  .chooser-logo .clspan { color:var(--elec); text-shadow:0 0 30px var(--elec); }
  .chooser-logo::after {
    content:''; position:absolute; top:-4px; left:-30%; width:60%; height:135%;
    background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.5) 45%,rgba(30,179,255,.4) 55%,transparent 75%);
    transform:skewX(-15deg); animation:logoShine 3.5s ease-in-out infinite; pointer-events:none;
  }
  .chooser-tag { font-family:var(--font-hd); font-size:.72rem; font-weight:700; letter-spacing:.25em; text-transform:uppercase; color:rgba(30,179,255,.55); display:block; margin-bottom:32px; }
  .chooser-headline { font-family:var(--font-hd); font-size:clamp(.9rem,2.2vw,1.3rem); font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.45); margin-bottom:36px; }
  .chooser-headline span { color:rgba(255,255,255,.85); }
  .chooser-cards { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:24px; }
  .cc {
    border-radius:10px; padding:28px 24px; cursor:pointer;
    transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s;
    position:relative; overflow:hidden; animation:ccSlide .7s both;
  }
  .cc.cc-dark { background:rgba(7,9,15,.92); border:1px solid rgba(30,179,255,.3); animation-delay:.55s; }
  .cc.cc-light { background:rgba(240,244,255,.08); border:1px solid rgba(255,255,255,.2); animation-delay:.7s; }
  @keyframes ccSlide { from{transform:translateY(36px);opacity:0;} to{transform:translateY(0);opacity:1;} }
  .cc:hover { transform:translateY(-8px) scale(1.02); }
  .cc.cc-dark:hover { box-shadow:0 24px 60px rgba(30,179,255,.25),0 0 0 1px rgba(30,179,255,.55); }
  .cc.cc-light:hover { box-shadow:0 24px 60px rgba(255,255,255,.12),0 0 0 1px rgba(255,255,255,.5); }
  .cc-preview { border-radius:7px; overflow:hidden; margin-bottom:22px; border:1px solid rgba(255,255,255,.07); height:150px; position:relative; }
  .cc-preview.dp { background:#03040A; }
  .cc-preview.lp { background:#F0F4FF; }
  .cc-mock-nav { height:26px; display:flex; align-items:center; padding:0 10px; gap:7px; }
  .dp .cc-mock-nav { background:rgba(7,9,15,.95); border-bottom:1px solid rgba(30,179,255,.12); }
  .lp .cc-mock-nav { background:rgba(240,244,255,.95); border-bottom:1px solid rgba(11,61,145,.1); }
  .cmn-logo { width:30px; height:5px; border-radius:2px; }
  .dp .cmn-logo { background:linear-gradient(90deg,#fff,#1EB3FF); }
  .lp .cmn-logo { background:linear-gradient(90deg,#0B3D91,#1567D3); }
  .cmn-links { display:flex; gap:5px; margin-left:6px; }
  .cmn-link { width:16px; height:4px; border-radius:2px; }
  .dp .cmn-link { background:rgba(120,150,192,.35); }
  .lp .cmn-link { background:rgba(11,61,145,.2); }
  .cmn-cta { margin-left:auto; width:26px; height:13px; border-radius:3px; }
  .dp .cmn-cta { background:linear-gradient(90deg,#1567D3,#1EB3FF); }
  .lp .cmn-cta { background:linear-gradient(90deg,#0B3D91,#1567D3); }
  .cc-mock-hero { padding:12px 10px; }
  .cmh-h { height:11px; border-radius:3px; margin-bottom:6px; width:68%; }
  .dp .cmh-h { background:rgba(255,255,255,.75); }
  .lp .cmh-h { background:rgba(11,61,145,.65); }
  .cmh-s { height:5px; border-radius:2px; width:50%; margin-bottom:11px; }
  .dp .cmh-s { background:rgba(120,150,192,.35); }
  .lp .cmh-s { background:rgba(61,90,130,.25); }
  .cmh-btns { display:flex; gap:5px; }
  .cmh-b { height:13px; border-radius:3px; }
  .dp .cmh-b:first-child { background:linear-gradient(90deg,#c93800,#FF4D1A); width:44px; }
  .dp .cmh-b:last-child  { background:rgba(30,179,255,.18); width:30px; border:1px solid rgba(30,179,255,.45); }
  .lp .cmh-b:first-child { background:linear-gradient(90deg,#0B3D91,#1567D3); width:44px; }
  .lp .cmh-b:last-child  { background:rgba(11,61,145,.1); width:30px; border:1px solid rgba(11,61,145,.4); }
  .cc-mock-cards { display:flex; gap:4px; padding:0 10px; }
  .cmcard { flex:1; border-radius:3px; height:34px; }
  .dp .cmcard { background:rgba(11,13,23,.9); border:1px solid rgba(30,179,255,.1); }
  .lp .cmcard { background:#fff; border:1px solid rgba(11,61,145,.1); }
  .cc-glow { position:absolute; top:11px; right:11px; width:7px; height:7px; border-radius:50%; animation:ccGlow 1.5s ease-in-out infinite; }
  .cc-dark .cc-glow { background:var(--elec); box-shadow:0 0 10px var(--elec); }
  .cc-light .cc-glow { background:#fff; box-shadow:0 0 10px rgba(255,255,255,.7); }
  @keyframes ccGlow { 0%,100%{opacity:1;} 50%{opacity:.25;} }
  .cc-label { font-family:var(--font-hd); font-size:1.5rem; font-weight:900; text-transform:uppercase; letter-spacing:.06em; color:#fff; margin-bottom:5px; }
  .cc-desc { font-size:.85rem; color:rgba(216,228,255,.5); line-height:1.6; }
  .cc-select-flash { position:absolute; inset:0; opacity:0; border-radius:10px; transition:opacity .12s; pointer-events:none; }
  .cc-dark .cc-select-flash { background:rgba(30,179,255,.15); }
  .cc-light .cc-select-flash { background:rgba(255,255,255,.08); }
  .cc:active .cc-select-flash { opacity:1; }
  .chooser-note { font-family:var(--font-hd); font-size:.72rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:rgba(120,150,192,.35); }
  @media(max-width:600px){ .chooser-cards{grid-template-columns:1fr;} .cc-preview{height:120px;} }

  /* ══ TESTIMONIALS transparent ════════════════════════════════ */
  .testi-float img { mix-blend-mode:screen; background:transparent; }
  body.light .testi-float img { mix-blend-mode:multiply; }
  #testimonials { background:var(--black) !important; }

  /* ══ LOGO — letter shimmer (replaces old sweep) ══════════════ */
  .logo, .logo::after { animation: none !important; }
  .logo::after { display: none !important; content: none !important; }
  .footer-logo-big::after { display: none !important; content: none !important; }

  /* SEO part — white-to-silver-to-white shimmer */
  .logo-seo-part {
    background: linear-gradient(92deg,
      #ffffff 0%, #e0eeff 18%, #a8d8ff 32%,
      #ffffff 44%, #c8e8ff 58%, #ffffff 72%,
      #d0e8ff 86%, #ffffff 100%);
    background-size: 250% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: letterGlimmer 4s ease-in-out infinite;
    display: inline;
  }
  /* NOS part — electric blue shimmer */
  .lspan, .logo .lspan {
    background: linear-gradient(92deg,
      #1EB3FF 0%, #00D4FF 15%, #80ECFF 28%,
      #1EB3FF 40%, #00AAFF 54%, #7FDFFF 66%,
      #1EB3FF 80%, #00D4FF 92%, #1EB3FF 100%) !important;
    background-size: 250% 100% !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
    text-shadow: none !important;
    animation: letterGlimmer 4s ease-in-out infinite !important;
    animation-delay: .4s !important;
    filter: none !important;
  }
  @keyframes letterGlimmer {
    0%    { background-position: 100% center; }
    100%  { background-position: -100% center; }
  }
  /* Float stays but no sweep */
  .logo { animation: logoFloat 4s ease-in-out infinite !important; }
  @keyframes logoFloat { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-4px);} }

  /* Footer big logo letter shimmer */
  .footer-logo-big {
    background: linear-gradient(92deg,
      #ffffff 0%, #ddeeff 18%, #aad4ff 30%,
      #ffffff 42%, #cce8ff 56%, #ffffff 70%,
      #d4ecff 84%, #ffffff 100%);
    background-size: 250% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: logoFloat 4s ease-in-out infinite, letterGlimmer 5s ease-in-out infinite !important;
    text-shadow: none !important;
  }
  .footer-logo-big .flspan {
    background: linear-gradient(92deg,
      #1EB3FF 0%, #00D4FF 15%, #80ECFF 28%,
      #1EB3FF 40%, #00CCFF 54%, #7FDFFF 66%,
      #1EB3FF 80%, #00D4FF 92%, #1EB3FF 100%) !important;
    background-size: 250% 100% !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    animation: letterGlimmer 5s ease-in-out infinite !important;
    animation-delay: .5s !important;
    text-shadow: none !important;
  }

  /* Chooser logo shimmer */
  .chooser-logo {
    background: linear-gradient(92deg,
      #fff 0%, #ddeeff 18%, #aad4ff 28%,
      #fff 40%, #cce8ff 54%, #fff 68%,
      #d4ecff 82%, #fff 100%);
    background-size: 250% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: letterGlimmer 4s ease-in-out infinite !important;
  }
  .chooser-logo::after { display:none !important; }
  .chooser-logo .clspan {
    background: linear-gradient(92deg,
      #1EB3FF 0%, #00D4FF 15%, #80ECFF 28%,
      #1EB3FF 40%, #00CCFF 54%, #7FDFFF 66%,
      #1EB3FF 80%, #00D4FF 92%, #1EB3FF 100%) !important;
    background-size: 250% 100% !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    animation: letterGlimmer 4s ease-in-out infinite !important;
    animation-delay: .4s !important;
  }

  /* ══ LOGO: SEO white / NOS shimmer (final) ══════════════════ */
  .logo-seo-part {
    color: #ffffff !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #ffffff !important;
    background-clip: unset !important;
    animation: none !important;
    display: inline;
  }

  /* ══ SHIMMER APPLIED SITE-WIDE ═══════════════════════════════ */
  /* Any .hl span inherits the NOS-style shimmer */
  .hl, h1 em, h2 em {
    background: linear-gradient(92deg,
      #1EB3FF 0%, #00D4FF 14%, #7FE8FF 26%,
      #1EB3FF 38%, #00CCFF 52%, #7FDFFF 64%,
      #1EB3FF 78%, #00D4FF 90%, #1EB3FF 100%) !important;
    background-size: 260% 100% !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
    text-shadow: none !important;
    animation: letterGlimmer 4.2s ease-in-out infinite !important;
    display: inline;
  }
  /* Eyebrows get subtle shimmer + glow */
  .eyebrow {
    background: linear-gradient(92deg,
      #0888CC 0%, #1EB3FF 25%, #50CCFF 42%,
      #1EB3FF 56%, #0888CC 70%, #1EB3FF 85%, #0888CC 100%);
    background-size: 260% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    animation: letterGlimmer 6s ease-in-out infinite;
    filter: none;
  }
  .eyebrow::before {
    background: linear-gradient(90deg, #1EB3FF, #00D4FF) !important;
    box-shadow: 0 0 8px #1EB3FF !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    flex-shrink: 0;
  }
  /* Stat numbers shimmer */
  .stat-num {
    background: linear-gradient(92deg,
      #1EB3FF 0%, #00D4FF 18%, #80ECFF 32%,
      #1EB3FF 46%, #00CCFF 60%, #7FDFFF 74%,
      #1EB3FF 88%, #00D4FF 100%);
    background-size: 260% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    text-shadow: none;
    animation: letterGlimmer 3.5s ease-in-out infinite !important;
  }
  /* Price tier names */
  .price-name {
    background: linear-gradient(92deg,
      #ffffff 0%, #ddeeff 20%, #aad4ff 34%,
      #ffffff 48%, #cce8ff 62%, #ffffff 76%, #ddeeff 90%, #ffffff 100%);
    background-size: 260% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    animation: letterGlimmer 5s ease-in-out infinite;
  }
  /* Section dot active glow */
  .sd.active {
    background: #1EB3FF;
    border-color: #1EB3FF;
    box-shadow: 0 0 12px #1EB3FF, 0 0 24px rgba(30,179,255,.4) !important;
    width: 11px !important;
    height: 11px !important;
  }

  /* ══ DOMAIN AUDIT WIDGET ═════════════════════════════════════ */
  #domain-audit {
    padding: 70px 5%;
    background: var(--dark);
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    position: relative; overflow: hidden;
  }
  #domain-audit::before {
    content: ''; position: absolute; inset: 0;
    background: radial-gradient(ellipse 70% 80% at 50% 50%, rgba(30,179,255,.05), transparent);
    pointer-events: none;
  }
  .dab-inner {
    max-width: 900px; margin: 0 auto;
    display: grid; grid-template-columns: 1fr 1.6fr; gap: 60px; align-items: center;
    position: relative; z-index: 1;
  }
  .dab-text .eyebrow { margin-bottom: 10px; }
  .dab-text h3 {
    font-family: var(--font-hd); font-size: clamp(1.8rem,3.5vw,2.6rem);
    font-weight: 900; text-transform: uppercase; color: #fff; line-height: 1.05;
    margin-bottom: 10px;
  }
  .dab-text p { font-size: .92rem; color: var(--muted); line-height: 1.7; }
  .dab-form-wrap { display: flex; flex-direction: column; gap: 12px; }
  .dab-input-row {
    display: flex; background: var(--dark2); border: 1px solid var(--border);
    border-radius: 6px; overflow: hidden;
    transition: border-color .25s, box-shadow .25s;
  }
  .dab-input-row:focus-within {
    border-color: rgba(30,179,255,.5);
    box-shadow: 0 0 0 3px rgba(30,179,255,.1), 0 0 30px rgba(30,179,255,.1);
  }
  .dab-prefix {
    font-family: var(--font-hd); font-size: .9rem; font-weight: 700;
    letter-spacing: .06em; color: var(--muted);
    padding: 0 14px; display: flex; align-items: center;
    border-right: 1px solid var(--border); background: rgba(255,255,255,.02);
    white-space: nowrap; flex-shrink: 0;
  }
  .dab-input {
    flex: 1; background: transparent; border: none; outline: none;
    color: #fff; padding: 16px 16px; font-family: var(--font-bd);
    font-size: 1rem;
  }
  .dab-input::placeholder { color: rgba(120,150,192,.4); }
  .dab-btn {
    font-family: var(--font-hd); font-size: .95rem; font-weight: 700;
    letter-spacing: .1em; text-transform: uppercase; border: none; cursor: pointer;
    padding: 0 28px;
    background: linear-gradient(135deg, var(--blue-mid), var(--elec));
    color: #fff; white-space: nowrap; flex-shrink: 0;
    transition: all .25s;
  }
  .dab-btn:hover {
    background: linear-gradient(135deg, var(--elec), #00D4FF);
    box-shadow: 0 0 24px rgba(30,179,255,.4);
  }
  .dab-notes { display: flex; gap: 20px; flex-wrap: wrap; }
  .dab-note-item {
    display: flex; align-items: center; gap: 6px;
    font-family: var(--font-hd); font-size: .75rem; font-weight: 600;
    letter-spacing: .1em; text-transform: uppercase; color: rgba(120,150,192,.5);
  }
  .dab-note-item::before {
    content: ''; width: 5px; height: 5px; border-radius: 50%;
    background: var(--elec); box-shadow: 0 0 6px var(--elec); flex-shrink: 0;
  }
  .dab-success {
    display: none; text-align: center; padding: 20px;
    border: 1px solid rgba(30,179,255,.3); border-radius: 6px;
    background: rgba(30,179,255,.06);
  }
  .dab-success.show { display: block; }
  .dab-success h4 {
    font-family: var(--font-hd); font-size: 1.3rem; font-weight: 800;
    text-transform: uppercase; color: var(--elec); margin-bottom: 6px;
  }
  .dab-success p { font-size: .9rem; color: var(--muted); }
  @media(max-width:900px){ .dab-inner { grid-template-columns: 1fr; gap: 32px; } }

  /* ══ NOS — glow bloom ═══════════════════════════════════════ */
  .lspan {
    filter:
      drop-shadow(0 0 5px rgba(30,179,255,1))
      drop-shadow(0 0 14px rgba(30,179,255,.75))
      drop-shadow(0 0 30px rgba(30,179,255,.45))
      drop-shadow(0 0 55px rgba(0,212,255,.25)) !important;
    animation: letterGlimmer 4s ease-in-out infinite, nosGlowPulse 3s ease-in-out infinite !important;
    animation-delay: .4s, .8s !important;
  }
  @keyframes nosGlowPulse {
    0%,100% { filter: drop-shadow(0 0 5px rgba(30,179,255,1)) drop-shadow(0 0 14px rgba(30,179,255,.75)) drop-shadow(0 0 30px rgba(30,179,255,.45)); }
    50%     { filter: drop-shadow(0 0 8px rgba(30,179,255,1)) drop-shadow(0 0 22px rgba(30,179,255,.9)) drop-shadow(0 0 50px rgba(0,212,255,.55)) drop-shadow(0 0 80px rgba(30,179,255,.2)); }
  }

  /* ══ NOS smoke wrapper ═══════════════════════════════════════ */
  .nos-wrap {
    position: relative;
    display: inline-block;
  }
  .smoke-waft {
    position: absolute;
    bottom: 2px;
    border-radius: 50%;
    pointer-events: none;
    background: radial-gradient(circle at 50% 50%,
      rgba(30,179,255,.6) 0%, rgba(0,212,255,.2) 40%, transparent 75%);
    filter: blur(4px);
    animation: smokeUp var(--sd,2.5s) ease-out infinite;
    animation-delay: var(--dl,0s);
    left: var(--lx,50%);
    width: var(--sw,8px);
    height: var(--sw,8px);
    transform-origin: center bottom;
  }
  @keyframes smokeUp {
    0%   { transform: translateY(0) translateX(0) scale(.4);   opacity: .85; }
    25%  { transform: translateY(-7px) translateX(2px) scale(.9);   opacity: .65; }
    60%  { transform: translateY(-16px) translateX(-3px) scale(1.8); opacity: .28; }
    100% { transform: translateY(-28px) translateX(1px) scale(2.8);  opacity: 0; }
  }

  /* ══ FOOTER logo bigger + wave wider ════════════════════════ */
  .footer-logo-big {
    font-size: clamp(5rem, 13vw, 12rem) !important;
  }
  #footer-scene {
    height: 540px !important;
  }

  /* Footer NOS glow same as nav */
  .flspan {
    filter:
      drop-shadow(0 0 5px rgba(30,179,255,1))
      drop-shadow(0 0 14px rgba(30,179,255,.75))
      drop-shadow(0 0 30px rgba(30,179,255,.45)) !important;
    animation: letterGlimmer 5s ease-in-out infinite, nosGlowPulse 3s ease-in-out infinite !important;
    animation-delay: .5s, 1s !important;
  }

  /* ══ HERO — more breathing room ═══════════════════════════════ */
  .hero-content {
    padding: 0 8% !important;
    max-width: 860px !important;
  }
  .hero-eyebrow {
    margin-bottom: 28px !important;
    font-size: .82rem !important;
    letter-spacing: .28em !important;
    opacity: .85;
  }
  #hero h1 {
    letter-spacing: .04em !important;
    margin-bottom: 0 !important;
    line-height: 1.0 !important;
  }
  .hero-sub {
    font-size: 1.1rem !important;
    margin: 32px auto 48px !important;
    max-width: 480px !important;
    line-height: 1.85 !important;
    opacity: .82;
  }
  .hero-btns {
    gap: 18px !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  .hero-btns .btn-energy { padding: 15px 38px !important; font-size: 1.05rem !important; }
  .hero-btns .btn-outline-lg { padding: 14px 34px !important; font-size: 1.05rem !important; }
  .hero-badge {
    margin-top: 64px !important;
    gap: 32px !important;
    padding-top: 28px !important;
    border-top: 1px solid rgba(30,179,255,.1);
  }
  .badge-item {
    font-size: .78rem !important;
    letter-spacing: .12em !important;
    gap: 8px !important;
  }
  .hero-scroll-hint { bottom: 32px !important; }
  @media(max-width:600px){
    .hero-content { padding: 0 6% !important; }
    .hero-btns { flex-direction: column !important; align-items: center !important; }
    .hero-badge { gap: 16px !important; }
  }

  #hero h1 { font-size: clamp(2.8rem, 6.5vw, 5.8rem) !important; white-space: normal; }
  #hero h1 .hl { white-space: nowrap; }

  /* ══ HERO SLIDES ══════════════════════════════════════════════ */
  #hero-content-wrap {
    display: flex; flex-direction: column;
    align-items: center; justify-content: flex-end;
    padding-bottom: 10vh !important;
    min-height: 82vh;
    text-align: center;
    position: relative; z-index: 2;
    padding-top: 80px !important;
  }
  .hero-title-block {
    margin-bottom: 0;
    position: relative;
  }
  #hero h1 {
    display: flex; flex-direction: column;
    align-items: center; gap: 4px;
  }
  .hero-line1 {
    display: block;
    font-family: var(--font-hd);
    font-size: clamp(2.4rem, 5.5vw, 5rem) !important;
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .04em;
    line-height: 1;
  }
  .hero-line2 {
    display: block;
    font-family: var(--font-hd);
    font-size: clamp(3.2rem, 7.5vw, 7.2rem) !important;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .03em;
    line-height: 1;
    white-space: nowrap;
  }
  /* Slide transition states */
  .hero-title-block.transitioning .hero-line1,
  .hero-title-block.transitioning .hero-line2 { opacity: .15; }
  .hero-line1, .hero-line2 { transition: opacity .15s; }

  /* Sub fade */
  .hero-sub { transition: opacity .4s ease; }
  .hero-sub.fading { opacity: 0 !important; }

  /* Glitch overlay for transitions */
  #hero-glitch {
    position: absolute; inset: 0; z-index: 10; pointer-events: none;
    opacity: 0; mix-blend-mode: screen;
    background: linear-gradient(transparent 45%, rgba(30,179,255,.12) 50%, transparent 55%);
    transition: opacity .08s;
  }
  #hero-glitch.active { opacity: 1; }

  /* Energy burst ring */
  #hero-burst {
    position: absolute; top: 50%; left: 50%;
    width: 0; height: 0;
    border-radius: 50%;
    border: 2px solid rgba(30,179,255,.8);
    transform: translate(-50%,-50%);
    pointer-events: none; z-index: 3; opacity: 0;
  }
  #hero-burst.bursting {
    animation: burstRing .7s ease-out forwards;
  }
  @keyframes burstRing {
    0%   { width: 0;    height: 0;    opacity: .9; border-color: rgba(30,179,255,.9); }
    50%  { border-color: rgba(30,179,255,.4); }
    100% { width: 600px; height: 600px; opacity: 0; border-color: rgba(30,179,255,0); }
  }

  /* Slide dots */
  .hero-slide-dots {
    display: flex; gap: 10px; justify-content: center;
    margin-top: 32px; margin-bottom: 0;
  }
  .hsd {
    width: 8px; height: 8px; border-radius: 50%; border: none; padding: 0;
    background: rgba(255,255,255,.25); cursor: pointer;
    transition: all .35s cubic-bezier(.25,.46,.45,.94);
  }
  .hsd.active {
    background: var(--elec); width: 28px; border-radius: 4px;
    box-shadow: 0 0 12px var(--elec);
  }
  .hsd:hover { background: rgba(30,179,255,.6); }

  /* Scramble chars flash */
  @keyframes charFlash { 0%,100%{opacity:1;} 50%{opacity:.4;} }
  .scrambling { animation: charFlash .08s linear infinite; }

  /* ══ HERO LAYOUT — text anchored to bottom, rings sit above ═ */
  #hero {
    align-items: flex-end !important;
  }
  #hero-content-wrap {
    /* Pin text block to lower viewport, well below the rings */
    position: relative !important;
    width: 100% !important;
    max-width: 900px !important;
    padding: 0 8% 9vh !important;
    min-height: unset !important;
    justify-content: unset !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  /* Shift Three.js scene upward so rings live in the top 60% */
  #three-canvas {
    transform: translateY(-10%) !important;
  }

  /* ══ HERO — absolute pin to bottom, every slide ═════════════ */
  #hero {
    display: block !important;
    position: relative !important;
  }
  #hero-content-wrap {
    position: absolute !important;
    bottom: 9vh !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100% !important;
    max-width: 880px !important;
    padding: 0 8% !important;
    min-height: unset !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    z-index: 2 !important;
  }

  /* ══ HERO TITLE — tighten line gap ════════════════════════════ */
  #hero h1 {
    gap: 0 !important;
    line-height: 1 !important;
    margin-bottom: 0 !important;
  }
  .hero-line1 {
    line-height: 1 !important;
    margin-bottom: -4px !important;
  }
  .hero-line2 {
    line-height: 1 !important;
    margin-top: 0 !important;
  }
  .hero-title-block {
    margin-bottom: 26px !important;
  }

  /* ══ HERO — fully compacted, every gap explicit ═════════════ */
  #hero-content-wrap {
    bottom: 7vh !important;
    gap: 0 !important;
  }
  /* Eyebrow: tight below it */
  #slide-eyebrow {
    margin-bottom: 10px !important;
    margin-top: 0 !important;
  }
  /* h1: zero gap, zero margin */
  #hero h1 {
    gap: 0 !important;
    margin: 0 0 10px 0 !important;
    line-height: 1 !important;
  }
  .hero-title-block {
    margin: 0 0 10px 0 !important;
  }
  /* Line 1 — smaller, sits right on top of line 2 */
  .hero-line1 {
    font-size: clamp(2rem, 4.8vw, 4.4rem) !important;
    line-height: .95 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }
  /* Line 2 — large, flush with line 1 */
  .hero-line2 {
    font-size: clamp(3rem, 7vw, 6.8rem) !important;
    line-height: .95 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }
  /* Sub text: close under headline */
  #hero-sub, .hero-sub {
    margin: 12px auto 18px !important;
    font-size: 1rem !important;
    line-height: 1.65 !important;
    max-width: 520px !important;
  }
  /* Buttons */
  #hero-btns, .hero-btns {
    gap: 14px !important;
    margin-bottom: 16px !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  /* Dots */
  .hero-slide-dots {
    margin-top: 14px !important;
    margin-bottom: 0 !important;
  }
  /* Hide badge on slider — too much vertical space */
  .hero-badge {
    display: none !important;
  }
  /* Scroll hint */
  .hero-scroll-hint {
    display: none !important;
  }

  /* ══ HERO — center content on the planet ════════════════════ */
  #hero {
    display: block !important;
    position: relative !important;
  }
  #hero-content-wrap {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -44%) !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 900px !important;
    padding: 0 8% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    z-index: 2 !important;
  }
  /* Eyebrow tight above title */
  #slide-eyebrow {
    margin-bottom: 14px !important;
    margin-top: 0 !important;
  }
  /* The two headline lines — flush together */
  .hero-title-block {
    margin: 0 0 14px 0 !important;
  }
  #hero h1 {
    gap: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .hero-line1 {
    font-size: clamp(2rem, 4.5vw, 4.2rem) !important;
    line-height: .93 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .hero-line2 {
    font-size: clamp(3rem, 7vw, 6.6rem) !important;
    line-height: .93 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  /* Sub text: snug under headline */
  #hero-sub, .hero-sub {
    margin: 16px auto 20px !important;
    font-size: 1rem !important;
    line-height: 1.65 !important;
    max-width: 500px !important;
  }
  /* Buttons */
  #hero-btns, .hero-btns {
    gap: 14px !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    margin-bottom: 0 !important;
  }
  /* Dots close under buttons */
  .hero-slide-dots {
    margin-top: 16px !important;
  }
  .hero-badge, .hero-scroll-hint { display: none !important; }

  /* Pull line1 DOWN toward line2 — negative bottom margin */
  .hero-line1 {
    margin-bottom: -0.12em !important;
  }

  /* ══ REMOVE gap between hero lines — block layout ═══════════ */
  #hero h1 {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }
  .hero-line1 {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }
  .hero-line2, .hl.hero-line2 {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }
  /* Kill the br if it's still there */
  #hero h1 br { display: none !important; line-height: 0 !important; }


/* === From: about.html === */

  :root{--black:#03040A;--dark:#07090F;--dark2:#0B0D17;--blue:#0B3D91;--blue-mid:#1567D3;--elec:#1EB3FF;--elec2:#00D4FF;--energy:#FF4D1A;--energy2:#FFB020;--text:#D8E8FF;--muted:#7896C0;--border:rgba(30,179,255,.12);--font-hd:'Barlow Condensed',sans-serif;--font-bd:'Barlow',sans-serif;}
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{background:var(--black);color:var(--text);font-family:var(--font-bd);font-size:16px;line-height:1.6;overflow-x:hidden;}
  ::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-track{background:var(--black);}::-webkit-scrollbar-thumb{background:var(--blue-mid);border-radius:2px;}

  /* ── NAV ─────────────────────────────────────────────────── */
  nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:14px 5%;background:rgba(3,4,10,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);transition:padding .3s;}
  .logo{font-family:var(--font-hd);font-size:1.9rem;font-weight:900;letter-spacing:.08em;color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px;animation:logoFloat 4s ease-in-out infinite;position:relative;overflow:visible;}
  .logo-seo{color:#fff;-webkit-text-fill-color:#fff;}
  .logo-nos{background:linear-gradient(92deg,#1EB3FF 0%,#00D4FF 14%,#7FE8FF 26%,#1EB3FF 38%,#00CCFF 52%,#7FDFFF 64%,#1EB3FF 78%,#00D4FF 90%,#1EB3FF 100%);background-size:260% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:letterGlimmer 4s ease-in-out infinite,nosGlowPulse 3s ease-in-out infinite;animation-delay:.4s,.8s;filter:drop-shadow(0 0 5px rgba(30,179,255,1)) drop-shadow(0 0 14px rgba(30,179,255,.75)) drop-shadow(0 0 30px rgba(30,179,255,.45));}
  .nos-wrap{position:relative;display:inline-block;}
  .logo-tag{font-size:.6rem;font-weight:600;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;border:1px solid var(--border);border-radius:3px;padding:2px 6px;align-self:center;}
  .nav-links{display:flex;align-items:center;gap:28px;list-style:none;}
  .nav-links a{font-family:var(--font-hd);font-size:1rem;font-weight:600;letter-spacing:.06em;color:var(--muted);text-decoration:none;text-transform:uppercase;transition:color .2s;}
  .nav-links a:hover,.nav-links a.active{color:var(--elec);}
  .nav-dropdown{position:relative;}
  .nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(6px);background:rgba(7,9,15,.97);border:1px solid var(--border);backdrop-filter:blur(18px);min-width:190px;padding:8px 0;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;border-radius:4px;box-shadow:0 20px 60px rgba(0,0,0,.5);}
  .nav-dropdown:hover .nav-dropdown-menu{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0);}
  .nav-dropdown-menu a{display:block;padding:10px 20px;font-family:var(--font-hd);font-size:.88rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .15s,padding-left .15s;}
  .nav-dropdown-menu a:hover{color:var(--elec);padding-left:26px;}
  .nav-caret{font-size:.6rem;margin-left:2px;opacity:.55;}
  .nav-cta-group{display:flex;align-items:center;gap:10px;}
  .btn{font-family:var(--font-hd);font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:all .25s;}
  .btn-ghost{background:transparent;color:var(--elec);border:1px solid rgba(30,179,255,.4);padding:9px 20px;border-radius:4px;}
  .btn-ghost:hover{border-color:var(--elec);background:rgba(30,179,255,.08);}
  .btn-primary{background:linear-gradient(135deg,var(--blue-mid),var(--elec));color:#fff;padding:9px 22px;border-radius:4px;box-shadow:0 0 28px rgba(30,179,255,.35);}
  .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 40px rgba(30,179,255,.6);}
  .btn-energy{background:linear-gradient(135deg,#c93800,var(--energy));color:#fff;padding:13px 32px;border-radius:4px;box-shadow:0 0 24px rgba(255,77,26,.35);}
  .btn-energy:hover{transform:translateY(-2px);box-shadow:0 6px 40px rgba(255,77,26,.6);}
  .nav-phone{background:linear-gradient(135deg,#c93800,#FF4D1A)!important;color:#fff!important;border:none!important;box-shadow:0 0 22px rgba(255,77,26,.5)!important;animation:phonePing 2.2s ease-in-out infinite!important;}
  .nav-phone:hover{transform:translateY(-2px)!important;animation:none!important;}
  .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;}
  .hamburger span{display:block;width:24px;height:2px;background:var(--elec);}

  /* ── ANIMATIONS ──────────────────────────────────────────── */
  @keyframes logoFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}}
  @keyframes letterGlimmer{0%{background-position:100% center;}100%{background-position:-100% center;}}
  @keyframes nosGlowPulse{0%,100%{filter:drop-shadow(0 0 5px rgba(30,179,255,1)) drop-shadow(0 0 14px rgba(30,179,255,.75)) drop-shadow(0 0 30px rgba(30,179,255,.45));}50%{filter:drop-shadow(0 0 8px rgba(30,179,255,1)) drop-shadow(0 0 22px rgba(30,179,255,.9)) drop-shadow(0 0 50px rgba(0,212,255,.55));}}
  @keyframes phonePing{0%,100%{box-shadow:0 0 22px rgba(255,77,26,.5),0 0 0 0 rgba(255,77,26,.4);}50%{box-shadow:0 0 28px rgba(255,77,26,.6),0 0 0 10px rgba(255,77,26,0);}}
  @keyframes smokeUp{0%{transform:translateY(0) scale(.4);opacity:.85;}60%{transform:translateY(-16px) translateX(-2px) scale(1.8);opacity:.28;}100%{transform:translateY(-28px) scale(2.8);opacity:0;}}
  @keyframes scrollProg{from{width:0;}to{width:100%;}}
  @keyframes countUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
  @keyframes lineGrow{from{width:0;}to{width:100%;}}
  @keyframes fadeUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}
  @keyframes fadeLeft{from{opacity:0;transform:translateX(-30px);}to{opacity:1;transform:translateX(0);}}
  @keyframes fadeRight{from{opacity:0;transform:translateX(30px);}to{opacity:1;transform:translateX(0);}}

  /* ── SMOKE ───────────────────────────────────────────────── */
  .smoke-waft{position:absolute;bottom:2px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(30,179,255,.6) 0%,rgba(0,212,255,.2) 40%,transparent 75%);filter:blur(4px);animation:smokeUp var(--sd,2.5s) ease-out infinite;animation-delay:var(--dl,0s);left:var(--lx,50%);width:var(--sw,8px);height:var(--sw,8px);transform-origin:center bottom;}

  /* ── SCROLL PROGRESS ─────────────────────────────────────── */
  #scroll-progress{position:fixed;top:0;left:0;z-index:9999;height:2px;width:0%;background:linear-gradient(90deg,var(--blue-mid),var(--elec),var(--energy));box-shadow:0 0 8px var(--elec);transition:width .1s linear;}

  /* ── REVEAL ──────────────────────────────────────────────── */
  .reveal{opacity:0;transform:translateY(30px);transition:opacity .75s ease,transform .75s ease;}
  .reveal.visible{opacity:1;transform:translateY(0);}
  .reveal-left{opacity:0;transform:translateX(-40px);transition:opacity .75s ease,transform .75s ease;}
  .reveal-left.visible{opacity:1;transform:translateX(0);}
  .reveal-right{opacity:0;transform:translateX(40px);transition:opacity .75s ease,transform .75s ease;}
  .reveal-right.visible{opacity:1;transform:translateX(0);}
  .reveal-scale{opacity:0;transform:scale(.92);transition:opacity .75s ease,transform .75s ease;}
  .reveal-scale.visible{opacity:1;transform:scale(1);}

  /* ── GLOBAL SECTIONS ─────────────────────────────────────── */
  section{padding:100px 5%;}
  .si{max-width:1160px;margin:0 auto;}
  .eyebrow{font-family:var(--font-hd);font-size:.82rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:10px;background:linear-gradient(92deg,#0888CC 0%,#1EB3FF 25%,#50CCFF 42%,#1EB3FF 56%,#0888CC 70%,#1EB3FF 85%,#0888CC 100%);background-size:260% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:letterGlimmer 6s ease-in-out infinite;}
  .eyebrow::before{content:'';display:block;width:28px;height:2px;background:var(--elec);box-shadow:0 0 8px var(--elec);flex-shrink:0;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:initial;}
  h2{font-family:var(--font-hd);font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:900;text-transform:uppercase;line-height:1;color:#fff;margin-bottom:16px;}
  .hl{background:linear-gradient(92deg,#1EB3FF 0%,#00D4FF 14%,#7FE8FF 26%,#1EB3FF 38%,#00CCFF 52%,#7FDFFF 64%,#1EB3FF 78%,#00D4FF 90%,#1EB3FF 100%);background-size:260% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:letterGlimmer 4.2s ease-in-out infinite;display:inline;}
  .divider{width:60px;height:3px;margin:18px 0 28px;background:linear-gradient(90deg,var(--elec),var(--blue));box-shadow:0 0 12px var(--elec);}
  .glow-line{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--elec) 50%,transparent);opacity:.25;}

  /* ── ABOUT HERO (Three.js full bg) ──────────────────────── */
  #about-hero{
    position:relative;height:100vh;min-height:600px;
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;
  }
  #about-canvas{position:absolute;inset:0;z-index:0;pointer-events:none;}
  .about-hero-img{
    position:absolute;inset:0;z-index:0;
    background-image:url('<?php echo SEONOS_ASSETS; ?>/images/placeholder.jpg');
    background-size:cover;background-position:center;
    filter:brightness(.15) saturate(.4);
  }
  .about-hero-overlay{
    position:absolute;inset:0;z-index:1;
    background:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(3,4,10,.55) 0%,rgba(3,4,10,.1) 100%);
  }
  .about-hero-content{
    position:relative;z-index:2;text-align:center;padding:0 8%;max-width:900px;
  }
  .about-hero-content .eyebrow{justify-content:center;margin-bottom:20px;}
  .about-hero-content h1{
    font-family:var(--font-hd);font-size:clamp(3rem,7vw,6.5rem);
    font-weight:900;text-transform:uppercase;line-height:.95;color:#fff;
    margin-bottom:24px;
    text-shadow:0 0 60px rgba(30,179,255,.2);
  }
  .about-hero-content .hero-sub{
    font-size:1.15rem;color:var(--muted);max-width:540px;margin:0 auto 40px;line-height:1.75;
  }
  .about-scroll-hint{
    position:absolute;bottom:36px;left:50%;transform:translateX(-50%);
    z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;
    font-family:var(--font-hd);font-size:.72rem;font-weight:700;letter-spacing:.2em;
    text-transform:uppercase;color:rgba(120,150,192,.55);
    animation:fadeUp 2s ease-in-out infinite alternate;
  }
  .about-scroll-hint svg{width:20px;height:20px;stroke:rgba(30,179,255,.45);fill:none;stroke-width:1.5;}

  /* ── STATS BAR ───────────────────────────────────────────── */
  #stats-bar{background:var(--dark);border-bottom:1px solid var(--border);padding:0;}
  .stats-bar-inner{
    max-width:1160px;margin:0 auto;
    display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  }
  .sb-stat{
    padding:40px 30px;text-align:center;
    border-right:1px solid var(--border);position:relative;
    overflow:hidden;transition:background .3s;
  }
  .sb-stat:last-child{border-right:none;}
  .sb-stat::before{
    content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);
    width:0;height:2px;background:linear-gradient(90deg,var(--elec),var(--blue));
    transition:width .5s ease;
  }
  .sb-stat:hover{background:rgba(30,179,255,.04);}
  .sb-stat:hover::before{width:80%;}
  .sb-num{
    font-family:var(--font-hd);font-size:3.4rem;font-weight:900;line-height:1;
    background:linear-gradient(92deg,#1EB3FF 0%,#00D4FF 18%,#80ECFF 32%,#1EB3FF 46%,#00CCFF 60%,#7FDFFF 74%,#1EB3FF 88%,#00D4FF 100%);
    background-size:260% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
    background-clip:text;animation:letterGlimmer 3.5s ease-in-out infinite;
  }
  .sb-label{font-family:var(--font-hd);font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:8px;}

  /* ── ORIGIN STORY ────────────────────────────────────────── */
  #origin{background:var(--black);}
  .origin-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
  .origin-text p{color:var(--muted);line-height:1.85;margin-bottom:18px;font-size:1.02rem;}
  .origin-text p strong{color:var(--text);}
  .years-card{
    background:var(--dark2);border:1px solid rgba(30,179,255,.25);
    padding:50px 44px;position:relative;overflow:hidden;
  }
  .years-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--elec),var(--blue));}
  .years-card::after{
    content:'19';
    position:absolute;right:-10px;bottom:-20px;
    font-family:var(--font-hd);font-size:14rem;font-weight:900;
    color:rgba(30,179,255,.04);line-height:1;pointer-events:none;
  }
  .years-big{
    font-family:var(--font-hd);font-size:7.5rem;font-weight:900;line-height:1;
    background:linear-gradient(92deg,#1EB3FF 0%,#00D4FF 20%,#80ECFF 35%,#1EB3FF 50%,#00D4FF 100%);
    background-size:260% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
    background-clip:text;animation:letterGlimmer 3s ease-in-out infinite;
    text-shadow:none;
  }
  .years-label{font-family:var(--font-hd);font-size:1.1rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:4px;margin-bottom:20px;}
  .exp-rows{margin-top:24px;border-top:1px solid var(--border);}
  .exp-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);font-family:var(--font-hd);font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;}
  .exp-row span:first-child{color:var(--text);}
  .exp-row span:last-child{color:var(--elec);font-size:.7rem;}
  .stat-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;}
  .pill{font-family:var(--font-hd);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--elec);background:rgba(30,179,255,.08);border:1px solid rgba(30,179,255,.2);padding:6px 14px;border-radius:3px;}

  /* ── EXPERTISE GRID ──────────────────────────────────────── */
  #expertise{background:var(--dark);}
  .exp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:60px;}
  .exp-card{
    background:var(--dark2);padding:36px 28px;
    border-top:2px solid transparent;
    transition:border-color .3s,transform .3s,box-shadow .3s;
    position:relative;overflow:hidden;cursor:default;
  }
  .exp-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(30,179,255,.03),transparent);pointer-events:none;}
  .exp-card:hover{border-color:var(--elec);transform:translateY(-6px);box-shadow:0 16px 40px rgba(30,179,255,.12);}
  .exp-card-icon{
    width:52px;height:52px;border-radius:8px;margin-bottom:18px;
    background:rgba(30,179,255,.08);border:1px solid rgba(30,179,255,.2);
    display:flex;align-items:center;justify-content:center;
  }
  .exp-card-icon svg{width:26px;height:26px;fill:none;stroke:var(--elec);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(30,179,255,.5));}
  .exp-card h3{font-family:var(--font-hd);font-size:1.2rem;font-weight:800;text-transform:uppercase;color:#fff;margin-bottom:8px;letter-spacing:.04em;}
  .exp-card p{font-size:.88rem;color:var(--muted);line-height:1.65;}
  .exp-card-num{position:absolute;top:16px;right:18px;font-family:var(--font-hd);font-size:2.8rem;font-weight:900;color:rgba(30,179,255,.06);line-height:1;}

  /* ── DUAL BRAND SPLIT ────────────────────────────────────── */
  #brands{background:var(--black);}
  .brands-wrap{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:60px;}
  .brand-side{padding:56px 52px;position:relative;overflow:hidden;transition:transform .3s;}
  .brand-side:hover{transform:translateY(-4px);}
  .brand-side.seonos{background:linear-gradient(145deg,#060c1a,var(--dark2));border:1px solid rgba(30,179,255,.2);}
  .brand-side.cwp{background:linear-gradient(145deg,#0a0a08,#110f00);border:1px solid rgba(255,180,32,.15);}
  .brand-side.seonos::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--elec),var(--blue));}
  .brand-side.cwp::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--energy2),var(--energy));}
  .brand-side.seonos:hover{box-shadow:0 20px 70px rgba(30,179,255,.12);}
  .brand-side.cwp:hover{box-shadow:0 20px 70px rgba(255,180,32,.08);}
  .brand-name-big{font-family:var(--font-hd);font-size:2.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;}
  .brand-name-big.blue{background:linear-gradient(92deg,#1EB3FF 0%,#00D4FF 20%,#7FE8FF 34%,#1EB3FF 48%,#00CCFF 62%,#7FDFFF 76%,#1EB3FF 90%,#00D4FF 100%);background-size:260% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:letterGlimmer 4s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(30,179,255,.5));}
  .brand-name-big.gold{color:var(--energy2);}
  .brand-type{font-family:var(--font-hd);font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:22px;}
  .brand-body{font-size:.97rem;color:var(--muted);line-height:1.82;margin-bottom:26px;}
  .brand-list{list-style:none;margin-bottom:32px;}
  .brand-list li{display:flex;align-items:center;gap:10px;font-size:.92rem;color:var(--text);padding:7px 0;border-bottom:1px solid rgba(255,255,255,.04);}
  .seonos .brand-list li::before{content:'✦';color:var(--elec);font-size:.55rem;flex-shrink:0;}
  .cwp .brand-list li::before{content:'✦';color:var(--energy2);font-size:.55rem;flex-shrink:0;}
  .partner-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-hd);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--energy2);background:rgba(255,180,32,.08);border:1px solid rgba(255,180,32,.2);padding:8px 16px;border-radius:3px;}

  /* ── VALUES ──────────────────────────────────────────────── */
  #values{background:var(--dark);border-top:1px solid var(--border);}
  .values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:60px;}
  .value-card{
    padding:36px 30px;border:1px solid var(--border);background:var(--dark2);
    position:relative;transition:all .3s;cursor:default;
  }
  .value-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;width:0;background:linear-gradient(90deg,var(--elec),var(--blue));transition:width .5s ease;}
  .value-card:hover{border-color:rgba(30,179,255,.3);transform:translateY(-5px);box-shadow:0 16px 50px rgba(30,179,255,.08);}
  .value-card:hover::before{width:100%;}
  .value-num{font-family:var(--font-hd);font-size:3.5rem;font-weight:900;color:rgba(30,179,255,.1);line-height:1;margin-bottom:16px;}
  .value-card h3{font-family:var(--font-hd);font-size:1.3rem;font-weight:800;text-transform:uppercase;color:#fff;margin-bottom:10px;}
  .value-card p{font-size:.9rem;color:var(--muted);line-height:1.72;}

  /* ── MEMPHIS MAP SECTION ─────────────────────────────────── */
  #local-roots{
    position:relative;overflow:hidden;padding:100px 5%;
  }
  .local-roots-bg{
    position:absolute;inset:0;
    background-image:url('<?php echo SEONOS_ASSETS; ?>/images/placeholder.jpg');
    background-size:cover;background-position:center 40%;
    filter:brightness(.08);
  }
  .local-roots-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,10,.97) 45%,rgba(3,4,10,.7) 70%,rgba(3,4,10,.3) 100%);}
  .local-roots-inner{position:relative;z-index:2;max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
  .city-list{list-style:none;}
  .city-item{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--border);transition:all .25s;cursor:default;}
  .city-item:hover{padding-left:8px;border-color:rgba(30,179,255,.3);}
  .city-dot{width:7px;height:7px;border-radius:50%;background:var(--elec);box-shadow:0 0 10px var(--elec);flex-shrink:0;}
  .city-name{font-family:var(--font-hd);font-size:1.15rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;}
  .city-state{font-size:.82rem;color:var(--muted);margin-left:auto;font-family:var(--font-hd);letter-spacing:.1em;}
  .local-text p{color:var(--muted);line-height:1.85;margin-bottom:20px;font-size:1rem;}
  .local-text p strong{color:var(--text);}
  .local-cta-box{margin-top:36px;background:var(--dark2);border:1px solid rgba(30,179,255,.2);padding:32px;position:relative;}
  .local-cta-box::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--elec),var(--blue));}
  .local-cta-box h3{font-family:var(--font-hd);font-size:1.3rem;font-weight:800;text-transform:uppercase;color:#fff;margin-bottom:8px;}
  .local-cta-box p{font-size:.93rem;color:var(--muted);line-height:1.7;margin-bottom:20px;}

  /* ── TEAM / TRUST SPLIT ──────────────────────────────────── */
  #team{background:var(--black);padding:0;}
  .team-split{display:grid;grid-template-columns:1fr 1fr;}
  .team-img{position:relative;overflow:hidden;min-height:520px;}
  .team-img img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:brightness(.72) saturate(.75);transition:transform .7s ease,filter .4s;}
  .team-split:hover .team-img img{transform:scale(1.04);filter:brightness(.82) saturate(.9);}
  .team-img-overlay{position:absolute;inset:0;background:linear-gradient(to right,transparent 55%,rgba(3,4,10,1) 100%);}
  .team-text{background:var(--dark2);padding:64px 56px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--border);position:relative;}
  .team-text::before{content:'';position:absolute;top:0;left:-1px;width:3px;height:100%;background:linear-gradient(180deg,var(--elec),var(--blue));}
  .team-text h2{font-size:2.6rem;margin-bottom:14px;}
  .team-text>p{color:var(--muted);line-height:1.82;margin-bottom:22px;}
  .check-list{list-style:none;margin-bottom:30px;}
  .check-list li{display:flex;align-items:flex-start;gap:12px;font-size:.97rem;color:var(--text);padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);}
  .ci{width:22px;height:22px;border-radius:50%;background:rgba(30,179,255,.12);border:1px solid rgba(30,179,255,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
  .ci svg{width:10px;height:10px;stroke:var(--elec);fill:none;stroke-width:2.5;stroke-linecap:round;}

  /* ── TIMELINE ────────────────────────────────────────────── */
  #timeline{background:var(--dark);border-top:1px solid var(--border);}
  .tl-wrap{max-width:760px;margin:60px auto 0;position:relative;}
  .tl-wrap::before{content:'';position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--elec),var(--blue),rgba(30,179,255,.1));}
  .tl-item{display:flex;gap:28px;margin-bottom:52px;}
  .tl-dot{width:56px;height:56px;border-radius:50%;background:var(--dark2);border:2px solid var(--elec);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-hd);font-size:.85rem;font-weight:900;color:var(--elec);box-shadow:0 0 20px rgba(30,179,255,.3);position:relative;z-index:1;transition:all .3s;}
  .tl-item:hover .tl-dot{background:var(--elec);color:var(--black);box-shadow:0 0 36px rgba(30,179,255,.6);}
  .tl-body{padding-top:10px;}
  .tl-year{font-family:var(--font-hd);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--elec);opacity:.7;margin-bottom:6px;}
  .tl-title{font-family:var(--font-hd);font-size:1.4rem;font-weight:800;text-transform:uppercase;color:#fff;margin-bottom:7px;}
  .tl-desc{font-size:.93rem;color:var(--muted);line-height:1.68;}

  /* ── FINAL CTA ───────────────────────────────────────────── */
  #about-cta{
    background:var(--dark);text-align:center;
    border-top:1px solid var(--border);padding:100px 5%;
    position:relative;overflow:hidden;
  }
  #about-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(30,179,255,.06),transparent);}
  #about-cta .si{position:relative;z-index:1;}
  .cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:38px;}

  /* ── FOOTER ──────────────────────────────────────────────── */
  footer{background:var(--black);border-top:1px solid var(--border);padding:48px 5% 30px;}
  .footer-simple{max-width:1160px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;}
  .footer-simple p{font-size:.88rem;color:var(--muted);}
  .footer-simple a{color:var(--elec);text-decoration:none;}
  .footer-links{display:flex;gap:24px;}
  .footer-links a{font-size:.88rem;color:var(--muted);text-decoration:none;transition:color .2s;}
  .footer-links a:hover{color:var(--elec);}

  /* ── RESPONSIVE ──────────────────────────────────────────── */
  @media(max-width:1024px){
    .exp-grid{grid-template-columns:repeat(2,1fr);}
    .values-grid{grid-template-columns:repeat(2,1fr);}
  }
  @media(max-width:900px){
    .nav-links,.nav-cta-group .nav-phone{display:none;}
    .hamburger{display:flex;}
    .origin-grid,.brands-wrap,.team-split,.local-roots-inner{grid-template-columns:1fr;}
    .team-img{min-height:300px;}
    .team-img-overlay{background:linear-gradient(to bottom,transparent 50%,rgba(3,4,10,1) 100%);}
    .team-text{padding:40px 28px;}
    .stats-bar-inner{grid-template-columns:1fr 1fr;}
    .sb-stat:nth-child(2){border-right:none;}
  }
  @media(max-width:600px){
    section{padding:70px 5%;}
    .exp-grid{grid-template-columns:1fr;}
    .values-grid{grid-template-columns:1fr;}
    .brands-wrap{grid-template-columns:1fr;}
    .brand-side{padding:40px 28px;}
  }

  /* ══ ABOUT HERO — particle network ══════════════════════════ */
  #about-hero {
    position: relative; height: 100vh; min-height: 640px;
    display: flex; align-items: center; justify-content: center;
    overflow: hidden;
  }
  #about-canvas { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
  .about-hero-img {
    position: absolute; inset: 0; z-index: 0;
    background-image: url('<?php echo SEONOS_ASSETS; ?>/images/placeholder.jpg');
    background-size: cover; background-position: center;
    filter: brightness(.12) saturate(.35);
  }
  .about-hero-overlay {
    position: absolute; inset: 0; z-index: 1;
    background: radial-gradient(ellipse 80% 90% at 50% 50%, rgba(3,4,10,.5) 0%, rgba(3,4,10,.15) 100%);
  }

  /* HUD corner brackets */
  .hud-tl,.hud-tr,.hud-bl,.hud-br {
    position: absolute; z-index: 4; width: 40px; height: 40px;
    pointer-events: none;
    opacity: 0; animation: hudFade 1s .8s forwards;
  }
  @keyframes hudFade { to { opacity: .5; } }
  .hud-tl { top: 20px; left: 20px;
    border-top: 1px solid var(--elec); border-left: 1px solid var(--elec); }
  .hud-tr { top: 20px; right: 20px;
    border-top: 1px solid var(--elec); border-right: 1px solid var(--elec); }
  .hud-bl { bottom: 20px; left: 20px;
    border-bottom: 1px solid var(--elec); border-left: 1px solid var(--elec); }
  .hud-br { bottom: 20px; right: 20px;
    border-bottom: 1px solid var(--elec); border-right: 1px solid var(--elec); }

  /* Scan line */
  .scan-line {
    position: absolute; left: 0; right: 0; height: 1px; z-index: 3;
    background: linear-gradient(90deg, transparent, rgba(30,179,255,.4) 30%, rgba(30,179,255,.6) 50%, rgba(30,179,255,.4) 70%, transparent);
    animation: scanMove 5s linear infinite; pointer-events: none;
    box-shadow: 0 0 8px rgba(30,179,255,.3);
  }
  @keyframes scanMove { 0%{top:-2px;opacity:0;} 5%{opacity:1;} 95%{opacity:1;} 100%{top:100%;opacity:0;} }

  /* Content */
  .about-hero-content {
    position: relative; z-index: 5; text-align: center;
    padding: 0 6%; max-width: 860px; width: 100%;
  }
  .ah-eyebrow {
    font-family: var(--font-hd); font-size: .78rem; font-weight: 700;
    letter-spacing: .26em; text-transform: uppercase;
    color: rgba(30,179,255,.65); margin-bottom: 20px;
    display: flex; align-items: center; justify-content: center; gap: 14px;
    opacity: 0; animation: fadeUp .8s .4s forwards;
  }
  .ah-dash {
    display: block; width: 36px; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(30,179,255,.6));
  }
  .ah-dash:last-child { transform: scaleX(-1); }
  @keyframes fadeUp { from{opacity:0;transform:translateY(16px);} to{opacity:1;transform:translateY(0);} }
  .ah-h1 {
    font-family: var(--font-hd); font-weight: 900; text-transform: uppercase;
    line-height: .95; display: flex; flex-direction: column; align-items: center;
    margin-bottom: 22px;
  }
  .ah-line1 {
    display: block;
    font-size: clamp(2rem, 4.5vw, 4.2rem);
    color: #fff; line-height: 1;
    opacity: 0; animation: fadeUp .8s .55s forwards;
  }
  .ah-line2 {
    display: block;
    font-size: clamp(3rem, 7vw, 6.8rem);
    line-height: .95;
    opacity: 0; animation: fadeUp .8s .7s forwards;
  }
  .ah-sub {
    font-size: 1.05rem; color: var(--muted); max-width: 480px;
    margin: 0 auto 30px; line-height: 1.78;
    opacity: 0; animation: fadeUp .8s .85s forwards;
  }
  .ah-btns {
    display: flex; gap: 14px; justify-content: center; flex-wrap: wrap;
    opacity: 0; animation: fadeUp .8s 1s forwards;
    margin-bottom: 40px;
  }
  /* Inline stats bar */
  .ah-stats {
    display: flex; align-items: center; justify-content: center; gap: 0;
    background: rgba(7,9,15,.7); border: 1px solid var(--border);
    backdrop-filter: blur(12px); border-radius: 6px; overflow: hidden;
    opacity: 0; animation: fadeUp .8s 1.15s forwards;
  }
  .ah-stat { padding: 14px 28px; text-align: center; }
  .ah-snum {
    display: block; font-family: var(--font-hd); font-size: 1.5rem;
    font-weight: 900; line-height: 1;
    background: linear-gradient(92deg,#1EB3FF 0%,#00D4FF 30%,#7FE8FF 50%,#1EB3FF 70%,#00D4FF 100%);
    background-size: 260% 100%; -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; background-clip: text;
    animation: letterGlimmer 3.5s ease-in-out infinite;
  }
  .ah-slabel {
    display: block; font-family: var(--font-hd); font-size: .68rem;
    font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
    color: var(--muted); margin-top: 3px;
  }
  .ah-sdiv { width: 1px; height: 40px; background: var(--border); flex-shrink: 0; }

  @media(max-width:600px){
    .ah-stat { padding: 12px 16px; }
    .ah-snum { font-size: 1.2rem; }
    .ah-stats { flex-wrap: wrap; }
    .ah-sdiv { display: none; }
    .hud-tl,.hud-tr,.hud-bl,.hud-br { width: 24px; height: 24px; }
  }

  /* ══ SHARED INNER-PAGE FOOTER ════════════════════════════════ */
  #site-footer {
    background: var(--black);
    border-top: 1px solid var(--border);
    padding: 60px 5% 32px;
    position: relative; overflow: hidden;
  }
  #site-footer::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0; height: 3px;
    background: linear-gradient(90deg, transparent, var(--elec) 30%, var(--blue-mid) 60%, transparent);
    opacity: .35;
  }
  .sf-top {
    max-width: 1160px; margin: 0 auto;
    display: grid; grid-template-columns: 1.6fr 1fr;
    gap: 60px; margin-bottom: 48px;
  }
  .sf-brand p {
    font-size: .9rem; color: var(--muted); line-height: 1.75;
    max-width: 320px; margin-top: 12px;
  }
  .sf-contact {
    display: flex; align-items: center; gap: 10px;
    margin-top: 18px; flex-wrap: wrap;
  }
  .sf-contact a {
    font-family: var(--font-hd); font-size: 1rem; font-weight: 700;
    color: var(--elec); text-decoration: none; letter-spacing: .04em;
    transition: text-shadow .2s;
  }
  .sf-contact a:hover { text-shadow: 0 0 20px rgba(30,179,255,.7); }
  .sf-contact span { color: var(--muted); }
  .sf-cols {
    display: grid; grid-template-columns: repeat(3,1fr); gap: 32px;
  }
  .sf-col h4 {
    font-family: var(--font-hd); font-size: .8rem; font-weight: 700;
    letter-spacing: .18em; text-transform: uppercase; color: var(--elec);
    margin-bottom: 16px;
  }
  .sf-col ul { list-style: none; }
  .sf-col ul li { margin-bottom: 9px; }
  .sf-col ul li a {
    font-size: .88rem; color: var(--muted); text-decoration: none;
    transition: color .2s, padding-left .2s;
  }
  .sf-col ul li a:hover { color: var(--elec); padding-left: 5px; }
  .sf-bottom {
    max-width: 1160px; margin: 0 auto;
    display: flex; justify-content: space-between; align-items: center;
    padding-top: 24px; border-top: 1px solid var(--border);
    font-size: .82rem; color: var(--muted); flex-wrap: wrap; gap: 12px;
  }
  .sf-bottom a { color: var(--elec); text-decoration: none; }
  .sf-bottom-links { display: flex; gap: 20px; }
  .sf-bottom-links a { color: var(--muted); transition: color .2s; }
  .sf-bottom-links a:hover { color: var(--elec); }
  @media(max-width:900px){
    .sf-top { grid-template-columns: 1fr; gap: 40px; }
    .sf-cols { grid-template-columns: repeat(2,1fr); }
  }
  @media(max-width:600px){
    .sf-cols { grid-template-columns: 1fr 1fr; }
    .sf-bottom { flex-direction: column; text-align: center; }
  }


/* === From: services.html === */


  :root{--black:#03040A;--dark:#07090F;--dark2:#0B0D17;--blue:#0B3D91;--blue-mid:#1567D3;--elec:#1EB3FF;--energy:#FF4D1A;--energy2:#FFB020;--text:#D8E8FF;--muted:#7896C0;--border:rgba(30,179,255,.12);--font-hd:'Barlow Condensed',sans-serif;--font-bd:'Barlow',sans-serif;}
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{background:var(--black);color:var(--text);font-family:var(--font-bd);font-size:16px;line-height:1.6;overflow-x:hidden;}
  ::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-track{background:var(--black);}::-webkit-scrollbar-thumb{background:var(--blue-mid);border-radius:2px;}

  nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:14px 5%;background:rgba(3,4,10,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);transition:padding .3s;}
  .logo{font-family:var(--font-hd);font-size:1.9rem;font-weight:900;letter-spacing:.08em;color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px;}
  .logo .lspan{color:var(--elec);text-shadow:0 0 18px var(--elec);}
  .logo-tag{font-size:.6rem;font-weight:600;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;border:1px solid var(--border);border-radius:3px;padding:2px 6px;align-self:center;}
  .nav-links{display:flex;align-items:center;gap:28px;list-style:none;}
  .nav-links a{font-family:var(--font-hd);font-size:1rem;font-weight:600;letter-spacing:.06em;color:var(--muted);text-decoration:none;text-transform:uppercase;transition:color .2s;}
  .nav-links a:hover,.nav-links a.active{color:var(--elec);}
  .nav-cta-group{display:flex;align-items:center;gap:10px;}
  .btn{font-family:var(--font-hd);font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:all .25s;}
  .btn-ghost{background:transparent;color:var(--elec);border:1px solid rgba(30,179,255,.4);padding:9px 20px;border-radius:4px;}
  .btn-ghost:hover{border-color:var(--elec);background:rgba(30,179,255,.08);}
  .btn-primary{background:linear-gradient(135deg,var(--blue-mid),var(--elec));color:#fff;padding:9px 22px;border-radius:4px;box-shadow:0 0 28px rgba(30,179,255,.35);}
  .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 40px rgba(30,179,255,.6);}
  .btn-energy{background:linear-gradient(135deg,#c93800,var(--energy));color:#fff;padding:14px 34px;border-radius:4px;font-size:1.1rem;box-shadow:0 0 30px rgba(255,77,26,.35);}
  .btn-energy:hover{transform:translateY(-2px);box-shadow:0 6px 50px rgba(255,77,26,.6);}
  .btn-outline-lg{background:transparent;color:var(--elec);border:2px solid rgba(30,179,255,.5);padding:13px 32px;border-radius:4px;font-size:1.05rem;}
  .btn-outline-lg:hover{border-color:var(--elec);box-shadow:0 0 40px rgba(30,179,255,.25);}
  .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;}
  .hamburger span{display:block;width:24px;height:2px;background:var(--elec);}

  .page-hero{padding:160px 5% 100px;background:var(--dark);position:relative;overflow:hidden;border-bottom:1px solid var(--border);}
  .page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 20% 50%,rgba(30,179,255,.06),transparent);}
  .ph-inner{max-width:1160px;margin:0 auto;position:relative;z-index:1;}
  .breadcrumb{font-family:var(--font-hd);font-size:.8rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:20px;display:flex;align-items:center;gap:10px;}
  .breadcrumb a{color:var(--elec);text-decoration:none;}
  .page-hero h1{font-family:var(--font-hd);font-size:clamp(3rem,7vw,6rem);font-weight:900;text-transform:uppercase;line-height:.95;color:#fff;margin-bottom:24px;}
  .page-hero h1 .hl{color:var(--elec);text-shadow:0 0 40px rgba(30,179,255,.5);}
  .ph-sub{font-size:1.15rem;color:var(--muted);max-width:580px;line-height:1.75;}
  section{padding:100px 5%;}
  .si{max-width:1160px;margin:0 auto;}
  .eyebrow{font-family:var(--font-hd);font-size:.82rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--elec);margin-bottom:12px;display:flex;align-items:center;gap:10px;}
  .eyebrow::before{content:'';display:block;width:28px;height:2px;background:var(--elec);box-shadow:0 0 8px var(--elec);}
  h2{font-family:var(--font-hd);font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:900;text-transform:uppercase;line-height:1;color:#fff;margin-bottom:16px;}
  .hl{color:var(--elec);}
  .divider{width:60px;height:3px;margin:18px 0 28px;background:linear-gradient(90deg,var(--elec),var(--blue));box-shadow:0 0 12px var(--elec);}
  .glow-line{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--elec) 50%,transparent);opacity:.25;}
  .reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease;}
  .reveal.visible{opacity:1;transform:translateY(0);}
  .ck-list{list-style:none;}
  .ck-list li{display:flex;align-items:flex-start;gap:12px;font-size:.97rem;color:var(--text);padding:9px 0;border-bottom:1px solid rgba(255,255,255,.04);}
  .ck-list li .ci{color:var(--elec);font-size:.6rem;flex-shrink:0;margin-top:6px;}
  .tag{font-family:var(--font-hd);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--elec);background:rgba(30,179,255,.08);border:1px solid rgba(30,179,255,.18);padding:5px 12px;border-radius:3px;display:inline-block;}
  .page-cta{background:var(--dark);text-align:center;border-top:1px solid var(--border);padding:100px 5%;position:relative;overflow:hidden;}
  .page-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(30,179,255,.06),transparent);}
  .page-cta .si{position:relative;z-index:1;}
  .page-cta h2{margin-bottom:14px;}
  .cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:36px;}

  footer{background:var(--black);border-top:1px solid var(--border);padding:60px 5% 36px;}
  .footer-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;margin-bottom:50px;}
  .footer-brand .logo{font-size:1.6rem;margin-bottom:14px;display:inline-flex;}
  .footer-brand p{font-size:.9rem;color:var(--muted);line-height:1.7;}
  .footer-col h4{font-family:var(--font-hd);font-size:.85rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--elec);margin-bottom:18px;}
  .footer-col ul{list-style:none;}
  .footer-col ul li{margin-bottom:10px;}
  .footer-col ul li a{font-size:.9rem;color:var(--muted);text-decoration:none;transition:color .2s;}
  .footer-col ul li a:hover{color:var(--elec);}
  .footer-bottom{max-width:1160px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--border);font-size:.83rem;color:var(--muted);flex-wrap:wrap;gap:12px;}
  @media(max-width:900px){.nav-links,.nav-cta-group .btn-ghost{display:none;}.hamburger{display:flex;}.footer-inner{grid-template-columns:1fr 1fr;gap:36px;}}
  @media(max-width:600px){section{padding:70px 5%;}.footer-inner{grid-template-columns:1fr;}.footer-bottom{flex-direction:column;text-align:center;}}

  .svc-block{padding:100px 5%;border-bottom:1px solid var(--border);}
  .svc-block:nth-child(even){background:var(--dark);}
  .svc-block:nth-child(odd){background:var(--black);}
  .svc-grid{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
  .svc-grid.flip{direction:rtl;}
  .svc-grid.flip>*{direction:ltr;}
  .svc-main h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:12px;}
  .svc-main p{color:var(--muted);line-height:1.85;margin-bottom:18px;font-size:1.02rem;}
  .svc-main p strong{color:var(--text);}
  .svc-panel{background:var(--dark2);border:1px solid var(--border);padding:40px;position:relative;}
  .svc-panel::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--elec),var(--blue));}
  .svc-panel h3{font-family:var(--font-hd);font-size:1.3rem;font-weight:800;text-transform:uppercase;color:#fff;margin-bottom:20px;letter-spacing:.04em;}
  .benefit-row{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);}
  .benefit-icon{width:36px;height:36px;border-radius:6px;background:rgba(30,179,255,.1);border:1px solid rgba(30,179,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem;}
  .benefit-text{font-size:.93rem;color:var(--text);line-height:1.5;}
  .service-nav-bar{background:var(--dark);border-bottom:1px solid var(--border);padding:0 5%;position:sticky;top:64px;z-index:50;}
  .snb-inner{max-width:1160px;margin:0 auto;display:flex;gap:0;overflow-x:auto;}
  .snb-inner a{font-family:var(--font-hd);font-size:.9rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-decoration:none;padding:18px 24px;display:block;border-bottom:2px solid transparent;white-space:nowrap;transition:all .2s;}
  .snb-inner a:hover,.snb-inner a.active{color:var(--elec);border-color:var(--elec);}
  .svc-overview{background:var(--dark);padding:80px 5%;border-bottom:1px solid var(--border);}
  .svc-cards{max-width:1160px;margin:36px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2px;}
  .svc-card-mini{background:var(--dark2);padding:32px 28px;border-top:2px solid transparent;transition:all .3s;cursor:pointer;text-decoration:none;display:block;}
  .svc-card-mini:hover{border-color:var(--elec);transform:translateY(-3px);}
  .scm-icon{font-size:2rem;margin-bottom:14px;display:block;}
  .scm-title{font-family:var(--font-hd);font-size:1.3rem;font-weight:800;text-transform:uppercase;color:#fff;margin-bottom:6px;}
  .scm-desc{font-size:.88rem;color:var(--muted);line-height:1.6;}
  @media(max-width:900px){.svc-grid,.svc-grid.flip{grid-template-columns:1fr;gap:40px;direction:ltr;}.svc-grid.flip>*{direction:ltr;}}

  /* ══ SHARED INNER-PAGE FOOTER ════════════════════════════════ */
  #site-footer {
    background: var(--black);
    border-top: 1px solid var(--border);
    padding: 60px 5% 32px;
    position: relative; overflow: hidden;
  }
  #site-footer::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0; height: 3px;
    background: linear-gradient(90deg, transparent, var(--elec) 30%, var(--blue-mid) 60%, transparent);
    opacity: .35;
  }
  .sf-top {
    max-width: 1160px; margin: 0 auto;
    display: grid; grid-template-columns: 1.6fr 1fr;
    gap: 60px; margin-bottom: 48px;
  }
  .sf-brand p {
    font-size: .9rem; color: var(--muted); line-height: 1.75;
    max-width: 320px; margin-top: 12px;
  }
  .sf-contact {
    display: flex; align-items: center; gap: 10px;
    margin-top: 18px; flex-wrap: wrap;
  }
  .sf-contact a {
    font-family: var(--font-hd); font-size: 1rem; font-weight: 700;
    color: var(--elec); text-decoration: none; letter-spacing: .04em;
    transition: text-shadow .2s;
  }
  .sf-contact a:hover { text-shadow: 0 0 20px rgba(30,179,255,.7); }
  .sf-contact span { color: var(--muted); }
  .sf-cols {
    display: grid; grid-template-columns: repeat(3,1fr); gap: 32px;
  }
  .sf-col h4 {
    font-family: var(--font-hd); font-size: .8rem; font-weight: 700;
    letter-spacing: .18em; text-transform: uppercase; color: var(--elec);
    margin-bottom: 16px;
  }
  .sf-col ul { list-style: none; }
  .sf-col ul li { margin-bottom: 9px; }
  .sf-col ul li a {
    font-size: .88rem; color: var(--muted); text-decoration: none;
    transition: color .2s, padding-left .2s;
  }
  .sf-col ul li a:hover { color: var(--elec); padding-left: 5px; }
  .sf-bottom {
    max-width: 1160px; margin: 0 auto;
    display: flex; justify-content: space-between; align-items: center;
    padding-top: 24px; border-top: 1px solid var(--border);
    font-size: .82rem; color: var(--muted); flex-wrap: wrap; gap: 12px;
  }
  .sf-bottom a { color: var(--elec); text-decoration: none; }
  .sf-bottom-links { display: flex; gap: 20px; }
  .sf-bottom-links a { color: var(--muted); transition: color .2s; }
  .sf-bottom-links a:hover { color: var(--elec); }
  @media(max-width:900px){
    .sf-top { grid-template-columns: 1fr; gap: 40px; }
    .sf-cols { grid-template-columns: repeat(2,1fr); }
  }
  @media(max-width:600px){
    .sf-cols { grid-template-columns: 1fr 1fr; }
    .sf-bottom { flex-direction: column; text-align: center; }
  }

  /* Services hero */
  .svc-hero{padding:160px 5% 0;background:var(--dark);position:relative;overflow:hidden;border-bottom:1px solid var(--border);}
  #svc-canvas{position:absolute;inset:0;z-index:0;pointer-events:none;}
  .svc-hero-inner{position:relative;z-index:1;max-width:1160px;margin:0 auto;padding-bottom:70px;}
  .sh-bc{font-family:var(--font-hd);font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;display:flex;align-items:center;gap:8px;}
  .sh-bc a{color:var(--elec);text-decoration:none;}
  .sh-h1{font-family:var(--font-hd);font-size:clamp(3rem,7vw,6rem);font-weight:900;text-transform:uppercase;line-height:.95;color:#fff;margin-bottom:20px;}
  .sh-sub{font-size:1.1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:36px;}
  .sh-pills{display:flex;flex-wrap:wrap;gap:10px;}
  .sh-pill{font-family:var(--font-hd);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:rgba(255,255,255,.04);border:1px solid var(--border);padding:7px 16px;border-radius:3px;text-decoration:none;transition:all .25s;}
  .sh-pill:hover{color:var(--elec);border-color:rgba(30,179,255,.4);}


/* === From: process.html === */
:root{--black:#03040A;--dark:#07090F;--dark2:#0B0D17;--blue:#0B3D91;--blue-mid:#1567D3;--elec:#1EB3FF;--energy:#FF4D1A;--energy2:#FFB020;--text:#D8E8FF;--muted:#7896C0;--border:rgba(30,179,255,.12);--font-hd:'Barlow Condensed',sans-serif;--font-bd:'Barlow',sans-serif;}
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{background:var(--black);color:var(--text);font-family:var(--font-bd);font-size:16px;line-height:1.6;overflow-x:hidden;}
  ::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-track{background:var(--black);}::-webkit-scrollbar-thumb{background:var(--blue-mid);border-radius:2px;}
  nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:14px 5%;background:rgba(3,4,10,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);transition:padding .3s;}
  .logo{font-family:var(--font-hd);font-size:1.9rem;font-weight:900;letter-spacing:.08em;color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px;animation:logoFloat 4s ease-in-out infinite;position:relative;overflow:visible;}
  .logo-seo{color:#fff;-webkit-text-fill-color:#fff;}
  .logo-nos{background:linear-gradient(92deg,#1EB3FF 0%,#00D4FF 14%,#7FE8FF 26%,#1EB3FF 38%,#00CCFF 52%,#7FDFFF 64%,#1EB3FF 78%,#00D4FF 90%,#1EB3FF 100%);background-size:260% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:letterGlimmer 4s ease-in-out infinite,nosGlowPulse 3s ease-in-out infinite;animation-delay:.4s,.8s;filter:drop-shadow(0 0 5px rgba(30,179,255,1)) drop-shadow(0 0 14px rgba(30,179,255,.75)) drop-shadow(0 0 30px rgba(30,179,255,.45));}
  .nos-wrap{position:relative;display:inline-block;}
  .smoke-waft{position:absolute;bottom:2px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(30,179,255,.6) 0%,rgba(0,212,255,.2) 40%,transparent 75%);filter:blur(4px);animation:smokeUp var(--sd,2.5s) ease-out infinite;animation-delay:var(--dl,0s);left:var(--lx,50%);width:var(--sw,8px);height:var(--sw,8px);transform-origin:center bottom;}
  .logo-tag{font-size:.6rem;font-weight:600;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;border:1px solid var(--border);border-radius:3px;padding:2px 6px;align-self:center;}
  .nav-links{display:flex;align-items:center;gap:28px;list-style:none;}
  .nav-links a{font-family:var(--font-hd);font-size:1rem;font-weight:600;letter-spacing:.06em;color:var(--muted);text-decoration:none;text-transform:uppercase;transition:color .2s;}
  .nav-links a:hover,.nav-links a.active{color:var(--elec);}
  .nav-dropdown{position:relative;}
  .nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(6px);background:rgba(7,9,15,.97);border:1px solid var(--border);backdrop-filter:blur(18px);min-width:190px;padding:8px 0;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;border-radius:4px;box-shadow:0 20px 60px rgba(0,0,0,.5);}
  .nav-dropdown:hover .nav-dropdown-menu{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0);}
  .nav-dropdown-menu a{display:block;padding:10px 20px;font-family:var(--font-hd);font-size:.88rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .15s,padding-left .15s;}
  .nav-dropdown-menu a:hover{color:var(--elec);padding-left:26px;}
  .nav-caret{font-size:.6rem;margin-left:2px;opacity:.55;}
  .nav-cta-group{display:flex;align-items:center;gap:10px;}
  .btn{font-family:var(--font-hd);font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:all .25s;}
  .btn-ghost{background:transparent;color:var(--elec);border:1px solid rgba(30,179,255,.4);padding:9px 20px;border-radius:4px;}
  .btn-ghost:hover{border-color:var(--elec);background:rgba(30,179,255,.08);}
  .btn-primary{background:linear-gradient(135deg,var(--blue-mid),var(--elec));color:#fff;padding:9px 22px;border-radius:4px;box-shadow:0 0 28px rgba(30,179,255,.35);}
  .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 40px rgba(30,179,255,.6);}
  .btn-energy{background:linear-gradient(135deg,#c93800,var(--energy));color:#fff;padding:13px 32px;border-radius:4px;box-shadow:0 0 24px rgba(255,77,26,.35);}
  .btn-energy:hover{transform:translateY(-2px);box-shadow:0 6px 40px rgba(255,77,26,.6);}
  .nav-phone{background:linear-gradient(135deg,#c93800,#FF4D1A)!important;color:#fff!important;border:none!important;box-shadow:0 0 22px rgba(255,77,26,.5)!important;animation:phonePing 2.2s ease-in-out infinite!important;}
  .nav-phone:hover{transform:translateY(-2px)!important;animation:none!important;}
  .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;}
  .hamburger span{display:block;width:24px;height:2px;background:var(--elec);}
  @keyframes logoFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}}
  @keyframes letterGlimmer{0%{background-position:100% center;}100%{background-position:-100% center;}}
  @keyframes nosGlowPulse{0%,100%{filter:drop-shadow(0 0 5px rgba(30,179,255,1)) drop-shadow(0 0 14px rgba(30,179,255,.75)) drop-shadow(0 0 30px rgba(30,179,255,.45));}50%{filter:drop-shadow(0 0 8px rgba(30,179,255,1)) drop-shadow(0 0 22px rgba(30,179,255,.9)) drop-shadow(0 0 50px rgba(0,212,255,.55));}}
  @keyframes phonePing{0%,100%{box-shadow:0 0 22px rgba(255,77,26,.5),0 0 0 0 rgba(255,77,26,.4);}50%{box-shadow:0 0 28px rgba(255,77,26,.6),0 0 0 10px rgba(255,77,26,0);}}
  @keyframes smokeUp{0%{transform:translateY(0) scale(.4);opacity:.85;}60%{transform:translateY(-16px) scale(1.8);opacity:.28;}100%{transform:translateY(-28px) scale(2.8);opacity:0;}}
  @keyframes fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
  #scroll-progress{position:fixed;top:0;left:0;z-index:9999;height:2px;width:0%;background:linear-gradient(90deg,var(--blue-mid),var(--elec),var(--energy));box-shadow:0 0 8px var(--elec);transition:width .1s linear;}
  .reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease;}
  .reveal.visible{opacity:1;transform:translateY(0);}
  .reveal-left{opacity:0;transform:translateX(-36px);transition:opacity .75s ease,transform .75s ease;}
  .reveal-left.visible{opacity:1;transform:translateX(0);}
  .reveal-right{opacity:0;transform:translateX(36px);transition:opacity .75s ease,transform .75s ease;}
  .reveal-right.visible{opacity:1;transform:translateX(0);}
  section{padding:100px 5%;}
  .si{max-width:1160px;margin:0 auto;}
  .eyebrow{font-family:var(--font-hd);font-size:.82rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:10px;background:linear-gradient(92deg,#0888CC 0%,#1EB3FF 25%,#50CCFF 42%,#1EB3FF 56%,#0888CC 70%,#1EB3FF 85%,#0888CC 100%);background-size:260% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:letterGlimmer 6s ease-in-out infinite;}
  .eyebrow::before{content:'';display:block;width:28px;height:2px;background:var(--elec);box-shadow:0 0 8px var(--elec);flex-shrink:0;-webkit-background-clip:unset;background-clip:unset;}
  h2{font-family:var(--font-hd);font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:900;text-transform:uppercase;line-height:1;color:#fff;margin-bottom:16px;}
  .hl{background:linear-gradient(92deg,#1EB3FF 0%,#00D4FF 14%,#7FE8FF 26%,#1EB3FF 38%,#00CCFF 52%,#7FDFFF 64%,#1EB3FF 78%,#00D4FF 90%,#1EB3FF 100%);background-size:260% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:letterGlimmer 4.2s ease-in-out infinite;display:inline;}
  .divider{width:60px;height:3px;margin:18px 0 28px;background:linear-gradient(90deg,var(--elec),var(--blue));box-shadow:0 0 12px var(--elec);}
  .glow-line{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--elec) 50%,transparent);opacity:.25;}
  @media(max-width:900px){.nav-links,.nav-cta-group .nav-phone{display:none;}.hamburger{display:flex;}}


  /* HERO */
  .ph{position:relative;min-height:88vh;display:flex;align-items:center;justify-content:center;overflow:hidden;}
  .ph-bg-img{position:absolute;inset:0;background-image:url('<?php echo SEONOS_ASSETS; ?>/images/placeholder.jpg');background-size:cover;background-position:center;filter:brightness(.12) saturate(.35);}
  #process-canvas{position:absolute;inset:0;z-index:1;pointer-events:none;}
  .ph-overlay{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 75% 85% at 50% 50%,rgba(3,4,10,.55),rgba(3,4,10,.1));}
  .ph-content{position:relative;z-index:2;text-align:center;padding:0 6%;max-width:820px;}
  .ph-eyebrow{font-family:var(--font-hd);font-size:.78rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:rgba(30,179,255,.65);margin-bottom:18px;display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;animation:fadeUp .8s .3s forwards;}
  .ph-dash{display:block;width:34px;height:1px;background:linear-gradient(90deg,transparent,rgba(30,179,255,.6));}
  .ph-dash:last-child{transform:scaleX(-1);}
  @keyframes fadeUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}
  .ph-h1{font-family:var(--font-hd);font-size:clamp(3rem,7.5vw,6.5rem);font-weight:900;text-transform:uppercase;line-height:.95;color:#fff;margin-bottom:20px;opacity:0;animation:fadeUp .8s .45s forwards;}
  .ph-sub{font-size:1.1rem;color:var(--muted);max-width:540px;margin:0 auto 36px;line-height:1.75;opacity:0;animation:fadeUp .8s .6s forwards;}
  .ph-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;opacity:0;animation:fadeUp .8s .75s forwards;}
  /* STEP FLOW — numbered vertical journey */
  .step-flow{max-width:1060px;margin:0 auto;position:relative;padding:0 5% 0;}
  .step-flow::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--elec),var(--blue),rgba(30,179,255,.1));transform:translateX(-50%);}
  .sf-step{display:grid;grid-template-columns:1fr 80px 1fr;gap:0;align-items:start;margin-bottom:0;position:relative;}
  /* Alternate left/right */
  .sf-step:nth-child(odd) .sf-body{grid-column:3;padding-left:48px;}
  .sf-step:nth-child(odd) .sf-media{grid-column:1;padding-right:48px;justify-self:end;}
  .sf-step:nth-child(even) .sf-body{grid-column:1;padding-right:48px;text-align:right;}
  .sf-step:nth-child(even) .sf-media{grid-column:3;padding-left:48px;}
  .sf-step:nth-child(even) .sf-body .eyebrow{justify-content:flex-end;}
  .sf-step:nth-child(even) .sf-body .eyebrow::before{display:none;}
  .sf-step:nth-child(even) .sf-body .eyebrow::after{content:'';display:block;width:28px;height:2px;background:var(--elec);box-shadow:0 0 8px var(--elec);}
  .sf-step:nth-child(even) .sf-body .step-divider{margin-left:auto;}
  .sf-step:nth-child(even) .sf-body .step-list li{flex-direction:row-reverse;text-align:right;}
  /* Centre column = dot */
  .sf-dot-col{grid-column:2;display:flex;flex-direction:column;align-items:center;padding:40px 0;}
  .sf-dot{width:64px;height:64px;border-radius:50%;background:var(--dark2);border:2px solid var(--elec);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:2;transition:all .4s;}
  .sf-dot-inner{font-family:var(--font-hd);font-size:1.2rem;font-weight:900;color:var(--elec);}
  .sf-dot:hover,.sf-step:hover .sf-dot{background:var(--elec);box-shadow:0 0 40px rgba(30,179,255,.5);}
  .sf-step:hover .sf-dot .sf-dot-inner{color:var(--black);}
  /* Body */
  .sf-body{padding-top:40px;padding-bottom:60px;}
  .sf-body h3{font-family:var(--font-hd);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900;text-transform:uppercase;color:#fff;margin-bottom:10px;letter-spacing:.03em;}
  .sf-body h3 .hl{font-style:normal;}
  .sf-body p{color:var(--muted);line-height:1.82;margin-bottom:16px;font-size:.98rem;}
  .sf-body p strong{color:var(--text);}
  .step-divider{width:50px;height:3px;background:linear-gradient(90deg,var(--elec),var(--blue));box-shadow:0 0 10px var(--elec);margin:14px 0 20px;}
  .step-list{list-style:none;}
  .step-list li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.92rem;color:var(--text);}
  .step-list li .si-dot{width:5px;height:5px;border-radius:50%;background:var(--elec);box-shadow:0 0 6px var(--elec);flex-shrink:0;margin-top:7px;}
  /* Media panel */
  .sf-media{padding-top:40px;padding-bottom:60px;}
  .sf-panel{background:var(--dark2);border:1px solid var(--border);padding:32px;position:relative;overflow:hidden;transition:all .35s;}
  .sf-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--elec),var(--blue));}
  .sf-step:hover .sf-panel{border-color:rgba(30,179,255,.35);box-shadow:0 0 50px rgba(30,179,255,.1);transform:translateY(-4px);}
  .sf-panel-label{font-family:var(--font-hd);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--elec);margin-bottom:14px;opacity:.7;}
  .sf-tag-list{display:flex;flex-direction:column;gap:8px;}
  .sf-tag{display:flex;align-items:center;gap:10px;padding:9px 12px;background:rgba(30,179,255,.04);border:1px solid rgba(30,179,255,.1);border-radius:3px;font-size:.88rem;color:var(--text);transition:all .25s;}
  .sf-tag:hover{background:rgba(30,179,255,.09);border-color:rgba(30,179,255,.25);}
  .sf-tag svg{width:14px;height:14px;stroke:var(--elec);fill:none;stroke-width:2;flex-shrink:0;}
  /* Connector label on the timeline */
  .sf-connector{font-family:var(--font-hd);font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(30,179,255,.35);writing-mode:vertical-rl;text-orientation:mixed;margin:8px 0;}
  /* STATS ROW */
  .stats-strip{background:var(--dark);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:0;}
  .stats-strip-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);}
  .ss-stat{padding:38px 28px;text-align:center;border-right:1px solid var(--border);position:relative;overflow:hidden;transition:background .3s;}
  .ss-stat:last-child{border-right:none;}
  .ss-stat::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:linear-gradient(90deg,var(--elec),var(--blue));transition:width .4s;}
  .ss-stat:hover{background:rgba(30,179,255,.03);}
  .ss-stat:hover::after{width:70%;}
  .ss-num{font-family:var(--font-hd);font-size:3rem;font-weight:900;line-height:1;background:linear-gradient(92deg,#1EB3FF 0%,#00D4FF 20%,#80ECFF 38%,#1EB3FF 54%,#00CCFF 68%,#7FDFFF 82%,#1EB3FF 96%,#00D4FF 100%);background-size:260% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:letterGlimmer 3.5s ease-in-out infinite;}
  .ss-label{font-family:var(--font-hd);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:7px;}
  /* FAQ */
  .faq-wrap{max-width:780px;margin:56px auto 0;}
  .faq-item{border-bottom:1px solid var(--border);}
  .faq-q{display:flex;justify-content:space-between;align-items:center;padding:20px 0;cursor:pointer;gap:18px;user-select:none;}
  .faq-q h3{font-family:var(--font-hd);font-size:1.15rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff;transition:color .2s;}
  .faq-q:hover h3{color:var(--elec);}
  .faq-toggle{width:30px;height:30px;border-radius:50%;background:rgba(30,179,255,.08);border:1px solid rgba(30,179,255,.25);display:flex;align-items:center;justify-content:center;color:var(--elec);font-size:1.1rem;flex-shrink:0;transition:all .3s;}
  .faq-item.open .faq-toggle{background:var(--elec);color:var(--black);transform:rotate(45deg);}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease;}
  .faq-item.open .faq-a{max-height:300px;}
  .faq-a p{padding:0 0 20px;font-size:.95rem;color:var(--muted);line-height:1.75;}
  /* PAGE CTA */
  .page-cta{background:var(--dark);text-align:center;padding:90px 5%;border-top:1px solid var(--border);position:relative;overflow:hidden;}
  .page-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(30,179,255,.05),transparent);}
  .page-cta .si{position:relative;z-index:1;}
  .cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:36px;}
  @media(max-width:900px){
    .step-flow::before{left:32px;transform:none;}
    .sf-step{grid-template-columns:64px 1fr;}
    .sf-step:nth-child(odd) .sf-body,.sf-step:nth-child(even) .sf-body{grid-column:2;padding-left:28px;padding-right:0;text-align:left;}
    .sf-step:nth-child(odd) .sf-media,.sf-step:nth-child(even) .sf-media{grid-column:2;padding-left:28px;padding-right:0;}
    .sf-step:nth-child(even) .sf-body .eyebrow{justify-content:flex-start;}
    .sf-step:nth-child(even) .sf-body .eyebrow::after{display:none;}
    .sf-step:nth-child(even) .sf-body .eyebrow::before{display:block;}
    .sf-step:nth-child(even) .sf-body .step-divider{margin-left:0;}
    .sf-step:nth-child(even) .sf-body .step-list li{flex-direction:row;text-align:left;}
    .sf-dot-col{grid-column:1;padding:40px 0;}
    .sf-connector{display:none;}
    .stats-strip-inner{grid-template-columns:1fr 1fr;}
    .ss-stat:nth-child(2){border-right:none;}
  }
  /* ══ SHARED INNER-PAGE FOOTER ════════════════════════════════ */
  #site-footer {
    background: var(--black);
    border-top: 1px solid var(--border);
    padding: 60px 5% 32px;
    position: relative; overflow: hidden;
  }
  #site-footer::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0; height: 3px;
    background: linear-gradient(90deg, transparent, var(--elec) 30%, var(--blue-mid) 60%, transparent);
    opacity: .35;
  }
  .sf-top {
    max-width: 1160px; margin: 0 auto;
    display: grid; grid-template-columns: 1.6fr 1fr;
    gap: 60px; margin-bottom: 48px;
  }
  .sf-brand p {
    font-size: .9rem; color: var(--muted); line-height: 1.75;
    max-width: 320px; margin-top: 12px;
  }
  .sf-contact {
    display: flex; align-items: center; gap: 10px;
    margin-top: 18px; flex-wrap: wrap;
  }
  .sf-contact a {
    font-family: var(--font-hd); font-size: 1rem; font-weight: 700;
    color: var(--elec); text-decoration: none; letter-spacing: .04em;
    transition: text-shadow .2s;
  }
  .sf-contact a:hover { text-shadow: 0 0 20px rgba(30,179,255,.7); }
  .sf-contact span { color: var(--muted); }
  .sf-cols {
    display: grid; grid-template-columns: repeat(3,1fr); gap: 32px;
  }
  .sf-col h4 {
    font-family: var(--font-hd); font-size: .8rem; font-weight: 700;
    letter-spacing: .18em; text-transform: uppercase; color: var(--elec);
    margin-bottom: 16px;
  }
  .sf-col ul { list-style: none; }
  .sf-col ul li { margin-bottom: 9px; }
  .sf-col ul li a {
    font-size: .88rem; color: var(--muted); text-decoration: none;
    transition: color .2s, padding-left .2s;
  }
  .sf-col ul li a:hover { color: var(--elec); padding-left: 5px; }
  .sf-bottom {
    max-width: 1160px; margin: 0 auto;
    display: flex; justify-content: space-between; align-items: center;
    padding-top: 24px; border-top: 1px solid var(--border);
    font-size: .82rem; color: var(--muted); flex-wrap: wrap; gap: 12px;
  }
  .sf-bottom a { color: var(--elec); text-decoration: none; }
  .sf-bottom-links { display: flex; gap: 20px; }
  .sf-bottom-links a { color: var(--muted); transition: color .2s; }
  .sf-bottom-links a:hover { color: var(--elec); }
  @media(max-width:900px){
    .sf-top { grid-template-columns: 1fr; gap: 40px; }
    .sf-cols { grid-template-columns: repeat(2,1fr); }
  }
  @media(max-width:600px){
    .sf-cols { grid-template-columns: 1fr 1fr; }
    .sf-bottom { flex-direction: column; text-align: center; }
  }


/* === From: industries.html === */

  :root{--black:#03040A;--dark:#07090F;--dark2:#0B0D17;--blue:#0B3D91;--blue-mid:#1567D3;--elec:#1EB3FF;--energy:#FF4D1A;--energy2:#FFB020;--text:#D8E8FF;--muted:#7896C0;--border:rgba(30,179,255,.12);--font-hd:'Barlow Condensed',sans-serif;--font-bd:'Barlow',sans-serif;}
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{background:var(--black);color:var(--text);font-family:var(--font-bd);font-size:16px;line-height:1.6;overflow-x:hidden;}
  ::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-track{background:var(--black);}::-webkit-scrollbar-thumb{background:var(--blue-mid);border-radius:2px;}
  nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:14px 5%;background:rgba(3,4,10,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);transition:padding .3s;}
  .logo{font-family:var(--font-hd);font-size:1.9rem;font-weight:900;letter-spacing:.08em;color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px;animation:logoFloat 4s ease-in-out infinite;position:relative;overflow:visible;}
  .logo-seo{color:#fff;-webkit-text-fill-color:#fff;}
  .logo-nos{background:linear-gradient(92deg,#1EB3FF 0%,#00D4FF 14%,#7FE8FF 26%,#1EB3FF 38%,#00CCFF 52%,#7FDFFF 64%,#1EB3FF 78%,#00D4FF 90%,#1EB3FF 100%);background-size:260% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:letterGlimmer 4s ease-in-out infinite,nosGlowPulse 3s ease-in-out infinite;animation-delay:.4s,.8s;filter:drop-shadow(0 0 5px rgba(30,179,255,1)) drop-shadow(0 0 14px rgba(30,179,255,.75)) drop-shadow(0 0 30px rgba(30,179,255,.45));}
  .nos-wrap{position:relative;display:inline-block;}
  .smoke-waft{position:absolute;bottom:2px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(30,179,255,.6) 0%,rgba(0,212,255,.2) 40%,transparent 75%);filter:blur(4px);animation:smokeUp var(--sd,2.5s) ease-out infinite;animation-delay:var(--dl,0s);left:var(--lx,50%);width:var(--sw,8px);height:var(--sw,8px);transform-origin:center bottom;}
  .logo-tag{font-size:.6rem;font-weight:600;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;border:1px solid var(--border);border-radius:3px;padding:2px 6px;align-self:center;}
  .nav-links{display:flex;align-items:center;gap:28px;list-style:none;}
  .nav-links a{font-family:var(--font-hd);font-size:1rem;font-weight:600;letter-spacing:.06em;color:var(--muted);text-decoration:none;text-transform:uppercase;transition:color .2s;}
  .nav-links a:hover,.nav-links a.active{color:var(--elec);}
  .nav-dropdown{position:relative;}
  .nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(6px);background:rgba(7,9,15,.97);border:1px solid var(--border);backdrop-filter:blur(18px);min-width:190px;padding:8px 0;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;border-radius:4px;box-shadow:0 20px 60px rgba(0,0,0,.5);}
  .nav-dropdown:hover .nav-dropdown-menu{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0);}
  .nav-dropdown-menu a{display:block;padding:10px 20px;font-family:var(--font-hd);font-size:.88rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .15s,padding-left .15s;}
  .nav-dropdown-menu a:hover{color:var(--elec);padding-left:26px;}
  .nav-caret{font-size:.6rem;margin-left:2px;opacity:.55;}
  .nav-cta-group{display:flex;align-items:center;gap:10px;}
  .btn{font-family:var(--font-hd);font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:all .25s;}
  .btn-ghost{background:transparent;color:var(--elec);border:1px solid rgba(30,179,255,.4);padding:9px 20px;border-radius:4px;}
  .btn-ghost:hover{border-color:var(--elec);background:rgba(30,179,255,.08);}
  .btn-primary{background:linear-gradient(135deg,var(--blue-mid),var(--elec));color:#fff;padding:9px 22px;border-radius:4px;box-shadow:0 0 28px rgba(30,179,255,.35);}
  .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 40px rgba(30,179,255,.6);}
  .btn-energy{background:linear-gradient(135deg,#c93800,var(--energy));color:#fff;padding:13px 32px;border-radius:4px;box-shadow:0 0 24px rgba(255,77,26,.35);}
  .btn-energy:hover{transform:translateY(-2px);box-shadow:0 6px 40px rgba(255,77,26,.6);}
  .nav-phone{background:linear-gradient(135deg,#c93800,#FF4D1A)!important;color:#fff!important;border:none!important;box-shadow:0 0 22px rgba(255,77,26,.5)!important;animation:phonePing 2.2s ease-in-out infinite!important;}
  .nav-phone:hover{transform:translateY(-2px)!important;animation:none!important;}
  .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;}
  .hamburger span{display:block;width:24px;height:2px;background:var(--elec);}
  @keyframes logoFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}}
  @keyframes letterGlimmer{0%{background-position:100% center;}100%{background-position:-100% center;}}
  @keyframes nosGlowPulse{0%,100%{filter:drop-shadow(0 0 5px rgba(30,179,255,1)) drop-shadow(0 0 14px rgba(30,179,255,.75)) drop-shadow(0 0 30px rgba(30,179,255,.45));}50%{filter:drop-shadow(0 0 8px rgba(30,179,255,1)) drop-shadow(0 0 22px rgba(30,179,255,.9)) drop-shadow(0 0 50px rgba(0,212,255,.55));}}
  @keyframes phonePing{0%,100%{box-shadow:0 0 22px rgba(255,77,26,.5),0 0 0 0 rgba(255,77,26,.4);}50%{box-shadow:0 0 28px rgba(255,77,26,.6),0 0 0 10px rgba(255,77,26,0);}}
  @keyframes smokeUp{0%{transform:translateY(0) scale(.4);opacity:.85;}60%{transform:translateY(-16px) scale(1.8);opacity:.28;}100%{transform:translateY(-28px) scale(2.8);opacity:0;}}
  @keyframes fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
  #scroll-progress{position:fixed;top:0;left:0;z-index:9999;height:2px;width:0%;background:linear-gradient(90deg,var(--blue-mid),var(--elec),var(--energy));box-shadow:0 0 8px var(--elec);transition:width .1s linear;}
  .reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease;}
  .reveal.visible{opacity:1;transform:translateY(0);}
  .reveal-left{opacity:0;transform:translateX(-36px);transition:opacity .75s ease,transform .75s ease;}
  .reveal-left.visible{opacity:1;transform:translateX(0);}
  .reveal-right{opacity:0;transform:translateX(36px);transition:opacity .75s ease,transform .75s ease;}
  .reveal-right.visible{opacity:1;transform:translateX(0);}
  section{padding:100px 5%;}
  .si{max-width:1160px;margin:0 auto;}
  .eyebrow{font-family:var(--font-hd);font-size:.82rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:10px;background:linear-gradient(92deg,#0888CC 0%,#1EB3FF 25%,#50CCFF 42%,#1EB3FF 56%,#0888CC 70%,#1EB3FF 85%,#0888CC 100%);background-size:260% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:letterGlimmer 6s ease-in-out infinite;}
  .eyebrow::before{content:'';display:block;width:28px;height:2px;background:var(--elec);box-shadow:0 0 8px var(--elec);flex-shrink:0;-webkit-background-clip:unset;background-clip:unset;}
  h2{font-family:var(--font-hd);font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:900;text-transform:uppercase;line-height:1;color:#fff;margin-bottom:16px;}
  .hl{background:linear-gradient(92deg,#1EB3FF 0%,#00D4FF 14%,#7FE8FF 26%,#1EB3FF 38%,#00CCFF 52%,#7FDFFF 64%,#1EB3FF 78%,#00D4FF 90%,#1EB3FF 100%);background-size:260% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:letterGlimmer 4.2s ease-in-out infinite;display:inline;}
  .divider{width:60px;height:3px;margin:18px 0 28px;background:linear-gradient(90deg,var(--elec),var(--blue));box-shadow:0 0 12px var(--elec);}
  .glow-line{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--elec) 50%,transparent);opacity:.25;}
  @media(max-width:900px){.nav-links,.nav-cta-group .nav-phone{display:none;}.hamburger{display:flex;}}

  /* PAGE HERO */
  .page-hero{padding:160px 5% 90px;position:relative;overflow:hidden;border-bottom:1px solid var(--border);}
  .ph-bg{position:absolute;inset:0;z-index:0;}
  .ph-bg-img{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.1) saturate(.35);}
  .ph-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,10,.95) 40%,rgba(3,4,10,.6) 80%,rgba(3,4,10,.3) 100%);}
  .ph-canvas{position:absolute;inset:0;z-index:1;pointer-events:none;}
  .ph-content{position:relative;z-index:2;max-width:1160px;margin:0 auto;}
  .breadcrumb{font-family:var(--font-hd);font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:18px;display:flex;align-items:center;gap:8px;}
  .breadcrumb a{color:var(--elec);text-decoration:none;}
  .ph-h1{font-family:var(--font-hd);font-size:clamp(3rem,7vw,6rem);font-weight:900;text-transform:uppercase;line-height:.95;color:#fff;margin-bottom:20px;}
  .ph-sub{font-size:1.1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:36px;}
  /* Quick jump pills */
  .industry-jumps{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;}
  .ij{font-family:var(--font-hd);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:rgba(255,255,255,.04);border:1px solid var(--border);padding:7px 16px;border-radius:3px;cursor:pointer;text-decoration:none;transition:all .25s;}
  .ij:hover{color:var(--elec);border-color:rgba(30,179,255,.4);background:rgba(30,179,255,.06);}
  /* INDUSTRY BLOCKS */
  .ind-block{padding:100px 5%;border-bottom:1px solid var(--border);position:relative;overflow:hidden;}
  .ind-block:nth-child(even){background:var(--dark);}
  .ind-block:nth-child(odd){background:var(--black);}
  .ind-block::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--energy) 40%,var(--energy2) 60%,transparent);opacity:0;transition:opacity .4s;}
  .ind-block:hover::before{opacity:.6;}
  .ind-grid{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
  .ind-grid.flip{direction:rtl;}
  .ind-grid.flip>*{direction:ltr;}
  .ind-main h2{font-size:clamp(1.9rem,3.8vw,3rem);margin-bottom:12px;}
  .ind-main p{color:var(--muted);line-height:1.85;margin-bottom:18px;font-size:1.02rem;}
  .ind-main p strong{color:var(--text);}
  /* Category chips */
  .cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0;}
  .cat{background:var(--dark2);border:1px solid var(--border);padding:12px 16px;border-radius:3px;font-family:var(--font-hd);font-size:.88rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text);display:flex;align-items:center;gap:8px;transition:all .25s;}
  .cat:hover{border-color:rgba(30,179,255,.35);color:var(--elec);}
  .cat svg{width:14px;height:14px;stroke:var(--elec);fill:none;stroke-width:2;flex-shrink:0;}
  /* Info panel */
  .ind-panel{background:var(--dark2);border:1px solid var(--border);padding:40px;position:relative;}
  .ind-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--energy),var(--energy2));}
  .ind-panel h3{font-family:var(--font-hd);font-size:1.2rem;font-weight:800;text-transform:uppercase;color:#fff;margin-bottom:20px;letter-spacing:.06em;}
  .kw-cloud{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px;}
  .kw{font-family:var(--font-hd);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--elec);background:rgba(30,179,255,.07);border:1px solid rgba(30,179,255,.15);padding:5px 11px;border-radius:3px;}
  .stat-row{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.04);}
  .sr-icon{width:36px;height:36px;border-radius:6px;background:rgba(30,179,255,.08);border:1px solid rgba(30,179,255,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .sr-icon svg{width:18px;height:18px;stroke:var(--elec);fill:none;stroke-width:1.5;}
  .sr-text{font-size:.92rem;color:var(--text);line-height:1.5;}
  .sr-text strong{color:#fff;}
  /* OTHER INDUSTRIES */
  .other-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2px;margin-top:56px;}
  .oi-card{background:var(--dark2);padding:28px 22px;border-top:2px solid transparent;transition:all .3s;cursor:default;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;}
  .oi-card:hover{border-color:var(--elec);transform:translateY(-5px);}
  .oi-icon{font-size:1.8rem;}
  .oi-name{font-family:var(--font-hd);font-size:1rem;font-weight:800;text-transform:uppercase;color:#fff;letter-spacing:.04em;}
  /* CTA STRIP */
  .page-cta{background:var(--dark);text-align:center;padding:90px 5%;border-top:1px solid var(--border);position:relative;overflow:hidden;}
  .page-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(30,179,255,.05),transparent);}
  .page-cta .si{position:relative;z-index:1;}
  .cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:36px;}
  @media(max-width:900px){.ind-grid,.ind-grid.flip{grid-template-columns:1fr;gap:40px;direction:ltr;}.ind-grid.flip>*{direction:ltr;}.cat-grid{grid-template-columns:1fr;}}
  /* ══ SHARED INNER-PAGE FOOTER ════════════════════════════════ */
  #site-footer {
    background: var(--black);
    border-top: 1px solid var(--border);
    padding: 60px 5% 32px;
    position: relative; overflow: hidden;
  }
  #site-footer::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0; height: 3px;
    background: linear-gradient(90deg, transparent, var(--elec) 30%, var(--blue-mid) 60%, transparent);
    opacity: .35;
  }
  .sf-top {
    max-width: 1160px; margin: 0 auto;
    display: grid; grid-template-columns: 1.6fr 1fr;
    gap: 60px; margin-bottom: 48px;
  }
  .sf-brand p {
    font-size: .9rem; color: var(--muted); line-height: 1.75;
    max-width: 320px; margin-top: 12px;
  }
  .sf-contact {
    display: flex; align-items: center; gap: 10px;
    margin-top: 18px; flex-wrap: wrap;
  }
  .sf-contact a {
    font-family: var(--font-hd); font-size: 1rem; font-weight: 700;
    color: var(--elec); text-decoration: none; letter-spacing: .04em;
    transition: text-shadow .2s;
  }
  .sf-contact a:hover { text-shadow: 0 0 20px rgba(30,179,255,.7); }
  .sf-contact span { color: var(--muted); }
  .sf-cols {
    display: grid; grid-template-columns: repeat(3,1fr); gap: 32px;
  }
  .sf-col h4 {
    font-family: var(--font-hd); font-size: .8rem; font-weight: 700;
    letter-spacing: .18em; text-transform: uppercase; color: var(--elec);
    margin-bottom: 16px;
  }
  .sf-col ul { list-style: none; }
  .sf-col ul li { margin-bottom: 9px; }
  .sf-col ul li a {
    font-size: .88rem; color: var(--muted); text-decoration: none;
    transition: color .2s, padding-left .2s;
  }
  .sf-col ul li a:hover { color: var(--elec); padding-left: 5px; }
  .sf-bottom {
    max-width: 1160px; margin: 0 auto;
    display: flex; justify-content: space-between; align-items: center;
    padding-top: 24px; border-top: 1px solid var(--border);
    font-size: .82rem; color: var(--muted); flex-wrap: wrap; gap: 12px;
  }
  .sf-bottom a { color: var(--elec); text-decoration: none; }
  .sf-bottom-links { display: flex; gap: 20px; }
  .sf-bottom-links a { color: var(--muted); transition: color .2s; }
  .sf-bottom-links a:hover { color: var(--elec); }
  @media(max-width:900px){
    .sf-top { grid-template-columns: 1fr; gap: 40px; }
    .sf-cols { grid-template-columns: repeat(2,1fr); }
  }
  @media(max-width:600px){
    .sf-cols { grid-template-columns: 1fr 1fr; }
    .sf-bottom { flex-direction: column; text-align: center; }
  }


/* === From: contact.html === */
:root{--black:#03040A;--dark:#07090F;--dark2:#0B0D17;--blue:#0B3D91;--blue-mid:#1567D3;--elec:#1EB3FF;--energy:#FF4D1A;--energy2:#FFB020;--text:#D8E8FF;--muted:#7896C0;--border:rgba(30,179,255,.12);--font-hd:'Barlow Condensed',sans-serif;--font-bd:'Barlow',sans-serif;}
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{background:var(--black);color:var(--text);font-family:var(--font-bd);font-size:16px;line-height:1.6;overflow-x:hidden;}
  ::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-track{background:var(--black);}::-webkit-scrollbar-thumb{background:var(--blue-mid);border-radius:2px;}
  nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:14px 5%;background:rgba(3,4,10,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);transition:padding .3s;}
  .logo{font-family:var(--font-hd);font-size:1.9rem;font-weight:900;letter-spacing:.08em;color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px;animation:logoFloat 4s ease-in-out infinite;position:relative;overflow:visible;}
  .logo-seo{color:#fff;-webkit-text-fill-color:#fff;}
  .logo-nos{background:linear-gradient(92deg,#1EB3FF 0%,#00D4FF 14%,#7FE8FF 26%,#1EB3FF 38%,#00CCFF 52%,#7FDFFF 64%,#1EB3FF 78%,#00D4FF 90%,#1EB3FF 100%);background-size:260% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:letterGlimmer 4s ease-in-out infinite,nosGlowPulse 3s ease-in-out infinite;animation-delay:.4s,.8s;filter:drop-shadow(0 0 5px rgba(30,179,255,1)) drop-shadow(0 0 14px rgba(30,179,255,.75)) drop-shadow(0 0 30px rgba(30,179,255,.45));}
  .nos-wrap{position:relative;display:inline-block;}
  .smoke-waft{position:absolute;bottom:2px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(30,179,255,.6) 0%,rgba(0,212,255,.2) 40%,transparent 75%);filter:blur(4px);animation:smokeUp var(--sd,2.5s) ease-out infinite;animation-delay:var(--dl,0s);left:var(--lx,50%);width:var(--sw,8px);height:var(--sw,8px);transform-origin:center bottom;}
  .logo-tag{font-size:.6rem;font-weight:600;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;border:1px solid var(--border);border-radius:3px;padding:2px 6px;align-self:center;}
  .nav-links{display:flex;align-items:center;gap:28px;list-style:none;}
  .nav-links a{font-family:var(--font-hd);font-size:1rem;font-weight:600;letter-spacing:.06em;color:var(--muted);text-decoration:none;text-transform:uppercase;transition:color .2s;}
  .nav-links a:hover,.nav-links a.active{color:var(--elec);}
  .nav-dropdown{position:relative;}
  .nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(6px);background:rgba(7,9,15,.97);border:1px solid var(--border);backdrop-filter:blur(18px);min-width:190px;padding:8px 0;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;border-radius:4px;box-shadow:0 20px 60px rgba(0,0,0,.5);}
  .nav-dropdown:hover .nav-dropdown-menu{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0);}
  .nav-dropdown-menu a{display:block;padding:10px 20px;font-family:var(--font-hd);font-size:.88rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .15s,padding-left .15s;}
  .nav-dropdown-menu a:hover{color:var(--elec);padding-left:26px;}
  .nav-caret{font-size:.6rem;margin-left:2px;opacity:.55;}
  .nav-cta-group{display:flex;align-items:center;gap:10px;}
  .btn{font-family:var(--font-hd);font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:all .25s;}
  .btn-ghost{background:transparent;color:var(--elec);border:1px solid rgba(30,179,255,.4);padding:9px 20px;border-radius:4px;}
  .btn-ghost:hover{border-color:var(--elec);background:rgba(30,179,255,.08);}
  .btn-primary{background:linear-gradient(135deg,var(--blue-mid),var(--elec));color:#fff;padding:9px 22px;border-radius:4px;box-shadow:0 0 28px rgba(30,179,255,.35);}
  .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 40px rgba(30,179,255,.6);}
  .btn-energy{background:linear-gradient(135deg,#c93800,var(--energy));color:#fff;padding:13px 32px;border-radius:4px;box-shadow:0 0 24px rgba(255,77,26,.35);}
  .btn-energy:hover{transform:translateY(-2px);box-shadow:0 6px 40px rgba(255,77,26,.6);}
  .nav-phone{background:linear-gradient(135deg,#c93800,#FF4D1A)!important;color:#fff!important;border:none!important;box-shadow:0 0 22px rgba(255,77,26,.5)!important;animation:phonePing 2.2s ease-in-out infinite!important;}
  .nav-phone:hover{transform:translateY(-2px)!important;animation:none!important;}
  .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;}
  .hamburger span{display:block;width:24px;height:2px;background:var(--elec);}
  @keyframes logoFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}}
  @keyframes letterGlimmer{0%{background-position:100% center;}100%{background-position:-100% center;}}
  @keyframes nosGlowPulse{0%,100%{filter:drop-shadow(0 0 5px rgba(30,179,255,1)) drop-shadow(0 0 14px rgba(30,179,255,.75)) drop-shadow(0 0 30px rgba(30,179,255,.45));}50%{filter:drop-shadow(0 0 8px rgba(30,179,255,1)) drop-shadow(0 0 22px rgba(30,179,255,.9)) drop-shadow(0 0 50px rgba(0,212,255,.55));}}
  @keyframes phonePing{0%,100%{box-shadow:0 0 22px rgba(255,77,26,.5),0 0 0 0 rgba(255,77,26,.4);}50%{box-shadow:0 0 28px rgba(255,77,26,.6),0 0 0 10px rgba(255,77,26,0);}}
  @keyframes smokeUp{0%{transform:translateY(0) scale(.4);opacity:.85;}60%{transform:translateY(-16px) scale(1.8);opacity:.28;}100%{transform:translateY(-28px) scale(2.8);opacity:0;}}
  @keyframes fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
  #scroll-progress{position:fixed;top:0;left:0;z-index:9999;height:2px;width:0%;background:linear-gradient(90deg,var(--blue-mid),var(--elec),var(--energy));box-shadow:0 0 8px var(--elec);transition:width .1s linear;}
  .reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease;}
  .reveal.visible{opacity:1;transform:translateY(0);}
  .reveal-left{opacity:0;transform:translateX(-36px);transition:opacity .75s ease,transform .75s ease;}
  .reveal-left.visible{opacity:1;transform:translateX(0);}
  .reveal-right{opacity:0;transform:translateX(36px);transition:opacity .75s ease,transform .75s ease;}
  .reveal-right.visible{opacity:1;transform:translateX(0);}
  section{padding:100px 5%;}
  .si{max-width:1160px;margin:0 auto;}
  .eyebrow{font-family:var(--font-hd);font-size:.82rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:10px;background:linear-gradient(92deg,#0888CC 0%,#1EB3FF 25%,#50CCFF 42%,#1EB3FF 56%,#0888CC 70%,#1EB3FF 85%,#0888CC 100%);background-size:260% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:letterGlimmer 6s ease-in-out infinite;}
  .eyebrow::before{content:'';display:block;width:28px;height:2px;background:var(--elec);box-shadow:0 0 8px var(--elec);flex-shrink:0;-webkit-background-clip:unset;background-clip:unset;}
  h2{font-family:var(--font-hd);font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:900;text-transform:uppercase;line-height:1;color:#fff;margin-bottom:16px;}
  .hl{background:linear-gradient(92deg,#1EB3FF 0%,#00D4FF 14%,#7FE8FF 26%,#1EB3FF 38%,#00CCFF 52%,#7FDFFF 64%,#1EB3FF 78%,#00D4FF 90%,#1EB3FF 100%);background-size:260% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:letterGlimmer 4.2s ease-in-out infinite;display:inline;}
  .divider{width:60px;height:3px;margin:18px 0 28px;background:linear-gradient(90deg,var(--elec),var(--blue));box-shadow:0 0 12px var(--elec);}
  .glow-line{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--elec) 50%,transparent);opacity:.25;}
  @media(max-width:900px){.nav-links,.nav-cta-group .nav-phone{display:none;}.hamburger{display:flex;}}


  /* HERO */
  .ch{position:relative;min-height:52vh;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--border);}
  .ch-bg-img{position:absolute;inset:0;background-image:url('<?php echo SEONOS_ASSETS; ?>/images/placeholder.jpg');background-size:cover;background-position:center;filter:brightness(.07) saturate(.2);}
  #ch-canvas{position:absolute;inset:0;z-index:1;pointer-events:none;}
  .ch-overlay2{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 70% 100% at 50% 50%,rgba(3,4,10,.6),rgba(3,4,10,.1));}
  .ch-inner{position:relative;z-index:2;max-width:1160px;margin:0 auto;padding:120px 5% 70px;width:100%;text-align:center;}
  .ch-eyebrow{font-family:var(--font-hd);font-size:.76rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:rgba(30,179,255,.6);margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;animation:fadeUp .8s .3s forwards;}
  .chdash{display:block;width:32px;height:1px;background:linear-gradient(90deg,transparent,rgba(30,179,255,.6));}
  .chdash:last-child{transform:scaleX(-1);}
  @keyframes fadeUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
  .ch-h1{font-family:var(--font-hd);font-size:clamp(3rem,7vw,6rem);font-weight:900;text-transform:uppercase;line-height:.95;color:#fff;margin-bottom:16px;opacity:0;animation:fadeUp .8s .45s forwards;}
  .ch-sub{font-size:1.05rem;color:var(--muted);max-width:500px;margin:0 auto;line-height:1.75;opacity:0;animation:fadeUp .8s .6s forwards;}
  /* CONTACT GRID */
  #contact-grid{background:var(--black);padding:0;}
  .cg-wrap{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;border-top:1px solid var(--border);}
  /* Left panel */
  .cg-left{padding:64px 52px;background:var(--dark2);border-right:1px solid var(--border);position:relative;}
  .cg-left::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--elec),var(--blue));}
  .cg-left h2{font-size:2rem;margin-bottom:12px;}
  .cg-left>p{color:var(--muted);line-height:1.78;margin-bottom:36px;font-size:.97rem;}
  .contact-item{margin-bottom:28px;}
  .ci-label{font-family:var(--font-hd);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;}
  .ci-value{font-family:var(--font-hd);font-size:1.4rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;}
  .ci-value a{color:var(--elec);text-decoration:none;transition:text-shadow .2s;}
  .ci-value a:hover{text-shadow:0 0 22px rgba(30,179,255,.7);}
  .ci-sub{font-size:.85rem;color:var(--muted);margin-top:3px;}
  .trust-items{list-style:none;margin-top:32px;border-top:1px solid var(--border);padding-top:24px;}
  .trust-items li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.92rem;color:var(--text);}
  .trust-items li::before{content:'✦';color:var(--elec);font-size:.5rem;flex-shrink:0;}
  .city-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px;}
  .cp{font-family:var(--font-hd);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--elec);background:rgba(30,179,255,.07);border:1px solid rgba(30,179,255,.14);padding:5px 11px;border-radius:3px;}
  /* Right form */
  .cg-right{padding:64px 52px;}
  .cg-right h3{font-family:var(--font-hd);font-size:1.7rem;font-weight:900;text-transform:uppercase;color:#fff;margin-bottom:6px;letter-spacing:.04em;}
  .cg-right>.form-sub{font-size:.92rem;color:var(--muted);line-height:1.65;margin-bottom:32px;}
  /* Form tabs */
  .form-tabs{display:flex;gap:0;margin-bottom:30px;border:1px solid var(--border);border-radius:4px;overflow:hidden;}
  .form-tab{font-family:var(--font-hd);font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:11px 22px;cursor:pointer;flex:1;text-align:center;color:var(--muted);background:transparent;border:none;transition:all .25s;}
  .form-tab.active{background:linear-gradient(135deg,var(--blue-mid),var(--elec));color:#fff;}
  .form-tab:hover:not(.active){color:var(--elec);background:rgba(30,179,255,.05);}
  /* Form fields */
  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
  .form-full{grid-column:1/-1;}
  .ff{display:flex;flex-direction:column;gap:6px;}
  .ff label{font-family:var(--font-hd);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);}
  .ff input,.ff select,.ff textarea{background:rgba(255,255,255,.03);border:1px solid var(--border);color:#fff;padding:12px 15px;border-radius:4px;font-family:var(--font-bd);font-size:.95rem;outline:none;width:100%;transition:border-color .25s,box-shadow .25s;}
  .ff input:focus,.ff textarea:focus,.ff select:focus{border-color:rgba(30,179,255,.5);box-shadow:0 0 0 3px rgba(30,179,255,.08);}
  .ff input::placeholder,.ff textarea::placeholder{color:rgba(120,150,192,.3);}
  .ff select{appearance:none;cursor:pointer;}
  .ff textarea{resize:vertical;min-height:90px;}
  .submit-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:6px;}
  .submit-note{font-size:.82rem;color:var(--muted);line-height:1.6;max-width:300px;}
  /* Success */
  .success-panel{display:none;text-align:center;padding:48px 20px;}
  .success-panel.show{display:block;}
  .suc-icon{width:76px;height:76px;border-radius:50%;background:rgba(30,179,255,.12);border:2px solid var(--elec);display:flex;align-items:center;justify-content:center;font-size:2.2rem;margin:0 auto 22px;box-shadow:0 0 50px rgba(30,179,255,.3);animation:gPulse 2s ease-in-out infinite;}
  @keyframes gPulse{0%,100%{box-shadow:0 0 30px rgba(30,179,255,.3);}50%{box-shadow:0 0 60px rgba(30,179,255,.55);}}
  .suc-h{font-family:var(--font-hd);font-size:2rem;font-weight:900;text-transform:uppercase;color:#fff;margin-bottom:10px;}
  .suc-h span{color:var(--elec);}
  .suc-p{font-size:.95rem;color:var(--muted);max-width:360px;margin:0 auto 24px;line-height:1.7;}
  /* PROOF STRIP */
  .proof-strip{background:var(--dark);border-top:1px solid var(--border);padding:0;}
  .ps-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);}
  .ps-item{padding:32px 22px;text-align:center;border-right:1px solid var(--border);transition:background .3s;}
  .ps-item:last-child{border-right:none;}
  .ps-item:hover{background:rgba(30,179,255,.03);}
  .ps-num{font-family:var(--font-hd);font-size:2.4rem;font-weight:900;line-height:1;background:linear-gradient(92deg,#1EB3FF 0%,#00D4FF 20%,#80ECFF 38%,#1EB3FF 54%,#00CCFF 68%,#7FDFFF 82%,#1EB3FF 96%,#00D4FF 100%);background-size:260% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:letterGlimmer 3.5s ease-in-out infinite;}
  .ps-label{font-family:var(--font-hd);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:6px;}
  /* FAQ */
  .faq-wrap{max-width:760px;margin:56px auto 0;}
  .faq-item{border-bottom:1px solid var(--border);}
  .faq-q{display:flex;justify-content:space-between;align-items:center;padding:18px 0;cursor:pointer;gap:16px;user-select:none;}
  .faq-q h3{font-family:var(--font-hd);font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff;transition:color .2s;}
  .faq-q:hover h3{color:var(--elec);}
  .faq-toggle{width:28px;height:28px;border-radius:50%;background:rgba(30,179,255,.08);border:1px solid rgba(30,179,255,.25);display:flex;align-items:center;justify-content:center;color:var(--elec);font-size:1rem;flex-shrink:0;transition:all .3s;}
  .faq-item.open .faq-toggle{background:var(--elec);color:var(--black);transform:rotate(45deg);}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease;}
  .faq-item.open .faq-a{max-height:260px;}
  .faq-a p{padding:0 0 18px;font-size:.94rem;color:var(--muted);line-height:1.72;}
  @media(max-width:900px){.cg-wrap{grid-template-columns:1fr;}.cg-left,.cg-right{padding:40px 28px;}.ps-inner{grid-template-columns:1fr 1fr 1fr;}.ps-item:nth-child(3){border-right:none;}.form-grid{grid-template-columns:1fr;}}
  @media(max-width:600px){.ps-inner{grid-template-columns:1fr 1fr;}.ps-item:nth-child(2){border-right:none;}}
  /* ══ SHARED INNER-PAGE FOOTER ════════════════════════════════ */
  #site-footer {
    background: var(--black);
    border-top: 1px solid var(--border);
    padding: 60px 5% 32px;
    position: relative; overflow: hidden;
  }
  #site-footer::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0; height: 3px;
    background: linear-gradient(90deg, transparent, var(--elec) 30%, var(--blue-mid) 60%, transparent);
    opacity: .35;
  }
  .sf-top {
    max-width: 1160px; margin: 0 auto;
    display: grid; grid-template-columns: 1.6fr 1fr;
    gap: 60px; margin-bottom: 48px;
  }
  .sf-brand p {
    font-size: .9rem; color: var(--muted); line-height: 1.75;
    max-width: 320px; margin-top: 12px;
  }
  .sf-contact {
    display: flex; align-items: center; gap: 10px;
    margin-top: 18px; flex-wrap: wrap;
  }
  .sf-contact a {
    font-family: var(--font-hd); font-size: 1rem; font-weight: 700;
    color: var(--elec); text-decoration: none; letter-spacing: .04em;
    transition: text-shadow .2s;
  }
  .sf-contact a:hover { text-shadow: 0 0 20px rgba(30,179,255,.7); }
  .sf-contact span { color: var(--muted); }
  .sf-cols {
    display: grid; grid-template-columns: repeat(3,1fr); gap: 32px;
  }
  .sf-col h4 {
    font-family: var(--font-hd); font-size: .8rem; font-weight: 700;
    letter-spacing: .18em; text-transform: uppercase; color: var(--elec);
    margin-bottom: 16px;
  }
  .sf-col ul { list-style: none; }
  .sf-col ul li { margin-bottom: 9px; }
  .sf-col ul li a {
    font-size: .88rem; color: var(--muted); text-decoration: none;
    transition: color .2s, padding-left .2s;
  }
  .sf-col ul li a:hover { color: var(--elec); padding-left: 5px; }
  .sf-bottom {
    max-width: 1160px; margin: 0 auto;
    display: flex; justify-content: space-between; align-items: center;
    padding-top: 24px; border-top: 1px solid var(--border);
    font-size: .82rem; color: var(--muted); flex-wrap: wrap; gap: 12px;
  }
  .sf-bottom a { color: var(--elec); text-decoration: none; }
  .sf-bottom-links { display: flex; gap: 20px; }
  .sf-bottom-links a { color: var(--muted); transition: color .2s; }
  .sf-bottom-links a:hover { color: var(--elec); }
  @media(max-width:900px){
    .sf-top { grid-template-columns: 1fr; gap: 40px; }
    .sf-cols { grid-template-columns: repeat(2,1fr); }
  }
  @media(max-width:600px){
    .sf-cols { grid-template-columns: 1fr 1fr; }
    .sf-bottom { flex-direction: column; text-align: center; }
  }


/* === From: memphis-seo.html === */
:root{--black:#03040A;--dark:#07090F;--dark2:#0B0D17;--blue:#0B3D91;--blue-mid:#1567D3;--elec:#1EB3FF;--energy:#FF4D1A;--energy2:#FFB020;--text:#D8E8FF;--muted:#7896C0;--border:rgba(30,179,255,.12);--font-hd:'Barlow Condensed',sans-serif;--font-bd:'Barlow',sans-serif;}
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{background:var(--black);color:var(--text);font-family:var(--font-bd);font-size:16px;line-height:1.6;overflow-x:hidden;}
  ::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-track{background:var(--black);}::-webkit-scrollbar-thumb{background:var(--blue-mid);border-radius:2px;}
  nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:14px 5%;background:rgba(3,4,10,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);transition:padding .3s;}
  .logo{font-family:var(--font-hd);font-size:1.9rem;font-weight:900;letter-spacing:.08em;color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px;animation:logoFloat 4s ease-in-out infinite;position:relative;overflow:visible;}
  .logo-seo{color:#fff;-webkit-text-fill-color:#fff;}
  .logo-nos{background:linear-gradient(92deg,#1EB3FF 0%,#00D4FF 14%,#7FE8FF 26%,#1EB3FF 38%,#00CCFF 52%,#7FDFFF 64%,#1EB3FF 78%,#00D4FF 90%,#1EB3FF 100%);background-size:260% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:letterGlimmer 4s ease-in-out infinite,nosGlowPulse 3s ease-in-out infinite;animation-delay:.4s,.8s;filter:drop-shadow(0 0 5px rgba(30,179,255,1)) drop-shadow(0 0 14px rgba(30,179,255,.75)) drop-shadow(0 0 30px rgba(30,179,255,.45));}
  .nos-wrap{position:relative;display:inline-block;}
  .smoke-waft{position:absolute;bottom:2px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(30,179,255,.6) 0%,rgba(0,212,255,.2) 40%,transparent 75%);filter:blur(4px);animation:smokeUp var(--sd,2.5s) ease-out infinite;animation-delay:var(--dl,0s);left:var(--lx,50%);width:var(--sw,8px);height:var(--sw,8px);transform-origin:center bottom;}
  .logo-tag{font-size:.6rem;font-weight:600;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;border:1px solid var(--border);border-radius:3px;padding:2px 6px;align-self:center;}
  .nav-links{display:flex;align-items:center;gap:28px;list-style:none;}
  .nav-links a{font-family:var(--font-hd);font-size:1rem;font-weight:600;letter-spacing:.06em;color:var(--muted);text-decoration:none;text-transform:uppercase;transition:color .2s;}
  .nav-links a:hover,.nav-links a.active{color:var(--elec);}
  .nav-dropdown{position:relative;}
  .nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(6px);background:rgba(7,9,15,.97);border:1px solid var(--border);backdrop-filter:blur(18px);min-width:190px;padding:8px 0;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;border-radius:4px;box-shadow:0 20px 60px rgba(0,0,0,.5);}
  .nav-dropdown:hover .nav-dropdown-menu{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0);}
  .nav-dropdown-menu a{display:block;padding:10px 20px;font-family:var(--font-hd);font-size:.88rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .15s,padding-left .15s;}
  .nav-dropdown-menu a:hover{color:var(--elec);padding-left:26px;}
  .nav-caret{font-size:.6rem;margin-left:2px;opacity:.55;}
  .nav-cta-group{display:flex;align-items:center;gap:10px;}
  .btn{font-family:var(--font-hd);font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:all .25s;}
  .btn-ghost{background:transparent;color:var(--elec);border:1px solid rgba(30,179,255,.4);padding:9px 20px;border-radius:4px;}
  .btn-ghost:hover{border-color:var(--elec);background:rgba(30,179,255,.08);}
  .btn-primary{background:linear-gradient(135deg,var(--blue-mid),var(--elec));color:#fff;padding:9px 22px;border-radius:4px;box-shadow:0 0 28px rgba(30,179,255,.35);}
  .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 40px rgba(30,179,255,.6);}
  .btn-energy{background:linear-gradient(135deg,#c93800,var(--energy));color:#fff;padding:13px 32px;border-radius:4px;box-shadow:0 0 24px rgba(255,77,26,.35);}
  .btn-energy:hover{transform:translateY(-2px);box-shadow:0 6px 40px rgba(255,77,26,.6);}
  .nav-phone{background:linear-gradient(135deg,#c93800,#FF4D1A)!important;color:#fff!important;border:none!important;box-shadow:0 0 22px rgba(255,77,26,.5)!important;animation:phonePing 2.2s ease-in-out infinite!important;}
  .nav-phone:hover{transform:translateY(-2px)!important;animation:none!important;}
  .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;}
  .hamburger span{display:block;width:24px;height:2px;background:var(--elec);}
  @keyframes logoFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}}
  @keyframes letterGlimmer{0%{background-position:100% center;}100%{background-position:-100% center;}}
  @keyframes nosGlowPulse{0%,100%{filter:drop-shadow(0 0 5px rgba(30,179,255,1)) drop-shadow(0 0 14px rgba(30,179,255,.75)) drop-shadow(0 0 30px rgba(30,179,255,.45));}50%{filter:drop-shadow(0 0 8px rgba(30,179,255,1)) drop-shadow(0 0 22px rgba(30,179,255,.9)) drop-shadow(0 0 50px rgba(0,212,255,.55));}}
  @keyframes phonePing{0%,100%{box-shadow:0 0 22px rgba(255,77,26,.5),0 0 0 0 rgba(255,77,26,.4);}50%{box-shadow:0 0 28px rgba(255,77,26,.6),0 0 0 10px rgba(255,77,26,0);}}
  @keyframes smokeUp{0%{transform:translateY(0) scale(.4);opacity:.85;}60%{transform:translateY(-16px) scale(1.8);opacity:.28;}100%{transform:translateY(-28px) scale(2.8);opacity:0;}}
  @keyframes fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
  #scroll-progress{position:fixed;top:0;left:0;z-index:9999;height:2px;width:0%;background:linear-gradient(90deg,var(--blue-mid),var(--elec),var(--energy));box-shadow:0 0 8px var(--elec);transition:width .1s linear;}
  .reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease;}
  .reveal.visible{opacity:1;transform:translateY(0);}
  .reveal-left{opacity:0;transform:translateX(-36px);transition:opacity .75s ease,transform .75s ease;}
  .reveal-left.visible{opacity:1;transform:translateX(0);}
  .reveal-right{opacity:0;transform:translateX(36px);transition:opacity .75s ease,transform .75s ease;}
  .reveal-right.visible{opacity:1;transform:translateX(0);}
  section{padding:100px 5%;}
  .si{max-width:1160px;margin:0 auto;}
  .eyebrow{font-family:var(--font-hd);font-size:.82rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:10px;background:linear-gradient(92deg,#0888CC 0%,#1EB3FF 25%,#50CCFF 42%,#1EB3FF 56%,#0888CC 70%,#1EB3FF 85%,#0888CC 100%);background-size:260% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:letterGlimmer 6s ease-in-out infinite;}
  .eyebrow::before{content:'';display:block;width:28px;height:2px;background:var(--elec);box-shadow:0 0 8px var(--elec);flex-shrink:0;-webkit-background-clip:unset;background-clip:unset;}
  h2{font-family:var(--font-hd);font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:900;text-transform:uppercase;line-height:1;color:#fff;margin-bottom:16px;}
  .hl{background:linear-gradient(92deg,#1EB3FF 0%,#00D4FF 14%,#7FE8FF 26%,#1EB3FF 38%,#00CCFF 52%,#7FDFFF 64%,#1EB3FF 78%,#00D4FF 90%,#1EB3FF 100%);background-size:260% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:letterGlimmer 4.2s ease-in-out infinite;display:inline;}
  .divider{width:60px;height:3px;margin:18px 0 28px;background:linear-gradient(90deg,var(--elec),var(--blue));box-shadow:0 0 12px var(--elec);}
  .glow-line{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--elec) 50%,transparent);opacity:.25;}
  @media(max-width:900px){.nav-links,.nav-cta-group .nav-phone{display:none;}.hamburger{display:flex;}}


  /* CITY HERO */
  .city-hero{position:relative;min-height:85vh;display:flex;align-items:center;overflow:hidden;}
  .ch-bg{position:absolute;inset:0;background-image:url('<?php echo SEONOS_ASSETS; ?>/images/placeholder.jpg');background-size:cover;background-position:center 40%;filter:brightness(.1) saturate(.35);}
  .ch-canvas{position:absolute;inset:0;z-index:1;pointer-events:none;}
  .ch-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,4,10,.97) 40%,rgba(3,4,10,.7) 70%,rgba(3,4,10,.3) 100%);}
  .ch-content{position:relative;z-index:2;padding:0 5%;max-width:1160px;margin:0 auto;width:100%;}
  .breadcrumb{font-family:var(--font-hd);font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;display:flex;align-items:center;gap:8px;}
  .breadcrumb a{color:var(--elec);text-decoration:none;}
  .city-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-hd);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--elec);background:rgba(30,179,255,.08);border:1px solid rgba(30,179,255,.2);padding:6px 14px;border-radius:3px;margin-bottom:18px;}
  .city-badge svg{width:12px;height:12px;fill:var(--elec);}
  .ch-h1{font-family:var(--font-hd);font-size:clamp(2.8rem,7vw,6.2rem);font-weight:900;text-transform:uppercase;line-height:.95;color:#fff;margin-bottom:18px;}
  .ch-tagline{font-family:var(--font-hd);font-size:clamp(1rem,2vw,1.5rem);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px;}
  .ch-desc{font-size:1.05rem;color:var(--muted);max-width:520px;line-height:1.78;margin-bottom:32px;}
  .ch-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:48px;}
  /* Fact bar */
  .city-facts{display:flex;gap:0;border:1px solid var(--border);background:rgba(7,9,15,.8);backdrop-filter:blur(12px);max-width:560px;}
  .cf-item{flex:1;padding:16px 20px;text-align:center;border-right:1px solid var(--border);}
  .cf-item:last-child{border-right:none;}
  .cf-num{font-family:var(--font-hd);font-size:1.3rem;font-weight:900;color:var(--elec);line-height:1;}
  .cf-label{font-family:var(--font-hd);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px;}
  /* LOCAL INTEL */
  #local-intel{background:var(--black);}
  .intel-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
  .intel-text p{color:var(--muted);line-height:1.85;margin-bottom:18px;font-size:1.02rem;}
  .intel-text p strong{color:var(--text);}
  .intel-panel{background:var(--dark2);border:1px solid var(--border);padding:36px;position:relative;}
  .intel-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--elec),var(--blue));}
  .intel-panel h3{font-family:var(--font-hd);font-size:1.15rem;font-weight:800;text-transform:uppercase;color:#fff;margin-bottom:20px;letter-spacing:.06em;}
  .search-term{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.92rem;color:var(--text);}
  .search-term::before{content:'&#128269;';font-size:.9rem;flex-shrink:0;}
  .search-term:last-child{border-bottom:none;}
  /* SERVICES GRID */
  .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:56px;}
  .svc-card{background:var(--dark2);padding:32px 28px;border-top:2px solid transparent;transition:all .3s;position:relative;overflow:hidden;}
  .svc-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(30,179,255,.03),transparent);}
  .svc-card:hover{border-color:var(--elec);transform:translateY(-5px);box-shadow:0 16px 40px rgba(30,179,255,.12);}
  .svc-card svg{width:26px;height:26px;stroke:var(--elec);fill:none;stroke-width:1.5;margin-bottom:14px;display:block;filter:drop-shadow(0 0 5px rgba(30,179,255,.5));}
  .svc-card h3{font-family:var(--font-hd);font-size:1.2rem;font-weight:800;text-transform:uppercase;color:#fff;margin-bottom:8px;}
  .svc-card p{font-size:.88rem;color:var(--muted);line-height:1.65;}
  /* NEARBY CITIES */
  .nearby-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;}
  .nearby-pill{font-family:var(--font-hd);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:rgba(255,255,255,.03);border:1px solid var(--border);padding:7px 16px;border-radius:3px;text-decoration:none;transition:all .25s;}
  .nearby-pill:hover{color:var(--elec);border-color:rgba(30,179,255,.4);background:rgba(30,179,255,.05);}
  /* CTA SECTION */
  .city-cta{background:var(--dark);text-align:center;padding:90px 5%;border-top:1px solid var(--border);position:relative;overflow:hidden;}
  .city-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(30,179,255,.05),transparent);}
  .city-cta .si{position:relative;z-index:1;}
  .cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:36px;}
  /* TESTIMONIAL FLOAT */
  .testi-float-row{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:56px;}
  .tf{display:flex;justify-content:center;}
  .tf img{max-width:100%;filter:drop-shadow(0 0 16px rgba(30,179,255,.4)) drop-shadow(0 0 36px rgba(30,179,255,.18));mix-blend-mode:screen;transition:filter .4s,transform .4s;}
  .tf:hover img{filter:drop-shadow(0 0 26px rgba(30,179,255,.7)) drop-shadow(0 0 55px rgba(30,179,255,.35));transform:translateY(-4px) scale(1.02);}
  @media(max-width:900px){.intel-grid{grid-template-columns:1fr;gap:40px;}.services-grid{grid-template-columns:1fr 1fr;}.testi-float-row{grid-template-columns:1fr;}.city-facts{flex-wrap:wrap;}.cf-item{min-width:120px;}.ch-h1{font-size:clamp(2.2rem,8vw,4rem);}.ch-overlay{background:rgba(3,4,10,.88)!important;}}
  @media(max-width:600px){.services-grid{grid-template-columns:1fr;}.testi-float-row{grid-template-columns:1fr;}}
  /* ══ SHARED INNER-PAGE FOOTER ════════════════════════════════ */
  #site-footer {
    background: var(--black);
    border-top: 1px solid var(--border);
    padding: 60px 5% 32px;
    position: relative; overflow: hidden;
  }
  #site-footer::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0; height: 3px;
    background: linear-gradient(90deg, transparent, var(--elec) 30%, var(--blue-mid) 60%, transparent);
    opacity: .35;
  }
  .sf-top {
    max-width: 1160px; margin: 0 auto;
    display: grid; grid-template-columns: 1.6fr 1fr;
    gap: 60px; margin-bottom: 48px;
  }
  .sf-brand p {
    font-size: .9rem; color: var(--muted); line-height: 1.75;
    max-width: 320px; margin-top: 12px;
  }
  .sf-contact {
    display: flex; align-items: center; gap: 10px;
    margin-top: 18px; flex-wrap: wrap;
  }
  .sf-contact a {
    font-family: var(--font-hd); font-size: 1rem; font-weight: 700;
    color: var(--elec); text-decoration: none; letter-spacing: .04em;
    transition: text-shadow .2s;
  }
  .sf-contact a:hover { text-shadow: 0 0 20px rgba(30,179,255,.7); }
  .sf-contact span { color: var(--muted); }
  .sf-cols {
    display: grid; grid-template-columns: repeat(3,1fr); gap: 32px;
  }
  .sf-col h4 {
    font-family: var(--font-hd); font-size: .8rem; font-weight: 700;
    letter-spacing: .18em; text-transform: uppercase; color: var(--elec);
    margin-bottom: 16px;
  }
  .sf-col ul { list-style: none; }
  .sf-col ul li { margin-bottom: 9px; }
  .sf-col ul li a {
    font-size: .88rem; color: var(--muted); text-decoration: none;
    transition: color .2s, padding-left .2s;
  }
  .sf-col ul li a:hover { color: var(--elec); padding-left: 5px; }
  .sf-bottom {
    max-width: 1160px; margin: 0 auto;
    display: flex; justify-content: space-between; align-items: center;
    padding-top: 24px; border-top: 1px solid var(--border);
    font-size: .82rem; color: var(--muted); flex-wrap: wrap; gap: 12px;
  }
  .sf-bottom a { color: var(--elec); text-decoration: none; }
  .sf-bottom-links { display: flex; gap: 20px; }
  .sf-bottom-links a { color: var(--muted); transition: color .2s; }
  .sf-bottom-links a:hover { color: var(--elec); }
  @media(max-width:900px){
    .sf-top { grid-template-columns: 1fr; gap: 40px; }
    .sf-cols { grid-template-columns: repeat(2,1fr); }
  }
  @media(max-width:600px){
    .sf-cols { grid-template-columns: 1fr 1fr; }
    .sf-bottom { flex-direction: column; text-align: center; }
  }