:root{
        color-scheme:dark;
        --bg:#000000;
        --bg2:#070812;
        --panel:#0d0f1c;
        --panel2:#141832;
        --line:#2a315e;
        --line-dark:#2a3f8f;
        --ink:#f7f8ff;
        --ink-dim:#c9cfe8;
        --ink-faint:#929bc2;
        --blue:#0B2BE2;
        --blue-bright:#7d9bff;
        --blue-light:#a8bcff;
        --blue-deep:#071a7a;
        --navy:#070a24;
        --navy2:#0b1e6b;
        --green:#2CE63B;
        --green-bright:#2CE63B;
        --green-dark:#2CE63B;
        --green-soft:rgba(44,230,59,.16);
        --blue-soft:rgba(125,155,255,.16);
        --amber:#0B2BE2;
        --amber-soft:rgba(11,43,226,.18);
        --radius:14px;
        --head:'Barlow Condensed', 'Arial Narrow', sans-serif;
        --body:'Barlow', system-ui, sans-serif;
      }
      *{box-sizing:border-box}
      html{scroll-behavior:smooth}
      body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
      img,svg{display:block;max-width:100%}
      a{color:var(--blue-bright)}
      button{font-family:inherit;cursor:pointer}
      h1,h2,h3{font-family:var(--head);text-transform:uppercase;line-height:.98;margin:0;letter-spacing:.01em}
      .wrap{max-width:1180px;margin:0 auto;padding:0 20px}

      /* ---------- Header ---------- */
      header.site{position:sticky;top:0;z-index:60;background:rgba(0,0,0,.97);backdrop-filter:blur(10px);border-bottom:2px solid var(--blue)}
      .header-in{display:flex;align-items:center;gap:18px;padding:12px 0}
      .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);flex:none}
      .logo-cabinet{display:inline-flex;background:transparent;border-radius:0;padding:0;box-shadow:none;flex:none;line-height:0}
      .brand-mark{width:44px;height:44px;flex:none;object-fit:contain;display:block}
      .brand-name{font-family:var(--head);font-size:26px;font-weight:700;text-transform:uppercase;line-height:.9;letter-spacing:.02em}
      .brand-name span{color:var(--green)}
      .brand-sub{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);font-weight:600}
      nav.main{display:flex;gap:4px;margin-left:auto;align-items:center}
      nav.main button{background:none;border:0;color:var(--ink-dim);font-size:15.5px;font-weight:600;padding:9px 12px;border-radius:8px}
      nav.main button:hover{color:var(--green);background:var(--panel2)}
      nav.main button.active{color:#ffffff}
      .btn{display:inline-flex;align-items:center;gap:9px;border:0;border-radius:10px;padding:13px 22px;font-weight:700;font-size:16px;text-decoration:none;transition:transform .15s ease, box-shadow .15s ease;line-height:1.2}
      .btn-amber{background:linear-gradient(180deg,#3df04e,#1ed631);color:#08113d;box-shadow:0 0 0 1px rgba(44,230,59,.55), 0 6px 24px rgba(44,230,59,.35)}
      .btn-amber:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(44,230,59,.7), 0 10px 30px rgba(44,230,59,.45)}
      .btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
      .btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--green);color:var(--green)}
      .btn-call{background:var(--panel2);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
      .btn-call:hover{color:var(--green)}
      .btn-sm{padding:10px 16px;font-size:15px}
      .nav-cta{margin-left:10px}
      .burger{display:none;margin-left:auto;background:var(--panel2);border:1px solid var(--line);border-radius:9px;width:44px;height:44px;align-items:center;justify-content:center}
      .burger svg{width:22px;height:22px;stroke:var(--ink)}
      .mobile-nav{display:none;border-top:1px solid var(--line);padding:10px 0 14px}
      .mobile-nav.open{display:block}
      .mobile-nav button{display:block;width:100%;text-align:left;background:none;border:0;color:var(--ink);font-size:18px;font-weight:600;padding:11px 4px;border-bottom:1px solid var(--line)}
      .mobile-nav button:last-of-type{border-bottom:0}
      .mobile-nav .btn{margin-top:10px;width:100%;justify-content:center}

      /* ---------- Views ---------- */
      .view{display:none}
      .view.active{display:block;animation:viewin .3s ease}
      @keyframes viewin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
      @media (prefers-reduced-motion: reduce){
        .view.active{animation:none}
        html{scroll-behavior:auto}
        .marquee-track{animation:none !important}
      }

      /* ---------- Hero ---------- */
      .hero{position:relative;overflow:hidden;background:
        radial-gradient(900px 420px at 85% -10%, rgba(44,230,59,.20), transparent 60%),
        radial-gradient(700px 380px at 0% 110%, rgba(11,43,226,.35), transparent 60%),
        var(--bg)}
      .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;padding:64px 0 56px;align-items:center}
      .hero h1{font-size:clamp(58px,8.5vw,104px);font-weight:700}
      .hero h1 .lit{color:var(--green);text-shadow:0 0 18px rgba(44,230,59,.75),0 0 46px rgba(44,230,59,.40),0 0 70px rgba(11,43,226,.55)}
      .hero p.lede{font-size:20px;color:var(--ink-dim);max-width:34em;margin:20px 0 28px}
      .hero p.lede strong{color:var(--ink)}
      .hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
      .hero-points{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;color:var(--ink-dim);font-size:15px;font-weight:600}
      .hero-points span{display:inline-flex;align-items:center;gap:8px}
      .tick{width:18px;height:18px;flex:none}
      .tick circle{fill:var(--green-soft)}
      .tick path{stroke:var(--green);stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}

      /* CSS storefront sign panel */
      .sign-panel{background:linear-gradient(180deg,#0b1e6b,#05081f);border:1px solid #2a3f8f;border-radius:18px;padding:30px 26px 24px;box-shadow:0 30px 60px rgba(0,0,0,.8),0 0 34px rgba(11,43,226,.35)}
      .sign-panel .cabinet{background:#050a2a;border:1px solid #2a3f8f;border-radius:12px;padding:26px 18px 20px;text-align:center;box-shadow:inset 0 0 40px rgba(0,0,0,.6)}
      .cabinet .cab-top{font-family:var(--head);font-size:clamp(40px,5.4vw,58px);font-weight:700;letter-spacing:.04em;color:#ffffff;text-shadow:0 0 6px rgba(255,255,255,.85),0 0 20px rgba(44,230,59,.75),0 0 44px rgba(11,43,226,.65);line-height:1}
      .cabinet .cab-mid{font-family:var(--head);font-size:clamp(24px,3vw,32px);font-weight:600;letter-spacing:.34em;color:var(--green);text-shadow:0 0 12px rgba(44,230,59,.85),0 0 30px rgba(44,230,59,.45);margin-top:6px;text-transform:uppercase}
      .cabinet .cab-rule{height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);margin:16px auto 12px;width:78%;box-shadow:0 0 10px rgba(44,230,59,.8)}
      .cabinet .cab-sub{font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:#c9d4ff}
      .sign-meta{display:flex;justify-content:space-between;gap:10px;margin-top:16px;font-size:13.5px;color:#a9b8ec;font-weight:600;flex-wrap:wrap}
      .sign-meta b{color:#ffffff}

      /* marquee */
      .marquee{border-block:1px solid #2a3f8f;background:#05081f;overflow:hidden;padding:11px 0}
      .marquee-track{display:flex;gap:0;width:max-content;animation:marq 30s linear infinite}
      .marquee-track span{font-family:var(--head);font-size:19px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#e3e9ff;padding:0 18px;white-space:nowrap}
      .marquee-track span i{color:var(--green);font-style:normal;padding-right:18px}
      @keyframes marq{to{transform:translateX(-50%)}}

      /* ---------- Sections ---------- */
      section.block{padding:64px 0}
      section.block.alt{background:var(--bg2);border-block:1px solid var(--line)}
      .sec-head{max-width:720px;margin-bottom:36px}
      .sec-head h2{font-size:clamp(36px,5vw,52px);font-weight:700}
      .sec-head h2 .lit{color:var(--green);text-shadow:0 0 16px rgba(44,230,59,.45)}
      .sec-head p{color:var(--ink-dim);font-size:18px;margin:12px 0 0}
      .page-head{padding:52px 0 8px}
      .page-head h1{font-size:clamp(44px,6.5vw,72px);font-weight:700}
      .page-head h2{font-size:clamp(44px,6.5vw,72px);font-weight:700}
      .page-head h2 .lit{color:var(--green);text-shadow:0 0 16px rgba(44,230,59,.55)}
      .page-head h1 .lit{color:var(--green);text-shadow:0 0 16px rgba(44,230,59,.55)}
      .page-head p{color:var(--ink-dim);font-size:19px;max-width:44em;margin:14px 0 0}

      /* steps */
      .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
      .step{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;box-shadow:0 10px 28px rgba(0,0,0,.55)}
      .step .num{font-family:var(--head);font-size:44px;font-weight:700;color:var(--green);line-height:1;text-shadow:0 0 14px rgba(44,230,59,.55)}
      .step h3{font-size:23px;margin:10px 0 8px}
      .step p{color:var(--ink-dim);margin:0;font-size:15.5px}

      /* service cards */
      .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
      .svc{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 28px rgba(0,0,0,.55)}
      .svc .svc-ico{width:48px;height:48px;border-radius:11px;background:var(--green-soft);display:flex;align-items:center;justify-content:center}
      .svc .svc-ico svg{width:26px;height:26px;stroke:var(--green);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
      .svc h3{font-size:25px}
      .svc p{color:var(--ink-dim);margin:0;font-size:15.5px;flex:1}
      .svc .svc-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
      .svc .from{font-size:13.5px;color:var(--ink-faint);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
      .link-btn{background:none;border:0;color:var(--blue-bright);font-weight:700;font-size:15.5px;padding:4px 0;display:inline-flex;gap:6px;align-items:center}
      .link-btn:hover{text-decoration:underline}

      .truck-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
      .truck-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;box-shadow:0 10px 28px rgba(0,0,0,.55)}
      .truck-card .k{font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--green);font-weight:800}
      .truck-card h3{font-size:27px;margin:8px 0 8px}
      .truck-card p{color:var(--ink-dim);margin:0;font-size:16px}

      /* Find Us */
      .find-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:32px;align-items:center}
      .find-photo{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--panel);box-shadow:0 14px 34px rgba(0,0,0,.6)}
      .find-photo img{width:100%;height:auto;aspect-ratio:5/4;object-fit:cover}
      .find-photo figcaption{padding:14px 16px;color:var(--ink-dim);font-size:15px}
      .find-photo figcaption b{color:#ffffff}
      .find-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
      .find-monster{display:flex;align-items:flex-end;gap:10px;margin-bottom:14px}
      .bubble{background:#ffffff;color:#08113d;font-weight:800;font-size:15px;border-radius:999px;padding:8px 14px;box-shadow:0 0 18px rgba(255,255,255,.25);position:relative}
      .bubble::after{content:"";position:absolute;left:18px;bottom:-6px;width:12px;height:12px;background:#ffffff;transform:rotate(45deg)}

      /* Original puppet-style monsters (generic, hand-built SVG) */
      .monster-wave{width:104px;height:auto;flex:none}
      .monster-wave .arm-wave{transform-box:fill-box;transform-origin:15% 85%;animation:wave-arm 1.7s ease-in-out infinite}
      @keyframes wave-arm{0%,100%{transform:rotate(0deg)}50%{transform:rotate(-28deg)}}
      .monster-bob-wrap{display:inline-flex;animation:monster-bob 2.9s ease-in-out infinite}
      .monster-bob{width:64px;height:auto;display:block}
      @keyframes monster-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
      @media (prefers-reduced-motion: reduce){
        .monster-wave .arm-wave,.monster-bob-wrap{animation:none !important}
      }

      /* digital spotlight — high on homepage */
      .spotlight{background:linear-gradient(130deg,#0b1e6b,#05081f 58%);border:2px solid var(--green);border-radius:20px;padding:40px 36px;display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;box-shadow:0 0 44px rgba(44,230,59,.22),0 24px 50px rgba(0,0,0,.6);color:#eef2ff}
      .spotlight .spot-badge{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#08113d;font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:7px 14px}
      .spotlight h2{font-size:clamp(38px,5.2vw,58px);margin-top:16px}
      .spotlight h2 .lit{color:var(--green);text-shadow:0 0 18px rgba(44,230,59,.6)}
      .spotlight p{color:#c9d4ff;font-size:18px;margin:14px 0 0;max-width:36em}
      .spot-points{list-style:none;margin:20px 0 24px;padding:0;display:grid;gap:11px}
      .spot-points li{display:flex;gap:10px;align-items:flex-start;color:#eef2ff;font-size:16.5px;font-weight:600}
      .spot-points li span{color:var(--ink-dim);font-weight:500}
      .spot-ctas{display:flex;gap:12px;flex-wrap:wrap}
      .svc.featured{border-color:var(--green);box-shadow:0 0 0 1px var(--green),0 0 26px rgba(44,230,59,.20),0 10px 28px rgba(0,0,0,.55)}
      .type-opt.featured label{border-color:rgba(44,230,59,.65)}
      .type-opt .t-badge{display:inline-block;background:var(--green);color:#08113d;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:3px 9px;margin-bottom:7px}
      @media (max-width:1020px){.spotlight{grid-template-columns:1fr}}
      @media (max-width:760px){.spotlight{padding:28px 20px}}

      /* digicon band */
      .digi-band{background:linear-gradient(120deg,#0b1e6b,#05081f 55%);border:1px solid #2a3f8f;border-radius:18px;padding:38px 36px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;overflow:hidden;position:relative;color:#eef2ff}
      .digi-band h2{font-size:clamp(34px,4.6vw,48px)}
      .digi-band h2 .cyan{color:var(--green);text-shadow:0 0 16px rgba(44,230,59,.55)}
      .digi-band p{color:#c9d4ff;font-size:17px;margin:12px 0 20px;max-width:36em}
      .led-demo{background:#050a2a;border:1px solid #2a3f8f;border-radius:12px;padding:20px;text-align:center}

      /* live digital sign demo */
      .dsign{background:linear-gradient(180deg,#23262e,#0b0c10 70%);border:1px solid #3a3f4a;border-radius:14px;padding:13px 13px 9px;box-shadow:0 18px 34px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.14)}
      .dsign-brand{display:flex;justify-content:space-between;align-items:center;padding:0 3px 9px;font-size:11px;letter-spacing:.3em;color:#aeb6c6;text-transform:uppercase}
      .dsign-brand .live{color:#2CE63B;letter-spacing:.18em;animation:dsblink 1.6s steps(2,start) infinite}
      @keyframes dsblink{50%{opacity:.25}}
      .dscreen{position:relative;aspect-ratio:16/9;background:#02030a;border-radius:6px;overflow:hidden;box-shadow:inset 0 0 46px rgba(0,0,0,.9),inset 0 0 6px #000}
      .dslide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;opacity:0;transition:opacity .65s ease;padding:12px}
      .dslide.on{opacity:1}
      .dslide img.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
      .dslide .cap{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 11px;background:linear-gradient(transparent,rgba(0,0,0,.88));font-family:var(--head);font-weight:700;letter-spacing:.07em;color:#fff;font-size:clamp(15px,2.4vw,23px);text-shadow:0 2px 10px #000;text-transform:uppercase}
      .dtxt{font-family:var(--head);font-weight:800;letter-spacing:.05em;line-height:1.04;text-transform:uppercase}
      .dsub{font-family:var(--head);font-weight:600;letter-spacing:.22em;font-size:clamp(10px,1.4vw,13px);margin-top:9px;text-transform:uppercase;opacity:.92}
      .dscreen::before{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(115deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,0) 42%);pointer-events:none}
      .dscreen::after{content:"";position:absolute;inset:0;z-index:4;background-image:radial-gradient(rgba(0,0,0,.5) 1px,transparent 1.6px);background-size:4px 4px;pointer-events:none}
      .dsign-foot{text-align:center;font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;color:#8aa8ff;padding-top:9px}

      /* live digital sign demo v2 — LED realism */
      .dsign{padding:10px;border:2px solid #101216;border-radius:12px;background:linear-gradient(180deg,#26282f,#0a0b0e 75%);box-shadow:0 22px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -8px 14px rgba(0,0,0,.55)}
      .dscreen{border-radius:4px;box-shadow:inset 0 0 0 3px #000,inset 0 0 54px rgba(0,0,0,.92),0 0 26px rgba(90,130,255,.16)}
      .dscreen::after{background-image:radial-gradient(rgba(0,0,0,.66) 1.15px,transparent 1.75px);background-size:5px 5px}
      .dslide{transition:opacity .16s steps(2,end)}
      .dslide img.ph{filter:saturate(1.32) contrast(1.07) brightness(1.06)}
      .dottext{color:transparent;-webkit-background-clip:text;background-clip:text;background-image:radial-gradient(var(--led) 1.7px,transparent 2.2px);background-size:6px 6px;filter:drop-shadow(0 0 7px var(--led)) drop-shadow(0 0 22px var(--led))}
      .dsign-vent{height:7px;margin-top:9px;border-radius:3px;background:repeating-linear-gradient(90deg,#17181c 0 14px,#2c2e35 14px 17px)}

      /* live digital sign demo v3 — modeled on a real full-color LED sign (Pamela's reference) */
      .dsign{background:none;border:none;border-radius:0;padding:0;box-shadow:none}
      .dscreen{border:7px solid #0a0a0c;outline:1px solid #3a3d44;border-radius:3px;box-shadow:0 24px 44px rgba(0,0,0,.55),0 0 34px rgba(90,130,255,.14)}
      .dscreen::after{background-image:radial-gradient(rgba(0,0,0,.34) .8px,transparent 1.3px);background-size:3px 3px}
      .dpole{width:26px;height:52px;margin:0 auto;background:linear-gradient(90deg,#08090b,#2e3038 50%,#08090b)}
      .dbase{width:118px;height:10px;margin:3px auto 0;border-radius:6px;background:#0a0a0c;box-shadow:0 8px 14px rgba(0,0,0,.5)}
      .adslide{position:absolute;inset:0;text-align:left;padding:16px 18px;display:flex;flex-direction:column;justify-content:flex-end;background:
        radial-gradient(420px 200px at 88% 8%,rgba(255,140,0,.95),rgba(255,140,0,0) 60%),
        radial-gradient(380px 220px at 96% 88%,rgba(255,0,128,.8),rgba(255,0,128,0) 62%),
        radial-gradient(360px 200px at 62% 96%,rgba(0,200,120,.85),rgba(0,200,120,0) 60%),
        radial-gradient(420px 240px at 30% 60%,rgba(230,0,120,.85),rgba(230,0,120,0) 62%),
        radial-gradient(380px 220px at 8% 6%,rgba(0,140,255,.9),rgba(0,140,255,0) 60%),
        linear-gradient(120deg,#0a2a8f,#101d5e)}
      .ad-kick{font-size:11px;letter-spacing:.3em;color:#dff2ff;text-transform:uppercase;margin-bottom:auto;text-shadow:0 1px 6px rgba(0,0,0,.5)}
      .ad-big{font-family:var(--head);font-weight:800;text-transform:uppercase;color:#fff;line-height:.98;font-size:clamp(26px,4.6vw,46px);text-shadow:0 3px 14px rgba(0,0,0,.45);letter-spacing:.01em}
      .led-demo .led-txt{font-family:var(--head);font-weight:700;font-size:30px;letter-spacing:.08em;color:var(--green);text-shadow:0 0 8px rgba(44,230,59,.85);background-image:radial-gradient(rgba(255,255,255,.16) 1px, transparent 1.4px);background-size:5px 5px;-webkit-background-clip:text;background-clip:text}
      .led-demo .led-sub{font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:#8aa8ff;margin-top:8px}

      /* gallery */
      .gal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
      .gal{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--panel)}
      .gal .stage{height:190px;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;position:relative}
      .gal .cap{padding:16px 18px;border-top:1px solid var(--line)}
      .gal .cap h3{font-size:22px}
      .gal .cap p{color:var(--ink-dim);font-size:14.5px;margin:5px 0 0}
      .stage-night{background:radial-gradient(420px 200px at 50% 0%,#13277d,#08113d)}
      .stage-day{background:radial-gradient(420px 200px at 50% 0%,#162a7a,#05081f)}
      .g-channel{font-family:var(--head);font-weight:700;font-size:34px;letter-spacing:.05em;color:#ffffff;text-shadow:0 0 5px rgba(255,255,255,.9),0 0 18px rgba(44,230,59,.8),0 0 40px rgba(11,43,226,.6),3px 3px 0 #071a7a}
      .g-neon{font-family:var(--head);font-weight:600;font-size:32px;letter-spacing:.1em;color:#eaffec;text-shadow:0 0 6px #2CE63B,0 0 16px #2CE63B,0 0 34px rgba(44,230,59,.8),0 0 60px rgba(44,230,59,.55)}
      .g-led{font-family:var(--head);font-weight:700;font-size:27px;letter-spacing:.06em;color:var(--green);text-shadow:0 0 7px rgba(44,230,59,.9)}
      .led-dots{background-image:radial-gradient(rgba(255,255,255,.14) 1px, transparent 1.5px);background-size:5px 5px;-webkit-background-clip:text;background-clip:text;color:var(--green)}
      .g-monument{background:#0b1e6b;border:1px solid #2a3f8f;border-bottom:9px solid #050a2a;border-radius:6px;padding:16px 22px;box-shadow:0 16px 26px rgba(8,17,61,.35)}
      .g-monument .gm-name{font-family:var(--head);font-weight:700;font-size:24px;letter-spacing:.05em;color:#ffffff}
      .g-monument .gm-sub{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--green);margin-top:3px}
      .g-vinyl{font-family:var(--head);font-weight:700;font-size:30px;letter-spacing:.03em;color:#ffffff;text-shadow:0 0 14px rgba(125,155,255,.65)}
      .g-vinyl small{display:block;font-family:var(--body);font-weight:600;font-size:12px;letter-spacing:.24em;color:var(--green);margin-top:5px}
      .g-wrap{background:linear-gradient(115deg,#0B2BE2 0%,#2CE63B 100%);border-radius:10px;padding:18px 24px;transform:skewX(-6deg);box-shadow:0 16px 30px rgba(8,17,61,.35)}
      .g-wrap span{font-family:var(--head);font-weight:700;font-size:26px;color:#ffffff;text-shadow:1px 1px 0 rgba(8,17,61,.5);letter-spacing:.04em;display:block;transform:skewX(6deg)}
      .g-pylon{display:flex;flex-direction:column;align-items:center;gap:0}
      .g-pylon .cab{background:#08113d;border:2px solid var(--green);border-radius:8px;padding:12px 20px;font-family:var(--head);font-weight:700;font-size:22px;color:#ffffff;text-shadow:0 0 12px rgba(44,230,59,.8);box-shadow:0 0 22px rgba(44,230,59,.3)}
      .g-pylon .pole{width:9px;height:64px;background:linear-gradient(90deg,#8aa8ff,#33406e,#8aa8ff)}
      .gal .ph{aspect-ratio:4/3;overflow:hidden;background:#05081f}
      .gal .ph img{width:100%;height:100%;object-fit:cover}
      .spot-photo{margin:0}
      .spot-photo img{width:100%;height:auto;border-radius:12px;border:1px solid #2a3f8f;box-shadow:0 18px 40px rgba(0,0,0,.55)}
      .spot-photo figcaption{color:#c9d4ff;font-size:14.5px;margin-top:10px}
      .spot-photo figcaption b{color:#ffffff}
      .digi-photo{margin:0 0 34px;max-width:440px}
      .digi-photo img{width:100%;height:auto;border-radius:12px;border:1px solid var(--line)}
      .digi-photo figcaption{color:var(--ink-dim);font-size:15px;margin-top:10px}
      .digi-photo figcaption b{color:#ffffff}
      .typecards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
      .typecard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.55)}
      .typecard img{width:100%;height:auto}
      .truck-photo{width:100%;height:220px;object-fit:cover;border-radius:10px;margin-bottom:16px;border:1px solid var(--line)}

      /* reviews */
      .rev-ratings{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
      .rev-badge{display:inline-flex;align-items:center;gap:9px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-size:15px;font-weight:600;color:var(--ink-dim);text-decoration:none}
      .rev-badge:hover{border-color:var(--green);color:var(--ink)}
      .rev-badge b{color:#ffffff;font-size:16.5px}
      .rev-badge .stars{font-size:14px}
      .stars{color:var(--green);letter-spacing:.14em;text-shadow:0 0 10px rgba(44,230,59,.5);font-size:15px}
      .rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
      .rev-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;box-shadow:0 10px 28px rgba(0,0,0,.55);display:flex;flex-direction:column;gap:10px}
      .rev-card blockquote{margin:0;color:var(--ink);font-size:16.5px;line-height:1.55}
      .rev-card .rev-attr{margin-top:auto;color:var(--ink-faint);font-size:14.5px;font-weight:600}
      .rev-card .rev-attr b{color:var(--blue-light)}
      .rev-rec{display:inline-flex;align-items:center;gap:7px;background:var(--green-soft);color:var(--green);font-weight:800;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:5px 11px;align-self:flex-start}
      @media (max-width:1020px){.rev-grid{grid-template-columns:repeat(2,1fr)}}
      @media (max-width:760px){.rev-grid{grid-template-columns:1fr}}

      /* about / info */
      .two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:start}
      .fact-list{display:grid;gap:12px}
      .fact{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}
      .fact .k{font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);font-weight:700}
      .fact .v{font-size:19px;font-weight:600;margin-top:3px}
      .fact .v a{color:var(--ink);text-decoration:none}
      .fact .v a:hover{color:var(--green)}
      .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
      .chip{border:1px solid var(--line);background:var(--panel2);border-radius:999px;padding:6px 13px;font-size:14.5px;font-weight:600;color:var(--ink-dim)}
      .prose p{color:var(--ink-dim);font-size:17.5px;margin:0 0 16px}
      .prose p strong{color:var(--ink)}

      /* ---------- Order builder ---------- */
      .order-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:26px;align-items:start;padding-bottom:70px}
      .ob-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px;margin-bottom:18px;box-shadow:0 10px 28px rgba(0,0,0,.55)}
      .ob-card h2{font-size:27px;display:flex;align-items:center;gap:12px}
      .ob-card h2 .stepnum{background:var(--blue);color:#ffffff;font-size:17px;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--body);font-weight:800;flex:none}
      .ob-card .hint{color:var(--ink-faint);font-size:14.5px;margin:8px 0 0}
      .type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
      .type-opt{position:relative}
      .type-opt input{position:absolute;opacity:0;inset:0;cursor:pointer}
      .type-opt label{display:block;border:1.5px solid var(--line);border-radius:12px;padding:15px 14px;cursor:pointer;height:100%;background:var(--panel2)}
      .type-opt label .t-name{font-family:var(--head);font-size:20px;font-weight:600;text-transform:uppercase;line-height:1.05;display:block}
      .type-opt label .t-from{font-size:13px;color:var(--ink-faint);font-weight:600;display:block;margin-top:5px}
      .type-opt input:checked + label{border-color:var(--green);background:var(--blue-soft);box-shadow:0 0 0 1px var(--green), 0 0 22px rgba(44,230,59,.28)}
      .type-opt input:focus-visible + label{outline:2px solid var(--green);outline-offset:2px}
      .field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
      .field label{display:block;font-size:13.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:7px}
      .field input,.field select,.field textarea{width:100%;background:#05060f;border:1.5px solid var(--line);border-radius:10px;color:var(--ink);font-family:inherit;font-size:16.5px;padding:12px 13px}
      .field input::placeholder,.field textarea::placeholder{color:#7f88ad}
      .field select option{background:#0d0f1c;color:#f7f8ff}
      .field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px rgba(44,230,59,.28)}
      .field textarea{resize:vertical;min-height:88px}
      .field .unit-note{font-size:13px;color:var(--ink-faint);margin-top:5px}
      .radio-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
      .radio-pill{position:relative}
      .radio-pill input{position:absolute;opacity:0;inset:0;cursor:pointer}
      .radio-pill label{display:block;border:1.5px solid var(--line);background:var(--panel2);border-radius:999px;padding:9px 16px;font-weight:600;font-size:15px;cursor:pointer}
      .radio-pill input:checked + label{border-color:var(--green);background:var(--blue-soft);color:#ffffff}
      .estimate{position:sticky;top:92px;background:linear-gradient(180deg,#0b1e6b,#05081f);border:1px solid var(--green);border-radius:16px;padding:26px;box-shadow:0 0 34px rgba(44,230,59,.18);color:#eef2ff}
      .estimate .e-k{font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--green);font-weight:800}
      .estimate .e-range{font-family:var(--head);font-size:clamp(38px,4.6vw,50px);font-weight:700;line-height:1.05;margin:10px 0 4px;color:#ffffff}
      .estimate .e-type{font-size:16.5px;font-weight:600;color:#c9d4ff}
      .estimate .e-lines{border-top:1px solid #2a3f8f;margin-top:16px;padding-top:14px;display:grid;gap:7px;font-size:14.5px;color:#c9d4ff}
      .estimate .e-lines div{display:flex;justify-content:space-between;gap:12px}
      .estimate .e-lines b{color:#ffffff;font-weight:600;text-align:right}
      .estimate .e-note{font-size:13.5px;color:#a9b8ec;margin:14px 0 0;line-height:1.5}
      .estimate .btn{width:100%;justify-content:center;margin-top:18px}
      .estimate .btn-ghost{color:#ffffff;box-shadow:inset 0 0 0 1.5px #2a3f8f}
      .estimate .btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--green);color:var(--green)}
      .err{display:none;background:rgba(220,38,38,.18);border:1px solid rgba(248,113,113,.65);color:#fecaca;border-radius:10px;padding:11px 14px;font-size:14.5px;margin-top:14px}
      .err.show{display:block}

      /* summary */
      .summary-card{max-width:760px;margin:0 auto 70px;background:var(--panel);border:1px solid var(--green);border-radius:18px;padding:34px;box-shadow:0 0 40px rgba(44,230,59,.16)}
      .summary-card .ok-badge{display:inline-flex;align-items:center;gap:9px;background:var(--green-soft);color:var(--green);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:13.5px;border-radius:999px;padding:8px 15px}
      .summary-card h2{font-size:40px;margin:16px 0 4px}
      .ref-num{font-family:var(--head);font-size:24px;color:var(--blue-bright);letter-spacing:.08em}
      .sum-table{width:100%;border-collapse:collapse;margin:20px 0}
      .sum-table td{padding:10px 0;border-bottom:1px solid var(--line);vertical-align:top;font-size:16px}
      .sum-table td:first-child{color:var(--ink-faint);font-weight:600;width:42%;padding-right:14px}
      .sum-table tr:last-child td{border-bottom:0}
      .next-steps{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:6px 0 20px}
      .next-steps h3{font-size:21px;margin-bottom:8px}
      .next-steps ol{margin:0;padding-left:20px;color:var(--ink-dim)}
      .next-steps li{margin:4px 0}
      .demo-note{font-size:13.5px;color:var(--ink-faint);border-top:1px dashed var(--line);padding-top:14px;margin-top:4px}

      /* CTA band */
      .cta-band{background:linear-gradient(120deg,#0b1e6b,#05081f 60%);border:1px solid #2a3f8f;border-radius:18px;padding:40px 36px;text-align:center;color:#eef2ff}
      .cta-band h2{font-size:clamp(34px,5vw,50px)}
      .cta-band h2 .lit{color:var(--green);text-shadow:0 0 16px rgba(44,230,59,.5)}
      .cta-band p{color:#c9d4ff;font-size:18px;margin:12px auto 24px;max-width:38em}
      .cta-band .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
      .cta-band .btn-ghost{color:#ffffff;box-shadow:inset 0 0 0 1.5px #2a3f8f}
      .cta-band .btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--green);color:var(--green)}

      /* footer */
      footer.site{border-top:2px solid var(--blue);background:#020208;margin-top:0;color:#c9d4ff}
      .foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px;padding:46px 0 30px}
      .foot-grid h4{font-family:var(--head);font-size:19px;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;color:#ffffff}
      .foot-grid p,.foot-grid li{color:#c9d4ff;font-size:15px}
      .foot-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
      .foot-grid button{background:none;border:0;color:#c9d4ff;font-size:15px;padding:0;text-align:left}
      .foot-grid button:hover,.foot-grid a:hover{color:var(--green)}
      .foot-grid a{color:#c9d4ff;text-decoration:none}
      .foot-brand .brand-name{font-size:30px;color:#ffffff}
      .foot-bottom{border-top:1px solid #2a3f8f;padding:16px 0 22px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#8aa8ff;font-size:13.5px}

      /* responsive */
      @media (max-width:1020px){
        .hero-grid{grid-template-columns:1fr;gap:34px;padding:46px 0}
        .steps{grid-template-columns:repeat(2,1fr)}
        .svc-grid,.gal-grid,.typecards{grid-template-columns:repeat(2,1fr)}
        .order-layout{grid-template-columns:1fr}
        .estimate{position:static}
        .digi-band{grid-template-columns:1fr}
        .truck-grid{grid-template-columns:1fr}
        .find-grid{grid-template-columns:1fr}
        .two-col{grid-template-columns:1fr}
        .foot-grid{grid-template-columns:1fr 1fr}
      }
      @media (max-width:760px){
        nav.main{display:none}
        .burger{display:flex}
        .header-in{gap:10px}
        .header-in .btn-call{display:none}
        .header-in .nav-cta{display:none}
        .brand{gap:8px;min-width:0}
        .logo-cabinet{padding:0;border-radius:0}
        .brand-mark{width:34px;height:34px}
        .brand-name{font-size:20px}
        .brand-sub{font-size:9px;letter-spacing:.16em}
        .type-grid{grid-template-columns:repeat(2,1fr)}
        .field-row{grid-template-columns:1fr}
        .steps,.svc-grid,.gal-grid,.typecards{grid-template-columns:1fr}
        .foot-grid{grid-template-columns:1fr}
        body{font-size:16px}
        .summary-card{padding:26px 20px}
        .digi-band,.cta-band{padding:28px 20px}
      }

    
/* blog */
.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.post{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 28px rgba(0,0,0,.55)}
.post .post-tag{font-size:12.5px;color:var(--green);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.post h3{font-size:23px;margin:0}
.post p{color:var(--ink-dim);margin:0;font-size:15.5px;flex:1}
.post .post-meta{font-size:13.5px;color:var(--ink-faint);font-weight:600;letter-spacing:.04em;text-transform:uppercase}

.hshow{position:relative;width:100%;max-width:570px;aspect-ratio:4/3.4;border-radius:20px;overflow:hidden;justify-self:end;box-shadow:0 24px 60px rgba(0,0,0,.45);background:#0b1b3a}
.hshow img.hslide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s ease}
.hshow img.hslide.on{opacity:1}
.hshow-tag{position:absolute;left:14px;bottom:12px;background:rgba(5,12,28,.72);color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.04em;padding:6px 12px;border-radius:999px}
.hero-tag{font-style:italic;font-weight:800;font-size:1.2rem;color:#7ee787;margin-top:16px;letter-spacing:.01em}
.foot-tag{font-style:italic;font-weight:700;color:#7ee787;margin-top:8px}
@media (max-width:900px){.hshow{justify-self:center;max-width:100%}}