/* ============ Section styles (12): QA · Process · Pricing ============ */

.foot-offer{font-size:11.5px; color:var(--ink-4); line-height:1.5; margin-top:16px; padding-top:14px; border-top:1px solid var(--border); max-width:96ch}

/* ---------- QA standalone ---------- */
.qa-sec-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:28px; margin-top:46px; align-items:center}
@media(max-width:920px){ .qa-sec-grid{grid-template-columns:1fr; gap:30px} }
.qa-feat{display:flex; flex-direction:column; gap:12px; margin-top:24px}
.qa-feat-row{display:flex; gap:13px; align-items:flex-start}
.qa-feat-row .fi{width:34px;height:34px;border-radius:50%; flex-shrink:0; display:grid; place-items:center; background:var(--accent-soft); border:1px solid var(--accent-line)}
.qa-feat-row .fi .fidot{width:9px;height:9px;border-radius:50%; background:var(--accent)}
.qa-feat-row .ft{font-size:14.5px; font-weight:600; letter-spacing:-.01em}
.qa-feat-row .fs{font-size:13px; color:var(--ink-2); line-height:1.5; margin-top:3px}
.qa-bigstat{display:flex; gap:14px; flex-wrap:wrap; margin-top:26px}
.qa-bigstat .s{background:var(--glass); -webkit-backdrop-filter:var(--glass-blur); backdrop-filter:var(--glass-blur); border:1px solid var(--glass-line); border-radius:14px; padding:15px 20px; box-shadow:var(--sh-1), var(--glass-inset)}
.qa-bigstat .s .v{font-size:26px; font-weight:800; letter-spacing:-.02em; line-height:1; font-variant-numeric:tabular-nums}
.qa-bigstat .s .l{font-size:12px; color:var(--ink-3); margin-top:6px}
.qa-stage{background:var(--glass); -webkit-backdrop-filter:var(--glass-blur); backdrop-filter:var(--glass-blur); border:1px solid var(--glass-line); border-radius:var(--radius-lg); box-shadow:var(--sh-3), var(--glass-inset); padding:24px}
.qa-stage .panel-h{margin-bottom:4px}

/* ---------- Process · Как мы работаем ---------- */
.proc{margin-top:48px; position:relative}
.proc-track{display:grid; grid-template-columns:repeat(9,1fr); gap:0; position:relative}
@media(max-width:980px){ .proc-track{grid-template-columns:repeat(2,1fr); gap:14px} }
@media(max-width:560px){ .proc-track{grid-template-columns:1fr} }
.proc-line{position:absolute; top:26px; left:7%; right:7%; height:2px; background:var(--border-2); z-index:0}
@media(max-width:980px){ .proc-line{display:none} }
.proc-step{position:relative; z-index:1; padding:0 9px; text-align:center; cursor:default}
@media(max-width:980px){ .proc-step{text-align:left; display:flex; gap:14px; padding:0} }
.proc-num{width:52px;height:52px;border-radius:50%; margin:0 auto 14px; display:grid; place-items:center; background:var(--glass); -webkit-backdrop-filter:var(--glass-blur); backdrop-filter:var(--glass-blur); border:1px solid var(--glass-line); box-shadow:var(--sh-1), var(--glass-inset); color:var(--ink-3); position:relative}
@media(max-width:980px){ .proc-num{margin:0} }
.proc-step:hover .proc-num{border-color:var(--accent); transform:translateY(-3px); box-shadow:var(--sh-2)}
.proc-num .n{font-size:20px; font-weight:800; letter-spacing:-.02em; color:var(--accent-700); font-variant-numeric:tabular-nums}r(--accent-700); transition:.2s; flex-shrink:0; position:relative}
@media(max-width:980px){ .proc-num{margin:0} }
.proc-step:hover .proc-num{border-color:var(--accent); transform:translateY(-3px); box-shadow:var(--sh-2)}
.proc-num .n{font-size:20px; font-weight:800; letter-spacing:-.02em; color:var(--accent-700); font-variant-numeric:tabular-nums; position:static; width:auto; height:auto; background:none; border-radius:0; display:block; box-shadow:none} font-family:var(--mono); box-shadow:var(--sh-1)}
.proc-pay{position:absolute; bottom:-6px; left:50%; transform:translateX(-50%); font-size:9px; font-weight:700; font-family:var(--mono); letter-spacing:.03em; text-transform:uppercase; color:var(--success); background:var(--success-soft); border:1px solid var(--success-line); padding:2px 7px; border-radius:100px; white-space:nowrap}
@media(max-width:980px){ .proc-pay{position:static; transform:none; display:inline-block; margin-top:6px} }
.proc-t{font-size:14px; font-weight:600; letter-spacing:-.01em; line-height:1.25}
.proc-s{font-size:12px; color:var(--ink-3); margin-top:5px; line-height:1.4}
.proc-legend{display:flex; gap:18px; justify-content:center; margin-top:36px; flex-wrap:wrap}
.proc-legend .lg{display:inline-flex; align-items:center; gap:8px; font-size:12.5px; color:var(--ink-2)}
.proc-legend .lg .pay{font-size:9px; font-weight:700; font-family:var(--mono); text-transform:uppercase; color:var(--success); background:var(--success-soft); border:1px solid var(--success-line); padding:2px 7px; border-radius:100px}

