:root{
    --bg:#f7f9fb;
    --surface:#ffffff;
    --surface-2:#f2f5f8;
    --ink:#0f1a2b;
    --ink-2:#1c2a42;
    --muted:#5b6b83;
    --border:rgba(15,26,43,.10);
    --primary:#22c55e;        /* WiredPhase electric green */
    --primary-600:#16a34a;
    --primary-glow:#4ade80;
    --grad-primary:linear-gradient(135deg,#22c55e,#4ade80);
    --grad-ink:linear-gradient(135deg,#0f1a2b,#1c2a42);
    --grad-hero:
      radial-gradient(1200px 600px at 85% 5%, rgba(34,197,94,.22), transparent 60%),
      radial-gradient(900px 500px at 5% 95%, rgba(34,197,94,.14), transparent 60%),
      linear-gradient(180deg,#ffffff,#eefaf1);
    --shadow-card:0 8px 28px -12px rgba(15,26,43,.15);
    --shadow-elegant:0 30px 80px -30px rgba(15,26,43,.25);
    --shadow-glow:0 20px 60px -20px rgba(34,197,94,.55);
    --radius:14px;
  }

  .eyebrow{
    font-family:'Barlow',sans-serif;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.18em;
    font-size:.72rem;
    color:var(--primary-600);
  }
  .muted{color:var(--muted)}
  .text-primary-green{color:var(--primary-600)!important}

  /* Buttons */
  .btn-pill{
    display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
    border-radius:999px;padding:.85rem 1.6rem;
    font-family:'Barlow',sans-serif;font-weight:700;
    text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;
    transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
    border:1px solid transparent;
  }
  .btn-primary-green{
    background:var(--grad-primary);color:#0f1a2b;
    box-shadow:var(--shadow-glow);
  }
  .btn-primary-green:hover{transform:translateY(-2px);color:#0f1a2b}
  .btn-outline-ink{
    background:transparent;color:var(--ink);
    border:1px solid rgba(15,26,43,.2);
  }
  .btn-outline-ink:hover{background:rgba(15,26,43,.05)}
  .btn-outline-light-pill{
    background:rgba(255,255,255,.06);color:#fff;
    border:1px solid rgba(255,255,255,.25);
  }
  .btn-outline-light-pill:hover{background:rgba(255,255,255,.12);color:#fff}

  /* Cards */
  .card-surface{
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:20px;
    box-shadow:var(--shadow-card);
  }
  .card-ink{
    background:var(--grad-ink);color:#fff;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
  }
  .ring-accent{
    box-shadow:0 0 0 1px rgba(34,197,94,.45),
               0 30px 70px -25px rgba(34,197,94,.4);
  }

  /* Navbar */
  .site-nav{
    position:sticky;top:0;z-index:1030;
    background:rgba(255,255,255,.75);
    backdrop-filter:saturate(140%) blur(14px);
    border-bottom:1px solid var(--border);
  }
  .site-nav .brand-mark{
    width:36px;height:36px;border-radius:10px;
    background:var(--grad-primary);color:#0f1a2b;
    display:grid;place-items:center;
    font-family:'Barlow',sans-serif;font-weight:900;
  }
  .site-nav .nav-link{
    font-family:'Barlow',sans-serif;font-weight:600;
    text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;
    color:var(--muted);
  }
  .site-nav .nav-link:hover{color:var(--ink)}

  /* Hero */
 
  .hero .bg-grid{
    position:absolute;inset:0;opacity:.5;pointer-events:none;
    background-size:56px 56px;
  }
  .badge-pill{
    display:inline-flex;align-items:center;gap:.5rem;
    padding:.4rem .9rem;border-radius:999px;
    border:1px solid var(--border);background:rgba(255,255,255,.7);
    font-family:'Barlow',sans-serif;font-weight:700;
    text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;
    color:var(--muted);
  }
  .badge-pill .dot{color:var(--primary-600)}
  .hero h1{font-size:clamp(2.4rem,5.2vw,4.6rem)}
  .stat-num{font-family:'Barlow',sans-serif;font-weight:900;font-size:2rem;color:var(--ink)}
  .stat-lbl{font-family:'Barlow',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;color:var(--muted)}

  .hero-shot{
    position:relative;border-radius:20px;overflow:hidden;
    animation:float 7s ease-in-out infinite;
    border:1px solid var(--border);
    box-shadow:var(--shadow-elegant);
  }
  .hero-shot img{width:100%;height:auto;display:block}
  @keyframes float{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-14px)}
  }
  .hero-badge-card{
    position:absolute;left:-14px;bottom:-18px;
    display:flex;gap:.75rem;align-items:center;
    background:#fff;border:1px solid var(--border);
    padding:.85rem 1rem;border-radius:16px;
    box-shadow:var(--shadow-elegant);
  }
  .hero-badge-card .icon{
    width:40px;height:40px;border-radius:999px;
    background:rgba(34,197,94,.15);color:var(--primary-600);
    display:grid;place-items:center;font-size:1.1rem;
  }

  /* Section wrappers */
  section{padding:6rem 0}
  .section-alt{background:var(--surface-2);border-block:1px solid var(--border)}

  /* Feature grid */
  .feat{
    position:relative;padding:1.8rem;
    background:var(--surface);border:1px solid var(--border);
    border-radius:20px;box-shadow:var(--shadow-card);
    transition:transform .25s ease, box-shadow .25s ease;
    height:100%;
  }
  .feat:hover{transform:translateY(-4px);box-shadow:0 24px 60px -30px rgba(15,26,43,.2)}
  .feat .icon-square{
    width:48px;height:48px;border-radius:14px;
    background:rgba(34,197,94,.12);color:var(--primary-600);
    display:grid;place-items:center;font-size:1.3rem;margin-bottom:1rem;
    transition:all .25s ease;
  }
  .feat:hover .icon-square{background:var(--primary-600);color:#fff}
  .feat h3{font-size:1.05rem;margin-bottom:.5rem}
  .feat .num{
    position:absolute;top:1.1rem;right:1.3rem;
    font-family:'Barlow',sans-serif;font-weight:900;font-size:.85rem;
    color:rgba(15,26,43,.18);
  }

  /* Team cards */
  .team-card{
    background:var(--surface);border:1px solid var(--border);
    border-radius:20px;padding:2rem;box-shadow:var(--shadow-card);
    height:100%;display:flex;flex-direction:column;justify-content:space-between;
  }
  .tag-primary{
    display:inline-flex;align-items:center;gap:.4rem;
    padding:.3rem .7rem;border-radius:999px;
    background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);
    color:var(--primary-600);
    font-family:'Barlow',sans-serif;font-weight:700;
    text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;
  }
  .team-card h3{font-size:1.35rem;line-height:1.15;margin:1rem 0 .75rem}

  /* Security */
  .security-visual{
    aspect-ratio:1/1;max-width:26rem;position:relative;overflow:hidden;
    padding:2.5rem;
  }
  .security-visual .blob{
    position:absolute;right:-60px;top:-60px;
    width:220px;height:220px;border-radius:999px;
    background:rgba(34,197,94,.45);filter:blur(60px);
  }
  .sec-item{
    display:flex;align-items:center;gap:.75rem;
    background:var(--surface);border:1px solid var(--border);
    border-radius:14px;padding:.85rem 1rem;
  }
  .sec-item i{color:var(--primary-600);font-size:1.15rem}

  .why-item{
    display:flex;align-items:flex-start;gap:.75rem;
    background:var(--surface);border:1px solid var(--border);
    border-radius:16px;padding:1.1rem 1.15rem;
    box-shadow:var(--shadow-card);
    font-family:'Barlow',sans-serif;font-weight:700;
    text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;
    transition:transform .2s ease;
  }
  .why-item:hover{transform:translateY(-3px)}
  .why-item i{color:var(--primary-600);font-size:1.15rem;margin-top:2px}

  /* Pricing */
  .price-card{
    background:var(--surface);border:1px solid var(--border);
    border-radius:20px;padding:2rem;box-shadow:var(--shadow-card);
    height:100%;display:flex;flex-direction:column;position:relative;
  }
  .price-card.popular{transform:translateY(-14px)}
  .price-card .badge-top{
    position:absolute;top:-12px;left:1.5rem;
    background:var(--grad-primary);color:#0f1a2b;
    padding:.35rem .8rem;border-radius:999px;
    font-family:'Barlow',sans-serif;font-weight:700;
    text-transform:uppercase;letter-spacing:.14em;font-size:.65rem;
  }
  .price-amount{font-family:'Barlow',sans-serif;font-weight:900;font-size:3rem;color:var(--ink)}
  .price-cadence{color:var(--muted);font-size:.85rem}
  .price-card ul{list-style:none;padding:0;margin:1.5rem 0}
  .price-card ul li{
    display:flex;align-items:center;gap:.6rem;
    padding:.35rem 0;font-size:.92rem;color:var(--ink-2);
  }
  .price-card ul li i{color:var(--primary-600)}
  @media (max-width:991px){.price-card.popular{transform:none}}

  /* FAQ */
  .faq-wrap{
    background:var(--surface);border:1px solid var(--border);
    border-radius:20px;overflow:hidden;box-shadow:var(--shadow-card);
  }
  .faq-item{border-bottom:1px solid var(--border)}
  .faq-item:last-child{border-bottom:0}
  .faq-btn{
    width:100%;background:transparent;border:0;text-align:left;
    padding:1.2rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;
    cursor:pointer;color:var(--ink);
    font-family:'Barlow',sans-serif;font-weight:800;
    text-transform:uppercase;letter-spacing:-.005em;font-size:1rem;
  }
  .faq-btn:hover{background:var(--surface-2)}
  .faq-btn i{color:var(--primary-600);transition:transform .25s ease}
  .faq-item.open .faq-btn i{transform:rotate(180deg)}
  .faq-body{
    max-height:0;overflow:hidden;
    transition:max-height .3s ease;
    padding:0 1.5rem;color:var(--muted);
  }
  .faq-item.open .faq-body{max-height:220px;padding-bottom:1.2rem}

  /* Final CTA */
  .cta-card{
    background:var(--grad-ink);color:#fff;border-radius:24px;
    padding:3rem;position:relative;overflow:hidden;
  }
  .cta-card .glow-a{position:absolute;right:-60px;top:-60px;width:280px;height:280px;border-radius:999px;background:rgba(34,197,94,.5);filter:blur(70px)}
  .cta-card .glow-b{position:absolute;left:-40px;bottom:-40px;width:220px;height:220px;border-radius:999px;background:rgba(34,197,94,.3);filter:blur(70px)}
  .cta-card h2{color:#fff;font-size:clamp(2rem,4vw,3.4rem)}
  .cta-card .tag-primary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}