:root{
    --navy:#1f4476; --navy-deep:#142d52; --ink:#0e1f3a; --ink-2:#0a1226;
    --green:#99d420; --green-deep:#7eb016; --yellow:#ffd24a; --orange:#ee7223;
    --md-blue:#0046ae; --md-red:#cc092f;
    --paper:#f6f8fc; --line:#d6e0ef; --stroke:rgba(255,255,255,.14); --muted:rgba(255,255,255,.72);
    --accent:var(--green); /* page accent — green for NVMe */
  }
  *{ box-sizing:border-box; }
  html{ scroll-behavior:smooth; }
  body{ margin:0; background:var(--ink-2); color:#eaf0fa; font-family:"Manrope",system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
  h1,h2,h3{ font-family:"Space Grotesk",sans-serif; font-weight:700; letter-spacing:-0.02em; margin:0; }
  a{ color:inherit; text-decoration:none; }
  .wrap{ max-width:1240px; margin:0 auto; padding:0 32px; }
  .kicker{ font-family:"JetBrains Mono",monospace; font-size:14px; letter-spacing:.3em; text-transform:uppercase; color:var(--accent); font-weight:700; }
  .tex-grid{ background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:48px 48px; }
  .tex-dots{ background-image:radial-gradient(rgba(255,255,255,.09) 1.2px,transparent 1.6px); background-size:22px 22px; }
  .btn{ display:inline-flex; align-items:center; gap:9px; font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:16px; padding:14px 22px; border-radius:12px; cursor:pointer; border:1px solid transparent; transition:transform .12s,box-shadow .12s,background .12s; }
  .btn:hover{ transform:translateY(-2px); }
  .btn-green{ background:var(--accent); color:var(--ink); box-shadow:0 10px 28px rgba(153,212,32,.28); }
  .btn-ghost{ background:rgba(255,255,255,.05); color:#fff; border-color:var(--stroke); } .btn-ghost:hover{ background:rgba(255,255,255,.1); }
  .btn-navy{ background:var(--navy); color:#fff; } .btn-sm{ padding:11px 18px; font-size:14px; }


  /* HERO */
  .hero{ position:relative; overflow:hidden; background:linear-gradient(140deg,#06122e 0%,#0e2452 50%,#1f4476 100%); }
  .hero .tex-grid{ position:absolute; inset:0; opacity:.5; }
  .hero-map{ position:absolute; right:6%; top:50%; transform:translateY(-50%); width:360px; aspect-ratio:342/430; opacity:.08; background:var(--yellow); -webkit-mask:url("assets/moldova-map.png") no-repeat center/contain; mask:url("assets/moldova-map.png") no-repeat center/contain; }
  .hero-inner{ position:relative; display:grid; grid-template-columns:1fr .9fr; gap:40px; align-items:center; padding:72px 0 84px; }
  .badge{ display:inline-flex; align-items:center; gap:12px; padding:8px 16px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid var(--stroke); font-family:"JetBrains Mono",monospace; font-size:13px; letter-spacing:.16em; font-weight:700; color:var(--yellow); }
  .hero h1{ font-size:58px; line-height:1.02; margin:22px 0 0; }
  .hero h1 .accent{ color:var(--accent); }
  .hero p.sub{ font-size:18px; line-height:1.55; color:var(--muted); margin:20px 0 0; max-width:520px; }
  .tabs{ display:inline-flex; gap:8px; margin-top:28px; background:rgba(255,255,255,.05); border:1px solid var(--stroke); border-radius:14px; padding:6px; flex-wrap:wrap; }
  .tabs a{ display:inline-flex; align-items:center; gap:8px; font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:14px; padding:11px 18px; border-radius:10px; color:var(--muted); }
  .tabs a.on{ background:var(--accent); color:var(--ink); }
  .tabs a:not(.on):hover{ color:#fff; }
  .hero-cta{ margin-top:24px; }

  /* hero visual: NVMe orb + rings */
  .hero-visual{ position:relative; height:420px; }
  .orb{ position:absolute; left:50%; top:46%; transform:translate(-50%,-50%); width:160px; height:160px; border-radius:24px; background:linear-gradient(135deg,var(--green),var(--green-deep)); display:grid; place-items:center; box-shadow:0 30px 80px rgba(153,212,32,.4); }
  .orb b{ font-family:"Space Grotesk",sans-serif; font-weight:700; color:var(--ink); font-size:34px; letter-spacing:-0.03em; }
  .vcard{ position:absolute; background:#fff; color:var(--ink); border-radius:14px; padding:12px 16px; display:flex; align-items:center; gap:10px; box-shadow:0 20px 50px rgba(0,0,0,.35); font-weight:700; font-family:"Space Grotesk",sans-serif; font-size:14px; }
  .vcard .d{ width:9px; height:9px; border-radius:50%; background:var(--green); box-shadow:0 0 8px var(--green); }
  .v1{ top:24px; left:8px; } .v2{ top:18px; right:10px; } .v3{ bottom:30px; left:0; } .v4{ bottom:18px; right:18px; }
  .ring{ position:absolute; border-radius:50%; border:2px dashed rgba(255,255,255,.18); }
  .ring.r1{ width:300px; height:300px; left:50%; top:46%; transform:translate(-50%,-50%); }
  .ring.r2{ width:400px; height:400px; left:50%; top:46%; transform:translate(-50%,-50%); border-color:rgba(255,255,255,.08); }

  .sec-head{ text-align:center; max-width:760px; margin:0 auto; }
  .sec-head h2{ font-size:42px; line-height:1.08; margin-top:14px; }
  .sec-head p{ color:var(--muted); font-size:17px; line-height:1.5; margin:16px auto 0; }

  /* INCLUDED */
  .incl{ padding:90px 0; background:#fff; color:var(--ink); }
  .incl-top{ display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:end; margin-bottom:40px; }
  .incl-top h2{ font-size:38px; color:var(--ink); }
  .incl-top p{ color:#5b6b85; font-size:16px; line-height:1.55; margin-top:14px; }
  .incl-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
  .icard{ background:var(--paper); border:1px solid var(--line); border-radius:16px; padding:24px; }
  .icard .ic{ width:46px; height:46px; border-radius:11px; background:#fff; border:1px solid var(--line); display:grid; place-items:center; color:var(--navy); margin-bottom:16px; }
  .icard h3{ font-size:18px; color:var(--ink); }
  .icard p{ font-size:14px; color:#5b6b85; line-height:1.55; margin-top:8px; }

  /* WHY NVMe — speed bars (NEW) */
  .speed{ padding:90px 0; background:var(--ink); position:relative; overflow:hidden; }
  .speed .tex-grid{ position:absolute; inset:0; opacity:.3; }
  .speed .inner{ position:relative; display:grid; grid-template-columns:.9fr 1.1fr; gap:48px; align-items:center; }
  .speed h2{ font-size:38px; margin-top:14px; }
  .speed h2 .accent{ color:var(--accent); }
  .speed p{ color:var(--muted); font-size:16px; line-height:1.55; margin:16px 0 0; }
  .bars{ display:flex; flex-direction:column; gap:16px; }
  .bar-row{ display:flex; align-items:center; gap:16px; }
  .bar-row .lbl{ width:120px; text-align:right; font-family:"JetBrains Mono",monospace; font-size:13px; letter-spacing:.12em; color:var(--muted); }
  .bar-row.hi .lbl{ color:var(--accent); font-weight:700; }
  .bar-track{ flex:1; height:34px; background:rgba(255,255,255,.06); border-radius:8px; position:relative; overflow:hidden; }
  .bar-row.hi .bar-track{ height:46px; }
  .bar-fill{ height:100%; border-radius:8px; background:rgba(255,255,255,.28); display:flex; align-items:center; justify-content:flex-end; padding:0 14px; font-family:"JetBrains Mono",monospace; font-size:13px; font-weight:600; color:#fff; }
  .bar-row.hi .bar-fill{ background:var(--accent); color:var(--ink); font-size:18px; font-weight:800; box-shadow:0 0 26px rgba(153,212,32,.4); }

  /* PLANS — spec table (NEW spec-rich) */
  .plans{ padding:90px 0; background:linear-gradient(180deg,#fff,var(--paper)); color:var(--ink); position:relative; }
  .plans .sec-head h2{ color:var(--ink); } .plans .sec-head p{ color:#5b6b85; } .plans .kicker{ color:var(--navy); }
  .plans .toggle{ background:var(--paper); border-color:var(--line); }
  .plans .toggle button{ color:#5b6b85; }
  .plans .tex-grid{ position:absolute; inset:0; opacity:.3; }
  .plans .inner{ position:relative; }
  .toggle{ display:flex; align-items:center; justify-content:center; gap:0; margin:34px auto 0; width:max-content; background:rgba(255,255,255,.05); border:1px solid var(--stroke); border-radius:999px; padding:5px; }
  .toggle button{ border:none; cursor:pointer; background:transparent; color:var(--muted); font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:14px; padding:10px 22px; border-radius:999px; display:flex; align-items:center; gap:8px; }
  .toggle button.on{ background:var(--accent); color:var(--ink); }
  .toggle .save{ background:var(--accent); color:var(--ink); font-family:"JetBrains Mono",monospace; font-size:11px; padding:3px 7px; border-radius:5px; font-weight:700; }
  .plan-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:44px; }
  .pcard{ background:linear-gradient(180deg, var(--navy), var(--navy-deep)); border:1px solid rgba(255,255,255,.12); border-radius:18px; padding:26px 22px; position:relative; transition:transform .15s,border-color .15s; }
  .pcard:hover{ transform:translateY(-5px); border-color:rgba(153,212,32,.45); }
  .pcard.pop{ border-color:var(--yellow); box-shadow:0 24px 60px rgba(0,0,0,.35); }
  .pop-tag{ position:absolute; top:-11px; left:50%; transform:translateX(-50%); background:var(--yellow); color:var(--ink); font-family:"JetBrains Mono",monospace; font-size:11px; font-weight:700; letter-spacing:.16em; padding:4px 12px; border-radius:6px; white-space:nowrap; }
  .pcard .pname{ font-family:"JetBrains Mono",monospace; font-size:13px; letter-spacing:.18em; color:var(--accent); font-weight:700; }
  .pcard h3{ font-size:24px; margin-top:4px; }
  .pcard .price{ margin:16px 0 4px; }
  .pcard .price .amt{ font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:38px; color:#fff; line-height:1; }
  .pcard .price .per{ font-size:13px; color:var(--muted); margin-top:4px; }
  .specs{ list-style:none; padding:0; margin:18px 0 22px; }
  .specs li{ display:flex; align-items:center; gap:10px; font-size:14px; color:rgba(234,240,250,.82); padding:7px 0; border-bottom:1px solid rgba(255,255,255,.06); }
  .specs li:last-child{ border-bottom:none; }
  .specs li svg{ flex:0 0 auto; color:var(--accent); }
  .specs li b{ color:#fff; font-weight:700; }
  .pcard .btn{ width:100%; justify-content:center; }


  /* OS GRID */
  .os{ padding:84px 0; background:linear-gradient(180deg,#fff,var(--paper)); color:var(--ink); }
  .os .sec-head h2{ color:var(--ink); } .os .sec-head p{ color:#5b6b85; }
  .os-grid{ display:grid; grid-template-columns:repeat(6,1fr); gap:16px; margin-top:44px; }
  .oscard{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:22px 14px; text-align:center; box-shadow:0 8px 24px rgba(14,31,58,.04); transition:transform .15s; }
  .oscard:hover{ transform:translateY(-4px); }
  .oslogo{ width:48px; height:48px; border-radius:12px; margin:0 auto 12px; display:grid; place-items:center; color:#fff; font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:20px; }
  .oscard .n{ font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:15px; color:var(--ink); }
  .oscard .v{ font-family:"JetBrains Mono",monospace; font-size:12px; color:#90a0b8; margin-top:3px; }
  @media (max-width:980px){ .os-grid{ grid-template-columns:repeat(3,1fr); } }
  @media (max-width:560px){ .os-grid{ grid-template-columns:repeat(2,1fr); } }

  /* MIGRATION */
  .migrate{ padding:80px 0; background:var(--ink-2); position:relative; overflow:hidden; }
  .migrate .tex-dots{ position:absolute; inset:0; opacity:.25; }
  .migrate-inner{ position:relative; text-align:center; max-width:680px; margin:0 auto; }
  .migrate h2{ font-size:38px; }
  .migrate p{ color:var(--muted); font-size:17px; line-height:1.55; margin:16px 0 28px; }
  .migrate .cta{ display:flex; gap:14px; justify-content:center; }

  /* FAQ */
  .faq{ padding:90px 0; background:linear-gradient(180deg,#ffffff,#f6f8fc); color:var(--ink); }
  .faq-wrap{ display:grid; grid-template-columns:.82fr 1.18fr; gap:48px; align-items:start; }
  .faq-left h2{ font-size:40px; color:var(--ink); }
  .faq-left p{ color:#5b6b85; font-size:16px; line-height:1.55; margin:16px 0 24px; }
  .faq-support{ margin-top:26px; background:linear-gradient(150deg,var(--navy),var(--navy-deep)); border-radius:18px; padding:24px; color:#fff; position:relative; overflow:hidden; }
  .faq-support .fs-map{ position:absolute; right:-24px; bottom:-30px; width:150px; aspect-ratio:342/430; background:var(--yellow); opacity:.12; -webkit-mask:url("assets/moldova-map.png") no-repeat center/contain; mask:url("assets/moldova-map.png") no-repeat center/contain; }
  .faq-support .fs-ic{ width:44px; height:44px; border-radius:12px; background:rgba(255,255,255,.12); display:grid; place-items:center; color:var(--green); margin-bottom:14px; }
  .faq-support h3{ font-size:20px; color:#fff; } .faq-support p{ color:var(--muted); font-size:14px; margin:8px 0 16px; }
  .faq-list{ counter-reset:faq; }
  .faq-item{ border:1px solid var(--line); border-radius:14px; margin-bottom:12px; overflow:hidden; background:#fff; transition:border-color .15s,box-shadow .15s,transform .15s; position:relative; }
  .faq-item::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--green); transform:scaleY(0); transform-origin:center; transition:transform .2s; }
  .faq-item:hover{ transform:translateX(2px); }
  .faq-item.open{ border-color:rgba(31,68,118,.25); box-shadow:0 14px 40px rgba(31,68,118,.1); }
  .faq-item.open::before{ transform:scaleY(1); }
  .faq-q{ display:flex; align-items:center; gap:16px; padding:20px 22px; cursor:pointer; font-weight:700; font-size:16px; color:var(--ink); font-family:"Space Grotesk",sans-serif; }
  .faq-q::before{ counter-increment:faq; content:"0" counter(faq); font-family:"JetBrains Mono",monospace; font-size:13px; font-weight:700; color:var(--navy); background:var(--paper); border:1px solid var(--line); border-radius:8px; width:34px; height:34px; display:grid; place-items:center; flex:0 0 auto; transition:background .2s,color .2s; }
  .faq-item.open .faq-q::before{ background:var(--green); color:var(--ink); border-color:var(--green); }
  .faq-q .qtext{ flex:1; }
  .faq-q .chev{ flex:0 0 auto; width:30px; height:30px; border-radius:50%; border:1px solid var(--line); display:grid; place-items:center; position:relative; transition:transform .25s,background .2s,border-color .2s; color:var(--navy); }
  .faq-q .chev::before, .faq-q .chev::after{ content:""; position:absolute; background:currentColor; border-radius:2px; }
  .faq-q .chev::before{ width:12px; height:2px; } .faq-q .chev::after{ width:2px; height:12px; transition:transform .25s; }
  .faq-item.open .faq-q .chev{ background:var(--navy); border-color:var(--navy); color:#fff; transform:rotate(180deg); }
  .faq-item.open .faq-q .chev::after{ transform:scaleY(0); }
  .faq-a{ max-height:0; overflow:hidden; transition:max-height .28s ease; }
  .faq-a div{ padding:0 22px 22px 72px; color:#5b6b85; font-size:15px; line-height:1.6; }
  .faq-item.open .faq-a{ max-height:280px; }

  /* ASSIST */
  .assist{ padding:84px 0; background:linear-gradient(160deg,#06122e,#1f4476); color:#fff; position:relative; overflow:hidden; }
  .assist .sec-head h2{ color:#fff;} .assist .sec-head p{ color:var(--muted); } .assist .kicker{ color:var(--green)!important; }
  .assist-grid{ display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:40px; }
  .acard{ background:rgba(255,255,255,.05); border:1px solid var(--stroke); border-radius:18px; padding:32px; text-align:center; }
  .acard .ic{ width:54px; height:54px; border-radius:14px; background:var(--green); color:var(--ink); display:grid; place-items:center; margin:0 auto 16px; }
  .acard h3{ font-size:22px; color:#fff; }
  .acard p{ color:var(--muted); font-size:15px; line-height:1.5; margin:10px 0 22px; }
  .abtns{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
  .chip-btn{ display:inline-flex; align-items:center; gap:8px; padding:11px 16px; border-radius:10px; background:rgba(255,255,255,.08); border:1px solid var(--stroke); color:#fff; font-size:14px; font-weight:600; cursor:pointer; } .chip-btn:hover{ background:var(--green); color:var(--ink); border-color:var(--green); }

  /* CLIENTS */
  .trusted{ padding:84px 0; background:linear-gradient(180deg,var(--paper),#eef2f9); color:var(--ink); text-align:center; }
  .trusted h2{ font-size:38px; } .trusted h2 .g{ color:var(--green-deep); }
  .trusted p{ color:#5b6b85; font-size:16px; margin:14px auto 0; max-width:560px; }
  .client-logos{ display:grid; grid-template-columns:repeat(6,1fr); gap:16px; margin:40px 0; }
  .clogo{ background:#fff; border:1px solid var(--line); border-radius:14px; height:96px; padding:14px; box-shadow:0 8px 24px rgba(14,31,58,.04); display:grid; place-items:center; }
  .clogo image-slot{ display:block; width:100%; height:100%; --slot-bg:transparent; }
  .tstat-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
  .tstat{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:26px 18px; }
  .tstat .n{ font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:36px; color:var(--navy); line-height:1; }
  .tstat .l{ font-size:14px; color:#5b6b85; margin-top:8px; }


  /* ===== ALTERNATING BG OVERRIDES (navy / white zig-zag, like home) ===== */
  /* Included -> NAVY */
  .incl{ background:linear-gradient(180deg,var(--ink),var(--ink-2))!important; color:#fff; }
  .incl-top h2{ color:#fff!important; }
  .incl-top p{ color:var(--muted)!important; }
  .incl-top .kicker{ color:var(--green)!important; }
  .icard{ background:linear-gradient(180deg, rgba(31,68,118,.22), rgba(14,31,58,.5)); border-color:var(--stroke); }
  .icard .ic{ background:rgba(255,255,255,.06); border-color:var(--stroke); color:var(--green); }
  .icard h3{ color:#fff; }
  .icard p{ color:rgba(234,240,250,.62); }

  /* Speed -> WHITE */
  .speed{ background:linear-gradient(180deg,#fff,var(--paper))!important; color:var(--ink); }
  .speed .tex-grid{ opacity:0; }
  .speed .kicker{ color:var(--navy)!important; }
  .speed h2{ color:var(--ink); }
  .speed p{ color:#5b6b85; }
  .bar-row .lbl{ color:#5b6b85; }
  .bar-track{ background:#eef2f9; }
  .bar-fill{ background:#c2cfe3; color:var(--ink); }
  .bar-row.hi .bar-fill{ background:var(--green); color:var(--ink); }

  /* OS -> NAVY */
  .os{ background:linear-gradient(180deg,var(--ink-2),var(--ink))!important; color:#fff; }
  .os .sec-head h2{ color:#fff; }
  .os .sec-head p{ color:var(--muted); }
  .os .kicker{ color:var(--green)!important; }
  .oscard{ background:linear-gradient(180deg, rgba(31,68,118,.22), rgba(14,31,58,.5)); border-color:var(--stroke); box-shadow:none; }
  .oscard .n{ color:#fff; }
  .oscard .v{ color:var(--muted); }

  /* Migration -> WHITE */
  .migrate{ background:linear-gradient(180deg,#fff,var(--paper))!important; color:var(--ink); }
  .migrate .tex-dots{ opacity:.06; }
  .migrate .kicker{ color:var(--navy)!important; }
  .migrate h2{ color:var(--ink); }
  .migrate p{ color:#5b6b85; }
  .migrate .btn-ghost{ background:#fff; color:var(--navy); border-color:var(--line); }
  .migrate .btn-ghost:hover{ background:var(--paper); }

  /* FAQ -> NAVY */
  .faq{ background:linear-gradient(180deg,var(--ink),var(--ink-2))!important; color:#fff; }
  .faq-left h2{ color:#fff; }
  .faq-left p{ color:var(--muted); }
  .faq-left .kicker{ color:var(--green)!important; }
  .faq-item{ background:rgba(31,68,118,.18); border-color:var(--stroke); }
  .faq-item.open{ border-color:rgba(153,212,32,.4); box-shadow:0 14px 40px rgba(0,0,0,.3); }
  .faq-q{ color:#fff; }
  .faq-q::before{ background:rgba(255,255,255,.06); color:var(--green); border-color:var(--stroke); }
  .faq-item.open .faq-q::before{ background:var(--green); color:var(--ink); border-color:var(--green); }
  .faq-q .chev{ border-color:var(--stroke); color:#fff; }
  .faq-item.open .faq-q .chev{ background:var(--green); border-color:var(--green); color:var(--ink); }
  .faq-a div{ color:var(--muted); }

  /* Assist -> WHITE */
  .assist{ background:linear-gradient(180deg,#fff,var(--paper))!important; color:var(--ink); }
  .assist .tex-grid{ opacity:0; }
  .assist .sec-head h2{ color:var(--ink); }
  .assist .sec-head p{ color:#5b6b85; }
  .assist .kicker{ color:var(--navy)!important; }
  .acard{ background:#fff; border-color:var(--line); box-shadow:0 8px 24px rgba(14,31,58,.05); }
  .acard h3{ color:var(--ink); }
  .acard p{ color:#5b6b85; }
  .chip-btn{ background:var(--ink); border-color:transparent; color:#fff; }
  .chip-btn:hover{ background:var(--navy); color:#fff; border-color:transparent; }

  /* Clients/Trusted -> NAVY */
  .trusted{ background:linear-gradient(180deg,var(--ink-2),var(--ink))!important; color:#fff; }
  .trusted .kicker{ color:var(--green)!important; }
  .trusted h2{ color:#fff; }
  .trusted h2 .g{ color:var(--green); }
  .trusted p{ color:var(--muted); }
  .clogo{ background:#fff; border-color:var(--line); }
  .tstat{ background:linear-gradient(180deg, rgba(31,68,118,.22), rgba(14,31,58,.5)); border-color:var(--stroke); }
  .tstat .n{ color:var(--green); }
  .tstat .l{ color:var(--muted); }

  /* ===== TESTIMONIALS ===== */
  .quotes{ padding:90px 0; background:linear-gradient(180deg,#fff,var(--paper)); color:var(--ink); position:relative; }
  .quotes .sec-head h2{ color:var(--ink); } .quotes .sec-head p{ color:#5b6b85; } .quotes .kicker{ color:var(--navy)!important; }
  .q-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:44px; }
  .qcard{ background:#fff; border:1px solid var(--line); border-radius:18px; padding:28px; box-shadow:0 8px 24px rgba(14,31,58,.05); display:flex; flex-direction:column; transition:transform .15s,border-color .15s; }
  .qcard:hover{ transform:translateY(-4px); border-color:rgba(153,212,32,.5); }
  .qcard .stars{ color:#ffb020; font-size:16px; letter-spacing:2px; }
  .qcard p{ font-size:15.5px; line-height:1.6; color:var(--ink); margin:14px 0 20px; flex:1; }
  .qcard .who{ display:flex; align-items:center; gap:12px; }
  .qcard .av{ width:42px; height:42px; border-radius:50%; background:var(--navy); color:#fff; display:grid; place-items:center; font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:16px; flex:0 0 auto; }
  .qcard .who .nm{ font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:15px; color:var(--ink); }
  .qcard .who .role{ font-size:12.5px; color:#8090a8; }
  @media (max-width:980px){ .q-grid{ grid-template-columns:1fr; } }

  /* FOOTER */
  footer{ background:var(--ink-2); padding:64px 0 32px; border-top:1px solid var(--stroke); }
  .foot-grid{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:40px; }
  .foot-brand img{ height:30px; margin-bottom:16px; }
  .foot-brand p{ color:var(--muted); font-size:14px; line-height:1.6; max-width:300px; }
  .socials{ display:flex; gap:10px; margin-top:20px; }
  .socials a{ width:38px; height:38px; border-radius:10px; background:rgba(255,255,255,.05); border:1px solid var(--stroke); display:grid; place-items:center; color:#fff; } .socials a:hover{ background:var(--accent); color:var(--ink); }
  .foot-col h4{ font-family:"JetBrains Mono",monospace; font-size:13px; letter-spacing:.2em; color:var(--accent); margin:0 0 16px; }
  .foot-col a{ display:block; color:var(--muted); font-size:14px; margin-bottom:11px; } .foot-col a:hover{ color:#fff; }
  .foot-bottom{ display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:48px; padding-top:24px; border-top:1px solid var(--stroke); }
  .foot-bottom p{ color:var(--muted); font-size:13px; }
  .pay{ display:flex; gap:8px; } .pay span{ background:rgba(255,255,255,.06); border:1px solid var(--stroke); border-radius:7px; padding:6px 10px; font-size:12px; font-weight:700; color:var(--muted); font-family:"JetBrains Mono",monospace; }

  @media (max-width:980px){
    .hero-inner{ grid-template-columns:1fr; } .hero-visual{ height:340px; } .hero h1{ font-size:42px; }
    .incl-top{ grid-template-columns:1fr; } .incl-grid{ grid-template-columns:1fr 1fr; }
    .speed .inner{ grid-template-columns:1fr; } .plan-grid{ grid-template-columns:repeat(2,1fr); }
    .faq-wrap{ grid-template-columns:1fr; } .assist-grid{ grid-template-columns:1fr; }
    .client-logos{ grid-template-columns:repeat(4,1fr); } .tstat-row{ grid-template-columns:repeat(2,1fr); }
    .foot-grid{ grid-template-columns:1fr 1fr; } .nav-links{ display:none; } .nav-toggle{ display:block; }
  }
  @media (max-width:560px){
    .wrap{ padding:0 20px; } .hero h1{ font-size:33px; } .incl-grid{ grid-template-columns:1fr; }
    .plan-grid{ grid-template-columns:1fr; } .bar-row .lbl{ width:84px; } .client-logos{ grid-template-columns:repeat(2,1fr); }
    .tstat-row{ grid-template-columns:1fr 1fr; } .sec-head h2,.incl-top h2,.speed h2,.faq-left h2,.trusted h2{ font-size:28px; } .foot-grid{ grid-template-columns:1fr; }
  }

  @media (max-width:980px){
    .nav-drop{ width:100%; }
    .nav-drop .nav-menu{ position:static; opacity:1; visibility:visible; transform:none; min-width:0; background:transparent; border:none; box-shadow:none; padding:6px 0 6px 14px; }
    .nav-drop>a{ justify-content:space-between; }
    .q-grid{ grid-template-columns:1fr !important; }
  }
  @media (max-width:620px){
    .pcard, .prow, .acard{ }
    .cpf-grid{ grid-template-columns:1fr !important; }
  }
  /* CQ-RESP-EXTRA */

  /* ===== CQ UNIVERSAL RESPONSIVE (v2) ===== */
  @media (max-width:1180px){
    .plan-grid{ grid-template-columns:repeat(3,1fr); }
    .os-grid{ grid-template-columns:repeat(4,1fr); }
  }
  @media (max-width:980px){
    .wrap{ padding:0 24px; }
    .hero-inner{ grid-template-columns:1fr !important; gap:28px; }
    .hero-visual{ height:auto !important; min-height:auto !important; }
    .plan-grid{ grid-template-columns:repeat(2,1fr); }
    .incl-grid{ grid-template-columns:repeat(2,1fr) !important; }
    .cpf-grid{ grid-template-columns:repeat(2,1fr); }
    .os-grid{ grid-template-columns:repeat(3,1fr); }
    .why-grid{ grid-template-columns:repeat(2,1fr); }
    .q-grid{ grid-template-columns:1fr; }
    .faq-wrap{ grid-template-columns:1fr; }
    .assist-grid{ grid-template-columns:1fr; }
    .speed .inner{ grid-template-columns:1fr !important; }
    .incl-top{ grid-template-columns:1fr !important; }
    .tstat-row{ grid-template-columns:repeat(2,1fr); }
    .client-logos{ grid-template-columns:repeat(3,1fr) !important; }
    .foot-grid{ grid-template-columns:1fr 1fr; }
    .nav-links{ display:none; }
    .nav-toggle{ display:block; }
    .nav-drop{ width:100%; }
    .nav-drop .nav-menu{ position:static; opacity:1; visibility:visible; transform:none; min-width:0; background:transparent; border:none; box-shadow:none; padding:6px 0 6px 14px; }
    .nav-drop>a{ justify-content:space-between; }
  }
  @media (max-width:680px){
    .wrap{ padding:0 18px; }
    .hero h1{ font-size:34px !important; }
    .plan-grid{ grid-template-columns:1fr !important; }
    .incl-grid{ grid-template-columns:1fr !important; }
    .cpf-grid{ grid-template-columns:1fr !important; }
    .os-grid{ grid-template-columns:repeat(2,1fr) !important; }
    .why-grid{ grid-template-columns:1fr !important; }
    .prow{ grid-template-columns:1fr !important; text-align:left; }
    .prow .price{ text-align:left !important; }
    .feats{ grid-template-columns:1fr !important; }
    .tstat-row{ grid-template-columns:1fr 1fr !important; }
    .client-logos{ grid-template-columns:repeat(2,1fr) !important; }
    .foot-grid{ grid-template-columns:1fr !important; }
    .foot-bottom{ flex-direction:column !important; align-items:flex-start !important; gap:14px; }
    .cpf-cats{ flex-direction:column; }
    .cpf-cats span{ width:100%; }
    .tabs{ flex-wrap:wrap; }
    .sec-head h2, .incl-top h2, .speed h2, .faq-left h2, .trusted h2, .migrate h2{ font-size:28px !important; }
    /* the 2-col "managed vs unmanaged" / dedicated comparison */
    .os-grid[style]{ grid-template-columns:1fr !important; }
  }
  @media (max-width:420px){
    .tstat-row{ grid-template-columns:1fr !important; }
    .dash-kpis{ grid-template-columns:1fr 1fr; }
  }
  /* ===== /CQ UNIVERSAL RESPONSIVE ===== */