/* ---------- Pricing table ---------- */
.price-wrap{margin-top:46px; border:1px solid var(--glass-line); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--sh-3), var(--glass-inset); background:var(--glass); -webkit-backdrop-filter:var(--glass-blur); backdrop-filter:var(--glass-blur)}
.price-grid{display:grid; grid-template-columns:1.5fr 1fr 1fr 1.1fr 1.1fr; min-width:720px}
.price-scroll{overflow-x:auto}
.price-cell{padding:15px 20px; border-bottom:1px solid var(--glass-line); border-right:1px solid var(--glass-line); font-size:13.5px}
.price-cell:nth-child(5n){border-right:0}
.price-head{position:sticky; top:0; background:rgba(255,255,255,.5)}
.ph-tier{padding:20px 18px; border-bottom:1px solid var(--glass-line); border-right:1px solid var(--glass-line)}
.ph-tier:last-child{border-right:0}
.ph-tier.feat-col{background:rgba(255,255,255,.4)}
.ph-tier.max{background:linear-gradient(160deg,#1b2547,#262f57); color:#fff; position:relative; overflow:hidden}
.ph-tier.max::after{content:""; position:absolute; inset:0; opacity:.5; background:radial-gradient(300px 160px at 80% 0%,rgba(120,140,255,.25),transparent 65%)}
.ph-name{font-size:16px; font-weight:700; letter-spacing:-.01em; position:relative; z-index:1}
.ph-for{font-size:12px; color:var(--ink-3); margin-top:5px; position:relative; z-index:1}
.ph-tier.max .ph-for{color:rgba(255,255,255,.7)}
.ph-badge{display:inline-block; font-size:9.5px; font-weight:700; font-family:var(--mono); text-transform:uppercase; letter-spacing:.04em; padding:3px 8px; border-radius:100px; background:rgba(255,255,255,.16); color:#cdd5ff; margin-top:10px; position:relative; z-index:1}
.ph-price{font-size:13px; font-weight:700; letter-spacing:-.01em; color:var(--accent-700); margin-top:8px; position:relative; z-index:1}
.price-feat{font-weight:600; color:var(--ink); background:rgba(255,255,255,.35); display:flex; align-items:center; gap:9px}
.price-grp{grid-column:1/-1; padding:11px 18px; background:rgba(255,255,255,.5); border-bottom:1px solid var(--glass-line); font-family:var(--mono); font-size:10.5px; font-weight:600; letter-spacing:.07em; text-transform:uppercase; color:var(--accent-700)}
.price-val{display:flex; align-items:center; justify-content:center; text-align:center; color:var(--ink-3)}
.pmark{width:18px;height:18px; position:relative; display:inline-block}
.pmark.no{opacity:.9}
.pmark.no::after{content:""; position:absolute; left:3px; right:3px; top:50%; height:2px; transform:translateY(-50%); background:var(--border-strong); border-radius:2px}
.pmark.yes::after{content:""; position:absolute; left:6px; top:2px; width:6px; height:11px; border:2.5px solid var(--success); border-top:0; border-left:0; transform:rotate(42deg)}
.price-val .partial{font-size:11.5px; color:var(--warn); font-weight:600}
.price-val.maxcol{background:color-mix(in srgb,var(--accent) 6%,transparent)}ansform:uppercase; color:var(--ink-3); border-right:0}
.price-val{display:flex; align-items:center; justify-content:center; text-align:center; color:var(--ink-3)}
.price-val .yes{color:var(--success)} .price-val .no{color:var(--border-strong)}
.price-val .partial{font-size:11.5px; color:var(--warn); font-weight:600}
.price-val.maxcol{background:color-mix(in srgb,var(--accent) 5%,var(--surface))}
.price-foot-row .price-cell{border-bottom:0; font-size:12px; color:var(--ink-3); text-align:center}

/* compact variant for the native feature table */
.price-compact .price-grid{min-width:760px}
.price-compact .price-cell{padding:8px 14px; font-size:12.5px}
.price-compact .ph-tier{padding:13px 14px}
.price-compact .ph-name{font-size:15px}
.price-compact .ph-for{font-size:11px; margin-top:3px}
.price-compact .ph-badge{margin-top:7px}
.price-compact .price-grp{padding:8px 14px; font-size:10px}
.price-compact .price-feat{font-size:12.5px; line-height:1.32}
.price-compact .pv-txt{font-size:11.5px; color:var(--ink-3); text-align:center; line-height:1.25}
.price-compact .price-val .partial{font-size:11px}
.price-compact .pmark{width:16px; height:16px}

/* ===== ① Packages ===== */
.pkg-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:30px}
.pkg-card{display:flex; flex-direction:column; background:#fff; border:1px solid var(--glass-line); border-radius:20px; box-shadow:var(--sh-1); padding:26px 24px}
.pkg-card.feat{border-color:color-mix(in srgb,var(--accent) 40%,var(--glass-line)); box-shadow:0 10px 30px -18px color-mix(in srgb,var(--accent) 60%,transparent)}
.pkg-badge{align-self:flex-start; font:700 10px/1 var(--mono); letter-spacing:.05em; text-transform:uppercase; border-radius:100px; padding:5px 10px; margin-bottom:14px}
.pkg-badge.ok{background:var(--accent-soft); color:var(--accent-700)}
.pkg-badge.soon{background:#fff6e0; color:#8a6d1a; border:1px solid #eddcae}
.pkg-name{font-size:19px; font-weight:800; letter-spacing:-.02em; color:var(--ink)}
.pkg-tag{font:700 11px/1 var(--mono); letter-spacing:.04em; text-transform:uppercase; color:var(--ink-3); margin-top:5px}
.pkg-sub{font-size:14.5px; line-height:1.45; font-weight:700; letter-spacing:-.01em; color:var(--ink); margin-top:13px; text-wrap:pretty}
.pkg-list{list-style:none; margin:16px 0 0; padding:0; display:flex; flex-direction:column; gap:9px}
.pkg-list li{position:relative; padding-left:25px; font-size:13.5px; line-height:1.45; color:var(--ink-2); text-wrap:pretty}
.pkg-list li::before{content:"✓"; position:absolute; left:0; top:1px; width:17px; height:17px; border-radius:50%; background:var(--accent-soft); color:var(--accent-700); font-size:10px; font-weight:800; display:grid; place-items:center}
.pkg-note{font-size:12px; line-height:1.5; color:var(--ink-2); margin-top:15px; padding:12px 14px; background:var(--surface-3); border:1px solid var(--glass-line); border-radius:10px; text-wrap:pretty}
.pkg-foot{margin-top:auto; padding-top:18px}
.pkg-cfg{font-size:13px; font-weight:600; color:var(--ink-2)}
.pkg-cta{margin-top:14px; width:100%}
.pkg-pilot-note{font-size:12.5px; color:var(--ink-3); margin-top:16px; text-wrap:pretty}

/* block heads between the three pricing blocks */
.price-block-head{margin-top:52px}
.price-block-head.first{margin-top:34px}
.price-block-head h3{font-size:23px; font-weight:800; letter-spacing:-.02em; color:var(--ink)}
.price-block-head p{font-size:14.5px; line-height:1.55; color:var(--ink-2); margin-top:9px; max-width:74ch; text-wrap:pretty}
.price-wrap{margin-top:22px}
.price-foot-notes{margin-top:14px; display:flex; flex-direction:column; gap:5px; font-size:12.5px; line-height:1.5; color:var(--ink-3); text-wrap:pretty}

/* ===== ③ Modules ===== */
.mod-table{margin-top:22px; border:1px solid var(--glass-line); border-radius:16px; overflow:hidden; box-shadow:var(--sh-1); background:#fff}
.mod-row{display:grid; grid-template-columns:1.15fr 1.75fr .85fr; gap:18px; padding:14px 20px; border-bottom:1px solid var(--glass-line); align-items:center}
.mod-row:last-child{border-bottom:0}
.mod-row.head{background:var(--surface-3); font:700 10.5px/1 var(--mono); letter-spacing:.06em; text-transform:uppercase; color:var(--ink-3)}
.mod-m{font-size:14px; font-weight:700; letter-spacing:-.01em; color:var(--ink)}
.mod-d{font-size:13.5px; line-height:1.45; color:var(--ink-2); text-wrap:pretty}
.mod-p{font-size:12.5px; color:var(--ink-3)}
.mod-pill{display:inline-block; margin-left:7px; font:700 9.5px/1 var(--mono); letter-spacing:.04em; text-transform:uppercase; color:#8a6d1a; background:#fff6e0; border:1px solid #eddcae; border-radius:100px; padding:3px 7px}
@media(max-width:860px){
  .pkg-grid{grid-template-columns:1fr}
  .mod-row{grid-template-columns:1fr; gap:5px; padding:14px 16px}
  .mod-row.head{display:none}
  .mod-d{margin-top:2px}
}

/* ①· package comparison matrix (4-col grid) */
.pkgcmp{margin-top:28px}
.pkgcmp-title{font-size:17px; font-weight:800; letter-spacing:-.01em; color:var(--ink); margin-bottom:14px}
.pkgcmp-wrap .price-grid{grid-template-columns:1.7fr 1fr 1fr 1fr; min-width:640px}
.pkgcmp-wrap .price-cell{border-right:0}
.pkgcmp-wrap .price-val, .pkgcmp-wrap .pkgcmp-th{border-left:1px solid var(--glass-line)}
.pkgcmp-th{display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center; padding:13px 12px}
.pkgcmp-th span:first-child{font:800 12.5px/1.15 var(--mono); letter-spacing:.02em; color:var(--ink)}
@media(max-width:860px){
  .pkgcmp-wrap .price-grid{min-width:560px}
}

/* sovereign highlight strip */
.sov-strip{margin-top:18px; border-radius:var(--radius-lg); overflow:hidden; background:linear-gradient(155deg,#1b2547,#262f57); color:#fff; position:relative; box-shadow:var(--sh-3)}
.sov-strip::before{content:""; position:absolute; inset:0; opacity:.5; pointer-events:none; background:radial-gradient(500px 280px at 88% 0%,rgba(120,140,255,.22),transparent 60%)}
.sov-strip-in{position:relative; z-index:1; display:grid; grid-template-columns:1fr 1.2fr; gap:34px; padding:30px 34px; align-items:center}
@media(max-width:820px){ .sov-strip-in{grid-template-columns:1fr; gap:22px; padding:26px 24px} }
.sov-strip h3{font-size:22px; font-weight:700; letter-spacing:-.02em}
.sov-strip p{font-size:14px; line-height:1.55; color:rgba(255,255,255,.76); margin-top:12px}
.sov-strip-feats{display:grid; grid-template-columns:1fr 1fr; gap:10px}
.ssf{display:flex; align-items:center; gap:11px; padding:11px 13px; border-radius:11px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); font-size:13px; font-weight:500}
.ssf .ssdot{width:8px;height:8px;border-radius:50%; background:#aeb8ff; flex-shrink:0}

/* ROI chart hover */
.roi-chart{cursor:crosshair}
.roi-hover-line{stroke:#aeb8ff; stroke-width:1; opacity:.8}
.roi-hover-dot{stroke:#1b2547; stroke-width:2}
.roi-tip{position:absolute; pointer-events:none; background:#0f1733; border:1px solid rgba(255,255,255,.18); border-radius:9px; padding:7px 10px; font-size:11.5px; color:#fff; transform:translate(-50%,-115%); white-space:nowrap; box-shadow:var(--sh-2); z-index:5}
.roi-tip .tm{color:rgba(255,255,255,.6); font-family:var(--mono); font-size:10px}
.roi-tip b{color:#7ee0ab}
.roi-chartwrap{position:relative}

/* radar hover polish */
.radar-area{transition:fill-opacity .25s, transform .3s cubic-bezier(.2,.7,.2,1); transform-origin:center; transform-box:fill-box}
.radar-box:hover .radar-area{fill-opacity:.28}
.radar-dot{transition:r .15s, fill .15s; cursor:pointer}
.radar-svg:hover .radar-area{filter:drop-shadow(0 2px 8px color-mix(in srgb,var(--accent) 30%,transparent))}
/* roi area subtle pulse on hover */
.roi-chart:hover .roi-area-path{fill-opacity:1.15}
.roi-chart:hover .roi-line.eff{filter:drop-shadow(0 1px 4px rgba(126,224,171,.5))}
.roi-line.eff{transition:filter .2s}