: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("../../images/moldova-map.png") no-repeat center/contain; mask:url("../../images/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("../../images/moldova-map.png") no-repeat center/contain; mask:url("../../images/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:9px; box-shadow:0 8px 24px rgba(14,31,58,.04); display:grid; place-items:center; overflow:hidden; }
  .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:60px; 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:center; }
    .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:center; }
  }
  @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 ===== */

/* ── Blog: paginare (numere pe cerculete; Prev/Next normale) ─────── */
.blog-pagination{
  display:flex;align-items:center;justify-content:center;
  flex-wrap:wrap;gap:10px;margin:40px 0 0;width:100%;
}
.blog-pagination .pg-btn{
  display:inline-flex;align-items:center;justify-content:center;
  box-sizing:border-box;height:42px;padding:0 18px;
  border:1px solid var(--line);border-radius:10px;
  font-family:"Space Grotesk",sans-serif;font-size:14px;font-weight:600;
  color:var(--ink);text-decoration:none;line-height:1;white-space:nowrap;
  background:#fff;transition:border-color .15s,background .15s,color .15s,transform .15s;
}
.blog-pagination .pg-btn:hover{
  border-color:var(--navy);color:var(--navy);transform:translateY(-1px);
}
.blog-pagination .pg-btn.pg-num{
  width:42px;padding:0;border-radius:50%;
}
.blog-pagination .pg-btn.pg-active{
  background:var(--navy);border-color:var(--navy);color:#fff;
  pointer-events:none;
}

/* ── Blog: categorie activă în sidebar ───────────────────────────── */
.sb-cat-active{
  border-color:var(--navy) !important;
  background:rgba(10,36,82,.06) !important;
}
.sb-cat-active .nm{ color:var(--navy); }

