:root{
    --navy:#08182C; --navy-2:#0C1F37; --navy-3:#143055; --card:#102338;
    --line:rgba(255,255,255,.09);
    --blue:#2C74D6; --blue-bright:#3F8AE8; --blue-deep:#1B4E9B;
    --gold:#D9A431; --gold-light:#F1CB6A;
    --text:#EAF1FA; --muted:#9AADC4;
    --red:#E0413B; --green:#3FA85B; --orange:#E0772B; --amber:#E5B53A;
    --maxw:1180px; --radius:16px;
    --alert-color:#E0413B;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'DM Sans','Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
    background:var(--navy); color:var(--text); line-height:1.65;
    -webkit-font-smoothing:antialiased; overflow-x:hidden;
  }
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
  section{padding:96px 0;position:relative;}
  h1,h2,h3{line-height:1.18;letter-spacing:-.02em;font-weight:800;}
  h2{font-size:clamp(28px,4vw,42px);margin-bottom:18px;}
  h3{font-size:20px;font-weight:700;}
  .eyebrow{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.16em;
    text-transform:uppercase;color:var(--gold-light);margin-bottom:18px;}
  .lead{font-size:clamp(16px,1.6vw,18.5px);color:var(--muted);max-width:680px;}
  .center{text-align:center;}
  .center .lead{margin-left:auto;margin-right:auto;}

  /* ---------- buttons ---------- */
  .btn{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:15px;
    padding:14px 26px;border-radius:999px;cursor:pointer;border:1px solid transparent;
    transition:transform .15s ease, box-shadow .15s ease, background .15s ease;}
  .btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-light));
    color:#231a05;box-shadow:0 8px 26px rgba(217,164,49,.30);}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(217,164,49,.42);}
  .btn-ghost{background:rgba(255,255,255,.04);color:var(--text);border:1px solid var(--line);}
  .btn-ghost:hover{background:rgba(255,255,255,.09);transform:translateY(-2px);}
  .btn-blue{background:linear-gradient(135deg,var(--blue-deep),var(--blue));color:#fff;
    box-shadow:0 8px 26px rgba(44,116,214,.32);}
  .btn-blue:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(44,116,214,.45);}

  /* ---------- nav ---------- */
  header{position:sticky;top:0;z-index:50;background:rgba(8,24,44,.78);
    backdrop-filter:blur(14px);border-bottom:1px solid var(--line);}
  .nav{display:flex;align-items:center;justify-content:space-between;height:72px;}
  .brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:21px;letter-spacing:.02em;}
  .brand .ven{color:var(--blue-bright);}
  .brand .guard{color:var(--gold);}
  .logo-mark{width:34px;height:34px;flex:none;}
  .nav-links{display:flex;align-items:center;gap:30px;}
  .nav-links a{font-size:14.5px;font-weight:600;color:var(--muted);transition:color .15s;}
  .nav-links a:hover{color:var(--text);}
  .nav-cta{display:flex;align-items:center;gap:14px;}
  .nav-cta .btn{padding:10px 20px;font-size:14px;}
  .menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:10px;
    width:42px;height:42px;cursor:pointer;color:var(--text);font-size:18px;}

  /* ---------- announcement bar ---------- */
  .announce{
    background:linear-gradient(90deg,rgba(217,164,49,.14),rgba(44,116,214,.12));
    border-bottom:1px solid var(--line);font-size:13px;color:var(--text);
    padding:9px 0;text-align:center;font-weight:500;
  }
  .announce b{color:var(--gold-light);font-weight:700;}
  .announce a{color:var(--gold-light);text-decoration:underline;text-underline-offset:3px;}

  /* ---------- hero ---------- */
  .hero{padding:64px 0 80px;position:relative;overflow:hidden;}
  .hero::before,.hero::after{
    content:"";position:absolute;width:540px;height:540px;border-radius:50%;filter:blur(120px);
    z-index:0;opacity:.45;pointer-events:none;animation:float 14s ease-in-out infinite;
  }
  .hero::before{background:rgba(44,116,214,.55);top:-180px;left:-160px;}
  .hero::after{background:rgba(217,164,49,.35);bottom:-220px;right:-140px;animation-delay:-6s;}
  @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(40px)}}
  .hero .wrap{position:relative;z-index:1;}
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;}
  .hero h1{font-size:clamp(34px,5vw,56px);font-weight:900;margin-bottom:22px;}
  .hero h1 .accent{background:linear-gradient(120deg,var(--gold),var(--gold-light));
    -webkit-background-clip:text;background-clip:text;color:transparent;}
  .hero .lead{margin-bottom:28px;}
  .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px;}
  .hero-meta{display:flex;gap:22px;flex-wrap:wrap;font-size:13.5px;color:var(--muted);}
  .hero-meta span{display:flex;align-items:center;gap:8px;}
  .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);flex:none;
    box-shadow:0 0 0 0 rgba(217,164,49,.6);animation:pulseDot 1.8s ease-out infinite;}
  .dot.blue{background:var(--blue-bright);animation-delay:.9s;
    box-shadow:0 0 0 0 rgba(63,138,232,.6);}
  @keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(217,164,49,.6)}
    70%{box-shadow:0 0 0 12px rgba(217,164,49,0)}100%{box-shadow:0 0 0 0 rgba(217,164,49,0)}}

  /* ---------- hero animated mock ---------- */
  .hero-mock{position:relative;height:480px;}
  .mock-display{
    position:absolute;left:0;top:24px;width:74%;height:300px;
    border-radius:18px;background:#000;
    border:9px solid #14202F;
    box-shadow:0 30px 70px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.04) inset;
    overflow:hidden;
  }
  .mock-display::after{
    content:"";position:absolute;left:50%;bottom:-26px;transform:translateX(-50%);
    width:90px;height:18px;background:#14202F;border-radius:0 0 10px 10px;
    box-shadow:0 14px 24px rgba(0,0,0,.5);
  }
  .md-frame{width:100%;height:100%;display:flex;flex-direction:column;position:relative;
    background:linear-gradient(180deg,#0B1726,#070F1B);}
  .md-logo{display:flex;align-items:center;gap:8px;padding:14px 18px;font-weight:900;
    font-size:14px;letter-spacing:.04em;color:#fff;border-bottom:1px solid rgba(255,255,255,.06);}
  .md-logo svg{width:22px;height:22px;}
  .md-banner{background:var(--alert-color);color:#fff;font-weight:900;letter-spacing:.18em;
    font-size:13px;text-align:center;padding:9px;transition:background .55s ease;}
  .md-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;padding:14px 18px;gap:6px;transition:opacity .35s ease;}
  .md-icon{
    width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;
    background:var(--alert-color);color:#fff;font-size:36px;font-weight:900;
    box-shadow:0 0 0 6px rgba(255,255,255,.05),0 14px 30px rgba(0,0,0,.45);
    transition:background .55s ease;
  }
  .md-title{font-size:30px;font-weight:900;letter-spacing:.06em;margin-top:8px;
    color:var(--alert-color);transition:color .55s ease;}
  .md-sub{font-size:12px;color:#cfd8e6;letter-spacing:.12em;font-weight:700;}
  .md-foot{font-size:10.5px;color:#8aa0bd;letter-spacing:.14em;margin-top:6px;text-transform:uppercase;}

  .mock-phone{
    position:absolute;right:0;bottom:0;width:170px;height:340px;
    background:#0F1822;border-radius:30px;border:7px solid #14202F;
    box-shadow:0 30px 70px rgba(0,0,0,.6);overflow:hidden;
    transform:rotate(4deg);
  }
  .mock-phone::before{
    content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);
    width:60px;height:14px;background:#000;border-radius:8px;z-index:2;
  }
  .mp-screen{width:100%;height:100%;background:linear-gradient(180deg,#0B1726,#070F1B);
    display:flex;flex-direction:column;}
  .mp-top{padding:30px 14px 6px;font-size:9.5px;color:#7d92ad;display:flex;justify-content:space-between;}
  .mp-logo{padding:6px 14px 10px;font-weight:900;font-size:11px;display:flex;align-items:center;gap:5px;}
  .mp-logo svg{width:14px;height:14px;}
  .mp-banner{background:var(--alert-color);color:#fff;text-align:center;font-weight:900;
    letter-spacing:.14em;font-size:9.5px;padding:6px;transition:background .55s ease;}
  .mp-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
    padding:8px;text-align:center;}
  .mp-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;
    background:var(--alert-color);font-size:22px;color:#fff;font-weight:900;transition:background .55s ease;}
  .mp-title{font-size:16px;font-weight:900;letter-spacing:.06em;color:var(--alert-color);transition:color .55s ease;}
  .mp-sub{font-size:8.5px;color:#a6b8cf;letter-spacing:.1em;font-weight:700;}
  .mp-btn{margin-top:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
    border-radius:8px;padding:6px 14px;font-size:9px;font-weight:700;color:#fff;letter-spacing:.08em;}

  .mock-chip{
    position:absolute;background:rgba(15,30,52,.92);border:1px solid var(--line);
    backdrop-filter:blur(8px);border-radius:999px;padding:8px 14px;font-size:12px;
    font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px;
    box-shadow:0 12px 28px rgba(0,0,0,.4);
  }
  .mock-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);
    box-shadow:0 0 0 0 rgba(63,168,91,.55);animation:pulseDot 1.6s ease-out infinite;}
  .mock-chip.c1{top:8px;right:18%;animation:driftA 7s ease-in-out infinite;}
  .mock-chip.c2{top:46%;left:-12px;animation:driftB 8s ease-in-out infinite;}
  .mock-chip.c3{bottom:42px;left:34%;animation:driftA 9s ease-in-out infinite -3s;}
  @keyframes driftA{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
  @keyframes driftB{0%,100%{transform:translateY(0)}50%{transform:translateY(12px)}}

  /* ---------- countdown ---------- */
  .countdown{
    margin-top:34px;background:var(--card);border:1px solid var(--line);border-radius:16px;
    padding:20px 24px;display:flex;align-items:center;gap:22px;flex-wrap:wrap;
  }
  .cd-label{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-light);}
  .cd-segs{display:flex;gap:16px;}
  .cd-seg{text-align:center;}
  .cd-seg b{font-size:26px;font-weight:900;display:block;
    background:linear-gradient(120deg,var(--gold),var(--gold-light));
    -webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;}
  .cd-seg small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}

  /* ---------- stats strip ---------- */
  .stats{padding:36px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
    background:rgba(13,30,52,.5);}
  .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
  .stat{text-align:center;}
  .stat b{font-size:34px;font-weight:900;display:block;line-height:1;
    background:linear-gradient(120deg,var(--blue-bright),var(--gold-light));
    -webkit-background-clip:text;background-clip:text;color:transparent;}
  .stat span{display:block;font-size:13px;color:var(--muted);letter-spacing:.06em;margin-top:8px;}

  /* ---------- pilot partners strip ---------- */
  .partners{padding:40px 0;}
  .partners-label{font-size:11.5px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;
    color:var(--muted);text-align:center;margin-bottom:22px;}
  .partners-row{display:flex;justify-content:center;align-items:center;gap:48px;flex-wrap:wrap;}
  .pp-mark{display:flex;align-items:center;gap:10px;opacity:.85;transition:opacity .2s;}
  .pp-mark:hover{opacity:1;}
  .pp-mark .pp-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;
    justify-content:center;font-size:14px;font-weight:900;
    background:linear-gradient(135deg,var(--blue-deep),var(--blue));color:#fff;}
  .pp-mark .pp-name{font-weight:800;font-size:15px;letter-spacing:.02em;}
  .pp-mark .pp-name small{display:block;font-size:10.5px;font-weight:600;color:var(--muted);
    letter-spacing:.08em;text-transform:uppercase;margin-top:1px;}
  .pp-more{font-size:13px;color:var(--muted);font-style:italic;}

  /* ---------- martyn's law ---------- */
  .alt{background:var(--navy-2);}
  .law-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:center;}
  .law-points{display:flex;flex-direction:column;gap:14px;margin-top:8px;}
  .law-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;
    display:flex;gap:16px;align-items:flex-start;}
  .law-card .tier{font-weight:900;font-size:15px;color:#231a05;
    background:linear-gradient(135deg,var(--gold),var(--gold-light));
    border-radius:9px;padding:7px 11px;flex:none;min-width:70px;text-align:center;}
  .law-card .tier.blue{background:linear-gradient(135deg,var(--blue-deep),var(--blue));color:#fff;}
  .law-card .tier.grey{background:linear-gradient(135deg,#9AADC4,#6f8298);color:#10131a;}
  .law-card b{font-size:15px;}
  .law-card p{font-size:14px;color:var(--muted);margin-top:2px;}
  .callout{margin-top:28px;border-left:3px solid var(--gold);background:rgba(217,164,49,.07);
    padding:18px 22px;border-radius:0 12px 12px 0;font-size:16px;font-weight:500;}


  /* ---------- compliance disclaimer / trust ---------- */
  .disclaimer{margin-top:28px;background:rgba(255,255,255,.045);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:12px;padding:16px 18px;color:var(--muted);font-size:13.5px;line-height:1.55;}
  .disclaimer b{color:var(--text);}
  .trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px;}
  .trust-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 20px;}
  .trust-card b{display:block;font-size:15px;margin-bottom:6px;color:var(--text);}
  .trust-card p{font-size:13.5px;color:var(--muted);line-height:1.5;}
  @media(max-width:920px){.trust-grid{grid-template-columns:1fr 1fr;}}
  @media(max-width:520px){.trust-grid{grid-template-columns:1fr;}}

  /* ---------- features ---------- */
  .section-head{max-width:720px;margin-bottom:48px;}
  .section-head.center{margin-left:auto;margin-right:auto;}
  .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .feature{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
    padding:30px 26px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
    position:relative;overflow:hidden;}
  .feature::before{content:"";position:absolute;inset:auto -40px -40px auto;width:140px;height:140px;
    border-radius:50%;background:radial-gradient(circle,rgba(44,116,214,.18),transparent 70%);opacity:0;
    transition:opacity .25s;}
  .feature:hover{transform:translateY(-4px);border-color:rgba(44,116,214,.5);
    box-shadow:0 24px 50px rgba(0,0,0,.4);}
  .feature:hover::before{opacity:1;}
  .f-icon{width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,rgba(44,116,214,.22),rgba(217,164,49,.16));
    border:1px solid var(--line);margin-bottom:18px;}
  .f-icon svg{width:26px;height:26px;}
  .feature h3{margin-bottom:9px;}
  .feature p{font-size:14.5px;color:var(--muted);}

  /* ---------- how it works ---------- */
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:step;}
  .step{position:relative;background:var(--card);border:1px solid var(--line);
    border-radius:var(--radius);padding:34px 28px;overflow:hidden;}
  .step::after{content:"";position:absolute;left:0;top:0;height:3px;width:100%;
    background:linear-gradient(90deg,var(--blue-bright),var(--gold-light));
    transform:translateX(-100%);transition:transform .5s ease;}
  .step.in::after{transform:translateX(0);}
  .step-num{font-size:13px;font-weight:800;letter-spacing:.12em;color:var(--gold-light);
    text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:10px;}
  .step-num::before{counter-increment:step;content:"0" counter(step);
    font-size:34px;font-weight:900;color:rgba(255,255,255,.10);letter-spacing:0;}
  .step h3{font-size:22px;margin-bottom:8px;}
  .step h3 .word{background:linear-gradient(120deg,var(--blue-bright),var(--gold-light));
    -webkit-background-clip:text;background-clip:text;color:transparent;}
  .step p{font-size:14.5px;color:var(--muted);}

  /* ---------- alerts strip ---------- */
  .alerts{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
  .alert{border-radius:14px;padding:22px 18px;border:1px solid var(--line);
    background:var(--card);text-align:center;position:relative;overflow:hidden;
    transition:transform .2s, border-color .2s;}
  .alert:hover{transform:translateY(-4px);}
  .alert::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;}
  .alert.evac::before{background:var(--red);}
  .alert.med::before{background:var(--blue);}
  .alert.lock::before{background:var(--orange);}
  .alert.inv::before{background:var(--amber);}
  .alert.clear::before{background:var(--green);}
  .alert .a-ico{width:42px;height:42px;margin:6px auto 14px;border-radius:11px;
    display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;}
  .alert.evac .a-ico{background:var(--red);}
  .alert.med  .a-ico{background:var(--blue);}
  .alert.lock .a-ico{background:var(--orange);}
  .alert.inv  .a-ico{background:var(--amber);color:#231a05;}
  .alert.clear .a-ico{background:var(--green);}
  .alert b{font-size:14.5px;letter-spacing:.06em;display:block;margin-bottom:6px;}
  .alert.evac b{color:#ff7b75;}
  .alert.med b{color:#6ba6ee;}
  .alert.lock b{color:#f0975a;}
  .alert.inv b{color:#f0cd6a;}
  .alert.clear b{color:#6fc985;}
  .alert p{font-size:12.5px;color:var(--muted);line-height:1.5;}

  /* ---------- comparison ---------- */
  .compare{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
    overflow:hidden;}
  .compare-head,.compare-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;}
  .compare-head{background:rgba(255,255,255,.03);border-bottom:1px solid var(--line);}
  .compare-head div{padding:18px 22px;font-size:13px;font-weight:800;letter-spacing:.1em;
    text-transform:uppercase;}
  .compare-head .col-old{color:var(--muted);}
  .compare-head .col-vg{color:var(--gold-light);
    background:linear-gradient(180deg,rgba(217,164,49,.12),transparent);}
  .compare-row{border-bottom:1px solid var(--line);}
  .compare-row:last-child{border-bottom:none;}
  .compare-row > div{padding:18px 22px;font-size:14.5px;display:flex;align-items:center;gap:10px;}
  .compare-row .label{font-weight:700;}
  .compare-row .col-old{color:var(--muted);}
  .compare-row .col-vg{background:rgba(217,164,49,.04);color:var(--text);font-weight:500;}
  .col-vg .tick{color:var(--gold-light);font-weight:900;}
  .col-old .x{color:#ff7b75;font-weight:900;}

  /* ---------- hardware ---------- */
  .hw-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;}
  .hw-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 6px;}
  .hw-list div{font-size:14px;background:var(--card);border:1px solid var(--line);
    border-radius:10px;padding:11px 14px;display:flex;align-items:center;gap:9px;}
  .check{color:var(--gold-light);flex:none;font-weight:900;}
  .hw-img{border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 24px 56px rgba(0,0,0,.5);}
  .hw-sub{margin-top:40px;display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;
    background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:32px;}
  .hw-sub h3{margin-bottom:10px;font-size:21px;}
  .hw-sub p{font-size:14.5px;color:var(--muted);}
  .hw-sub .tag{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
    color:var(--gold-light);display:block;margin-bottom:8px;}

  /* ---------- venue context block ---------- */
  .context{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;margin-top:46px;}
  .context img{border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 24px 56px rgba(0,0,0,.5);}

  /* ---------- sectors ---------- */
  .chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:6px;}
  .chip{background:var(--card);border:1px solid var(--line);border-radius:999px;
    padding:12px 22px;font-size:14.5px;font-weight:600;transition:.18s;}
  .chip:hover{border-color:rgba(217,164,49,.55);color:#fff;transform:translateY(-2px);}

  /* ---------- pilot ---------- */
  .pilot-box{background:linear-gradient(135deg,var(--navy-3),var(--navy-2));
    border:1px solid var(--line);border-radius:22px;padding:48px;
    display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;
    position:relative;overflow:hidden;}
  .pilot-box::before{content:"";position:absolute;top:-100px;right:-100px;width:340px;height:340px;
    border-radius:50%;background:radial-gradient(circle,rgba(217,164,49,.18),transparent 70%);}
  .pilot-box > *{position:relative;}
  .pilot-box h2{margin-bottom:14px;}
  .pilot-box p{color:var(--muted);font-size:15.5px;margin-bottom:14px;}
  .pilot-box .hl{color:var(--text);font-weight:600;}
  .pilot-aside{background:var(--navy);border:1px solid var(--line);border-radius:16px;padding:26px;text-align:center;}
  .pilot-aside .big{font-size:40px;font-weight:900;
    background:linear-gradient(120deg,var(--gold),var(--gold-light));
    -webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1;}
  .pilot-aside small{color:var(--muted);font-size:13px;display:block;margin:6px 0 20px;}

  /* ---------- timeline ---------- */
  .timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px;}
  .tl{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
    padding:28px 24px;position:relative;}
  .tl .when{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
    color:var(--blue-bright);margin-bottom:10px;}
  .tl h3{font-size:18px;margin-bottom:7px;}
  .tl p{font-size:14px;color:var(--muted);}

  /* ---------- pricing ---------- */
  .price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .price{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
    padding:32px 28px;display:flex;flex-direction:column;position:relative;transition:transform .2s;}
  .price:hover{transform:translateY(-4px);}
  .price.featured{border-color:rgba(217,164,49,.55);box-shadow:0 18px 44px rgba(0,0,0,.4);}
  .price.featured::before{content:"Most popular";position:absolute;top:-12px;left:24px;
    background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#231a05;
    font-size:11px;font-weight:800;padding:5px 11px;border-radius:999px;letter-spacing:.05em;}
  .price .pname{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
    color:var(--gold-light);margin-bottom:14px;}
  .price .amount{font-size:30px;font-weight:900;letter-spacing:-.02em;}
  .price .amount span{font-size:14px;font-weight:600;color:var(--muted);}
  .price p{font-size:14px;color:var(--muted);margin-top:14px;}
  .price-note{font-size:13px;color:var(--muted);text-align:center;margin-top:24px;}

  /* ---------- about ---------- */
  .about-box{max-width:780px;margin:0 auto;text-align:center;}
  .about-box p{font-size:17px;color:var(--muted);margin-top:14px;}

  /* ---------- form ---------- */
  .form-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start;}
  .form-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:34px;}
  .field{margin-bottom:16px;}
  .field.row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:0;}
  .field.row .field{margin-bottom:16px;}
  label{display:block;font-size:13px;font-weight:600;margin-bottom:7px;color:var(--text);}
  label .req{color:var(--gold-light);}
  input,select,textarea{width:100%;background:var(--navy);border:1px solid var(--line);
    border-radius:10px;padding:12px 14px;color:var(--text);font-family:inherit;font-size:14.5px;
    transition:border-color .15s;}
  input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);}
  textarea{resize:vertical;min-height:90px;}
  .form-card .btn{width:100%;justify-content:center;margin-top:6px;}
  .form-tiny{font-size:12.5px;color:var(--muted);margin-top:14px;text-align:center;}
  .form-msg{display:none;margin-top:16px;padding:13px 16px;border-radius:10px;font-size:14px;}
  .form-msg.ok{display:block;background:rgba(63,168,91,.14);border:1px solid rgba(63,168,91,.4);color:#8fd6a3;}
  .form-side h2{margin-bottom:16px;}
  .form-side ul{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:14px;}
  .form-side li{display:flex;gap:13px;align-items:flex-start;font-size:15px;color:var(--muted);}
  .form-side li b{color:var(--text);font-weight:600;}
  .tick{width:24px;height:24px;border-radius:7px;flex:none;
    background:linear-gradient(135deg,var(--blue-deep),var(--blue));
    display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;font-weight:900;}

  /* ---------- faq ---------- */
  .faq{max-width:820px;margin:0 auto;}
  details{background:var(--card);border:1px solid var(--line);border-radius:12px;
    padding:0 22px;margin-bottom:12px;}
  summary{cursor:pointer;list-style:none;padding:20px 0;font-weight:600;font-size:16px;
    display:flex;justify-content:space-between;align-items:center;gap:16px;}
  summary::-webkit-details-marker{display:none;}
  summary .plus{width:26px;height:26px;border-radius:7px;flex:none;background:rgba(255,255,255,.06);
    border:1px solid var(--line);display:flex;align-items:center;justify-content:center;
    font-size:17px;transition:transform .2s;color:var(--gold-light);}
  details[open] summary .plus{transform:rotate(45deg);}
  details p{padding:0 0 20px;color:var(--muted);font-size:14.5px;}

  /* ---------- final cta ---------- */
  .final{background:linear-gradient(135deg,var(--blue-deep),var(--navy-3));
    border-radius:24px;padding:60px;text-align:center;position:relative;overflow:hidden;}
  .final::before{content:"";position:absolute;inset:auto -100px -200px auto;width:400px;height:400px;
    border-radius:50%;background:radial-gradient(circle,rgba(217,164,49,.22),transparent 70%);}
  .final > *{position:relative;}
  .final h2{margin-bottom:14px;}
  .final p{color:#cdd9ea;font-size:16.5px;max-width:560px;margin:0 auto 28px;}

  /* ---------- footer ---------- */
  footer{border-top:1px solid var(--line);background:var(--navy-2);padding:54px 0 34px;}
  .foot-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;}
  .foot-brand{max-width:340px;}
  .foot-brand .brand{margin-bottom:14px;}
  .foot-brand p{font-size:14px;color:var(--muted);}
  .foot-col h4{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;}
  .foot-col a,.foot-col span{display:block;font-size:14px;color:var(--text);margin-bottom:9px;}
  .foot-col a:hover{color:var(--gold-light);}
  .foot-bottom{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);
    font-size:12.5px;color:var(--muted);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;}
  .tagline-strip{font-size:12px;font-weight:800;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);}

  /* ---------- sticky mobile CTA ---------- */
  .mobile-cta{
    display:none;position:fixed;left:14px;right:14px;bottom:14px;z-index:60;
    padding:14px 22px;border-radius:14px;text-align:center;
    background:linear-gradient(135deg,var(--gold),var(--gold-light));
    color:#231a05;font-weight:800;font-size:15px;
    box-shadow:0 18px 40px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1) inset;
  }

  /* ---------- reveal animation ---------- */
  .reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease;}
  .reveal.in{opacity:1;transform:none;}

  /* ---------- defs (gradients used by SVG logo) ---------- */
  .svg-defs{position:absolute;width:0;height:0;overflow:hidden;}

  /* ---------- responsive ---------- */
  @media(max-width:920px){
    section{padding:70px 0;}
    .nav-links{display:none;}
    .menu-btn{display:flex;align-items:center;justify-content:center;}
    .nav-cta .btn{display:none;}
    .nav.open .nav-links{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;
      background:var(--navy);border-bottom:1px solid var(--line);padding:18px 24px;gap:18px;
      z-index:100;box-shadow:0 12px 32px rgba(0,0,0,.5);}
    .hero-grid,.law-grid,.hw-grid,.hw-sub,.pilot-box,.form-grid,.context{grid-template-columns:1fr;}
    .grid-3,.steps,.timeline,.price-grid{grid-template-columns:1fr;}
    .stats-grid{grid-template-columns:1fr 1fr;}
    .alerts{grid-template-columns:1fr 1fr;}
    .compare-head,.compare-row{grid-template-columns:1.4fr 1fr 1fr;}
    .hero-visual{order:-1;}
    .hero-mock{height:430px;}
    .mock-display{width:78%;height:240px;}
    .mock-phone{width:135px;height:280px;}
    .pilot-box,.final{padding:34px;}
    .hw-list{grid-template-columns:1fr;}
    .mobile-cta{display:block;}
    body{padding-bottom:74px;}
  }
  @media(max-width:520px){
    .alerts{grid-template-columns:1fr;}
    .field.row{grid-template-columns:1fr;}
    .wrap{padding:0 18px;}
    .final{padding:30px 22px;}
    .compare-head,.compare-row{grid-template-columns:1fr;}
    .compare-head .col-old::before{content:"Traditional — ";}
    .compare-head .col-vg::before{content:"VENGUARD — ";}
    .stat b{font-size:28px;}
  }

  /* === DESIGN UPGRADE: typography === */
  :root{
    --font-display:'Saira Condensed','Archivo','Saira',sans-serif;
    --font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  }
  h1,h2,h3{font-family:var(--font-display);letter-spacing:-.005em;}
  h1{font-weight:900;text-transform:none;line-height:1.02;}
  h2{font-weight:800;text-transform:uppercase;letter-spacing:.01em;}
  .brand{font-family:var(--font-display);letter-spacing:.05em;font-weight:900;}
  .eyebrow{font-family:var(--font-display);font-weight:800;}
  .step h3,.feature h3,.tl h3,.law-card b,.alert b,
  .hw-sub h3,.pp-mark .pp-name{font-family:var(--font-display);letter-spacing:.02em;}
  .stat b,.cd-seg b{font-family:var(--font-mono);letter-spacing:-.02em;}
  .price .amount{font-family:var(--font-display);font-weight:900;}
  .pname,.tag,.partners-label{font-family:var(--font-display);}
  .md-title,.mp-title,.md-banner,.mp-banner{font-family:var(--font-display);letter-spacing:.08em;}
  .compare-head div,.law-card .tier,.cd-label{font-family:var(--font-display);}

  /* === DESIGN UPGRADE: atmosphere & grain === */
  body{
    background:
      radial-gradient(1100px 580px at 85% -120px, rgba(44,116,214,.20), transparent 60%),
      radial-gradient(820px 480px at -120px 28%, rgba(217,164,49,.11), transparent 60%),
      var(--navy);
  }
  body::before{
    content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.055;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='5'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  }
  /* z-index layering so noise sits above bg but below content */
  main, footer, .announce, .mobile-cta{position:relative;z-index:2;}
  header{position:sticky;top:0;z-index:50;}

  /* === DESIGN UPGRADE: hero ops-centre backdrop === */
  .hero::before, .hero::after{display:none;}
  .hero{
    background:
      linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px) 0 0/56px 56px,
      linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px) 0 0/56px 56px,
      radial-gradient(720px 420px at 88% 12%, rgba(217,164,49,.18), transparent 60%),
      radial-gradient(620px 380px at 4% 72%, rgba(44,116,214,.22), transparent 60%);
  }

  /* === DESIGN UPGRADE: hero typography === */
  .hero h1{font-size:clamp(44px,6vw,76px);line-height:1.02;}
  .hero h1 .accent{font-style:italic;font-weight:800;}
  .hero .eyebrow{color:#A8C0E5;}
  .hero .lead{font-family:'DM Sans',sans-serif;font-size:clamp(16.5px,1.7vw,19px);color:#B7C7DC;}

  /* === DESIGN UPGRADE: staggered hero reveal === */
  .hero .reveal > *{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease;}
  .hero .reveal.in > *{opacity:1;transform:none;}
  .hero .reveal.in > *:nth-child(1){transition-delay:.04s;}
  .hero .reveal.in > *:nth-child(2){transition-delay:.16s;}
  .hero .reveal.in > *:nth-child(3){transition-delay:.28s;}
  .hero .reveal.in > *:nth-child(4){transition-delay:.40s;}
  .hero .reveal.in > *:nth-child(5){transition-delay:.52s;}
  .hero .reveal.in > *:nth-child(6){transition-delay:.64s;}

  /* === DESIGN UPGRADE: alert banner sweep === */
  .md-banner, .mp-banner{position:relative;overflow:hidden;}
  .md-banner::after, .mp-banner::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
    transform:translateX(-100%);animation:sweep 3.5s infinite;pointer-events:none;
  }
  @keyframes sweep{0%{transform:translateX(-100%)}28%{transform:translateX(120%)}100%{transform:translateX(120%)}}

  /* === DESIGN UPGRADE: tilted devices === */
  .mock-display{transform:perspective(1100px) rotateY(-4deg) rotateX(1.5deg);}
  .mock-phone{transform:perspective(1100px) rotateY(8deg) rotate(6deg);}

  /* === DESIGN UPGRADE: countdown sharper === */
  .cd-seg b{font-size:30px;}
  .cd-label{font-weight:900;letter-spacing:.18em;}

  /* === DESIGN UPGRADE: section heads === */
  .section-head h2,.law-grid h2,.hw-grid h2,.context h2,.pilot-box h2,.about-box h2,.final h2{
    text-transform:uppercase;
  }
  .hero h1, .hw-sub h3, .feature h3, .step h3, .tl h3, .law-card b, .alert b{text-transform:none;}

  /* === DESIGN UPGRADE: stat numbers === */
  .stat b{font-size:42px;letter-spacing:-.04em;}

  /* === DESIGN UPGRADE: feature card chrome === */
  .feature{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent),var(--card);}
  .feature h3{font-size:21px;}



  /* === REDTEAM REPAIR: first-screen layout, logo, SME conversion === */
  .hero{padding:54px 0 68px;overflow:visible;}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.88fr);gap:44px;align-items:center;}
  .hero h1{font-size:clamp(40px,5.15vw,64px)!important;line-height:1.08!important;margin-bottom:18px;padding-bottom:5px;overflow:visible;}
  .hero .lead{max-width:640px;margin-bottom:22px;}
  .hero-logo-lockup{display:inline-flex;align-items:center;gap:12px;margin-bottom:18px;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(8,24,44,.62);box-shadow:0 12px 32px rgba(0,0,0,.26);backdrop-filter:blur(10px);}
  .hero-logo-lockup svg{width:48px;height:48px;flex:none;}
  .hero-logo-lockup strong{display:block;font-family:var(--font-display);font-size:29px;line-height:.92;letter-spacing:.05em;font-weight:900;}
  .hero-logo-lockup .ven{color:var(--blue-bright);}
  .hero-logo-lockup .guard{color:var(--gold);}
  .hero-logo-lockup small{display:block;margin-top:4px;color:#AFC1D9;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;}
  .sme-value-bar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px;}
  .sme-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);color:#DCE7F5;font-size:13px;font-weight:700;}
  .sme-pill.gold{background:rgba(217,164,49,.13);border-color:rgba(217,164,49,.32);color:var(--gold-light);}
  .countdown{margin-top:24px;padding:16px 20px;}
  .hero-mock{height:430px;}
  .mock-display{height:270px;width:72%;}
  .mock-phone{width:154px;height:312px;}
  .pricing-helper{max-width:760px;margin:0 auto 28px;background:rgba(217,164,49,.09);border:1px solid rgba(217,164,49,.26);border-radius:16px;padding:18px 22px;color:#DCE7F5;text-align:center;font-size:15px;}
  .pricing-helper b{color:var(--gold-light);font-size:20px;}
  .price .daily{display:inline-block;margin-top:10px;border-radius:999px;padding:7px 11px;background:rgba(217,164,49,.10);border:1px solid rgba(217,164,49,.24);color:var(--gold-light);font-size:13px;font-weight:800;}
  .risk-reversal{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
  .risk-card{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:14px;padding:16px 18px;text-align:left;}
  .risk-card b{display:block;color:var(--text);font-size:14px;margin-bottom:4px;}
  .risk-card span{color:var(--muted);font-size:13px;line-height:1.45;display:block;}
  @media(max-width:1080px){.hero-grid{grid-template-columns:1fr .78fr;gap:32px}.hero h1{font-size:clamp(38px,5.4vw,58px)!important}.hero-mock{height:390px}.mock-display{height:245px}.mock-phone{width:138px;height:286px}}
  @media(max-width:920px){.hero{padding:38px 0 58px}.hero-visual{order:initial!important}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(38px,11vw,54px)!important;line-height:1.07!important}.hero-mock{height:330px;max-width:430px;margin:6px auto 0}.mock-display{width:76%;height:205px}.mock-phone{width:118px;height:242px}.hero-logo-lockup strong{font-size:25px}.hero-logo-lockup svg{width:42px;height:42px}.risk-reversal{grid-template-columns:1fr}.pricing-helper{text-align:left}}
  @media(max-width:520px){.hero{padding-top:28px}.hero h1{font-size:clamp(34px,12vw,46px)!important}.hero-logo-lockup{width:100%;justify-content:flex-start;margin-bottom:14px}.sme-value-bar{gap:8px}.sme-pill{font-size:12.5px}.cd-segs{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:8px}.countdown{gap:12px}.hero-mock{height:280px}.mock-display{height:175px}.mock-phone{width:102px;height:210px}.mock-chip{font-size:10.5px;padding:6px 10px}.mock-chip.c2{left:0}.mock-chip.c3{left:22%}}


  /* === FINAL REPAIR: prevent hero device overlap and use supplied VENGUARD logo === */
  .brand-logo-img{
    width:42px;
    height:42px;
    object-fit:cover;
    object-position:center;
    border-radius:10px;
    box-shadow:0 8px 22px rgba(0,0,0,.35);
    flex:none;
  }
  .hero-logo-lockup{
    width:min(100%,360px)!important;
    padding:10px 12px!important;
    background:rgba(5,14,28,.74)!important;
    border-color:rgba(217,164,49,.28)!important;
    overflow:hidden;
  }
  .hero-logo-img{
    width:100%;
    max-width:330px;
    height:auto;
    border-radius:12px;
    object-fit:contain;
    box-shadow:0 18px 42px rgba(0,0,0,.38);
  }
  .hero-grid{
    grid-template-columns:minmax(0,1.22fr) minmax(280px,.72fr)!important;
    gap:76px!important;
    align-items:center!important;
  }
  .hero-grid > .reveal:first-child{
    position:relative!important;
    z-index:5!important;
    max-width:700px!important;
  }
  .hero-visual{
    position:relative!important;
    z-index:1!important;
    justify-self:end!important;
    width:100%!important;
    max-width:420px!important;
    pointer-events:none;
  }
  .hero-mock{
    width:100%!important;
    max-width:420px!important;
    margin-left:auto!important;
    transform:scale(.92)!important;
    transform-origin:center right!important;
  }
  .mock-display{
    left:8px!important;
    width:68%!important;
  }
  .mock-phone{
    right:10px!important;
  }
  .mock-chip.c2{
    left:8px!important;
  }
  @media(max-width:1120px){
    .hero-grid{
      grid-template-columns:1fr!important;
      gap:26px!important;
    }
    .hero-grid > .reveal:first-child{
      max-width:760px!important;
    }
    .hero-visual{
      order:2!important;
      justify-self:center!important;
      max-width:500px!important;
      margin-top:8px!important;
    }
    .hero-mock{
      transform:scale(.86)!important;
      transform-origin:center center!important;
      margin:0 auto!important;
    }
  }
  @media(max-width:720px){
    .hero-logo-lockup{
      width:min(100%,310px)!important;
      padding:8px!important;
    }
    .hero-logo-img{
      max-width:292px;
    }
    .hero-visual{
      max-width:390px!important;
    }
    .hero-mock{
      transform:scale(.82)!important;
    }
  }
  @media(max-width:520px){
    .brand-logo-img{
      width:36px;
      height:36px;
    }
    .hero-logo-lockup{
      width:100%!important;
      max-width:300px!important;
    }
    .hero h1{
      clear:both;
      padding-right:0!important;
    }
    .hero-visual{
      display:block!important;
      max-width:330px!important;
      overflow:visible!important;
    }
  }


  /* === FINAL VISUAL PASS: smaller headline and upgraded device mockups === */
  .hero{
    padding-top:46px!important;
    padding-bottom:64px!important;
    overflow:hidden!important;
  }
  .hero .wrap{
    max-width:1220px!important;
  }
  .hero-grid{
    grid-template-columns:minmax(0,1.28fr) minmax(300px,.62fr)!important;
    gap:96px!important;
    align-items:center!important;
  }
  .hero-grid > .reveal:first-child{
    max-width:720px!important;
    z-index:10!important;
  }
  .hero h1{
    font-size:clamp(34px,4.55vw,54px)!important;
    line-height:1.12!important;
    letter-spacing:-.006em!important;
    max-width:670px!important;
    margin-bottom:16px!important;
    position:relative!important;
    z-index:11!important;
  }
  .hero h1 .accent{
    display:inline!important;
  }
  .hero .lead{
    max-width:650px!important;
  }
  .hero-visual{
    max-width:360px!important;
    justify-self:end!important;
    overflow:visible!important;
    z-index:1!important;
  }
  .hero-mock{
    height:392px!important;
    max-width:360px!important;
    transform:none!important;
    margin-left:auto!important;
    isolation:isolate!important;
  }
  .mock-display{
    left:0!important;
    top:38px!important;
    width:285px!important;
    height:202px!important;
    border-radius:24px!important;
    border:10px solid #101B2A!important;
    background:#07101D!important;
    box-shadow:
      0 34px 80px rgba(0,0,0,.62),
      0 0 0 1px rgba(255,255,255,.08) inset,
      0 0 42px rgba(63,138,232,.14)!important;
    transform:perspective(1050px) rotateY(-7deg) rotateX(2deg)!important;
    z-index:1!important;
  }
  .mock-display::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:14px;
    pointer-events:none;
    background:
      linear-gradient(120deg,rgba(255,255,255,.18),transparent 26%,transparent 72%,rgba(255,255,255,.05)),
      radial-gradient(360px 220px at 78% 8%,rgba(63,138,232,.18),transparent 54%);
    z-index:4;
  }
  .mock-display::after{
    width:86px!important;
    height:14px!important;
    bottom:-24px!important;
    background:#101B2A!important;
    box-shadow:0 20px 28px rgba(0,0,0,.52)!important;
  }
  .md-frame{
    background:
      radial-gradient(260px 180px at 70% 20%,rgba(63,138,232,.20),transparent 55%),
      linear-gradient(180deg,#0A1829,#050B14)!important;
  }
  .md-logo{
    padding:10px 14px!important;
    font-size:12px!important;
  }
  .md-banner{
    padding:7px 8px!important;
    font-size:11px!important;
    letter-spacing:.12em!important;
  }
  .md-icon{
    width:54px!important;
    height:54px!important;
    border-radius:16px!important;
    font-size:27px!important;
  }
  .md-title{
    font-size:24px!important;
    margin-top:6px!important;
  }
  .md-sub{
    font-size:10.5px!important;
  }
  .md-foot{
    font-size:9px!important;
  }
  .mock-phone{
    right:0!important;
    bottom:18px!important;
    width:126px!important;
    height:260px!important;
    border-radius:30px!important;
    border:8px solid #101B2A!important;
    background:#06101D!important;
    box-shadow:
      0 34px 80px rgba(0,0,0,.64),
      0 0 0 1px rgba(255,255,255,.08) inset,
      0 0 34px rgba(217,164,49,.12)!important;
    transform:perspective(950px) rotateY(10deg) rotateZ(4deg)!important;
    z-index:3!important;
  }
  .mock-phone::before{
    top:9px!important;
    width:48px!important;
    height:12px!important;
    border-radius:999px!important;
    background:#02060C!important;
  }
  .mp-top{
    padding:27px 12px 5px!important;
    font-size:8.5px!important;
  }
  .mp-logo{
    padding:5px 12px 8px!important;
    font-size:9.5px!important;
  }
  .mp-banner{
    font-size:8px!important;
    padding:5px!important;
  }
  .mp-icon{
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
    font-size:18px!important;
  }
  .mp-title{
    font-size:14px!important;
  }
  .mp-sub{
    font-size:7.8px!important;
  }
  .mp-btn{
    padding:5px 10px!important;
    font-size:7.8px!important;
    border-radius:7px!important;
  }
  .mock-chip{
    font-size:10.5px!important;
    padding:6px 10px!important;
    border-radius:999px!important;
    background:rgba(9,20,36,.86)!important;
  }
  .mock-chip.c1{
    top:12px!important;
    right:20px!important;
  }
  .mock-chip.c2{
    top:62%!important;
    left:0!important;
  }
  .mock-chip.c3{
    bottom:18px!important;
    left:36px!important;
  }
  @media(max-width:1180px){
    .hero-grid{
      grid-template-columns:minmax(0,1fr)!important;
      gap:22px!important;
    }
    .hero h1{
      max-width:720px!important;
      font-size:clamp(34px,6.1vw,52px)!important;
    }
    .hero-visual{
      justify-self:center!important;
      max-width:420px!important;
      margin-top:4px!important;
    }
    .hero-mock{
      max-width:380px!important;
      transform:scale(.95)!important;
      transform-origin:center top!important;
    }
  }
  @media(max-width:640px){
    .hero h1{
      font-size:clamp(31px,10.4vw,42px)!important;
      line-height:1.13!important;
      max-width:100%!important;
    }
    .hero-visual{
      max-width:330px!important;
      margin-top:2px!important;
    }
    .hero-mock{
      height:300px!important;
      transform:scale(.82)!important;
      transform-origin:center top!important;
    }
  }



  /* === SALES WINDOW FINAL: readable tablet and phone preview === */
  .hero-logo-lockup{display:none!important;}
  .hero{overflow:hidden!important;}
  .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(520px,.98fr)!important;
    gap:54px!important;
    align-items:center!important;
  }
  .hero h1{
    font-size:clamp(34px,4.15vw,50px)!important;
    line-height:1.14!important;
    max-width:640px!important;
    letter-spacing:-.004em!important;
  }
  .hero-visual{
    max-width:610px!important;
    justify-self:end!important;
    overflow:visible!important;
    pointer-events:none;
  }
  .hero-device-stage{
    position:relative;
    width:610px;
    height:430px;
    max-width:100%;
  }
  .device{position:absolute;box-shadow:0 36px 90px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.08) inset;}
  .device-screen{position:absolute;inset:12px;overflow:hidden;background:#06111f;color:#fff;}
  .device-tablet{
    left:0;top:18px;width:520px;height:330px;border-radius:30px;
    background:linear-gradient(135deg,#0a1320,#1c2a3c 52%,#060b12);
    border:2px solid rgba(255,255,255,.18);
    transform:perspective(1200px) rotateY(-5deg) rotateX(1.5deg);
  }
  .tablet-screen{border-radius:21px;background:radial-gradient(500px 300px at 82% 0%,rgba(63,138,232,.22),transparent 50%),linear-gradient(180deg,#071629,#040913);}
  .tablet-camera{position:absolute;top:8px;left:50%;width:7px;height:7px;border-radius:50%;background:#01040a;transform:translateX(-50%);z-index:3;}
  .tablet-topbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);}
  .mini-brand{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.06em;}
  .mini-shield{width:22px;height:22px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--blue),var(--gold));font-weight:900;color:#08182C;}
  .status-pill{font-size:11px;font-weight:800;color:#92f0aa;background:rgba(63,168,91,.15);border:1px solid rgba(63,168,91,.35);padding:5px 10px;border-radius:999px;}
  .tablet-content{height:calc(100% - 48px);display:grid;grid-template-columns:118px 1fr;}
  .tablet-sidebar{padding:14px 12px;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:9px;color:#8ea5c0;font-size:11px;}
  .tablet-sidebar span{padding:7px 9px;border-radius:8px;}
  .tablet-sidebar .side-active{background:rgba(44,116,214,.32);color:#fff;}
  .tablet-main{padding:18px 18px 16px;}
  .screen-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--gold-light);font-weight:900;margin-bottom:5px;}
  .screen-title{font-family:var(--font-display);font-size:33px;line-height:1;font-weight:900;color:var(--alert-color);letter-spacing:.04em;}
  .screen-message{font-size:15px;line-height:1.35;color:#EAF1FA;margin:8px 0 12px;max-width:330px;}
  .screen-banner{display:block;width:100%;background:var(--alert-color);color:#fff;font-weight:900;font-size:13px;letter-spacing:.06em;border-radius:10px;padding:9px 12px;margin-bottom:12px;white-space:normal;line-height:1.2;}
  .tablet-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px;}
  .metric-card{min-height:66px;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:10px;background:rgba(255,255,255,.05);}
  .metric-card span{display:block;font-size:10.5px;color:#9fb3cc;margin-bottom:5px;}
  .metric-card b{font-size:16px;line-height:1.05;color:#fff;}
  .metric-card.danger{background:rgba(224,65,59,.16);border-color:rgba(224,65,59,.32);}
  .metric-card.green{background:rgba(63,168,91,.14);border-color:rgba(63,168,91,.32);}
  .tablet-action-row{display:grid;gap:5px;font-size:11.5px;color:#cbd9eb;}
  .device-phone{
    right:8px;bottom:8px;width:178px;height:350px;border-radius:38px;
    background:linear-gradient(135deg,#0a1320,#1d2b3c 48%,#050910);
    border:2px solid rgba(255,255,255,.18);
    transform:perspective(1000px) rotateY(10deg) rotateZ(3deg);
    z-index:5;
  }
  .phone-screen{inset:10px;border-radius:29px;background:linear-gradient(180deg,#071629,#03070d);}
  .phone-notch{position:absolute;top:13px;left:50%;width:58px;height:16px;background:#02050a;border-radius:0 0 13px 13px;transform:translateX(-50%);z-index:6;}
  .phone-status{height:35px;padding:9px 16px 0;display:flex;justify-content:space-between;font-size:9.5px;color:#e9f0f9;}
  .phone-app-title{font-size:11px;font-weight:900;color:#c8d8ee;letter-spacing:.06em;padding:0 14px 8px;}
  .phone-alert-banner{background:var(--alert-color);font-size:10.5px;font-weight:900;color:#fff;text-align:center;letter-spacing:.06em;padding:7px 8px;line-height:1.2;}
  .phone-alert-body{padding:15px 13px;display:flex;flex-direction:column;align-items:center;text-align:center;}
  .phone-alert-icon{width:46px;height:46px;border-radius:15px;background:var(--alert-color);display:flex;align-items:center;justify-content:center;font-size:23px;margin-bottom:10px;box-shadow:0 10px 26px rgba(0,0,0,.45);}
  .phone-alert-title{font-family:var(--font-display);font-size:24px;line-height:1;font-weight:900;color:var(--alert-color);letter-spacing:.04em;margin-bottom:8px;}
  .phone-alert-message{font-size:12.6px;line-height:1.32;color:#EAF1FA;min-height:84px;display:flex;align-items:center;}
  .phone-ack{margin-top:12px;width:100%;border:0;border-radius:11px;padding:10px;background:rgba(255,255,255,.09);color:#fff;font-weight:800;font-size:11px;}
  .device-chip{position:absolute;z-index:7;display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:rgba(9,20,36,.88);border:1px solid rgba(255,255,255,.10);box-shadow:0 12px 30px rgba(0,0,0,.4);font-size:12px;font-weight:800;color:#dce7f5;}
  .device-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(63,168,91,.12);}
  .chip-top{top:0;right:104px}.chip-mid{left:4px;bottom:50px}.chip-low{right:124px;bottom:0}
  .mock-display,.mock-phone,.hero-mock,.md-frame,.mp-screen,.md-logo,.mp-logo,.md-state,.md-icon,.md-title,.md-sub,.md-foot,.mp-body,.mp-icon,.mp-title,.mp-sub,.mp-btn,.mock-chip{all:unset;}
  @media(max-width:1180px){
    .hero-grid{grid-template-columns:1fr!important;gap:28px!important;}
    .hero-visual{justify-self:center!important;max-width:610px!important;}
    .hero-device-stage{width:610px;height:430px;transform:scale(.94);transform-origin:center top;}
  }
  @media(max-width:700px){
    .hero-device-stage{width:360px;height:540px;transform:none;}
    .device-tablet{width:340px;height:260px;left:0;top:0;transform:none;}
    .tablet-content{grid-template-columns:1fr;}
    .tablet-sidebar{display:none;}
    .tablet-main{padding:14px;}
    .screen-title{font-size:28px;}.screen-message{font-size:13.5px;}.screen-banner{font-size:11.5px;}
    .tablet-cards{grid-template-columns:1fr 1fr;}.metric-card.green{display:none;}
    .device-phone{right:18px;bottom:0;width:166px;height:326px;}
    .chip-top{right:10px;top:248px}.chip-mid,.chip-low{display:none;}
  }
  @media(max-width:420px){.hero-device-stage{width:330px;transform:scale(.92);transform-origin:center top;}.device-tablet{width:330px}.device-phone{right:0;}}



  /* === BRAND + EMERGENCY MESSAGE FINAL PATCH === */
  .mini-logo-img,
  .phone-logo-img{
    width:24px;
    height:24px;
    object-fit:cover;
    object-position:center;
    border-radius:7px;
    box-shadow:0 6px 16px rgba(0,0,0,.35);
    flex:none;
  }
  .phone-logo-img{width:22px;height:22px;border-radius:7px;}
  .mini-brand strong,
  .phone-app-title span,
  .brand span{font-family:var(--font-display);letter-spacing:.055em;}
  .phone-app-title{display:flex!important;align-items:center;gap:7px;padding:6px 12px 8px!important;}

  .emergency-message-screen{
    height:calc(100% - 48px)!important;
    display:block!important;
  }
  .tablet-alert-main{
    height:100%;
    padding:17px 18px 14px!important;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
  }
  .tablet-alert-card{
    border:1px solid rgba(255,255,255,.12);
    background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
    border-radius:18px;
    padding:14px;
    box-shadow:0 22px 50px rgba(0,0,0,.28);
  }
  .tablet-alert-grid{
    display:grid;
    grid-template-columns:72px 1fr;
    gap:14px;
    align-items:center;
  }
  .tablet-alert-icon{
    width:72px;
    height:72px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--alert-color);
    font-size:36px;
    box-shadow:0 16px 34px rgba(0,0,0,.42),0 0 0 6px rgba(255,255,255,.055);
  }
  .screen-kicker{font-size:10.5px!important;margin-bottom:7px!important;}
  .screen-title{font-size:39px!important;line-height:.95!important;margin-bottom:4px!important;}
  .screen-message{font-size:17px!important;line-height:1.35!important;max-width:none!important;margin:5px 0 0!important;color:#F3F7FC!important;}
  .screen-banner{font-size:14px!important;padding:10px 12px!important;border-radius:12px!important;line-height:1.16!important;margin-bottom:13px!important;text-align:center;}
  .tablet-instruction-list{
    margin-top:13px;
    display:grid;
    gap:6px;
    font-size:12px;
    color:#C9D8EA;
  }
  .tablet-instruction-list span{
    display:block;
    padding:7px 9px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:10px;
    background:rgba(4,9,19,.34);
  }
  .tablet-footer-row{
    display:flex;
    justify-content:space-between;
    gap:10px;
    align-items:center;
    color:#AFC1D9;
    font-size:11.5px;
    padding:0 3px;
  }
  .tablet-footer-row span:first-child{
    color:#fff;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.11);
    padding:5px 9px;
    border-radius:999px;
    font-weight:800;
  }
  .tablet-sidebar,.tablet-cards,.tablet-action-row{display:none!important;}
  .phone-alert-message span{display:block;}

  @media(max-width:640px){
    .tablet-alert-grid{grid-template-columns:54px 1fr;gap:10px;}
    .tablet-alert-icon{width:54px;height:54px;border-radius:16px;font-size:27px;}
    .screen-title{font-size:30px!important;}
    .screen-message{font-size:14px!important;}
    .screen-banner{font-size:11.5px!important;}
    .tablet-instruction-list{font-size:10.5px;}
  }


/* === PREPAREDNESS VALUE SECTION === */
.preparedness-section{
  background:
    radial-gradient(700px 300px at 90% 0%, rgba(217,164,49,.10), transparent 60%),
    linear-gradient(180deg,#091627,#08131F);
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.prep-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:40px;
  align-items:start;
}
.prep-statement{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  padding:36px;
  box-shadow:0 24px 50px rgba(0,0,0,.35);
}
.prep-statement h2{
  font-size:clamp(34px,4vw,54px);
  line-height:1.05;
  margin-bottom:18px;
}
.prep-statement .impact-line{
  color:var(--gold-light);
  font-size:18px;
  font-weight:700;
  margin-bottom:18px;
}
.prep-highlight{
  margin-top:26px;
  display:inline-flex;
  align-items:center;
  gap:12px;
  background:linear-gradient(135deg,rgba(217,164,49,.16),rgba(44,116,214,.14));
  border:1px solid rgba(217,164,49,.28);
  padding:16px 22px;
  border-radius:999px;
  font-size:17px;
  font-weight:800;
}
.prep-highlight b{
  color:var(--gold-light);
  font-size:24px;
}
.prep-risks{
  display:grid;
  gap:16px;
}
.risk-impact-card{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:22px;
  transition:transform .2s ease,border-color .2s ease;
}
.risk-impact-card:hover{
  transform:translateY(-4px);
  border-color:rgba(217,164,49,.34);
}
.risk-impact-card h3{
  margin-bottom:8px;
  color:var(--gold-light);
}
.prep-compare{
  margin-top:36px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  overflow:hidden;
}
.prep-compare-head,
.prep-compare-row{
  display:grid;
  grid-template-columns:1fr 1fr;
}
.prep-compare-head div{
  padding:18px 22px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.prep-compare-head .old{
  background:rgba(255,255,255,.03);
  color:#c1cfe0;
}
.prep-compare-head .new{
  background:rgba(217,164,49,.12);
  color:var(--gold-light);
}
.prep-compare-row div{
  padding:18px 22px;
  border-top:1px solid rgba(255,255,255,.06);
}
.prep-compare-row .old{
  color:#9fb2ca;
}
.prep-compare-row .new{
  background:rgba(217,164,49,.04);
}
.prep-continuity{
  margin-top:36px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.prep-mini{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:20px;
}
.prep-mini b{
  display:block;
  margin-bottom:8px;
  color:var(--gold-light);
}
.prep-safe{
  margin-top:26px;
  padding:18px 20px;
  border-left:3px solid var(--gold);
  background:rgba(217,164,49,.08);
  border-radius:0 14px 14px 0;
  color:#cfd9e8;
  font-size:14px;
}
@media(max-width:920px){
  .prep-grid,
  .prep-continuity{
    grid-template-columns:1fr;
  }
}


/* PREPAREDNESS ROI SECTION */
.preparedness-section{
  background:linear-gradient(180deg,#09192B,#07121E);
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.prep-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-top:26px;
}
.prep-card{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  padding:30px;
}
.prep-card h3{
  margin-bottom:18px;
  color:var(--gold-light);
}
.prep-card ul{
  padding-left:18px;
  color:#d8e4f2;
  line-height:1.9;
}
.prep-card.featured{
  border-color:rgba(217,164,49,.32);
  box-shadow:0 24px 60px rgba(0,0,0,.35);
}
.prep-roi-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:28px;
}
.roi-box{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:24px;
  text-align:center;
}
.roi-box strong{
  display:block;
  font-size:28px;
  color:white;
  margin-bottom:8px;
}
.roi-box.highlight{
  background:linear-gradient(135deg,rgba(217,164,49,.18),rgba(44,116,214,.12));
  border-color:rgba(217,164,49,.35);
}
.roi-box.highlight strong{
  color:var(--gold-light);
}
.roi-box span{
  color:#b8c8da;
  font-size:14px;
}
.prep-disclaimer{
  margin-top:24px;
  padding:18px 20px;
  border-left:3px solid var(--gold);
  background:rgba(217,164,49,.08);
  border-radius:0 14px 14px 0;
  color:#d5dfec;
  font-size:14px;
}
@media(max-width:920px){
  .prep-grid,.prep-roi-strip{
    grid-template-columns:1fr;
  }
}


/* ============================================================
   Page-specific additions for the multi-page prototype build
   ============================================================ */
.nav-links a.current{color:var(--text);position:relative;}
.nav-links a.current::after{content:"";position:absolute;left:0;right:0;bottom:-22px;height:2px;
  background:linear-gradient(90deg,var(--gold),var(--gold-light));border-radius:2px;}

.page-hero{
  padding:88px 0 56px;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px) 0 0/56px 56px,
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px) 0 0/56px 56px,
    radial-gradient(720px 420px at 88% 12%, rgba(217,164,49,.18), transparent 60%),
    radial-gradient(620px 380px at 4% 72%, rgba(44,116,214,.22), transparent 60%);
}
.page-hero::before,.page-hero::after{
  content:"";position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(120px);
  z-index:0;opacity:.35;pointer-events:none;animation:float 14s ease-in-out infinite;
}
.page-hero::before{background:rgba(44,116,214,.5);top:-200px;left:-160px;}
.page-hero::after{background:rgba(217,164,49,.3);bottom:-220px;right:-140px;animation-delay:-6s;}
.page-hero .wrap{position:relative;z-index:1;}
.page-hero h1{font-size:clamp(32px,4.5vw,52px);font-weight:900;margin-bottom:18px;}
.page-hero h1 .accent{background:linear-gradient(120deg,var(--gold),var(--gold-light));
  -webkit-background-clip:text;background-clip:text;color:transparent;}
.page-hero .lead{margin-bottom:24px;max-width:780px;}
.page-hero .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:12px;}
.page-hero .breadcrumb{font-size:13px;letter-spacing:.06em;color:var(--muted);margin-bottom:18px;display:flex;align-items:center;gap:8px;}
.page-hero .breadcrumb a:hover{color:var(--gold-light);}
.page-hero .breadcrumb span.sep{opacity:.5;}

.cta-band{background:linear-gradient(135deg,var(--navy-3),var(--navy-2));
  border-radius:var(--radius);padding:42px 44px;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;
  box-shadow:0 30px 60px rgba(0,0,0,.35);position:relative;overflow:hidden;}
.cta-band::after{content:"";position:absolute;top:-100px;right:-100px;width:340px;height:340px;
  background:radial-gradient(circle,rgba(217,164,49,.18),transparent 70%);pointer-events:none;}
.cta-band > *{position:relative;z-index:1;}
.cta-band h2{margin-bottom:8px;font-size:clamp(24px,3vw,32px);}
.cta-band p{color:var(--muted);max-width:520px;}
.cta-band .cta-actions{display:flex;gap:12px;flex-wrap:wrap;}
@media(max-width:720px){.cta-band{padding:30px 24px;}}

.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
@media(max-width:760px){.info-grid{grid-template-columns:1fr;}}
.info-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:28px;transition:transform .2s ease,border-color .2s ease;}
.info-card:hover{transform:translateY(-3px);border-color:rgba(44,116,214,.4);}
.info-card .tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:var(--gold-light);margin-bottom:12px;}
.info-card h3{margin-bottom:8px;font-size:19px;}
.info-card p{color:var(--muted);font-size:14.5px;line-height:1.6;}
.info-card ul{list-style:none;margin-top:12px;}
.info-card ul li{font-size:14px;color:var(--muted);padding-left:22px;position:relative;margin-bottom:6px;}
.info-card ul li::before{content:"✓";position:absolute;left:0;top:0;color:var(--gold-light);font-weight:900;}

.addon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px;}
@media(max-width:820px){.addon-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.addon-grid{grid-template-columns:1fr;}}
.addon{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;}
.addon b{display:block;font-size:14.5px;margin-bottom:4px;color:var(--text);}
.addon span{font-size:13px;color:var(--muted);display:block;}
.addon .price{margin-top:10px;font-weight:800;color:var(--gold-light);font-size:14px;}

.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px;}
@media(max-width:900px){.role-grid{grid-template-columns:1fr;}}
.role{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;}
.role .role-icon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:rgba(44,116,214,.12);margin-bottom:14px;}
.role .role-icon svg{width:28px;height:28px;}
.role h3{margin-bottom:8px;}
.role p{color:var(--muted);font-size:14.5px;}
.role ul{margin-top:14px;list-style:none;}
.role ul li{font-size:13.5px;color:var(--muted);padding-left:20px;position:relative;margin-bottom:5px;}
.role ul li::before{content:"→";position:absolute;left:0;color:var(--blue-bright);font-weight:900;}

.walk-list{display:flex;flex-direction:column;gap:14px;margin-top:30px;}
.walk-step{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--blue-bright);
  border-radius:12px;padding:20px 24px;display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:flex-start;}
.walk-step:nth-child(even){border-left-color:var(--gold);}
.walk-step .walk-num{font-weight:900;font-size:30px;
  background:linear-gradient(120deg,var(--blue-bright),var(--blue-deep));
  -webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;}
.walk-step:nth-child(even) .walk-num{background:linear-gradient(120deg,var(--gold),var(--gold-light));
  -webkit-background-clip:text;background-clip:text;color:transparent;}
.walk-step h3{margin-bottom:6px;}
.walk-step p{color:var(--muted);font-size:14.5px;}

.contact-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;}
@media(max-width:760px){.contact-strip{grid-template-columns:1fr;}}
.contact-cell{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px;}
.contact-cell b{display:block;font-size:13px;letter-spacing:.06em;color:var(--gold-light);margin-bottom:6px;}
.contact-cell span,.contact-cell a{font-size:14px;color:var(--text);}
.contact-cell a:hover{color:var(--gold-light);}

.checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;margin-top:24px;}
@media(max-width:720px){.checklist{grid-template-columns:1fr;}}
.checklist li{list-style:none;font-size:14.5px;color:var(--muted);padding-left:26px;position:relative;line-height:1.55;}
.checklist li::before{content:"✓";position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;
  background:rgba(63,168,91,.15);color:var(--green);display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:900;}
.checklist li b{color:var(--text);font-weight:700;}

.faq-categories{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:32px;}
.faq-cat{padding:8px 18px;border-radius:999px;background:rgba(255,255,255,.04);
  border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--muted);
  cursor:pointer;transition:all .15s;}
.faq-cat:hover,.faq-cat.active{background:rgba(217,164,49,.12);border-color:rgba(217,164,49,.4);color:var(--gold-light);}

.next-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px;}
@media(max-width:880px){.next-steps{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.next-steps{grid-template-columns:1fr;}}
.next-step{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;text-align:center;}
.next-step .ns-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;
  border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#231a05;
  font-weight:900;margin-bottom:12px;}
.next-step b{display:block;margin-bottom:4px;font-size:15px;}
.next-step span{font-size:13px;color:var(--muted);line-height:1.5;}