/* VERIPHASE components — trust bar, nav, ribbon, hero specimen, proof bar, COA/product/category cards, bands, footer */

/* utility bar — one calm strip: launch status (left) + EU facts + locale (right) */
.vp-utility{ background:var(--ink); color:#9fbdb8; font-family:var(--mono); font-size:11.5px; letter-spacing:.015em; }
.vp-utility .vp-wrap{ display:flex; align-items:center; gap:16px; min-height:34px; padding:6px 28px; }
.vp-utility b{ color:#eaf4f2; font-weight:600; }
.vp-utility .dot{ color:var(--teal-bright); font-size:8px; }
.vp-utility .vp-u-flag{ color:#fff; display:inline-flex; align-items:center; gap:7px; }
.vp-utility .vp-u-right{ margin-left:auto; display:flex; align-items:center; gap:18px; }
.vp-utility .vp-u-right > span{ display:inline-flex; align-items:center; gap:6px; }
.vp-utility .vp-u-mid, .vp-utility .vp-u-locale{ position:relative; padding-left:18px; }
.vp-utility .vp-u-mid::before, .vp-utility .vp-u-locale::before{ content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background:rgba(255,255,255,.16); }

/* header / nav */
.vp-header{ position:sticky; top:0; z-index:100; background:rgba(245,248,248,.86); backdrop-filter:blur(12px); border-bottom:1px solid var(--line); }
.vp-header .vp-wrap{ display:flex; align-items:center; gap:30px; height:68px; }
.vp-logo{ display:inline-flex; align-items:center; gap:11px; font-family:var(--serif); font-weight:800; font-size:21px; line-height:1; letter-spacing:-.02em; color:var(--ink); }
.vp-logo svg{ width:30px; height:30px; flex:none; display:block; } /* line-height:1 above centres the wordmark on the icon */
.vp-nav{ display:flex; gap:24px; margin-left:8px; }
.vp-nav a{ font-size:15px; font-weight:500; color:var(--ink-2); }
.vp-nav a:hover,.vp-nav a.active{ color:var(--ink); }
.vp-header .vp-spacer{ flex:1; }
.vp-header .vp-icons{ display:flex; align-items:center; gap:14px; }
.vp-icbtn{ width:44px; height:44px; display:grid; place-items:center; border-radius:10px; color:var(--ink); position:relative; }
.vp-icbtn:hover{ background:var(--paper-3); }
.vp-cartcount{ position:absolute; top:3px; right:3px; background:var(--teal); color:#fff; font-family:var(--mono); font-size:9px; min-width:15px; height:15px; padding:0 3px; border-radius:8px; display:grid; place-items:center; font-weight:600; }
.vp-burger{ display:none; }

/* RUO status strip — clinical regulatory-class marker (calm; not a hazard banner) */
.vp-ruo-strip{ background:var(--paper-2); border-bottom:1px solid var(--line); }
.vp-ruo-strip .vp-wrap{ display:flex; align-items:center; gap:11px; padding:7px 28px; justify-content:center; flex-wrap:wrap; }
.vp-ruo-tag{ font-family:var(--mono); font-size:10px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; color:#fff; background:var(--ink); border-radius:5px; padding:4px 9px; white-space:nowrap; }
.vp-ruo-txt{ font-size:12px; color:var(--ink-2); }
.vp-ruo-txt b{ color:var(--ink); font-weight:600; }

/* hero */
.vp-hero{ border-bottom:1px solid var(--line); overflow:hidden; }
.vp-hero .vp-wrap{ display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center; padding-top:64px; padding-bottom:66px; }
.vp-hero h1{ font-size:clamp(38px,5vw,60px); margin:18px 0 20px; }
.vp-hero h1 em{ font-style:normal; color:var(--teal-deep); position:relative; }
.vp-hero h1 em::after{ content:""; position:absolute; left:0; right:0; bottom:6px; height:10px; background:var(--teal-tint-2); z-index:-1; border-radius:2px; }
.vp-hero .lede{ font-size:18px; color:var(--ink-2); max-width:480px; margin-bottom:28px; }
.vp-hero .cta-row{ display:flex; gap:13px; flex-wrap:wrap; margin-bottom:24px; }
.vp-hero .microcopy{ font-family:var(--mono); font-size:12px; color:var(--ink-3); display:flex; align-items:center; gap:8px; }

/* specimen card (dark) */
.vp-specimen{ background:var(--ink); border-radius:18px; padding:28px; color:#dff1ee; box-shadow:var(--shadow-lg); position:relative; overflow:hidden; }
.vp-specimen::before{ content:""; position:absolute; inset:0; background:radial-gradient(80% 60% at 80% 10%,rgba(19,182,168,.22),transparent 60%); }
.vp-specimen .head{ display:flex; justify-content:space-between; align-items:flex-start; position:relative; z-index:1; }
.vp-specimen .lot{ font-family:var(--mono); font-size:11px; color:#7fd8cf; letter-spacing:.05em; }
.vp-specimen .verified{ font-family:var(--mono); font-size:10.5px; background:rgba(19,182,168,.18); color:#5fe6d8; padding:5px 9px; border-radius:6px; display:inline-flex; gap:6px; align-items:center; font-weight:600; }
.vp-specimen h3{ color:#fff; font-size:26px; margin:6px 0 2px; position:relative; z-index:1; }
.vp-specimen .sub{ font-family:var(--mono); font-size:12px; color:#8fb9b4; position:relative; z-index:1; margin-bottom:16px; }
.vp-chromo{ position:relative; z-index:1; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:10px; padding:12px; }
.vp-chromo svg{ display:block; width:100%; height:92px; }
.vp-specimen-stats{ position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:14px; }
.vp-specimen-stats div{ background:rgba(255,255,255,.05); border-radius:9px; padding:9px 11px; }
.vp-specimen-stats .k{ font-family:var(--mono); font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; color:#74a8a2; }
.vp-specimen-stats .v{ font-family:var(--mono); font-size:17px; color:#fff; font-weight:600; margin-top:3px; }

/* production reference-data hero panel (intrinsic chemistry only — no lot / COA / purity / "verified") */
.vp-specimen--data .vp-spec-cat{ width:36px; height:36px; border-radius:10px; background:rgba(19,182,168,.16); color:var(--teal-bright); display:grid; place-items:center; position:relative; z-index:1; flex:none; }
.vp-spec-seq{ position:relative; z-index:1; margin:16px 0 4px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); border-radius:10px; padding:11px 13px; }
.vp-spec-seq .k{ font-family:var(--mono); font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; color:#74a8a2; margin-bottom:5px; }
.vp-spec-seq .v{ font-family:var(--mono); font-size:12.5px; color:#dff1ee; line-height:1.5; overflow-wrap:anywhere; }
.vp-chromo .vp-spec-cap{ font-family:var(--mono); font-size:9.5px; color:#74a8a2; margin-top:7px; text-align:center; letter-spacing:.02em; }
.vp-specimen--data .vp-specimen-stats .v{ font-size:12.5px; overflow-wrap:anywhere; line-height:1.3; }

/* proof bar */
.vp-proof{ background:var(--paper-2); border-bottom:1px solid var(--line); }
.vp-proof .vp-wrap{ display:grid; grid-template-columns:repeat(6,1fr); gap:0; }
.vp-proof .cell{ padding:22px 16px; border-right:1px solid var(--line); text-align:center; }
.vp-proof .cell:last-child{ border-right:none; }
.vp-proof .ic{ color:var(--teal); margin-bottom:8px; display:flex; justify-content:center; }
.vp-proof .v{ font-family:var(--mono); font-weight:600; font-size:15px; }
.vp-proof .k{ font-size:11.5px; color:var(--ink-3); margin-top:2px; }

/* generic section */
.vp-band{ padding:74px 0; }
.vp-band.alt{ background:var(--paper-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.vp-sechead{ display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:32px; flex-wrap:wrap; }
.vp-sechead h2{ font-size:clamp(26px,3.4vw,38px); }
.vp-sechead .link{ font-family:var(--mono); font-size:13px; color:var(--teal-deep); font-weight:600; }

/* COA teaser cards */
.vp-coa-strip{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.vp-coa-card{ background:var(--paper-2); border:1px solid var(--line); border-radius:var(--radius); padding:18px; transition:.18s; }
.vp-coa-card:hover{ border-color:var(--teal); box-shadow:var(--shadow); transform:translateY(-2px); }
.vp-coa-card .top{ display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.vp-coa-card .pass{ font-family:var(--mono); font-size:10px; background:var(--teal-tint); color:var(--teal-deep); padding:4px 8px; border-radius:6px; font-weight:600; display:inline-flex; gap:5px; align-items:center; }
.vp-coa-card .pass.rej{ background:var(--ochre-tint); color:var(--ochre); }
.vp-coa-card .date{ font-family:var(--mono); font-size:10.5px; color:var(--ink-3); }
.vp-coa-card h4{ font-family:var(--serif); font-size:17px; font-weight:700; margin:0 0 2px; }
.vp-coa-card .lot{ font-family:var(--mono); font-size:11px; color:var(--ink-3); margin-bottom:12px; }
.vp-coa-card .row{ display:flex; justify-content:space-between; font-family:var(--mono); font-size:11.5px; padding:5px 0; border-top:1px dashed var(--line); }
.vp-coa-card .row b{ color:var(--ink); }

/* category cards */
.vp-cats{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.vp-cat-card{ background:var(--paper-2); border:1px solid var(--line); border-radius:var(--radius); padding:22px; transition:.18s; display:block; color:var(--ink); }
.vp-cat-card:hover{ background:var(--ink); color:#fff; transform:translateY(-3px); }
.vp-cat-card:hover .cat-d{ color:#cfe6e3; }
.vp-cat-ic{ width:44px; height:44px; border-radius:11px; background:var(--teal-tint); color:var(--teal-deep); display:grid; place-items:center; margin-bottom:14px; }
/* per-category chemistry-class accent on the icon (falls back to teal) */
.vp-cat-card[style*="--accent"] .vp-cat-ic{ background:color-mix(in srgb, var(--accent) 15%, var(--paper-2)); color:var(--accent); }
.vp-cat-card:hover .vp-cat-ic{ background:rgba(255,255,255,.12); color:#fff; }
.vp-cat-card .cat-n{ font-family:var(--serif); font-size:17px; font-weight:700; }
.vp-cat-card .cat-d{ font-size:13.5px; color:var(--ink-3); margin-top:3px; }

/* why-us dark band */
.vp-why{ background:var(--ink); color:#dff1ee; }
.vp-why h2{ color:#fff; } .vp-why .vp-eyebrow{ color:var(--teal-bright); }
.vp-why .grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:34px; }
.vp-why .pillar{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09); border-radius:var(--radius); padding:24px; }
.vp-why .pillar h3{ color:#fff; font-size:19px; margin:14px 0 8px; }
.vp-why .pillar p{ color:#9fc4be; font-size:14px; margin:0; }
.vp-why .p-ic{ width:46px; height:46px; border-radius:11px; background:rgba(19,182,168,.16); color:var(--teal-bright); display:grid; place-items:center; }

/* footer */
.vp-footer{ background:var(--paper-2); border-top:1px solid var(--line); padding:54px 0 28px; }
.vp-foot-grid{ display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr 1fr; gap:30px; margin-bottom:34px; }
.vp-foot-grid h5{ font-family:var(--mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3); margin:0 0 14px; }
.vp-foot-grid a{ display:block; font-size:14px; color:var(--ink-2); padding:5px 0; }
.vp-foot-grid a:hover{ color:var(--teal-deep); }
/* the brand logo is an <a> inside .vp-foot-grid — restore its flex/size (out-specifies the link rule above) */
.vp-footer .vp-foot-brand .vp-logo{ display:inline-flex; align-items:center; gap:11px; font-size:21px; line-height:1; padding:0; color:var(--ink); }
.vp-footer .vp-foot-brand .vp-logo svg{ width:30px; height:30px; }
.vp-foot-brand p{ font-size:13px; color:var(--ink-2); max-width:260px; }
.vp-foot-ruo{ background:var(--ochre-tint); border:1px solid #ecd9bd; border-radius:12px; padding:16px 20px; margin-bottom:24px; display:flex; gap:14px; align-items:flex-start; }
.vp-foot-ruo svg{ color:var(--ochre); flex:none; margin-top:2px; } .vp-foot-ruo p{ font-size:12.5px; color:#5e4012; line-height:1.6; margin:0; } .vp-foot-ruo b{ color:var(--ochre); }
.vp-foot-bottom{ border-top:1px solid var(--line); padding-top:20px; display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; align-items:center; }
.vp-foot-bottom .legal{ font-family:var(--mono); font-size:11.5px; color:var(--ink-3); line-height:1.7; }
.vp-pay{ display:flex; gap:8px; } .vp-pay span{ height:26px; padding:0 9px; border:1px solid var(--line); border-radius:6px; display:grid; place-items:center; font-family:var(--mono); font-size:9.5px; font-weight:600; color:var(--ink-2); background:var(--paper); }

/* ===== COA Vault ===== */
.vp-vault-title{ font-size:clamp(30px,4vw,44px); margin:8px 0 8px; }
.vp-vault-intro{ color:var(--ink-2); max-width:620px; margin:0 0 26px; }
.vp-vault-stats{ display:flex; gap:14px; flex-wrap:wrap; margin-bottom:28px; }
.vp-vault-stats div{ background:var(--paper-2); border:1px solid var(--line); border-radius:var(--radius); padding:16px 22px; min-width:150px; }
.vp-vault-stats .v{ font-family:var(--mono); font-size:30px; font-weight:600; color:var(--ink); }
.vp-vault-stats .v.rej{ color:var(--ochre); }
.vp-vault-stats .k{ font-size:12px; color:var(--ink-3); margin-top:2px; }
.vp-vault-controls{ display:flex; gap:14px; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-bottom:10px; }
#vp-vault-search{ flex:1; min-width:240px; font-family:var(--sans); font-size:15px; padding:12px 16px; border:1px solid var(--line); border-radius:100px; background:var(--paper-2); color:var(--ink); }
#vp-vault-search:focus{ outline:2px solid var(--teal); outline-offset:1px; }
.vp-vault-pills{ display:flex; gap:8px; }
.vp-vault-pills button{ font-family:var(--mono); font-size:12px; padding:9px 15px; border:1px solid var(--line); border-radius:100px; background:var(--paper-2); color:var(--ink-2); cursor:pointer; transition:.15s; }
.vp-vault-pills button:hover{ border-color:var(--teal); color:var(--teal-deep); }
.vp-vault-pills button.active{ background:var(--ink); color:#fff; border-color:var(--ink); }
.vp-vault-meta{ font-family:var(--mono); font-size:11.5px; color:var(--ink-3); margin-bottom:14px; }
.vp-vault-table{ width:100%; border-collapse:collapse; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:var(--paper-2); }
.vp-vault-table thead th{ background:var(--ink); color:#cfe6e3; font-family:var(--mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; text-align:left; font-weight:600; padding:13px 18px; }
.vp-vault-table tbody td{ border-top:1px solid var(--line); padding:13px 18px; font-size:13.5px; vertical-align:middle; }
.vp-vault-table tbody tr:hover{ background:var(--paper); }
.vp-vault-table .c-prod a{ font-weight:600; color:var(--ink); }
.vp-vault-table .c-prod a:hover{ color:var(--teal-deep); }
.vp-vault-table .c-lot,.vp-vault-table .c-pur,.vp-vault-table .c-date{ font-size:12.5px; color:var(--ink-2); }
.vp-lotbadge{ font-family:var(--mono); font-size:10px; font-weight:600; padding:4px 8px; border-radius:6px; background:var(--teal-tint); color:var(--teal-deep); }
.vp-lotbadge.rej{ background:var(--ochre-tint); color:var(--ochre); }
.vp-coa-link{ font-family:var(--mono); font-size:11.5px; font-weight:600; color:var(--teal-deep); display:inline-flex; align-items:center; gap:5px; }
.vp-vault-foot{ display:flex; gap:8px; align-items:center; font-size:11.5px; color:var(--ink-3); margin-top:14px; }
.vp-vault-foot svg{ color:var(--ochre); flex:none; }
/* production (no fixture lots): honest empty state */
.vp-vault-empty{ background:var(--paper-2); border:1px solid var(--line); border-radius:var(--radius); padding:28px 24px; margin-top:8px; max-width:680px; }
.vp-vault-empty p{ display:flex; gap:10px; align-items:flex-start; margin:0; font-size:14.5px; line-height:1.6; color:var(--ink-2); }
.vp-vault-empty svg{ color:var(--teal); flex:none; margin-top:2px; }
/* production COA-policy card (shown on PDP in place of the per-lot fixture card) */
.veriphase .vp-coa-card.pdp.vp-coa-card--pending{ border-color:var(--line); }
.vp-coa-pending{ margin:0; font-size:13px; line-height:1.55; color:var(--ink-2); }
/* soft-launch: catalogue visible, ordering not open ("sold-out"/enquire mode) — the launch status now
   lives in the utility bar (.vp-u-flag); per-PDP enquire styling below */
.vp-pdp-enquire{ margin:2px 0; }
.vp-pdp-enquire .vp-btn{ width:100%; justify-content:center; }
.vp-pdp-enquire-note{ margin:8px 0 0; font-size:12.5px; color:var(--ink-3); line-height:1.5; }

/* ===== Learn grid ===== */
.vp-learn-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:6px; }
.vp-learn-card{ background:var(--paper-2); border:1px solid var(--line); border-radius:var(--radius); padding:24px; color:var(--ink); transition:.18s; display:flex; flex-direction:column; }
.vp-learn-card:hover{ border-color:var(--teal); box-shadow:var(--shadow); transform:translateY(-3px); }
.vp-learn-ic{ width:44px; height:44px; border-radius:11px; background:var(--teal-tint); color:var(--teal-deep); display:grid; place-items:center; margin-bottom:14px; }
.vp-learn-card h3{ font-size:18px; margin:0 0 8px; }
.vp-learn-card p{ font-size:14.5px; color:var(--ink-2); line-height:1.55; margin:0 0 16px; flex:1; }
.vp-learn-read{ font-family:var(--mono); font-size:12px; font-weight:600; color:var(--teal-deep); }

/* ===== Quality page ===== */
.vp-q-h2{ font-size:clamp(22px,2.6vw,28px); margin:40px 0 18px; }
.vp-q-steps{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.vp-q-step{ position:relative; background:var(--paper-2); border:1px solid var(--line); border-radius:var(--radius); padding:22px 20px; }
.vp-q-stepnum{ position:absolute; top:18px; right:18px; font-family:var(--mono); font-size:12px; font-weight:600; color:var(--line-2); }
.vp-q-ic{ width:44px; height:44px; border-radius:11px; background:var(--teal-tint); color:var(--teal-deep); display:grid; place-items:center; margin-bottom:14px; }
.vp-q-step h3{ font-size:16.5px; margin:0 0 8px; }
.vp-q-step p{ font-size:13.5px; color:var(--ink-2); margin:0; line-height:1.55; }
.vp-q-tests{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:4px; }
.vp-q-test{ background:var(--paper-2); border:1px solid var(--line); border-left:3px solid var(--teal); border-radius:10px; padding:15px 18px; }
.vp-q-test .k{ font-family:var(--mono); font-size:13px; font-weight:600; color:var(--ink); }
.vp-q-test .d{ font-size:13px; color:var(--ink-2); margin-top:4px; line-height:1.5; }
.vp-q-status{ display:flex; gap:14px; align-items:flex-start; background:var(--ink); color:#dff1ee; border-radius:var(--radius); padding:22px 24px; margin:26px 0 0; }
.vp-q-status svg{ color:var(--teal-bright); flex:none; margin-top:2px; }
.vp-q-status h3{ color:#fff; font-size:17px; margin:0 0 6px; }
.vp-q-status p{ color:#9fc4be; font-size:14px; margin:0; line-height:1.6; }
.vp-q-status a{ color:#5fe6d8; }
.vp-q-ruo{ display:flex; gap:8px; align-items:flex-start; font-size:12.5px; color:var(--ink-3); margin:22px 0 0; }
.vp-q-ruo svg{ color:var(--ochre); flex:none; margin-top:2px; } .vp-q-ruo b{ color:var(--ink-2); }
@media(max-width:900px){ .vp-q-steps{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .vp-q-steps,.vp-q-tests{ grid-template-columns:1fr; } }

/* ===== Tools / calculator ===== */
.vp-tools-grid{ display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:start; }
.vp-calc{ background:var(--paper-2); border:1px solid var(--line); border-radius:var(--radius); padding:24px; display:flex; flex-direction:column; gap:16px; }
.vp-calc label{ display:flex; flex-direction:column; gap:6px; font-size:13.5px; font-weight:600; color:var(--ink); }
.vp-calc label span{ font-weight:400; color:var(--ink-3); font-family:var(--mono); font-size:11.5px; }
.vp-calc input{ font-family:var(--mono); font-size:16px; padding:11px 14px; border:1px solid var(--line); border-radius:10px; background:var(--paper); color:var(--ink); }
.vp-calc input:focus{ outline:2px solid var(--teal); outline-offset:1px; }
.vp-calc-result{ background:var(--ink); color:#dff1ee; border-radius:var(--radius); padding:24px; }
.vp-calc-eyebrow{ font-size:10.5px; letter-spacing:.14em; color:#74a8a2; margin-bottom:14px; }
.vp-calc-row{ display:flex; justify-content:space-between; align-items:baseline; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.08); font-size:14px; color:#9fc4be; }
.vp-calc-row b{ font-family:var(--mono); font-size:18px; color:#fff; }
.vp-calc-row.hl b{ color:var(--teal-bright); }
.vp-calc-row .muted{ color:#74a8a2; }
.vp-calc-note{ display:flex; gap:8px; align-items:flex-start; font-size:11.5px; color:#8fb9b4; margin:16px 0 0; }
.vp-calc-note svg{ color:var(--teal-bright); flex:none; margin-top:1px; }

/* responsive */
@media(max-width:1000px){
  .vp-learn-grid{ grid-template-columns:repeat(2,1fr); }
  .vp-tools-grid{ grid-template-columns:1fr; }
}
@media(max-width:820px){
  /* responsive table → stacked cards with per-cell labels */
  .vp-vault-table thead{ display:none; }
  .vp-vault-table, .vp-vault-table tbody, .vp-vault-table tr, .vp-vault-table td{ display:block; width:100%; }
  .vp-vault-table{ border:none; background:transparent; }
  .vp-vault-table tr{ border:1px solid var(--line); border-radius:12px; background:var(--paper-2); margin-bottom:10px; padding:6px 12px; }
  .vp-vault-table td{ border:none; display:flex; justify-content:space-between; align-items:center; gap:14px; padding:7px 4px; }
  .vp-vault-table td::before{ content:attr(data-label); font-family:var(--mono); font-size:10px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-3); }
  .vp-vault-table td.c-prod{ font-size:15px; font-weight:600; padding-top:10px; }
  .vp-vault-table td.c-prod::before{ display:none; }
}
@media(max-width:1000px){
  .vp-hero .vp-wrap{ grid-template-columns:1fr; gap:36px; }
  .vp-proof .vp-wrap{ grid-template-columns:repeat(3,1fr); }
  .vp-proof .cell:nth-child(3){ border-right:none; }
  .vp-coa-strip{ grid-template-columns:repeat(2,1fr); }
  .vp-cats{ grid-template-columns:repeat(2,1fr); }
  .vp-why .grid{ grid-template-columns:1fr; }
  .vp-foot-grid{ grid-template-columns:1fr 1fr; }
}
@media(max-width:680px){
  .vp-nav{ display:none; }
  .vp-burger{ display:grid; }
  .vp-utility .vp-u-right{ display:none; } /* mobile: keep only the launch status, centred */
  .vp-utility .vp-wrap{ justify-content:center; gap:8px; }
  .vp-utility .vp-u-flag{ font-size:11px; text-align:center; }
  .vp-ruo-strip .vp-wrap{ gap:8px; }
  .vp-ruo-strip .vp-ruo-txt{ font-size:11.5px; }
  .vp-proof .vp-wrap{ grid-template-columns:repeat(2,1fr); }
  .vp-coa-strip,.vp-cats{ grid-template-columns:1fr; }
  .vp-band{ padding:52px 0; }
}