/* ── Blog: filtru activ tag ──────────────────────────────────────── */
.sb-filter-tag{
  display:inline-flex;align-items:center;gap:4px;
  background:#fff;border:1px solid var(--line);border-radius:999px;
  font-size:13px;color:var(--ink);padding:5px 12px;margin-bottom:6px;
}
.sb-filter-tag a{ color:var(--navy);font-weight:700;text-decoration:none; }
.sb-filter-tag a:hover{ color:#c0392b; }

.bloghero{ padding:64px 0 40px; background:linear-gradient(180deg,var(--ink-2),var(--ink)); color:#fff; position:relative; }
.bloghero .tex-grid{ position:absolute; inset:0; opacity:.4; }
.bloghero .wrap{ position:relative; text-align:center; max-width:760px; }
.bloghero h1{ font-size:48px; line-height:1.05; margin:14px 0 0; }
.bloghero p{ color:var(--muted); font-size:18px; margin:16px auto 0; }
.bloglist{ padding:80px 0; background:linear-gradient(180deg,#fff,var(--paper)); color:var(--ink); }
.bloglayout{ display:grid; grid-template-columns:320px 1fr; gap:32px; align-items:start; }
.bloglayout .bgrid{ grid-template-columns:repeat(2,1fr); }
.sbw{ background:#fff; border:1px solid var(--line); border-radius:18px; padding:22px; margin-bottom:22px; box-shadow:0 8px 24px rgba(14,31,58,.04); }
.sbw h3{ display:flex; align-items:center; gap:10px; font-size:18px; color:var(--ink); padding-bottom:14px; border-bottom:2px solid var(--ink); margin-bottom:16px; }
.sbw h3 svg{ color:var(--navy); }
.sb-search .inp{ display:flex; align-items:center; gap:10px; background:var(--paper); border:1px solid var(--line); border-radius:12px; padding:13px 16px; color:#8090a8; margin-bottom:12px; }
.sb-search input{ border:none; background:transparent; outline:none; font-family:"Manrope",sans-serif; font-size:15px; color:var(--ink); width:100%; }
.sb-search .btn{ width:100%; justify-content:center; background:linear-gradient(135deg,var(--navy),var(--ink)); color:#fff; }
.sb-rec{ display:flex; gap:14px; align-items:flex-start; }
.sb-rec .th{ width:96px; height:70px; border-radius:10px; flex:0 0 auto; background:linear-gradient(150deg,#0e2452,#1f4476); display:grid; place-items:center; }
.sb-rec .th svg{ color:#fff; opacity:.85; width:30px; height:30px; }
.sb-rec h4{ font-size:15px; line-height:1.35; color:var(--ink); font-family:"Space Grotesk",sans-serif; }
.sb-rec .date{ display:flex; align-items:center; gap:6px; font-family:"JetBrains Mono",monospace; font-size:12px; color:var(--navy); margin-top:8px; }
.sb-cat{ display:flex; align-items:center; justify-content:space-between; gap:10px; background:var(--paper); border:1px solid var(--line); border-radius:12px; padding:14px 16px; margin-bottom:10px; cursor:pointer; transition:border-color .15s,transform .15s; }
.sb-cat:hover{ border-color:var(--navy); transform:translateX(2px); }
.sb-cat .nm{ display:flex; align-items:center; gap:8px; font-weight:600; font-size:15px; color:var(--ink); }
.sb-cat .nm svg{ color:var(--navy); }
.sb-cat .cnt{ font-size:13px; color:#8090a8; background:#fff; border:1px solid var(--line); border-radius:999px; padding:2px 10px; }
.sbw-news{ background:linear-gradient(150deg,var(--navy),var(--ink)); border-color:transparent; color:#fff; }
.sbw-news h3{ color:#fff; border-bottom-color:rgba(255,255,255,.3); }
.sbw-news p{ color:var(--muted); font-size:14px; line-height:1.5; margin-bottom:16px; }
.sb-mail{ display:flex; gap:10px; }
.sb-mail input{ flex:1; min-width:0; background:rgba(255,255,255,.06); border:1px solid var(--stroke); border-radius:12px; padding:13px 14px; color:#fff; outline:none; font-family:"Manrope",sans-serif; font-size:14px; }
.sb-mail button{ width:54px; flex:0 0 auto; border:none; border-radius:12px; background:#fff; color:var(--navy); display:grid; place-items:center; cursor:pointer; }
.sb-tags-wrap{ position:relative; }
.sb-tags{ display:flex; flex-wrap:wrap; gap:10px; transition:max-height .25s ease; }
.sb-tags.sb-tags-collapsed{ max-height:400px; overflow:hidden; }
.sb-tags.sb-tags-expanded{ max-height:none; overflow:visible; }
.sb-tags a{ font-size:13px; color:#5b6b85; background:var(--paper); border:1px solid var(--line); border-radius:999px; padding:8px 14px; transition:.15s; }
.sb-tags a:hover{ background:var(--navy); color:#fff; border-color:var(--navy); }
.sb-tags-more{
  display:none; margin-top:10px; padding:0; border:none; background:none;
  font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:13px;
  color:var(--navy); cursor:pointer;
}
.sb-tags-more:hover{ text-decoration:underline; }
.sb-tags-more.is-visible{ display:inline-flex; align-items:center; gap:4px; }
@media (max-width:980px){ .bloglayout{ grid-template-columns:1fr; } .blog-sidebar{ order:2; } }
@media (max-width:600px){ .bloglayout .bgrid{ grid-template-columns:1fr; } .bloghero h1{ font-size:34px; } }
.artbody h2,
.artbody h3{ scroll-margin-top: 92px; }
.artbody h2{ font-size:26px; color:var(--ink); margin:30px 0 12px; }
.artbody h3{ font-size:20px; color:var(--ink); margin:22px 0 10px; }
.artbody p{ font-size:16.5px; line-height:1.7; color:#3a4862; margin:0 0 18px; }
.artbody ul{ margin:0 0 18px; padding-left:0; list-style:none; }
.artbody ul li{ position:relative; padding:6px 0 6px 26px; font-size:16px; color:#3a4862; line-height:1.6; }
.artbody ul li::before{ content:""; position:absolute; left:0; top:14px; width:8px; height:8px; border-radius:2px; background:var(--green); }
.artbody .lead{ font-size:19px; line-height:1.6; color:var(--ink); font-weight:500; margin-bottom:24px; }
.artbody .cover{ height:auto; aspect-ratio:1200/630; border-radius:18px; background:linear-gradient(150deg,#0e2452,#1f4476); display:grid; place-items:center; margin-bottom:30px; }
.artbody .cover svg{ color:#fff; opacity:.9; width:80px; height:80px; }
.artbody blockquote{ margin:24px 0; padding:18px 24px; border-left:4px solid var(--green); background:var(--paper); border-radius:0 12px 12px 0; font-size:17px; color:var(--ink); font-style:italic; }
.artbody a{
  color:var(--green);
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:2px;
}
.artbody a:hover{ color:var(--green-deep); }
.art-share{ display:flex; align-items:center; gap:12px; margin-top:36px; padding-top:24px; border-top:1px solid var(--line); }
.art-share span{ font-family:"JetBrains Mono",monospace; font-size:13px; letter-spacing:.16em; color:#8090a8; }
.art-share a{ width:40px; height:40px; border-radius:10px; background:var(--paper); border:1px solid var(--line); display:grid; place-items:center; color:var(--navy); }
.art-share a:hover{ background:var(--navy); color:#fff; }
.art-author{
  margin:28px 0 0; padding:20px 22px 20px 24px;
  background:rgba(31,68,118,.05);
  border:2px solid var(--navy);
  border-radius:16px;
}
.art-author-by{ font-family:"JetBrains Mono",monospace; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--navy); margin:0 0 4px; }
.art-author-name{ font-family:"Space Grotesk",sans-serif; font-size:18px; font-weight:700; color:var(--ink); margin:0; }
.artbody .art-author-name a,
.art-author-name a{ color:var(--navy); text-decoration:none; font-weight:700; }
.artbody .art-author-name a:hover,
.art-author-name a:hover{ color:var(--navy-deep); text-decoration:underline; }
.art-author-role{ font-size:14px; color:#5a6a84; margin:4px 0 8px; }
.art-author-bio{ font-size:14.5px; line-height:1.55; color:#3a4862; margin:0; }

/* ── Article TOC (H2/H3 summary) ─────────────────────────────────── */
.sb-toc{
  padding:20px 18px 16px;
  overflow-x:hidden;
}
.sb-toc h3{ margin-bottom:12px; }
.sb-toc-list{
  list-style:none; margin:0; padding:0;
  overflow-x:hidden; min-width:0;
}
.sb-toc-list li{ margin:0; padding:0; list-style:none; min-width:0; }
.artbody .sb-toc-list,
.artbody .sb-toc-list li{ padding:0; margin:0; font-size:inherit; color:inherit; }
.artbody .sb-toc-list li::before{ content:none; display:none; }
.sb-toc-list a{
  display:flex; align-items:flex-start; gap:10px;
  padding:6px 8px; margin:0;
  font-size:13.5px; line-height:1.45; color:#3a4862;
  font-weight:500; text-decoration:none; border-radius:8px;
  min-width:0; max-width:100%; box-sizing:border-box;
}
.sb-toc-list a > span:last-child{
  min-width:0; overflow-wrap:anywhere; word-break:break-word;
}
.artbody .sb-toc-list a{
  color:#3a4862; font-weight:500; text-decoration:none;
}
.sb-toc-dot{
  display:block;
  width:6px; height:6px; border-radius:50%;
  background:var(--navy);
  flex:0 0 auto;
  margin-top:.55em;
}
.sb-toc-list a:hover{ color:var(--navy); background:var(--paper); }
.sb-toc-list a.is-active{
  color:var(--navy); font-weight:700; background:rgba(10,36,82,.06);
}
.sb-toc-list a.is-active .sb-toc-dot{ background:var(--navy); }
/* Flat H2/H3 list — no H3 indent/tree, no inner scrollbar. */
.sb-toc,
.sb-toc-list{
  max-height:none;
  overflow-x:hidden;
  overflow-y:visible;
}
.art-toc-mobile{ display:none !important; margin:0 0 24px; overflow-x:hidden; }

@media (min-width:981px){
  .art-toc-mobile{ display:none !important; }
  .bloglayout-article .blog-sidebar > .sb-toc{
    position:static;
    max-height:none;
    overflow-x:hidden;
    overflow-y:visible;
  }
}

/* ── Blog article: sidebar pe DREAPTA ────────────────────────────── */
.bloglayout-article{ grid-template-columns:1fr 320px; }
.bloglayout-article .blog-main{ order:1; }
.bloglayout-article .blog-sidebar{ order:2; }
@media (max-width:980px){
  .bloglayout-article{ grid-template-columns:1fr; }
  .bloglayout-article .blog-sidebar{ order:2; }
  .bloglayout-article .blog-main{ order:1; }
}

/* ── Article: prevent mobile horizontal blowout ─────────────────── */
html, body {
  overflow-x: clip;
  max-width: 100%;
}

.bloglist,
.bloghero {
  overflow-x: clip;
  max-width: 100%;
}

.bloglist .wrap,
.bloghero .wrap {
  width: 100%;
  max-width: 1240px;
  box-sizing: border-box;
}

.bloglayout,
.bloglayout-article {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.bloglayout-article .blog-main,
.bloglayout-article .blog-sidebar,
.artbody {
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100%;
  box-sizing: border-box;
}

.artbody {
  overflow-wrap: anywhere;
  word-wrap: break-word;
  word-break: break-word;
}

.artbody img,
.artbody video,
.artbody iframe {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  margin: 18px auto;
}

.artbody .cover {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}

.artbody .cover img {
  max-width: none;
  margin: 0;
  border-radius: 0;
}

.artbody table {
  width: 100%;
  border-collapse: collapse;
  margin: 18px 0;
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  font-size: 15px;
}

.artbody th,
.artbody td {
  border: 1px solid var(--line);
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
}

.artbody th {
  background: var(--paper);
  color: var(--ink);
  font-weight: 600;
}

.artbody :not(pre) > code {
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .875em;
  background: #0d1117;
  color: #e6edf3;
  padding: .15em .45em;
  border-radius: 5px;
  word-break: break-word;
  white-space: break-spaces;
}

.artbody pre {
  margin: 18px 0;
  padding: 16px 18px;
  background: #0d1117 !important;
  color: #e6edf3 !important;
  border-radius: 12px;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #21262d;
}

.artbody pre code {
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13.5px;
  line-height: 1.65;
  background: transparent !important;
  color: inherit !important;
  padding: 0 !important;
  display: block;
  white-space: pre;
  box-sizing: border-box;
}

@media (max-width: 980px) {
  .bloglayout,
  .bloglayout-article {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 24px !important;
  }

  .bloglayout-article > .blog-main,
  .bloglayout-article > .blog-sidebar {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }

  .bloglayout-article > .blog-main { order: 1 !important; }
  .bloglayout-article > .blog-sidebar { order: 2 !important; }
  .art-toc-mobile{ display:block !important; overflow-x:hidden; }
  .bloglayout-article .blog-sidebar > .sb-toc{ display:none !important; }

  .bloglist { padding: 36px 0 48px !important; }
  .bloghero { padding: 36px 0 24px !important; }

  .bloghero h1 {
    font-size: clamp(1.55rem, 6.2vw, 2.15rem) !important;
    line-height: 1.15 !important;
    overflow-wrap: anywhere;
  }

  .sbw { padding: 18px !important; }
}

@media (max-width: 680px) {
  .wrap { padding-left: 16px !important; padding-right: 16px !important; }

  .artbody h2 { font-size: 1.3rem !important; margin: 22px 0 10px; }
  .artbody h3 { font-size: 1.1rem !important; }
  .artbody p { font-size: 16px !important; }

  .artbody .cover {
    height: auto !important;
    aspect-ratio: 1200 / 630;
    border-radius: 14px !important;
    margin-bottom: 18px !important;
  }

  .artbody pre {
    padding: 12px 14px !important;
    border-radius: 10px !important;
    margin: 14px 0 !important;
  }

  .artbody pre code { font-size: 12.5px !important; }
  .art-share { flex-wrap: wrap !important; }

  .sb-mail { flex-wrap: wrap !important; }
  .sb-mail input { width: 100% !important; }
  .sb-mail button { width: 100% !important; height: 44px !important; }
}