/* ============ TOKENS ============ */
:root{
  --ink:#1B2942; --ink-2:#526277; --ink-3:#5A6879;
  --ground:#FFFFFF; --surface:#F3F6FA; --surface-2:#E9EEF6;
  --line:#D8E0EA; --line-soft:#EDF1F7;
  --accent:#C82436; --accent-soft:#FBE8EA;
  --signal:#0C3B73; --signal-soft:#E3ECF7;
  --bright:#2E6FB8; --bright-soft:#EAF2FB;
  --verified:#17694A; --verified-soft:#E6F4EE;
  --deep:#041B3D; --deep-2:#08264F; --deep-line:#1B3557;
  --deep-ink:#F2F6FB; --deep-ink-2:#B9C9DE; --deep-ink-3:#92A8C4;
  --shadow-1:0 1px 2px rgba(10,23,51,.04), 0 2px 10px rgba(10,23,51,.04);
  --shadow-2:0 2px 8px rgba(10,23,51,.05), 0 16px 44px rgba(10,23,51,.08);
  --shadow-3:0 30px 80px rgba(10,23,51,.10), 0 4px 14px rgba(10,23,51,.05);
  --maxw:1240px; --gut:24px; --r:5px;
  --disp:"Archivo",-apple-system,"Segoe UI",sans-serif;
  --body:"IBM Plex Sans",-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){
  --ink:#E4ECF7; --ink-2:#A9BBD3; --ink-3:#93A6C0;
  --ground:#061428; --surface:#0C1F3A; --surface-2:#14294A;
  --line:#20395B; --line-soft:#142944;
  --accent:#F2909C; --accent-soft:#35111A;
  --signal:#9DC2EC; --signal-soft:#0E2138;
  --bright:#7FB2E8; --bright-soft:#0B2135;
  --verified:#6FD3A8; --verified-soft:#07251A;
  --deep:#04101F; --deep-2:#0B1F3A; --deep-line:#1C3454;
  --deep-ink:#EAF0F9; --deep-ink-2:#B0BFD5; --deep-ink-3:#8E9DB6;
  --shadow-1:0 1px 2px rgba(0,0,0,.4), 0 2px 8px rgba(0,0,0,.3);
  --shadow-2:0 2px 6px rgba(0,0,0,.5), 0 12px 32px rgba(0,0,0,.45);
  --shadow-3:0 30px 80px rgba(0,0,0,.55), 0 4px 14px rgba(0,0,0,.4);
}}
:root[data-theme="dark"]{
  --ink:#E4ECF7; --ink-2:#A9BBD3; --ink-3:#93A6C0;
  --ground:#061428; --surface:#0C1F3A; --surface-2:#14294A;
  --line:#20395B; --line-soft:#142944;
  --accent:#F2909C; --accent-soft:#35111A;
  --signal:#9DC2EC; --signal-soft:#0E2138;
  --bright:#7FB2E8; --bright-soft:#0B2135;
  --verified:#6FD3A8; --verified-soft:#07251A;
  --deep:#04101F; --deep-2:#0B1F3A; --deep-line:#1C3454;
  --deep-ink:#EAF0F9; --deep-ink-2:#B0BFD5; --deep-ink-3:#8E9DB6;
  --shadow-1:0 1px 2px rgba(0,0,0,.4), 0 2px 8px rgba(0,0,0,.3);
  --shadow-2:0 2px 6px rgba(0,0,0,.5), 0 12px 32px rgba(0,0,0,.45);
  --shadow-3:0 30px 80px rgba(0,0,0,.55), 0 4px 14px rgba(0,0,0,.4);
}


/* ---- product listing photography ---- */
.pphoto{display:block;width:100%;height:100%;object-fit:cover;border-radius:calc(var(--r) - 1px);
        background:var(--surface);transition:transform .5s cubic-bezier(.16,1,.3,1)}
.pcard:hover .pphoto{transform:scale(1.035)}
.vial-wrap{overflow:hidden}
.pphoto-lg{aspect-ratio:1/1}
.pphoto-sm{width:100%;height:100%;object-fit:cover}


/* ============ CHECKOUT ============ */
.co-step{display:flex;align-items:center;gap:12px;margin:34px 0 16px;padding-top:22px;border-top:1px solid var(--line)}
.co-step:first-child{margin-top:0;padding-top:0;border-top:0}
.co-step h3{font-size:17px;margin:0}
.co-n{flex:none;width:26px;height:26px;border-radius:50%;background:var(--signal-soft);color:var(--signal);
      font-family:var(--mono);font-size:12px;font-weight:600;display:grid;place-items:center}
.co-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.co-f{display:block;grid-column:1/-1}
.co-f.co-half{grid-column:auto}
.co-f .eyebrow{display:block;margin-bottom:7px}
.co-f input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:var(--r);
            background:var(--ground);color:var(--ink);font-size:14px;font-family:inherit;transition:border-color .15s,box-shadow .15s}
/* iOS Safari zooms the whole page when a focused input is under 16px.
   On touch screens the checkout fields go to 16px and a 44px tap target. */
@media(max-width:760px){
  .co-f input,.hdr-search input,.gate-card input[type="text"],.qty input{font-size:16px}
  .co-f input{padding:13px 13px;min-height:48px}
}
.co-f input:focus{outline:none;border-color:var(--bright);box-shadow:0 0 0 3px var(--bright-soft)}
.co-f input::placeholder{color:var(--ink-3);opacity:.75}
@media(max-width:520px){.co-grid{grid-template-columns:1fr}.co-f.co-half{grid-column:1/-1}}

.co-ships{display:flex;flex-direction:column;gap:9px}
.co-ship{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);
         border-radius:var(--r);cursor:pointer;background:var(--ground);transition:border-color .15s,background .15s,box-shadow .15s}
.co-ship:hover{border-color:var(--bright)}
.co-ship.on{border-color:var(--bright);background:var(--bright-soft);box-shadow:0 0 0 1px var(--bright)}
.co-ship input{accent-color:var(--bright);width:16px;height:16px;flex:none}
.co-ship-t{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.co-ship-t b{font-family:var(--disp);font-stretch:106%;font-size:14.5px;font-weight:600;color:var(--ink)}
.co-ship-t i{font-style:normal;font-size:12.5px;color:var(--ink-2)}
.co-ship-p{font-family:var(--mono);font-size:13.5px;color:var(--ink);font-variant-numeric:tabular-nums}

.co-sim{display:flex;gap:11px;align-items:flex-start;margin-top:16px;padding:14px 16px;
        border:1px solid var(--line);border-left:3px solid var(--signal);border-radius:var(--r);
        background:var(--surface);font-size:12.5px;line-height:1.55;color:var(--ink-2)}
.co-sim b{color:var(--ink)}
.co-sim .ic{flex:none;color:var(--signal);margin-top:1px}
.co-place{margin-top:20px}
.co-hint{font-size:12px;color:var(--ink-3);text-align:center;margin-top:9px}

.co-lines{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.co-line{display:flex;align-items:center;gap:11px}
.co-line-th{position:relative;width:46px;height:46px;flex:none;border:1px solid var(--line);
            border-radius:var(--r);overflow:hidden;background:var(--surface)}
.co-line-th em{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;
   background:var(--ink);color:var(--ground);font-family:var(--mono);font-size:10.5px;font-style:normal;
   display:grid;place-items:center;border:2px solid var(--ground)}
.co-line-t{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
.co-line-t b{font-size:13.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.co-line-t i{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--ink-3)}
.co-line-p{font-family:var(--mono);font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums;flex:none}

.co-done{text-align:center;padding:14px 0 6px}
.co-done-ic{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 20px;border-radius:50%;
            background:var(--verified-soft);color:var(--verified)}
.co-done h1{margin-bottom:10px}
.co-done .lede{margin-inline:auto}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ============ RESEARCH-USE DISCLAIMER (every page) ============ */
.ruoband{border-top:3px solid var(--accent);background:var(--surface);padding:30px 0 34px}
.ruoband .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}
.ruoband-head{display:flex;align-items:center;gap:11px;margin-bottom:14px;flex-wrap:wrap}
.ruoband-head .ic{color:var(--accent);flex:none}
.ruoband-head b{font-family:var(--disp);font-stretch:108%;font-size:19px;font-weight:800;
  letter-spacing:.03em;text-transform:uppercase;color:var(--accent);line-height:1.15}
.ruoband-head span{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-3);border:1px solid var(--line);border-radius:999px;padding:5px 11px;background:var(--ground)}
.ruoband p{font-size:15px;line-height:1.72;color:var(--ink-2);max-width:104ch;margin:0 0 12px}
.ruoband p:last-child{margin-bottom:0}
.ruoband b.hi{color:var(--ink);font-weight:700}
.ruoband .ruo-not{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 14px}
.ruoband .ruo-not span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--r);padding:7px 12px}
@media(max-width:640px){
  .ruoband{padding:24px 0 26px}
  .ruoband-head b{font-size:16px}
  .ruoband p{font-size:14px}
}
.fdisc p{font-size:13px !important;line-height:1.8 !important}


/* ============ MODERN PRODUCT SHOWCASE ============ */
.hero-stage{position:relative;display:grid;place-items:center;overflow:visible;
  min-height:500px;isolation:isolate}
.hero-stage::before{content:"";position:absolute;z-index:0;pointer-events:none;
  inset:-16% -28%;opacity:.9;filter:blur(18px);
  background:
    radial-gradient(ellipse 62% 54% at 52% 40%,rgba(75,135,202,.15),transparent 76%),
    radial-gradient(ellipse 48% 30% at 72% 74%,rgba(200,36,54,.075),transparent 78%)}
.hs-glow{position:absolute;border-radius:50%;filter:blur(64px);pointer-events:none;z-index:0;
  animation:heroGlowDrift 12s ease-in-out infinite alternate}
.hs-a{width:105%;aspect-ratio:1;top:-24%;left:-2%;background:rgba(46,111,184,.16)}
.hs-b{width:72%;aspect-ratio:1;bottom:-20%;right:-18%;background:rgba(200,36,54,.09)}
:root[data-theme="dark"] .hs-a,
:root:not([data-theme="light"]) .hs-a{background:rgba(90,150,220,.20)}
:root[data-theme="dark"] .hs-b,
:root:not([data-theme="light"]) .hs-b{background:rgba(210,70,90,.16)}
:root[data-theme="dark"] .hero-stage::before,
:root:not([data-theme="light"]) .hero-stage::before{opacity:.95;background:
  radial-gradient(ellipse 70% 58% at 52% 40%,rgba(58,121,193,.20),transparent 78%),
  radial-gradient(ellipse 48% 30% at 72% 74%,rgba(205,53,75,.10),transparent 80%)}
.hs-stars{position:absolute;inset:0;width:100%;height:100%;color:var(--ink-3);opacity:.1;
  pointer-events:none;z-index:0}
.hs-stripe{position:absolute;z-index:0;width:72%;height:10%;border-radius:999px;filter:blur(4px);opacity:.35;pointer-events:none}
.hs-stripe.red{right:-10%;bottom:12%;background:linear-gradient(90deg,transparent,rgba(201,35,55,.8),transparent);transform:rotate(-14deg);animation:redRibbonDrift 10s ease-in-out infinite alternate}
.hs-stripe.blue{left:-8%;bottom:20%;background:linear-gradient(90deg,transparent,rgba(22,62,118,.8),transparent);transform:rotate(13deg);animation:blueRibbonDrift 11s ease-in-out infinite alternate}
.showcase-deck{position:absolute;z-index:2;inset:0;transform:none!important}
.hero-orbit{position:absolute;z-index:1;left:50%;top:50%;width:min(92%,520px);aspect-ratio:1;
  transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);
  background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.72) 0 28%,rgba(85,143,207,.11) 46%,rgba(198,38,56,.055) 64%,transparent 72%);
  box-shadow:inset 0 0 70px rgba(65,122,187,.06),0 34px 80px rgba(23,58,112,.08)}
.hero-orbit::before,.hero-orbit::after{content:"";position:absolute;border-radius:50%;inset:10%;border:1px dashed color-mix(in srgb,var(--ink-3) 24%,transparent)}
.hero-orbit::after{inset:24%;border-style:solid;border-color:color-mix(in srgb,var(--signal) 12%,transparent)}
:root[data-theme="dark"] .hero-orbit{background:radial-gradient(circle at 50% 46%,rgba(32,54,88,.72) 0 28%,rgba(70,135,205,.16) 48%,rgba(205,55,75,.08) 66%,transparent 74%)}
.hero-data-chip{position:absolute;z-index:8;display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--ground) 88%,transparent);box-shadow:var(--shadow-2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hero-data-chip b{font-family:var(--disp);font-size:20px;line-height:1;color:var(--ink)}
.hero-data-chip span{font-family:var(--mono);font-size:8.5px;line-height:1.35;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.hero-data-chip.chip-a{left:2%;top:20%}.hero-data-chip.chip-b{right:0;bottom:18%}
.showcase-vial{position:absolute;top:50%;width:170px;height:326px;opacity:1;z-index:1;
  pointer-events:none}
.showcase-vial .vial-motion{width:100%;height:100%;display:grid;place-items:center;
  animation:premiumVialFloat 6.4s cubic-bezier(.45,.05,.55,.95) infinite}
.showcase-vial:nth-child(2) .vial-motion{animation-duration:7.2s;animation-delay:-2.1s}
.showcase-vial:nth-child(3) .vial-motion{animation-duration:6.8s;animation-delay:-4.3s}
.showcase-vial img{width:100%;height:100%;object-fit:contain;
  filter:drop-shadow(0 25px 22px rgba(10,23,51,.2)) drop-shadow(0 0 16px rgba(80,132,192,.10));
  backface-visibility:hidden}
:root[data-theme="dark"] .showcase-vial img,
:root:not([data-theme="light"]) .showcase-vial img{
  filter:drop-shadow(0 27px 24px rgba(0,0,0,.36)) drop-shadow(0 0 22px rgba(100,157,220,.14))}
.showcase-vial::after{content:"";position:absolute;z-index:-1;left:20%;right:20%;bottom:0;height:6%;border-radius:50%;background:radial-gradient(ellipse,rgba(10,23,51,.28),transparent 72%);filter:blur(7px)}
.showcase-vial.is-center{left:50%;z-index:5;transform:translate(-50%,-50%) translateY(-14px) scale(1.04)}
.showcase-vial.is-left{left:27%;z-index:3;transform:translate(-50%,-50%) translateY(20px) scale(.86) rotate(-3deg)}
.showcase-vial.is-right{left:73%;z-index:3;transform:translate(-50%,-50%) translateY(20px) scale(.86) rotate(3deg)}
@keyframes premiumVialFloat{0%,100%{transform:translateY(5px)}50%{transform:translateY(-7px)}}
@keyframes heroGlowDrift{0%{transform:translate3d(-2%,1%,0) scale(.98);opacity:.72}100%{transform:translate3d(3%,-2%,0) scale(1.04);opacity:1}}
@keyframes redRibbonDrift{0%{transform:translate3d(-2%,2px,0) rotate(-14deg);opacity:.22}100%{transform:translate3d(3%,-5px,0) rotate(-12deg);opacity:.38}}
@keyframes blueRibbonDrift{0%{transform:translate3d(2%,-2px,0) rotate(13deg);opacity:.22}100%{transform:translate3d(-3%,5px,0) rotate(11deg);opacity:.38}}
@media(max-width:900px){.hero-stage{max-width:620px;margin:0 auto}.hero-data-chip.chip-a{left:6%}.hero-data-chip.chip-b{right:4%}}
@media(max-width:520px){
  .hero-stage{min-height:260px;margin-inline:0}
  .hero-orbit{width:300px}
  .hero-data-chip{padding:7px 9px;gap:7px;border-radius:9px}.hero-data-chip b{font-size:16px}.hero-data-chip span{font-size:7px}
  .hero-data-chip.chip-a{left:0;top:12%}.hero-data-chip.chip-b{right:0;bottom:10%}
  .showcase-vial{width:94px;height:182px;top:50%}
  .showcase-vial.is-center{left:50%;transform:translate(-50%,-50%) translateY(-5px) scale(1.03)}
  .showcase-vial.is-left{left:27%;transform:translate(-50%,-50%) translateY(10px) scale(.88) rotate(-2deg)}
  .showcase-vial.is-right{left:73%;transform:translate(-50%,-50%) translateY(10px) scale(.88) rotate(2deg)}
  .hs-glow{filter:blur(44px)}
}
@media(prefers-reduced-motion:reduce){.showcase-vial .vial-motion,.hs-glow,.hs-stripe{animation:none!important}.showcase-deck{transition:none}}

/* ============ HOMEPAGE HERO — CINEMATIC LAB STAGE ============ */
.hero-v13{padding:0;border:0;background:#03142c;color:#f5f8fd;isolation:isolate;overflow:hidden}
.hero-v13::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.62;
  background-image:linear-gradient(rgba(126,175,226,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(126,175,226,.055) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.hero-v13::after{content:"";position:absolute;z-index:0;inset:-25% -10%;pointer-events:none;
  background:radial-gradient(ellipse 48% 40% at 50% 34%,rgba(61,125,202,.22),transparent 72%),radial-gradient(ellipse 34% 24% at 86% 72%,rgba(200,36,54,.15),transparent 72%)}
.hero13-shell{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:70px var(--gut) 28px}
.hero13-copy{position:relative;z-index:8;text-align:center;max-width:920px;margin:0 auto}
.hero13-flag{display:inline-flex;align-items:center;gap:9px;margin-bottom:22px;padding:7px 13px;border:1px solid rgba(180,207,238,.22);border-radius:999px;background:rgba(11,35,68,.68);box-shadow:0 12px 34px rgba(0,0,0,.16);backdrop-filter:blur(12px)}
.hero13-flag img{width:17px;height:19px}.hero13-flag span{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#c9d8ea}
.hero-v13 h1{max-width:none;margin:0;font-size:clamp(48px,6.6vw,88px);font-weight:800;font-stretch:118%;line-height:.91;letter-spacing:-.052em;color:#fff;text-wrap:balance}
.hero-v13 h1 span,.hero-v13 h1 em{display:block}.hero-v13 h1 em{font-style:normal;color:#8fc2fa;text-shadow:0 0 40px rgba(83,155,233,.16)}
.hero13-copy .lede{max-width:670px;margin:24px auto 0;color:#b9c9de;font-size:17px;line-height:1.72}
.hero13-actions{display:flex;justify-content:center;gap:11px;margin-top:28px;flex-wrap:wrap}
.hero13-actions .btn{min-height:50px;padding-inline:22px}.hero13-actions .btn-primary{background:#fff;color:#071a35;border-color:#fff}.hero13-actions .btn-primary:hover{background:#dfeeff;border-color:#dfeeff;color:#071a35}.hero13-actions .btn-ghost{border-color:rgba(189,211,237,.28);color:#edf5ff;background:rgba(255,255,255,.035)}.hero13-actions .btn-ghost:hover{border-color:#9fc7f0;background:rgba(126,178,232,.1)}
.hero13-stage{position:relative;height:380px;max-width:980px;margin:12px auto 0;isolation:isolate}
.hero13-stage::before{content:"";position:absolute;z-index:0;left:7%;right:7%;bottom:4%;height:58%;border-radius:50%;filter:blur(22px);pointer-events:none;
  background:radial-gradient(ellipse at 50% 62%,rgba(83,152,226,.31),rgba(27,74,129,.12) 42%,transparent 72%)}
.hero13-light{position:absolute;z-index:0;pointer-events:none;border-radius:999px;filter:blur(12px);opacity:.55;will-change:transform}
.hero13-light.blue{width:72%;height:44px;left:-3%;bottom:26%;transform:rotate(9deg);background:linear-gradient(90deg,transparent,rgba(75,148,226,.9),transparent);animation:hero13Blue 10s ease-in-out infinite alternate}
.hero13-light.red{width:66%;height:38px;right:-2%;bottom:20%;transform:rotate(-9deg);background:linear-gradient(90deg,transparent,rgba(212,47,66,.82),transparent);animation:hero13Red 11s ease-in-out infinite alternate}
.hero13-micro{position:absolute;z-index:6;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:9px;line-height:1.7;letter-spacing:.16em;text-transform:uppercase;color:#91a9c6}
.hero13-micro.left{left:0;text-align:left}.hero13-micro.right{right:0;text-align:right}
.hero13-micro b{display:block;margin-bottom:5px;color:#f1f6fc;font-size:11px;letter-spacing:.1em}
.hero13-vials{position:absolute;z-index:3;inset:0;pointer-events:none}
.hero13-vial{position:absolute;bottom:8px;left:50%;width:182px;height:326px;transform-origin:50% 100%}
.hero13-vial .hero13-motion{width:100%;height:100%;display:grid;place-items:center;will-change:transform;animation:hero13Float 6.8s cubic-bezier(.45,.05,.55,.95) infinite}
.hero13-vial img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 23px rgba(0,0,0,.38)) drop-shadow(0 0 26px rgba(98,161,227,.16));backface-visibility:hidden}
.hero13-vial.center{z-index:5;width:205px;height:362px;transform:translateX(-50%)}
.hero13-vial.left{z-index:3;transform:translateX(-142%) translateY(25px) rotate(-3deg) scale(.9)}
.hero13-vial.right{z-index:3;transform:translateX(42%) translateY(25px) rotate(3deg) scale(.9)}
.hero13-vial.left .hero13-motion{animation-duration:7.5s;animation-delay:-2.2s}.hero13-vial.right .hero13-motion{animation-duration:7.1s;animation-delay:-4.4s}
.hero13-proof{position:relative;z-index:8;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:940px;margin:-4px auto 0}
.hero13-proof article{display:flex;align-items:center;gap:13px;min-height:78px;padding:15px 18px;border:1px solid rgba(167,196,229,.16);border-radius:16px;background:rgba(8,31,62,.72);box-shadow:0 18px 40px rgba(0,0,0,.15);backdrop-filter:blur(16px)}
.hero13-proof i{font-style:normal;display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:rgba(92,156,225,.13);color:#8fc2fa}
.hero13-proof b{display:block;font-family:var(--disp);font-size:14px;line-height:1.2;color:#f6f9fd}.hero13-proof span{display:block;margin-top:4px;font-family:var(--mono);font-size:8.5px;line-height:1.45;letter-spacing:.09em;text-transform:uppercase;color:#94aac5}
@keyframes hero13Float{0%,100%{transform:translate3d(0,4px,0)}50%{transform:translate3d(0,-8px,0)}}
@keyframes hero13Blue{0%{transform:translate3d(-3%,3px,0) rotate(9deg);opacity:.34}100%{transform:translate3d(5%,-5px,0) rotate(6deg);opacity:.68}}
@keyframes hero13Red{0%{transform:translate3d(4%,2px,0) rotate(-9deg);opacity:.3}100%{transform:translate3d(-5%,-6px,0) rotate(-6deg);opacity:.62}}
@media(max-width:900px){.hero13-micro{display:none}.hero13-stage{max-width:700px}.hero13-proof{max-width:760px}}
@media(max-width:640px){
  .hero13-shell{padding:42px 18px 18px}.hero13-flag{margin-bottom:17px}.hero13-flag span{font-size:8.8px}
  .hero-v13 h1{font-size:clamp(39px,12.2vw,54px);line-height:.94;letter-spacing:-.045em}
  .hero13-copy .lede{margin-top:19px;font-size:15px;line-height:1.62;max-width:36ch}
  .hero13-actions{display:grid;grid-template-columns:1fr;margin-top:23px}.hero13-actions .btn{width:100%;justify-content:center}
  .hero13-stage{height:272px;margin-top:20px;width:100%}.hero13-vial{width:112px;height:205px;bottom:10px}
  .hero13-vial.center{width:129px;height:235px}.hero13-vial.left{transform:translateX(-137%) translateY(17px) rotate(-2deg) scale(.92)}.hero13-vial.right{transform:translateX(37%) translateY(17px) rotate(2deg) scale(.92)}
  .hero13-light.blue{width:92%;left:-22%;bottom:25%;height:26px}.hero13-light.red{width:90%;right:-20%;bottom:18%;height:24px}
  .hero13-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:0}.hero13-proof article{display:block;text-align:center;min-height:86px;padding:11px 6px;border-radius:12px}.hero13-proof i{width:28px;height:28px;margin:0 auto 8px}.hero13-proof b{font-size:11px}.hero13-proof span{font-size:7px;letter-spacing:.06em}
}
@media(max-width:380px){.hero13-stage{height:250px}.hero13-vial{width:99px;height:184px}.hero13-vial.center{width:116px;height:214px}.hero13-proof b{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero13-vial .hero13-motion,.hero13-light{animation:none!important}}

/* ============ HOMEPAGE HERO — SEAMLESS PRODUCT RAIL ============ */
.hero.hero-v14{padding:0;border:0;background:
  radial-gradient(ellipse 70% 46% at 50% 78%,rgba(87,151,218,.18),transparent 72%),
  radial-gradient(ellipse 38% 34% at 96% 58%,rgba(196,34,53,.075),transparent 74%),
  radial-gradient(ellipse 34% 30% at 3% 20%,rgba(40,105,181,.085),transparent 74%),
  linear-gradient(180deg,var(--surface) 0%,var(--ground) 68%,var(--ground) 100%);color:var(--ink);overflow:hidden;isolation:isolate}
.hero.hero-v14::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;opacity:.15;background-image:radial-gradient(circle,var(--bright) .7px,transparent .8px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.hero14-stars{position:absolute;z-index:1;inset:-18px;overflow:hidden;pointer-events:none}
.hero14-stars i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);background:var(--bright);opacity:.28;clip-path:polygon(50% 0,59% 41%,100% 50%,59% 59%,50% 100%,41% 59%,0 50%,41% 41%);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--bright) 55%,transparent));animation:hero14Star var(--t) ease-in-out var(--d) infinite alternate;will-change:transform,opacity}
.hero14-stars i.red{background:var(--accent);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--accent) 45%,transparent))}.hero14-stars i.soft{opacity:.17}
:root[data-theme="dark"] .hero.hero-v14{background:
  radial-gradient(ellipse 70% 46% at 50% 78%,rgba(67,127,196,.22),transparent 72%),
  radial-gradient(ellipse 38% 34% at 96% 58%,rgba(210,57,76,.105),transparent 74%),
  radial-gradient(ellipse 34% 30% at 3% 20%,rgba(72,133,202,.13),transparent 74%),
  linear-gradient(180deg,var(--surface) 0%,var(--ground) 78%)}
.hero14-shell{position:relative;z-index:1;display:flex;flex-direction:column;max-width:var(--maxw);margin:0 auto;padding:62px var(--gut) 34px}
.hero14-copy{position:relative;z-index:7;order:1;max-width:900px;margin:0 auto;text-align:center}
.hero14-flag{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;padding:7px 14px 7px 8px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--ground) 86%,transparent);box-shadow:var(--shadow-1);backdrop-filter:blur(14px)}
.hero14-flag img{width:18px;height:20px}.hero14-flag span{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.hero.hero-v14 h1{max-width:none;margin:0;font-size:clamp(54px,7.1vw,92px);font-weight:800;font-stretch:118%;line-height:.9;letter-spacing:-.057em;color:var(--ink);text-wrap:balance}
.hero.hero-v14 h1 span,.hero.hero-v14 h1 em{display:block}.hero.hero-v14 h1 em{font-style:normal;color:var(--signal)}
.hero.hero-v14 .lede{max-width:660px;margin:22px auto 0;font-size:17px;line-height:1.7;color:var(--ink-2)}
.hero14-actions{display:flex;justify-content:center;gap:11px;margin-top:27px;flex-wrap:wrap}.hero14-actions .btn{min-height:50px;padding-inline:22px}
.hero14-stage{position:relative;order:2;height:330px;width:min(980px,calc(100vw - 36px));margin:30px auto 0;isolation:isolate;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,black 8%,black 92%,transparent 100%)}
.hero14-stage::before{content:"";position:absolute;z-index:0;left:8%;right:8%;bottom:4%;height:46%;border-radius:50%;pointer-events:none;filter:blur(24px);background:radial-gradient(ellipse,rgba(70,132,198,.25),rgba(70,132,198,.065) 46%,transparent 73%)}
.hero14-stage::after{content:"";position:absolute;z-index:1;left:50%;top:50%;width:470px;height:235px;transform:translate(-50%,-45%);border:0;border-radius:50%;pointer-events:none;box-shadow:0 0 70px rgba(83,146,212,.11),inset 0 0 70px rgba(83,146,212,.07);animation:hero14Halo 6.8s ease-in-out infinite alternate}
.hero14-orbit{display:none}
.hero14-sweep{position:absolute;z-index:0;pointer-events:none;border-radius:999px;filter:blur(17px);will-change:transform}
.hero14-sweep.blue{width:76%;height:36px;left:-5%;bottom:22%;background:linear-gradient(90deg,transparent,rgba(51,119,193,.54),transparent);transform:rotate(6deg);animation:hero14Blue 12s ease-in-out infinite alternate}
.hero14-sweep.red{width:70%;height:32px;right:-6%;bottom:16%;background:linear-gradient(90deg,transparent,rgba(200,36,54,.42),transparent);transform:rotate(-6deg);animation:hero14Red 13s ease-in-out infinite alternate}
.hero14-vials{position:absolute;z-index:3;inset:0;pointer-events:none}
.hero14-vial{position:absolute;left:0;top:24px;width:142px;height:270px;transform-origin:50% 88%;will-change:transform;backface-visibility:hidden}
.hero14-vial img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 28px 22px rgba(11,34,64,.25)) drop-shadow(0 0 20px rgba(75,138,205,.12));backface-visibility:hidden}
.hero14-vial::after{content:"";position:absolute;left:24%;right:24%;bottom:4px;height:12px;border-radius:50%;background:rgba(9,31,59,.2);filter:blur(8px);transform:scaleX(1.15)}
:root[data-theme="dark"] .hero14-vial img{filter:drop-shadow(0 30px 25px rgba(0,0,0,.46)) drop-shadow(0 0 22px rgba(86,149,216,.13))}
.hero14-stage-label{position:absolute;z-index:2;left:50%;top:48%;transform:translate(-50%,-50%);width:clamp(150px,18vw,230px);height:auto;opacity:.075;filter:grayscale(1) contrast(.78);object-fit:contain;user-select:none;pointer-events:none}
@keyframes hero14Blue{0%{transform:translate3d(-4%,4px,0) rotate(6deg);opacity:.34}100%{transform:translate3d(5%,-5px,0) rotate(4deg);opacity:.65}}
@keyframes hero14Red{0%{transform:translate3d(5%,3px,0) rotate(-6deg);opacity:.28}100%{transform:translate3d(-5%,-6px,0) rotate(-4deg);opacity:.58}}
@keyframes hero14Halo{0%{transform:translate(-50%,-45%) scale(.93);opacity:.48}100%{transform:translate(-50%,-45%) scale(1.06);opacity:.9}}
@keyframes hero14Star{0%{transform:translate3d(-4px,10px,0) rotate(0deg) scale(.65);opacity:.12}45%{opacity:.62}100%{transform:translate3d(7px,-17px,0) rotate(32deg) scale(1.12);opacity:.32}}
@media(max-width:640px){
  .hero14-shell{padding:10px 0 38px}.hero14-stage{order:1;height:238px;width:100%;margin:0 auto 18px;mask-image:linear-gradient(90deg,transparent 0,black 5%,black 95%,transparent 100%)}.hero14-copy{order:2;padding:0 18px}
  .hero14-flag{margin-bottom:16px}.hero14-flag span{font-size:8.5px}.hero.hero-v14 h1{font-size:clamp(39px,12vw,50px);line-height:.94;letter-spacing:-.046em}.hero.hero-v14 .lede{max-width:35ch;margin-top:18px;font-size:15px;line-height:1.64}
  .hero14-actions{display:grid;grid-template-columns:1fr;margin-top:23px}.hero14-actions .btn{width:100%;justify-content:center}
  .hero14-vial{top:17px;width:92px;height:182px}.hero14-orbit{width:440px;height:126px}.hero14-stage::after{width:280px;height:155px}.hero14-stage-label{width:136px;top:50%}
  .hero14-sweep.blue{width:102%;left:-30%;bottom:24%;height:24px}.hero14-sweep.red{width:96%;right:-27%;bottom:17%;height:20px}
}
@media(max-width:380px){.hero14-stage{height:222px}.hero14-vial{width:84px;height:168px}.hero14-stage-label{width:120px}}
@media(prefers-reduced-motion:reduce){.hero14-sweep,.hero14-stage::after,.hero14-stars i{animation-duration:18s!important}}

/* ============ BASE ============ */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);
     font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4,h5{font-family:var(--disp);font-stretch:112%;margin:0;text-wrap:balance;letter-spacing:-.018em;line-height:1.1}
p{margin:0}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--bright);outline-offset:2px;border-radius:2px}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}
.pdp>*,.shop>*,.cart-grid>*,.two-col>*,.hero-grid>*,.pgrid>*,.fgrid>*,.cattiles>*,
.acards>*,.bgrid>*,.pipe>*,.hero-stats>*,.fcols>*,.summary>*,.pcard-body>*{min-width:0}
.pcard h3,.acard h3,.cattile h3,.fitem h3,.bundle-card h3,.cart-line h4{overflow-wrap:anywhere}
.eyebrow{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.17em;
         text-transform:uppercase;color:var(--ink-3)}
.eyebrow b{color:var(--signal);font-weight:500}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.lede{font-size:17px;line-height:1.7;color:var(--ink-2);max-width:66ch}

/* ============ BRAND MARKS ============ */
.mark-lockup,.mark-shield{
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-position:center;mask-position:center;
  background-color:var(--ink);display:block;flex:none}
.mark-lockup{width:178px;height:54px}
.mark-shield{width:34px;height:34px}
.mark-lockup.on-deep,.mark-shield.on-deep{background-color:var(--deep-ink)}
.brand{display:inline-flex;align-items:center;gap:13px}
.brand .flagmark{width:25px;height:28px;flex:none}
.brand .div{width:1px;align-self:stretch;margin:6px 0;background:var(--line);flex:none}
.brand.on-deep .div{background:var(--deep-line)}
@media(max-width:340px){.mark-lockup{width:106px}.brand{gap:6px}.brand .flagmark{width:14px;height:17px}}

/* ============ BUTTONS ============ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--disp);font-stretch:105%;font-weight:600;font-size:14px;letter-spacing:.005em;
  padding:13px 24px;border-radius:var(--r);border:1px solid transparent;
  transition:background .16s,color .16s,border-color .16s,box-shadow .16s,transform .1s;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--ink);color:var(--ground);box-shadow:var(--shadow-1)}
.btn-primary:hover{background:var(--signal);color:#fff;box-shadow:0 6px 18px rgba(10,126,194,.28)}
.btn-bright{background:var(--bright);color:#04303F;box-shadow:0 4px 14px rgba(0,168,225,.26)}
.btn-bright:hover{filter:brightness(1.07);box-shadow:0 8px 22px rgba(0,168,225,.34)}
.btn-accent{background:var(--accent);color:#fff}
.btn-accent:hover{filter:brightness(1.1)}
.btn-ghost{border-color:var(--line);color:var(--ink);background:var(--ground);box-shadow:var(--shadow-1)}
.btn-ghost:hover{border-color:var(--bright);color:var(--signal)}
.btn-deep{background:var(--deep-ink);color:var(--deep)}
.btn-deep:hover{background:#fff}
.btn-deep-ghost{border-color:var(--deep-line);color:var(--deep-ink)}
.btn-deep-ghost:hover{border-color:var(--deep-ink-2);background:rgba(255,255,255,.06)}
.btn-sm{padding:9px 15px;font-size:12.5px}
.btn-block{width:100%}
.btn[disabled]{opacity:.4;pointer-events:none;box-shadow:none}

/* ============ CHIPS ============ */
.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);
  font-size:10.5px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;
  padding:5px 10px;border-radius:3px;border:1px solid var(--line);color:var(--ink-2);background:var(--ground)}
.chip.verified{color:var(--verified);border-color:color-mix(in srgb,var(--verified) 28%,transparent);background:var(--verified-soft)}
.chip.signal{color:var(--signal);border-color:color-mix(in srgb,var(--bright) 40%,transparent);background:var(--bright-soft)}
.chip.accent{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 26%,transparent);background:var(--accent-soft)}
.dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.dot.pulse{animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}

/* ============ RESEARCHER GATE ============ */
#gate{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;overflow-y:auto;
  background:radial-gradient(1100px 620px at 50% -8%,var(--surface-2) 0%,var(--ground) 62%)}
#gate.hide{display:none}
.gate-card{max-width:530px;width:100%;text-align:center;animation:gateIn .55s cubic-bezier(.2,.7,.3,1) both;
  background:var(--ground);border:1px solid var(--line);border-radius:12px;padding:44px 40px 34px;
  box-shadow:var(--shadow-3)}
@keyframes gateIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.gate-card .brand{margin:0 auto 26px}
.gate-card .mark-lockup{width:190px;height:58px}
.gate-card .flagmark{width:27px;height:31px}
.gate-card h2{font-size:clamp(21px,3.6vw,27px);margin-bottom:12px}
.gate-card>p{color:var(--ink-2);font-size:14.5px;line-height:1.65}
.gate-checks{display:flex;flex-direction:column;gap:8px;margin:26px 0 22px;text-align:left}
.gate-check{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);
  background:var(--surface);cursor:pointer;transition:border-color .15s,background .15s;border-radius:var(--r)}
.gate-check:hover{border-color:var(--bright);background:var(--bright-soft)}
.gate-check input{margin:2px 0 0;accent-color:var(--bright);width:16px;height:16px;flex:none}
.gate-check span{font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.gate-check span b{color:var(--ink)}
.gate-foot{margin-top:24px;padding-top:20px;border-top:1px solid var(--line-soft);
  font-size:11px;color:var(--ink-3);line-height:1.65;font-family:var(--mono)}
.gate-exit{color:var(--ink-3);text-decoration:underline;font-size:13px;display:inline-block;margin-top:14px}
.gate-exit:hover{color:var(--ink-2)}

/* ============ HEADER ============ */
.topbar{position:relative;background:
  radial-gradient(420px 80px at 8% 50%,rgba(36,126,207,.19),transparent 70%),
  radial-gradient(340px 80px at 94% 50%,rgba(194,52,64,.14),transparent 72%),var(--deep);
  color:var(--deep-ink-2);font-family:var(--mono);overflow:hidden}
.topbar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,#c33440 0 25%,rgba(255,255,255,.7) 40% 60%,#2d7fc4 75% 100%);opacity:.72}
.topbar-inner{min-height:43px;display:flex;align-items:center;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.topbar-american{display:flex;align-items:center;gap:10px;color:#fff;white-space:nowrap;flex:none}
.topbar-emblem{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);
  border-radius:50%;background:rgba(255,255,255,.08);box-shadow:0 0 0 4px rgba(45,127,196,.07)}
.topbar-emblem img{width:17px;height:20px;object-fit:contain}
.topbar-american strong{font-family:var(--disp);font-size:11.5px;font-weight:700;letter-spacing:.075em;text-transform:uppercase}
.topbar-american small{color:var(--deep-ink-2);font-size:9px;letter-spacing:.11em;text-transform:uppercase;margin-left:4px}
.topbar-track{display:flex;align-items:center;width:max-content;will-change:transform;animation:topbarSlide 18s linear infinite;transform:translate3d(0,0,0)}
.topbar-set{display:flex;align-items:center;flex:none;padding-right:0}
.topbar-american{padding:0 22px 0 10px;border-left:1px solid rgba(255,255,255,.1)}
.topbar-point{display:flex;align-items:center;gap:7px;padding:0 20px;border-left:1px solid rgba(255,255,255,.1);
  font-size:10.5px;letter-spacing:.045em;white-space:nowrap}
.topbar-check{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:9px;
  color:#fff;background:rgba(45,127,196,.28);border:1px solid rgba(100,177,232,.38)}
@keyframes topbarSlide{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:880px){.topbar-point{padding:0 16px}.topbar-track{animation-duration:16s}}
@media(max-width:590px){
  .topbar-inner{min-height:40px;padding-left:0;padding-right:0;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
  .topbar-emblem{width:26px;height:26px}.topbar-emblem img{width:15px;height:18px}
  .topbar-american strong{font-size:10px}.topbar-american small{display:none}
  .topbar-american{padding:0 16px}
  .topbar-track{animation-duration:13s}
  .topbar-point{font-size:9px;padding:0 14px}
}

header.site{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.88);
  backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--line)}
:root[data-theme="dark"] header.site{background:rgba(10,17,32,.88)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) header.site{background:rgba(10,17,32,.88)}}
.hdr{display:flex;align-items:center;gap:24px;height:80px}
.hdr-search{flex:1;max-width:440px;position:relative}
.hdr-search input{width:100%;padding:11px 14px 11px 40px;border:1px solid var(--line);
  border-radius:999px;background:var(--surface);font-size:14px;transition:border-color .15s,background .15s,box-shadow .15s}
.hdr-search input:focus{background:var(--ground);border-color:var(--bright);outline:none;
  box-shadow:0 0 0 3px var(--bright-soft)}
.hdr-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink-3)}
.hdr-actions{display:flex;align-items:center;gap:4px;margin-left:auto}
.icon-btn{width:42px;height:42px;display:grid;place-items:center;border-radius:999px;
  color:var(--ink-2);transition:background .15s,color .15s;position:relative}
.icon-btn:hover{background:var(--surface-2);color:var(--signal)}
.cart-count{position:absolute;top:3px;right:2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;
  background:var(--accent);color:#fff;font-family:var(--mono);font-size:10px;font-weight:600;
  display:grid;place-items:center;line-height:1;border:2px solid var(--ground)}
.cart-count:empty,.cart-count[data-n="0"]{display:none}

nav.main{border-bottom:1px solid var(--line);background:var(--ground);position:relative}
nav.main::after{content:"";position:absolute;right:0;top:0;bottom:1px;width:56px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--ground));opacity:0;transition:opacity .2s}
nav.main.scrollable::after{opacity:1}
nav.main .wrap{display:flex;gap:0;overflow-x:auto;scrollbar-width:none}
nav.main .wrap::-webkit-scrollbar{display:none}
nav.main a{font-family:var(--disp);font-stretch:100%;font-weight:600;font-size:12px;letter-spacing:.025em;
  text-transform:uppercase;padding:15px 11px;color:var(--ink-2);white-space:nowrap;
  border-bottom:2px solid transparent;transition:color .15s,border-color .15s;display:flex;align-items:center;gap:7px}
nav.main a:hover{color:var(--signal)}
nav.main a.on{color:var(--ink);border-bottom-color:var(--bright)}
nav.main a .tag{font-family:var(--mono);font-size:9.5px;letter-spacing:.05em;padding:2px 6px;border-radius:3px;
  background:var(--bright);color:#04303F;text-transform:none;font-weight:600}
.burger{display:none}
@media(max-width:900px){
  .hdr{height:66px;gap:10px}
  .hdr-search{display:none}
  .burger{display:grid}
  .mark-lockup{width:136px;height:42px}
  .brand{gap:9px}.brand .flagmark{width:19px;height:22px}
  .hdr-actions{gap:0}
  .hdr-actions a[href="#/support"],.hdr-actions a[href="#/account"]{display:none}
  .icon-btn{width:40px;height:40px}
  nav.main{display:none}
  nav.main.open{display:block;position:fixed;inset:66px 0 0;z-index:89;overflow-y:auto;background:var(--ground)}
  nav.main.open .wrap{flex-direction:column;overflow:visible}
  nav.main.open a{padding:17px 0;border-bottom:1px solid var(--line-soft);font-size:15px}
  nav.main.open a.on{border-bottom-color:var(--line-soft)}
}

/* ============ SECTIONS ============ */
section{padding:84px 0}
section.tight{padding:54px 0}
section.deep{background:var(--deep);color:var(--deep-ink)}
section.deep h2,section.deep h3{color:var(--deep-ink)}
section.deep .eyebrow{color:var(--deep-ink-3)}
section.deep p{color:var(--deep-ink-2)}
section.surface{background:var(--surface)}
section.tint{background:linear-gradient(180deg,var(--surface-2) 0%,var(--surface) 50%,var(--ground) 100%)}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:38px;flex-wrap:wrap}
.sec-head h2{font-size:clamp(25px,3.6vw,36px)}
.sec-head .eyebrow{margin-bottom:12px;display:block}
.sec-head p{margin-top:12px}
@media(max-width:700px){section{padding:56px 0}}
/* ============ HERO ============ */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);
  background:
    radial-gradient(900px 520px at 78% 14%, var(--bright-soft) 0%, transparent 62%),
    radial-gradient(1000px 600px at 12% 0%, var(--surface-2) 0%, transparent 66%),
    linear-gradient(180deg,var(--surface) 0%,var(--ground) 78%)}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.55}
.hero .wrap{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:34px;align-items:center;padding:68px 0 64px}
.hero-copy{position:relative;z-index:2}
.hero h1{font-size:clamp(46px,4.25vw,68px);font-weight:800;font-stretch:116%;line-height:.98;color:var(--ink);letter-spacing:-.035em;max-width:13.5ch}
.hero h1 em{font-style:normal;color:var(--signal)}
.hero h1 .hero-line{display:block}
.hero .lede{font-size:17px;margin-top:22px;max-width:50ch}
.hero-flag{display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 7px;border-radius:999px;
  background:var(--ground);border:1px solid var(--line);box-shadow:var(--shadow-1);margin-bottom:22px}
.hero-flag img{width:17px;height:19px}
.hero-flag span{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2)}
.hero-cta{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:48px}
.hero-stat{background:var(--ground);border:1px solid var(--line);border-radius:var(--r);
  padding:18px 20px;box-shadow:var(--shadow-1)}
.hero-stat b{display:block;font-family:var(--disp);font-stretch:112%;font-size:26px;font-weight:800;
  color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}
.hero-stat span{font-family:var(--mono);font-size:10px;letter-spacing:.11em;text-transform:uppercase;
  color:var(--ink-3);display:block;margin-top:9px;line-height:1.45}
.hero-art{position:relative}
.hero-art img.shot{width:100%;border-radius:16px;background:#fff;box-shadow:var(--shadow-3)}
.hero-art .float{position:absolute;background:var(--ground);border:1px solid var(--line);
  border-radius:var(--r);padding:12px 15px;box-shadow:var(--shadow-2)}
.hero-art .f1{top:5%;left:-9%}
.hero-art .f2{bottom:-3%;right:4%}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.hero-art .float .k{font-family:var(--mono);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;
  color:var(--ink-3);display:flex;align-items:center;gap:6px}
.hero-art .float .v{font-family:var(--disp);font-stretch:110%;font-weight:700;font-size:16.5px;color:var(--ink);
  font-variant-numeric:tabular-nums;margin-top:3px}
@media(max-width:960px){.hero-grid{grid-template-columns:1fr;gap:44px;padding:56px 0 64px}
  .hero-art{max-width:400px;margin:0 auto}.hero-art .f1{left:0}.hero-art .f2{right:0}}
@media(max-width:520px){.hero-stats{grid-template-columns:1fr}.hero-art .float{display:none}}

/* ============ MARQUEE ============ */
.marq{background:var(--ground);border-bottom:1px solid var(--line);overflow:hidden;padding:15px 0}
.marq-track{display:flex;gap:46px;width:max-content;animation:marq 86s linear infinite;will-change:transform}
.marq:hover .marq-track,.marq:focus-within .marq-track{animation-play-state:paused}
.marq:hover .marq-track{animation-play-state:paused}
@keyframes marq{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 23px),0,0)}}
.marq-item{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11px;
  letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap}
.marq-item svg{color:var(--bright)}

/* ============ VIAL (SVG product art) ============ */
.vial{display:block;width:100%;max-width:212px;height:auto;min-width:0;
  transition:transform .28s cubic-bezier(.2,.7,.3,1)}
.vial-wrap{background:linear-gradient(165deg,var(--ground) 0%,var(--surface-2) 100%);
  display:flex;align-items:center;justify-content:center;padding:24px;position:relative;
  overflow:hidden;min-width:0;border-bottom:1px solid var(--line-soft)}
.vial-wrap .stock{position:absolute;top:11px;left:11px;z-index:2}
.vial-wrap .save{position:absolute;top:11px;right:11px;z-index:2}

/* ============ PRODUCT CARD ============ */
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
@media(max-width:1080px){.pgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.pgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.pgrid{grid-template-columns:1fr}}
.pcard{background:var(--ground);display:flex;flex-direction:column;position:relative;
  transition:box-shadow .2s,transform .2s}
.pcard:hover{box-shadow:var(--shadow-2);z-index:2}
.pcard:hover .vial{transform:translateY(-5px) scale(1.02)}
.pcard:hover .pcard-foot .btn{border-color:var(--bright);color:var(--signal)}
.pcard-body{padding:17px 17px 19px;display:flex;flex-direction:column;flex:1;gap:9px}
.pcard-cat{font-family:var(--mono);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}
.pcard h3{font-size:17.5px;font-weight:700;font-stretch:108%;line-height:1.2}
.pcard .spec{display:flex;gap:14px;font-family:var(--mono);font-size:10.5px;color:var(--ink-2);
  border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:8px 0;
  font-variant-numeric:tabular-nums;flex-wrap:wrap}
.pcard .spec i{font-style:normal;color:var(--ink-3)}
.pcard-foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-top:5px}
.price{font-family:var(--disp);font-stretch:110%;font-weight:800;font-size:21px;
  font-variant-numeric:tabular-nums;line-height:1;color:var(--ink)}
.price small{font-family:var(--mono);font-size:10.5px;font-weight:400;color:var(--ink-3);display:block;
  margin-top:6px;letter-spacing:.05em;text-transform:uppercase}
.price s{color:var(--ink-3);font-weight:500;font-size:14px;margin-right:7px}
.pcard .sizes{display:flex;gap:5px;flex-wrap:wrap}
.size-pill{font-family:var(--mono);font-size:10px;padding:3px 8px;border:1px solid var(--line);
  border-radius:3px;color:var(--ink-2);letter-spacing:.04em;background:var(--surface)}

/* ============ SHOP LAYOUT ============ */
.shop{display:grid;grid-template-columns:248px 1fr;gap:40px;align-items:start}
.filters{position:sticky;top:158px;display:flex;flex-direction:column;gap:28px}
.fgroup h4{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ink-3);font-weight:500;font-stretch:100%;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.fopt{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13.5px;color:var(--ink-2);
  cursor:pointer;transition:color .13s}
.fopt:hover{color:var(--signal)}
.fopt input{accent-color:var(--bright);width:15px;height:15px;flex:none}
.fopt .n{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--ink-3)}
.shop-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px;
  padding-bottom:16px;border-bottom:1px solid var(--line)}
.shop-bar .count{font-family:var(--mono);font-size:11.5px;color:var(--ink-3);letter-spacing:.05em}
.shop-bar select{margin-left:auto;padding:9px 13px;border:1px solid var(--line);border-radius:var(--r);
  background:var(--ground);font-size:13px}
.filter-toggle{display:none}
@media(max-width:900px){
  .shop{grid-template-columns:1fr}
  .filters{position:static;display:none}
  .filters.open{display:flex}
  .filter-toggle{display:inline-flex}
}

/* ============ PRODUCT DETAIL ============ */
.pdp{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.pdp-art{position:sticky;top:158px}
.pdp-art .vial-wrap{border:1px solid var(--line);border-radius:10px 10px 0 0;padding:52px 44px;min-height:440px;
  background:linear-gradient(165deg,var(--ground) 0%,var(--surface-2) 100%)}
.pdp-art .vial{max-width:270px}
.pdp h1{font-size:clamp(29px,4.1vw,42px);font-weight:800;margin:12px 0}
.pdp-trust{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 24px}
.opt-row{margin:26px 0}
.opt-row h4{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ink-3);font-weight:500;font-stretch:100%;margin-bottom:11px}
.opts{display:flex;gap:9px;flex-wrap:wrap}
.opt{border:1px solid var(--line);border-radius:var(--r);padding:12px 17px;text-align:left;
  transition:border-color .15s,background .15s,box-shadow .15s;min-width:106px;background:var(--ground)}
.opt:hover{border-color:var(--bright)}
.opt.on{border-color:var(--bright);background:var(--bright-soft);box-shadow:0 0 0 1px var(--bright)}
.opt b{display:block;font-family:var(--disp);font-stretch:108%;font-size:15px;font-weight:700}
.opt span{font-family:var(--mono);font-size:11.5px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.buy{border:1px solid var(--line);border-radius:10px;padding:22px;background:var(--surface);
  margin:28px 0;box-shadow:var(--shadow-1)}
.buy-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.buy .price{font-size:36px}
.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--r);background:var(--ground)}
.qty button{width:40px;height:44px;display:grid;place-items:center;color:var(--ink-2);font-size:17px}
.qty button:hover{color:var(--signal);background:var(--surface-2)}
.qty input{width:46px;height:44px;text-align:center;border:0;background:none;font-family:var(--mono);
  font-size:14px;font-variant-numeric:tabular-nums}
.spec-table{width:100%;border-collapse:collapse;font-size:13.5px}
.spec-table th,.spec-table td{text-align:left;padding:12px 0;border-bottom:1px solid var(--line-soft);vertical-align:top}
.spec-table th{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-3);font-weight:500;width:44%}
.spec-table td{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink)}
.tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin:46px 0 0;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{font-family:var(--disp);font-stretch:105%;font-weight:600;font-size:12.5px;letter-spacing:.04em;
  text-transform:uppercase;padding:15px 18px;color:var(--ink-3);border-bottom:2px solid transparent;white-space:nowrap}
.tab:hover{color:var(--signal)}
.tab.on{color:var(--ink);border-bottom-color:var(--bright)}
.tabpane{padding:32px 0;display:none;max-width:74ch}
.tabpane.on{display:block;animation:fade .3s ease both}
@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.tabpane h4{font-size:16px;margin:28px 0 10px}
.tabpane h4:first-child{margin-top:0}
.tabpane p{color:var(--ink-2);margin-bottom:12px}
.tabpane ul{color:var(--ink-2);padding-left:20px;margin:0 0 14px}
.tabpane li{margin-bottom:7px}
@media(max-width:900px){.pdp{grid-template-columns:1fr;gap:34px}.pdp-art{position:static}}

/* ============ TESTING PIPELINE (light) ============ */
.pipe{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
@media(max-width:1080px){.pipe{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.pipe{grid-template-columns:repeat(2,1fr)}}
@media(max-width:440px){.pipe{grid-template-columns:1fr}}
.pstep{background:var(--ground);border:1px solid var(--line);border-radius:var(--r);
  padding:20px 16px 22px;text-align:left;position:relative;overflow:hidden;
  transition:box-shadow .2s,border-color .2s,transform .2s;box-shadow:var(--shadow-1)}
.pstep:hover{box-shadow:var(--shadow-2);border-color:var(--bright);transform:translateY(-2px)}
.pstep .n{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--signal);font-weight:600}
.pstep b{display:block;font-family:var(--disp);font-stretch:110%;font-weight:700;font-size:14.5px;
  color:var(--ink);margin:10px 0 8px;line-height:1.25}
.pstep p{font-size:12.5px;line-height:1.55;color:var(--ink-2)}
.pstep::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--bright);
  transform:scaleX(0);transform-origin:left;transition:transform .3s}
.pstep:hover::after{transform:scaleX(1)}

/* ============ FEATURE GRID ============ */
.fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
@media(max-width:1000px){.fgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.fgrid{grid-template-columns:1fr}}
.fitem{background:var(--ground);padding:30px 26px 32px;transition:background .18s}
.fitem:hover{background:var(--surface)}
.fitem .ic{width:34px;height:34px;color:var(--bright);margin-bottom:18px}
.fitem h3{font-size:16.5px;margin-bottom:9px}
.fitem p{font-size:13.5px;color:var(--ink-2);line-height:1.6}
section.deep .fgrid{background:var(--deep-line);border-color:var(--deep-line)}
section.deep .fitem{background:var(--deep)}
section.deep .fitem:hover{background:var(--deep-2)}
section.deep .fitem p{color:var(--deep-ink-2)}

/* ============ CATEGORY TILES ============ */
.cattiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
@media(max-width:1000px){.cattiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.cattiles{grid-template-columns:1fr}}
.cattile{background:var(--ground);padding:28px 24px 30px;display:flex;flex-direction:column;gap:9px;
  transition:background .16s;position:relative;min-height:180px}
.cattile:hover{background:var(--bright-soft)}
.cattile .ic{width:30px;height:30px;color:var(--bright);margin-bottom:6px}
.cattile h3{font-size:17px}
.cattile p{font-size:13px;color:var(--ink-2);line-height:1.55}
.cattile .n{margin-top:auto;font-family:var(--mono);font-size:10.5px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;gap:7px}
.cattile:hover .n{color:var(--signal)}

/* ============ COA TABLE ============ */
.coa-tools{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.coa-tools input,.coa-tools select{padding:12px 15px;border:1px solid var(--line);border-radius:var(--r);
  background:var(--ground);font-size:14px;box-shadow:var(--shadow-1)}
.coa-tools input{flex:1;min-width:230px}
.coa-tools input:focus{border-color:var(--bright);outline:none;box-shadow:0 0 0 3px var(--bright-soft)}
.tblwrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--ground)}
table.data{width:100%;border-collapse:collapse;font-size:13.5px;min-width:740px}
table.data th{background:var(--surface);text-align:left;padding:14px 17px;font-family:var(--mono);
  font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:500;
  border-bottom:1px solid var(--line);white-space:nowrap}
table.data td{padding:14px 17px;border-bottom:1px solid var(--line-soft);vertical-align:middle}
table.data tr:last-child td{border-bottom:0}
table.data tbody tr:hover{background:var(--surface)}
table.data td.m{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:12.5px}
.link-a{color:var(--signal);font-weight:500;display:inline-flex;align-items:center;gap:6px}
.link-a:hover{text-decoration:underline}

/* ============ FAQ ============ */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{padding:21px 44px 21px 0;cursor:pointer;list-style:none;position:relative;
  font-family:var(--disp);font-stretch:106%;font-weight:600;font-size:16px;color:var(--ink);transition:color .15s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--signal)}
.faq summary::after{content:"";position:absolute;right:8px;top:27px;width:9px;height:9px;
  border-right:1.7px solid var(--bright);border-bottom:1.7px solid var(--bright);
  transform:rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(-135deg);top:31px}
.faq .ans{padding:0 44px 24px 0;color:var(--ink-2);font-size:14.5px;line-height:1.75;max-width:78ch}
.faq .ans p+p{margin-top:11px}

/* ============ ARTICLE / LEARN ============ */
.acards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
@media(max-width:1000px){.acards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.acards{grid-template-columns:1fr}}
.acard{background:var(--ground);padding:28px 24px 30px;display:flex;flex-direction:column;gap:11px;
  transition:background .16s}
.acard:hover{background:var(--surface)}
.acard h3{font-size:18px;line-height:1.28}
.acard:hover h3{color:var(--signal)}
.acard p{font-size:13.5px;color:var(--ink-2);line-height:1.62}
.acard .meta{margin-top:auto;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-3);display:flex;gap:12px;padding-top:6px}
.prose{max-width:70ch}
.prose h2{font-size:26px;margin:42px 0 14px}
.prose h3{font-size:18px;margin:30px 0 10px}
.prose p{color:var(--ink-2);margin-bottom:15px;font-size:15.5px;line-height:1.78}
.prose ul,.prose ol{color:var(--ink-2);padding-left:22px;margin-bottom:16px;font-size:15.5px;line-height:1.78}
.prose li{margin-bottom:8px}
.prose li::marker{color:var(--bright)}
.prose blockquote{border-left:3px solid var(--bright);padding:6px 0 6px 22px;margin:26px 0;
  color:var(--ink);font-size:17px;font-style:italic}
.callout{border:1px solid var(--line);border-left:3px solid var(--bright);background:var(--surface);
  padding:19px 21px;margin:28px 0;border-radius:0 var(--r) var(--r) 0}
.callout b{display:block;font-family:var(--disp);font-stretch:106%;font-size:14px;margin-bottom:6px}
.callout p{font-size:13.5px;color:var(--ink-2);margin:0}
.callout.warn{border-left-color:var(--accent)}
/* ============ CART ============ */
.cart-grid{display:grid;grid-template-columns:1fr 340px;gap:38px;align-items:start}
.cart-line{display:grid;grid-template-columns:76px 1fr auto;gap:16px;padding:18px 0;
  border-bottom:1px solid var(--line);align-items:center}
.cart-line .thumb{background:linear-gradient(165deg,var(--ground),var(--surface-2));
  border:1px solid var(--line-soft);border-radius:var(--r);padding:6px}
.cart-line h4{font-size:15px;margin-bottom:4px}
.cart-line .sub{font-family:var(--mono);font-size:11.5px;color:var(--ink-3);letter-spacing:.04em}
.cart-line .rm{border:0;background:none;font:inherit;padding:0;font-family:var(--mono);font-size:11px;color:var(--ink-3);text-decoration:underline;margin-top:7px;display:inline-block;cursor:pointer}
.cart-line .rm:hover{color:var(--accent)}
.summary{border:1px solid var(--line);border-radius:10px;padding:24px;background:var(--ground);
  position:sticky;top:158px;box-shadow:var(--shadow-2)}
.summary h3{font-size:17px;margin-bottom:16px}
.srow{display:flex;justify-content:space-between;padding:9px 0;font-size:14px;color:var(--ink-2)}
.srow b{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);font-weight:500}
.srow.total{border-top:1px solid var(--line);margin-top:9px;padding-top:15px;font-size:16px;color:var(--ink)}
.srow.total b{font-family:var(--disp);font-stretch:110%;font-size:23px;font-weight:800}
.empty{text-align:center;padding:74px 24px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.empty h3{font-size:20px;margin-bottom:10px}
.empty p{color:var(--ink-2);margin-bottom:22px}
@media(max-width:860px){.cart-grid{grid-template-columns:1fr}.summary{position:static}}

/* ============ NOTICE BANNERS ============ */
.notice{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--surface);
  padding:17px 21px;display:flex;gap:14px;align-items:flex-start;border-radius:0 var(--r) var(--r) 0}
.notice svg{color:var(--accent);flex:none;margin-top:1px}
.notice p{font-size:13px;line-height:1.6;color:var(--ink-2)}
.notice b{color:var(--ink);font-weight:600}
.ribbon{background:var(--surface);border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);padding:16px 0}
.ribbon p{font-family:var(--mono);font-size:11px;letter-spacing:.07em;color:var(--ink-3);
  text-align:center;line-height:1.65}
.ribbon b{color:var(--accent);font-weight:600}

/* ============ NEWSLETTER ============ */
.nl{display:flex;gap:8px;max-width:400px;margin-top:18px}
.nl input{flex:1;padding:12px 14px;border:1px solid var(--deep-line);background:var(--deep-2);
  border-radius:var(--r);font-size:14px;color:var(--deep-ink)}
.nl input::placeholder{color:var(--deep-ink-3)}
.nl input:focus{border-color:var(--deep-ink-2);outline:none}

/* ============ FOOTER ============ */
footer.site{background:var(--deep);color:var(--deep-ink-2);padding:64px 0 0;border-top:1px solid var(--deep-line)}
.fcols{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:38px;padding-bottom:48px}
.fcols h4{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--deep-ink-3);font-weight:500;font-stretch:100%;margin-bottom:15px}
.fcols ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
.fcols a{font-size:13.5px;color:var(--deep-ink-2);transition:color .14s}
.fcols a:hover{color:#fff}
.fbrand p{font-size:13.5px;line-height:1.7;margin-top:20px;max-width:38ch}
.fbrand .usline{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:8px 14px 8px 9px;
  border:1px solid var(--deep-line);border-radius:999px;background:rgba(255,255,255,.04)}
.fbrand .usline img{width:20px;height:23px}
.fbrand .usline span{font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--deep-ink-2)}
.fbot{border-top:1px solid var(--deep-line);padding:22px 0 34px;display:flex;justify-content:space-between;
  gap:20px;flex-wrap:wrap;align-items:center}
.fbot p{font-family:var(--mono);font-size:11px;color:var(--deep-ink-3);letter-spacing:.04em}
.fbot .pay{display:flex;gap:8px;align-items:center;font-family:var(--mono);font-size:10px;
  letter-spacing:.09em;text-transform:uppercase;color:var(--deep-ink-3)}
.fdisc{border-top:1px solid var(--deep-line);padding:26px 0 40px}
.fdisc p{font-size:11.5px;line-height:1.75;color:var(--deep-ink-3);max-width:100ch}
.fdisc b{color:var(--deep-ink-2);font-weight:600}
@media(max-width:900px){.fcols{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:560px){.fcols{grid-template-columns:1fr}}

/* ============ MISC ============ */
.crumb{font-family:var(--mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;
  color:var(--ink-3);padding:20px 0;display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.crumb a:hover{color:var(--ink)}
.crumb span{color:var(--ink-3);opacity:.55}
.page-head{border-bottom:1px solid var(--line);padding:14px 0 46px}
.page-head h1{font-size:clamp(30px,5vw,48px);font-weight:800;margin-bottom:14px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
@media(max-width:860px){.two-col{grid-template-columns:1fr;gap:34px}}
.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(110px);
  background:var(--deep);color:var(--deep-ink);padding:15px 24px;border-radius:999px;z-index:150;
  font-size:14px;box-shadow:var(--shadow-2);transition:transform .3s cubic-bezier(.2,.7,.3,1);
  display:flex;align-items:center;gap:10px;max-width:calc(100vw - 40px)}
.toast.show{transform:translateX(-50%) translateY(0)}
.toast svg{color:var(--bright);flex:none}
.bundle-card{background:var(--ground);border:1px solid var(--line);border-radius:10px;
  padding:26px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-1);
  transition:box-shadow .2s,border-color .2s,transform .2s}
.bundle-card:hover{box-shadow:var(--shadow-2);border-color:var(--bright);transform:translateY(-2px)}
.bundle-card h3{font-size:19px}
.bundle-card .items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;
  border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:14px 0}
.bundle-card .items li{font-family:var(--mono);font-size:12px;color:var(--ink-2);display:flex;gap:9px;align-items:center}
.bundle-card .items li::before{content:"";width:4px;height:4px;background:var(--bright);flex:none;border-radius:1px}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:1000px){.bgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.bgrid{grid-template-columns:1fr}}
/* trust strip */
.tstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
@media(max-width:900px){.tstrip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.tstrip{grid-template-columns:1fr}}
.titem{background:var(--ground);padding:22px 20px;display:flex;gap:13px;align-items:flex-start}
.titem svg{color:var(--bright);flex:none;margin-top:1px}
.titem b{display:block;font-family:var(--disp);font-stretch:107%;font-size:14px;font-weight:700;margin-bottom:4px}
.titem span{font-size:12.5px;color:var(--ink-2);line-height:1.5}

/* ============================================================
   V7 — COA-FIRST STOREFRONT + MOBILE-FIRST REFINEMENT
   ============================================================ */

/* Product cards: evidence is a first-class action, not buried in tabs. */
.pgrid{gap:18px;background:transparent;border:0;border-radius:0;overflow:visible}
.pcard{border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-1)}
.pcard-media{display:block;background:var(--surface)}
.pcard .vial-wrap{min-height:275px;border-bottom:0;background:linear-gradient(160deg,var(--surface) 0%,var(--ground) 52%,var(--surface-2) 100%)}
.product-vial-art{width:100%;display:grid;place-items:center;min-height:220px}
.product-vial-art .vial{max-width:205px}
.pcard-verified{position:absolute;z-index:3;top:13px;right:13px;display:inline-flex;align-items:center;gap:6px;
  padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--verified-soft) 88%,var(--ground));
  border:1px solid color-mix(in srgb,var(--verified) 26%,var(--line));color:var(--verified);font-family:var(--mono);
  font-size:9.5px;font-weight:700;letter-spacing:.08em;box-shadow:var(--shadow-1)}
.pcard-coa{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}
.pcard-coa>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.pcard-coa-status{display:inline-flex;align-items:center;gap:6px;color:var(--verified);font-family:var(--disp);font-weight:800;font-size:13px}
.pcard-coa small{font-family:var(--mono);font-size:9.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.coa-pill{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 11px;border-radius:999px;
  border:1px solid color-mix(in srgb,var(--signal) 38%,var(--line));background:var(--ground);color:var(--signal);
  font-family:var(--disp);font-size:11.5px;font-weight:800;transition:.16s ease}
.coa-pill:hover{background:var(--signal);color:#fff;border-color:var(--signal)}
.pcard-body{padding:16px 16px 18px;gap:10px}
.pcard h3 a{display:block}
.pcard-stock{display:flex;align-items:center;gap:7px;color:var(--verified);font-size:12px;font-weight:650}
.pcard-stock .dot{width:7px;height:7px}
.pcard-foot{align-items:center}
.pcard-foot .btn{min-width:112px}

/* Product page COA passport */
.pdp-passport-mini{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;overflow:hidden;background:var(--ground)}
.pdp-passport-mini>div{padding:12px 14px;border-right:1px solid var(--line);min-width:0}
.pdp-passport-mini>div:last-child{border-right:0}
.pdp-passport-mini span,.coa-passport-grid span{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}
.pdp-passport-mini b,.coa-passport-grid b{display:block;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.coa-passport{margin:22px 0;border:1px solid color-mix(in srgb,var(--verified) 26%,var(--line));border-radius:15px;overflow:hidden;background:var(--ground);box-shadow:var(--shadow-1)}
.coa-passport-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--verified-soft);color:var(--verified);font-family:var(--mono);font-size:10px;letter-spacing:.08em;font-weight:800}
.coa-passport-head>span{display:flex;align-items:center;gap:7px}
.coa-passport-grid{display:grid;grid-template-columns:1fr 1fr}
.coa-passport-grid>div{padding:13px 16px;border-top:1px solid var(--line);border-right:1px solid var(--line);min-width:0}
.coa-passport-grid>div:nth-child(even){border-right:0}
.coa-passport-actions{display:flex;gap:10px;flex-wrap:wrap;padding:14px 16px;border-top:1px solid var(--line)}
.data-source-note{margin-top:14px;padding:12px 14px;border-left:3px solid var(--signal);background:var(--surface);font-size:12.5px;color:var(--ink-2)}
.coa-source-card{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-top:14px}
.coa-source-card .ic{color:var(--signal);flex:none}
.coa-source-card p{margin-top:4px!important;margin-bottom:0!important}

/* Home verification flow */
.verify-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.verify-flow article{border:1px solid var(--line);background:var(--ground);border-radius:16px;padding:20px;box-shadow:var(--shadow-1)}
.verify-flow article>span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--signal);font-weight:800}
.verify-flow article>b{display:block;font-family:var(--disp);font-size:16px;margin:11px 0 7px}
.verify-flow article p{font-size:13px;line-height:1.6;color:var(--ink-2)}

/* Testing / COA page */
.testing-page{overflow:hidden}
.testing-hero{padding:78px 0 56px;border-bottom:1px solid var(--line);background:
 radial-gradient(780px 420px at 90% 0%,var(--bright-soft),transparent 65%),
 linear-gradient(180deg,var(--surface),var(--ground))}
.testing-title{max-width:900px}
.testing-title h1{font-size:clamp(34px,5.5vw,62px);margin:12px 0 18px;letter-spacing:-.035em}
.testing-title h1 em{font-style:normal;color:var(--signal)}
.testing-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.testing-stats span{display:flex;align-items:baseline;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--ground);font-size:11px;color:var(--ink-2)}
.testing-stats b{font-family:var(--mono);font-size:13px;color:var(--ink)}
.verify-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:34px;align-items:start}
.verify-steps h2{font-size:clamp(26px,3.4vw,38px);margin:12px 0 12px}
.coa-step{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) 20px;align-items:center;gap:12px;text-align:left;padding:14px 12px;margin-top:9px;border:1px solid var(--line);border-radius:12px;background:var(--ground);transition:.16s ease}
.coa-step>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--surface);font-family:var(--mono);font-size:10px;color:var(--signal);font-weight:800}
.coa-step div{min-width:0}.coa-step b{display:block;font-size:13.5px}.coa-step small{display:block;margin-top:2px;color:var(--ink-2);font-size:11.5px;line-height:1.45}
.coa-step>.ic{color:var(--ink-3)}
.coa-step:hover,.coa-step.on{border-color:color-mix(in srgb,var(--signal) 55%,var(--line));background:var(--signal-soft)}
.coa-step.on>span{background:var(--signal);color:#fff}.coa-step.on>.ic{color:var(--signal)}
.coa-step-note{margin-top:12px;padding:12px 14px;border-radius:10px;background:var(--deep);color:var(--deep-ink-2);font-size:12px;line-height:1.55}
.coa-demo{border:1px solid var(--line);border-radius:22px;background:var(--ground);overflow:hidden;box-shadow:var(--shadow-3)}
.coa-demo-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line)}
.lab-badge{display:flex;align-items:center;gap:11px;min-width:0}.lab-badge>span{flex:none;display:grid;place-items:center;width:44px;height:40px;border-radius:9px;background:var(--deep);color:#fff;font-family:var(--mono);font-weight:800;letter-spacing:.09em}
.lab-badge b{display:block;font-size:14px}.lab-badge small{display:block;color:var(--ink-3);font-size:10.5px;margin-top:1px}
.verified-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:var(--verified-soft);color:var(--verified);font-family:var(--mono);font-size:9.5px;font-weight:800;white-space:nowrap}
.coa-zone{padding:16px 20px;border-bottom:1px solid var(--line);transition:.2s ease}
.coa-zone.hot{background:color-mix(in srgb,var(--bright-soft) 68%,var(--ground));box-shadow:inset 4px 0 0 var(--bright)}
.coa-big-result{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.coa-big-result b{font-family:var(--disp);font-size:58px;line-height:.9;font-weight:900;letter-spacing:-.04em}.coa-big-result sup{font-size:.48em;color:var(--verified)}
.coa-big-result span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.coa-id-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.coa-id-grid span{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);min-width:0}.coa-id-grid i{display:block;font-style:normal;font-family:var(--mono);font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.coa-id-grid b{display:block;margin-top:3px;font-size:11px;overflow-wrap:anywhere}
.coa-auth{display:flex;align-items:center;gap:12px}.coa-auth>.ic{color:var(--verified);flex:none}.coa-auth b{display:block;font-size:13px}.coa-auth span{display:block;font-size:11px;color:var(--ink-2);margin-top:2px}
.coa-method-row,.coa-result-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid var(--line-soft);font-size:12px}.coa-method-row:last-child,.coa-result-row:last-child{border-bottom:0}.coa-method-row span,.coa-result-row span{color:var(--ink-2)}.coa-method-row b{font-family:var(--mono);font-size:10px;color:var(--signal)}.coa-result-row b{font-size:11.5px;color:var(--verified);text-align:right}
.coa-demo-foot{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:14px 20px;background:var(--surface)}.coa-demo-foot a{display:inline-flex;align-items:center;gap:6px;color:var(--signal);font-size:11px;font-weight:800}
.coa-product-feature{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:40px;align-items:center;border:1px solid var(--line);border-radius:22px;background:var(--ground);padding:30px;box-shadow:var(--shadow-2)}
.coa-product-art{display:grid;place-items:center;min-height:330px;border-radius:18px;background:linear-gradient(160deg,var(--surface-2),var(--ground));overflow:hidden}.coa-product-art .vial{max-width:230px}
.coa-product-copy h2{font-size:clamp(28px,4vw,44px);margin:12px 0 12px}.coa-product-copy .coa-passport-actions{padding:0;border:0;margin-top:18px}
.coa-feature-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.coa-feature-badges span{display:inline-flex;align-items:center;gap:5px;border:1px solid color-mix(in srgb,var(--verified) 25%,var(--line));background:var(--verified-soft);color:var(--verified);padding:7px 10px;border-radius:999px;font-size:10.5px;font-weight:700}
.testing-panel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.testing-panel-card{padding:19px;border:1px solid var(--line);border-radius:16px;background:var(--ground);box-shadow:var(--shadow-1)}.testing-panel-card>span{font-family:var(--mono);font-size:9px;color:var(--signal);letter-spacing:.12em}.testing-panel-card>b{display:block;font-family:var(--disp);font-size:15px;margin:9px 0 7px}.testing-panel-card p{font-size:12.5px;line-height:1.55;color:var(--ink-2)}
.evidence-compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--deep-line);border-radius:22px;overflow:hidden}.evidence-compare>div{padding:34px}.evidence-compare>div+div{background:var(--deep-2);border-left:1px solid var(--deep-line)}.evidence-compare h3{font-size:24px;margin:10px 0 18px}.evidence-compare ul{list-style:none;padding:0;margin:0}.evidence-compare li{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--deep-line);color:var(--deep-ink-2)}.evidence-compare li:last-child{border-bottom:0}.evidence-compare>div:first-child li .ic{color:#ef7f89}.evidence-compare>div:last-child li .ic{color:#69d8a9}
.coa-tools{display:flex;gap:10px;margin-bottom:20px}.coa-tools input,.coa-tools select{border:1px solid var(--line);background:var(--ground);border-radius:12px;padding:12px 14px;font-size:13px}.coa-tools input{flex:1;min-width:0}.coa-tools select{min-width:210px}
.coa-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.coa-lib-card{border:1px solid var(--line);border-radius:16px;background:var(--ground);padding:17px;box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:14px}.coa-lib-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.coa-lib-head h3{font-size:17px}.coa-lib-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.coa-lib-meta span{padding:9px 10px;border-radius:9px;background:var(--surface);min-width:0}.coa-lib-meta i{display:block;font-style:normal;font-family:var(--mono);font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.coa-lib-meta b{display:block;font-size:11px;margin-top:3px;overflow-wrap:anywhere}.coa-lib-card .coa-passport-actions{padding:0;border:0;margin-top:auto}.coa-note{font-size:10.5px;color:var(--ink-3);letter-spacing:.05em;margin-top:14px}

/* Why-us logic callout */
.quality-code{border:1px solid var(--deep-line);border-radius:16px;padding:22px;background:var(--deep-2)}.quality-code>span{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--deep-ink-3);margin-bottom:12px}.quality-code code{display:block;padding:16px;border:1px solid var(--deep-line);border-radius:10px;background:rgba(0,0,0,.18);color:#9ad7ff;font-family:var(--mono);font-size:12px;line-height:1.9;margin-bottom:16px}

@media(max-width:1050px){
  .testing-panel-grid{grid-template-columns:repeat(2,1fr)}
  .coa-card-grid{grid-template-columns:repeat(2,1fr)}
  .verify-flow{grid-template-columns:repeat(2,1fr)}
}

/* PHONE-FIRST: the phone layout is the primary selling surface. */
@media(max-width:700px){
  :root{--gut:16px}
  body{font-size:15px}
  .hdr{height:60px;gap:6px}
  .mark-lockup{width:118px;height:38px}
  .brand .flagmark{display:block;width:17px;height:20px}
  .brand .div{display:block;margin:8px 0}
  .icon-btn{width:38px;height:38px}
  .hdr-actions #themeBtn{display:grid}
  nav.main.open{inset:60px 0 0}
  nav.main.open .wrap{padding:10px 18px 24px}
  nav.main.open a{padding:15px 2px;font-size:14px}

  section{padding:46px 0}
  section.tight{padding:34px 0}
  .page-head{padding-top:26px!important;padding-bottom:18px!important}
  .lede{font-size:15px;line-height:1.62}
  .sec-head{margin-bottom:24px;gap:16px;align-items:flex-start}
  .sec-head h2{font-size:27px}
  .sec-head>.btn,.sec-head>div+.btn{width:100%}

  .hero-grid{padding:38px 0 42px;gap:22px}
  .hero h1{font-size:clamp(34px,10.5vw,46px);line-height:1.02}
  .hero-cta{display:grid!important;grid-template-columns:1fr;gap:9px!important}
  .hero-cta .btn{width:100%;min-height:48px}
  .hero-stats{grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin-top:22px!important}
  .hero-stat{padding:10px 7px!important}
  .hero-stat b{font-size:17px!important}.hero-stat span{font-size:8.5px!important;line-height:1.3!important}
  .hero-art{max-width:none!important;width:100%}
  .hero-stage{min-height:330px!important;margin:0!important}
  .showcase-vial{width:148px!important;height:270px!important;top:47%!important}
  .marq{padding:11px 0}.marq-item{font-size:9.5px}

  .cattiles{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .cattile{padding:17px 14px!important}.cattile p{display:none}.cattile h3{font-size:15px!important}

  .pgrid{grid-template-columns:1fr!important;gap:16px}
  .pcard{border-radius:20px}
  .pcard .vial-wrap{min-height:255px;padding:18px}
  .product-vial-art{min-height:220px}.product-vial-art .vial{max-width:175px}
  .pcard-coa{padding:11px 12px}.coa-pill{padding:9px 12px;font-size:12px}
  .pcard-body{padding:16px}
  .pcard h3{font-size:22px}
  .pcard-cat{font-size:9px}
  .size-pill{font-size:11px;padding:5px 9px}
  .pcard-foot{margin-top:12px;align-items:center}.pcard-foot .price{font-size:25px}.pcard-foot .btn{min-height:44px;min-width:128px}

  .shop{gap:20px}.shop-bar{gap:8px}.shop-bar select{margin-left:0;flex:1}.shop-bar .count{width:100%}
  .filter-toggle{min-height:42px}

  .pdp{gap:20px}.pdp-art .vial-wrap{min-height:300px;padding:28px 20px;border-radius:16px 16px 0 0}.pdp-art .vial{max-width:200px}
  .pdp-passport-mini{grid-template-columns:1fr 1fr}.pdp-passport-mini>div:nth-child(2){border-right:0}.pdp-passport-mini>div:nth-child(3){grid-column:1/-1;border-top:1px solid var(--line);border-right:0}
  .pdp h1{font-size:34px;margin-top:8px}.pdp-trust{margin:14px 0 18px}.pdp-trust .chip{font-size:9px}
  .opts{display:grid;grid-template-columns:1fr 1fr}.opt{min-width:0;padding:11px 12px}
  .buy{padding:16px;margin:20px 0}.buy-top{align-items:center}.buy .price{font-size:31px}.qty button{width:38px}.qty input{width:38px}
  .coa-passport-grid{grid-template-columns:1fr}.coa-passport-grid>div{border-right:0}.coa-passport-actions{display:grid;grid-template-columns:1fr}.coa-passport-actions .btn{width:100%;min-height:44px}
  .tabs{margin-top:30px}.tab{padding:13px 14px;font-size:11px}.tabpane{padding:22px 0}

  .verify-flow{grid-template-columns:1fr;gap:10px}.verify-flow article{padding:16px}

  .testing-hero{padding:42px 0 34px}.testing-title h1{font-size:38px;line-height:1.02}  .testing-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px}.testing-stats span{border-radius:12px;padding:9px 10px}.testing-stats span:last-child{grid-column:1/-1}
  .verify-grid{grid-template-columns:1fr;gap:22px}.verify-steps h2{font-size:29px}.coa-step{grid-template-columns:34px minmax(0,1fr) 18px;padding:12px 10px}.coa-step small{font-size:11px}
  .coa-demo{border-radius:18px}.coa-demo-head{padding:14px}.lab-badge>span{width:40px;height:38px}.verified-badge{font-size:8.5px;padding:6px 8px}
  .coa-zone{padding:14px}.coa-big-result{display:block}.coa-big-result b{font-size:54px}.coa-big-result span{display:block;margin-top:8px}
  .coa-id-grid{grid-template-columns:1fr 1fr}.coa-demo-foot{padding:12px 14px;justify-content:flex-start}
  .coa-product-feature{grid-template-columns:1fr;gap:18px;padding:16px;border-radius:18px}.coa-product-art{min-height:260px}.coa-product-art .vial{max-width:190px}.coa-product-copy h2{font-size:33px}.coa-product-copy .coa-passport-actions{display:grid;grid-template-columns:1fr}.coa-feature-badges{gap:6px}
  .testing-panel-grid{grid-template-columns:1fr 1fr;gap:10px}.testing-panel-card{padding:14px}.testing-panel-card p{font-size:11.5px}
  .evidence-compare{grid-template-columns:1fr;border-radius:18px}.evidence-compare>div{padding:22px}.evidence-compare>div+div{border-left:0;border-top:1px solid var(--deep-line)}.evidence-compare h3{font-size:21px}
  .coa-tools{display:grid;grid-template-columns:1fr}.coa-tools select{min-width:0;width:100%}.coa-card-grid{grid-template-columns:1fr}.coa-lib-card{border-radius:15px}.coa-lib-meta{grid-template-columns:1fr 1fr}

  .two-col{gap:22px!important}.fgrid{grid-template-columns:1fr!important}.fitem{padding:17px!important}
  .quality-code{padding:16px}
  .ribbon p{font-size:10px!important;line-height:1.55!important}
  .ruoband{padding:22px 0}.ruoband-head{align-items:flex-start}.ruoband .ruo-not{gap:6px}.ruoband .ruo-not span{font-size:9.5px;padding:6px 8px}
  .fcols{grid-template-columns:1fr!important}.fbrand{max-width:none!important}
}

@media(max-width:430px){
  .hdr-actions #themeBtn{display:none}
  .hero-stats{grid-template-columns:1fr 1fr!important}.hero-stat:last-child{grid-column:1/-1}
  .cattiles{grid-template-columns:1fr!important}
  .pcard .vial-wrap{min-height:235px}.product-vial-art{min-height:200px}.product-vial-art .vial{max-width:160px}
  .pcard-coa{align-items:stretch}.pcard-coa>div{justify-content:center}.pcard-coa small{max-width:155px}.coa-pill{min-height:42px}
  .pcard-foot{display:grid;grid-template-columns:1fr auto}.pcard-foot .btn{min-width:126px}
  .testing-panel-grid{grid-template-columns:1fr}
  .testing-stats{grid-template-columns:1fr}.testing-stats span:last-child{grid-column:auto}
  .coa-id-grid,.coa-lib-meta{grid-template-columns:1fr}
  .coa-demo-head{align-items:flex-start}.lab-badge small{max-width:150px}.verified-badge{white-space:normal;text-align:center}
  .opts{grid-template-columns:1fr}
}

@media(max-width:700px){.ruo-inline{padding:11px 12px!important;align-items:flex-start!important}.ruo-inline p{font-size:11.5px!important;line-height:1.5!important}.ruo-inline .ic{width:15px!important;height:15px!important;margin-top:2px}.page-head .ruo-inline{margin-top:14px!important}}


/* ============================================================
   V8 — MOBILE-FIRST SHOP, RELIABLE COA RECORDS, PARTNER NETWORK
   ============================================================ */

/* Restore the original American-background product photography. */
.pcard .vial-wrap{aspect-ratio:1/1;min-height:0!important;padding:0!important;background:var(--surface)}
.pcard .pphoto{width:100%;height:100%;object-fit:cover;border-radius:0}
.pcard:hover .pphoto{transform:scale(1.025)}
.pdp-art .vial-wrap:has(.pphoto){padding:0!important;min-height:0!important;aspect-ratio:1/1}
.pdp-art .pphoto-lg{width:100%;height:100%;object-fit:cover;border-radius:10px 10px 0 0}

/* Shop All owns the catalog; research areas are filters, not a second nav. */
.shop-section{padding-top:20px}
.research-switch{border:1px solid var(--line);border-radius:16px;background:var(--ground);padding:16px;margin-bottom:18px;box-shadow:var(--shadow-1)}
.research-switch-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:11px}
.research-switch-head>span:last-child{font-size:12.5px;color:var(--ink-2)}
.research-chips{display:flex;gap:8px;flex-wrap:wrap}
.research-chip{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-2);font-family:var(--disp);font-weight:700;font-size:12px}
.research-chip b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--ground);font-family:var(--mono);font-size:9px;color:var(--ink-3)}
.research-chip:hover,.research-chip.on{border-color:var(--signal);color:var(--signal);background:var(--signal-soft)}
.research-chip.on b{background:var(--signal);color:#fff}
.shop-bar-simple{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:10px;margin:0 0 18px;padding:0;border:0}
.shop-search-inline{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--ground);min-height:44px;color:var(--ink-3)}
.shop-search-inline input{width:100%;border:0;background:transparent;outline:0;color:var(--ink);font-size:14px}
.shop-bar-simple select{margin-left:0!important;min-height:44px;border-radius:12px}
.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

/* COA record viewer: internal first, external source second. */
.coa-view-wrap{max-width:1120px}
.coa-view-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:22px}
.coa-view-head h1{font-size:clamp(30px,4vw,48px);margin:10px 0 12px}
.coa-view-head h1 span{font-family:var(--mono);font-size:.4em;color:var(--ink-3);letter-spacing:.04em}
.coa-view-badges{display:flex;gap:7px;flex-wrap:wrap}
.coa-view-badges span{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--verified) 30%,var(--line));border-radius:999px;background:var(--verified-soft);color:var(--verified);font-family:var(--mono);font-size:9px;font-weight:800}
.coa-view-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:22px;align-items:start}
.coa-document{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:16px;box-shadow:var(--shadow-2);min-height:420px}
.coa-document img{display:block;width:100%;height:auto;border-radius:10px;background:#fff}
.pdf-card{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px;border:1px dashed var(--line);border-radius:12px;background:var(--ground)}
.pdf-card .ic{color:var(--signal);margin-bottom:15px}.pdf-card h3{font-size:24px}.pdf-card p{max-width:460px;color:var(--ink-2);margin:9px 0 20px}
.coa-record{position:sticky;top:130px;border:1px solid var(--line);border-radius:18px;background:var(--ground);padding:20px;box-shadow:var(--shadow-1)}
.coa-record dl{margin:14px 0 18px}
.coa-record dl>div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-soft)}
.coa-record dt{font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.coa-record dd{margin:0;font-size:12.5px;font-weight:650;overflow-wrap:anywhere}
.coa-view-actions{display:grid;gap:9px}.coa-view-actions .btn{width:100%}
.coa-source-note{font-size:11.5px;line-height:1.55;color:var(--ink-3);margin-top:14px}

/* Partner program */
.partner-hero{padding:74px 0 66px;background:
  radial-gradient(650px 500px at 85% 18%,color-mix(in srgb,var(--bright-soft) 90%,transparent),transparent 72%),
  linear-gradient(180deg,var(--surface),var(--ground));border-bottom:1px solid var(--line)}
.partner-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:54px;align-items:center}
.partner-kicker{display:block;margin:22px 0 12px}
.partner-hero h1{font-size:clamp(42px,5.8vw,72px);line-height:.98;letter-spacing:-.045em;max-width:760px}
.partner-hero h1 em{font-style:normal;color:var(--signal)}
.partner-hero .lede{max-width:720px}
.partner-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.partner-proof{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}
.partner-proof span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:var(--ground);border:1px solid var(--line);font-size:10.5px;color:var(--ink-2)}
.partner-proof .ic{color:var(--verified)}
.partner-orbit{position:relative;min-height:440px;border:1px solid var(--deep-line);border-radius:32px;background:
  radial-gradient(circle at center,rgba(60,128,201,.23),transparent 38%),var(--deep);overflow:hidden;box-shadow:var(--shadow-3);color:var(--deep-ink)}
.partner-orbit::before,.partner-orbit::after{content:"";position:absolute;border:1px solid rgba(130,179,235,.16);border-radius:50%;inset:15%}.partner-orbit::after{inset:28%}
.partner-orbit-ring{position:absolute;inset:22%;border:1px dashed rgba(130,179,235,.35);border-radius:50%;animation:partnerSpin 22s linear infinite}
@keyframes partnerSpin{to{transform:rotate(360deg)}}
.partner-orbit-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:grid;place-content:center;text-align:center;background:linear-gradient(145deg,#153868,#081a34);border:1px solid #315a8f;box-shadow:0 16px 50px rgba(0,0,0,.3)}
.partner-orbit-center span,.partner-rate small{font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;color:#9bb9de}
.partner-orbit-center b{font-size:15px;line-height:1.25;margin-top:4px}
.partner-rate{position:absolute;width:150px;padding:13px 14px;border:1px solid #26496f;border-radius:15px;background:rgba(9,27,53,.9);backdrop-filter:blur(10px);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.partner-rate b{display:block;font-family:var(--disp);font-size:36px;line-height:1;color:#fff;margin:5px 0}.partner-rate span{font-size:10.5px;color:#a9bdd8}
.partner-rate.first{left:7%;top:10%}.partner-rate.repeat{right:7%;top:16%}.partner-rate.dashboard{right:10%;bottom:9%}.partner-rate.dashboard b{font-size:25px;color:#86c5ff}
.partner-strip{padding:0;background:var(--deep);color:var(--deep-ink);border-bottom:1px solid var(--deep-line)}
.partner-strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.partner-strip article{padding:22px 20px;border-right:1px solid var(--deep-line)}.partner-strip article:last-child{border-right:0}
.partner-strip b{font-size:13px}.partner-strip p{font-size:11.5px;line-height:1.55;color:var(--deep-ink-2);margin:6px 0 0}
.partner-lab{background:var(--surface)}
.partner-lab-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px}
.partner-controls,.partner-chart-card{border:1px solid var(--line);border-radius:22px;background:var(--ground);padding:22px;box-shadow:var(--shadow-1)}
.partner-controls>label{display:block;padding:14px 0;border-bottom:1px solid var(--line-soft)}
.partner-controls>label:first-child{padding-top:0}.partner-controls>label>span{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}
.partner-controls label b{font-size:13px}.partner-controls output{font-family:var(--disp);font-size:22px;font-weight:800;color:var(--signal)}
.partner-controls input[type=range]{width:100%;accent-color:var(--signal)}
.partner-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.partner-metrics>div{padding:13px;border-radius:12px;background:var(--surface)}
.partner-metrics>div:last-child{grid-column:1/-1}.partner-metrics span{display:block;font-size:9.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}.partner-metrics b{display:block;font-size:24px;margin-top:5px}
.partner-fine{font-size:10.5px;line-height:1.55;color:var(--ink-3);margin:14px 0 0}
.partner-chart-card{display:flex;flex-direction:column}.partner-chart-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.partner-chart-head h3{font-size:22px;margin-top:5px}
.live-dot{font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;padding:6px 8px;border-radius:999px;background:var(--verified-soft);color:var(--verified)}
.partner-chart{height:270px;display:grid;grid-template-columns:repeat(12,1fr);gap:7px;align-items:end;padding:22px 2px 0;border-bottom:1px solid var(--line)}
.pcb{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.pcb-stack{width:100%;height:calc(100% - 20px);display:flex;flex-direction:column-reverse;justify-content:flex-start;gap:0;align-items:stretch}.pcb-stack i{display:block;width:100%;min-height:2px}
.pcb-new{background:var(--signal);border-radius:4px 4px 0 0}.pcb-repeat{background:var(--bright);border-radius:4px 4px 0 0}.pcb span{font-family:var(--mono);font-size:8px;color:var(--ink-3)}
.partner-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:10px;color:var(--ink-2)}.partner-legend span{display:flex;align-items:center;gap:6px}.partner-legend i{width:9px;height:9px;border-radius:2px}.partner-legend .new{background:var(--signal)}.partner-legend .repeat{background:var(--bright)}
.partner-dashboard-sec{background:var(--ground)}
.partner-dash-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(390px,1.15fr);gap:48px;align-items:center}
.partner-dash-grid h2{font-size:clamp(30px,4vw,44px);margin:10px 0 14px}.partner-feature-list{display:grid;gap:10px;margin-top:20px}.partner-feature-list span{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2)}.partner-feature-list .ic{color:var(--verified)}
.partner-dashboard{border:1px solid #1e3555;border-radius:22px;background:#07111f;color:#edf4ff;padding:20px;box-shadow:0 28px 70px rgba(3,11,24,.28)}
.pd-top,.pd-link,.pd-payout{display:flex;align-items:center;justify-content:space-between;gap:12px}.pd-top span{font-family:var(--mono);font-size:8px;letter-spacing:.12em;color:#8fa8c8}
.pd-link{margin:15px 0;padding:10px 11px;border:1px solid #26384f;border-radius:10px;background:#121d2d}.pd-link code{font-family:var(--mono);font-size:10px;color:#bdcce0;overflow:hidden;text-overflow:ellipsis}.pd-link button{border:0;border-radius:7px;background:#8bb9ed;color:#07111f;font-weight:800;padding:7px 9px}
.pd-metrics{display:grid;grid-template-columns:1fr 1fr;border:1px solid #26384f;border-radius:12px;overflow:hidden}.pd-metrics>div{padding:14px;border-right:1px solid #26384f;border-bottom:1px solid #26384f}.pd-metrics>div:nth-child(even){border-right:0}.pd-metrics>div:nth-last-child(-n+2){border-bottom:0}.pd-metrics b{display:block;font-size:24px}.pd-metrics span{display:block;font-size:9.5px;color:#879ab4;margin-top:4px}
.pd-activity{margin:18px 0}.pd-activity>.eyebrow{color:#879ab4}.pd-activity>div{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #1b2a3d}.pd-activity i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#2b5da0;font-style:normal;font-size:10px;font-weight:800}.pd-activity p{margin:0}.pd-activity p b{display:block;font-size:11.5px}.pd-activity p span{display:block;font-size:9.5px;color:#879ab4;margin-top:2px}.pd-activity strong{font-size:12px;color:#66d6a4}
.pd-payout{padding:11px;border:1px solid #26384f;border-radius:10px;background:#121d2d;font-size:10px}.pd-payout span{color:#879ab4}
.partner-how{background:var(--surface)}.partner-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.partner-steps article{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--ground)}.partner-steps article>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--deep);color:#fff;font-family:var(--mono);font-size:10px}.partner-steps h3{font-size:17px;margin:15px 0 7px}.partner-steps p{font-size:12.5px;line-height:1.6;color:var(--ink-2)}
.partner-apply{background:linear-gradient(180deg,var(--ground),var(--surface))}
.partner-apply-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:42px;align-items:start}.partner-apply h2{font-size:clamp(30px,4vw,45px);margin:10px 0 14px}.partner-apply-notes{display:grid;gap:8px;margin-top:18px}.partner-apply-notes span{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--ink-2)}
.partner-form{border:1px solid var(--line);border-radius:20px;background:var(--ground);padding:22px;box-shadow:var(--shadow-1)}.partner-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.partner-form label>span{display:block;font-size:11px;font-weight:700;margin-bottom:6px;color:var(--ink-2)}.partner-form input,.partner-form select,.partner-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:11px 12px;font-size:14px}.partner-form .span2{grid-column:1/-1}.partner-check{display:flex;gap:9px;align-items:flex-start;margin:15px 0}.partner-check input{width:18px;height:18px;flex:none;margin-top:1px}.partner-check span{font-weight:500!important;font-size:11.5px!important;line-height:1.5!important;margin:0!important}.partner-form-note{font-size:10px;color:var(--ink-3);line-height:1.5;text-align:center;margin:10px 0 0}

@media(max-width:1000px){
  .shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .partner-hero-grid,.partner-lab-grid,.partner-dash-grid,.partner-apply-grid{grid-template-columns:1fr}
  .partner-orbit{max-width:650px;width:100%;margin:0 auto}
  .partner-strip-grid{grid-template-columns:1fr 1fr}.partner-strip article:nth-child(2){border-right:0}
  .coa-view-grid{grid-template-columns:1fr}.coa-record{position:static}
}

@media(max-width:700px){
  .shop-head{padding-bottom:12px!important}
  .research-switch{margin:0 -2px 14px;padding:13px 12px;border-radius:15px}
  .research-switch-head{display:block;margin-bottom:10px}.research-switch-head>span:last-child{display:block;margin-top:4px;font-size:11.5px}
  .research-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;margin-right:-12px;scrollbar-width:none}.research-chips::-webkit-scrollbar{display:none}
  .research-chip{flex:none;min-height:40px;padding:8px 11px;font-size:11.5px}
  .shop-bar-simple{grid-template-columns:1fr 1fr;gap:8px}.shop-bar-simple .count{grid-column:1/-1}.shop-search-inline{grid-column:1/-1;min-height:46px}.shop-bar-simple select{grid-column:1/-1;width:100%}
  .shop-grid{grid-template-columns:1fr!important}
  .pcard .vial-wrap{aspect-ratio:1/1!important;min-height:0!important;padding:0!important}
  .pcard-coa{padding:10px 11px}.pcard h3{font-size:20px}.pcard-body{padding:14px}.pcard-foot .btn{min-height:46px}
  .pcard-verified{top:10px;right:10px}
  .pdp-art .vial-wrap:has(.pphoto){padding:0!important;min-height:0!important}
  .coa-view-head{display:block}.coa-view-badges{margin-top:12px}.coa-document{padding:8px;border-radius:14px;min-height:0}.coa-record{padding:16px}.coa-record dl>div{grid-template-columns:90px 1fr}
  .partner-hero{padding:42px 0 38px}.partner-hero-grid{gap:26px}.partner-hero h1{font-size:42px}.partner-hero-actions{display:grid}.partner-hero-actions .btn{width:100%;min-height:48px}
  .partner-proof{display:grid;grid-template-columns:1fr 1fr}.partner-proof span:last-child{grid-column:1/-1}
  .partner-orbit{min-height:360px;border-radius:24px}.partner-orbit-center{width:120px;height:120px}.partner-rate{width:128px;padding:11px}.partner-rate b{font-size:30px}.partner-rate.first{left:4%;top:7%}.partner-rate.repeat{right:4%;top:12%}.partner-rate.dashboard{right:6%;bottom:6%}
  .partner-strip-grid{grid-template-columns:1fr}.partner-strip article{border-right:0;border-bottom:1px solid var(--deep-line);padding:16px}.partner-strip article:last-child{border-bottom:0}
  .partner-controls,.partner-chart-card{padding:16px;border-radius:17px}.partner-metrics{grid-template-columns:1fr}.partner-metrics>div:last-child{grid-column:auto}
  .partner-chart{height:220px;gap:4px}.pcb span{font-size:7px}
  .partner-dashboard{padding:15px;border-radius:17px}.pd-metrics b{font-size:21px}.pd-link code{font-size:8.5px}
  .partner-steps{grid-template-columns:1fr}.partner-form{padding:15px;border-radius:16px}.partner-form-grid{grid-template-columns:1fr}.partner-form .span2{grid-column:auto}
  .partner-apply-grid{gap:24px}
}

@media(prefers-reduced-motion:reduce){.partner-orbit-ring{animation:none}}

/* ============================================================
   V9 — visual cleanup: keep the Amino theme, remove gimmicks,
   tighten mobile, simplify testing + partner pages.
   ============================================================ */

/* Product detail: cleaner buying surface without changing product photography. */
.pdp{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:42px}
.pdp-art .vial-wrap{overflow:hidden;background:var(--surface)}
.pdp-art .pphoto-lg{display:block;width:100%;height:100%;object-fit:cover}
.pdp>div:last-child{min-width:0}
.pdp h1{letter-spacing:-.035em}
.buy{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:18px;box-shadow:none}
.buy .btn{min-height:50px;font-size:14px}
.coa-passport{border-radius:18px;overflow:hidden;box-shadow:none}
.coa-passport-head{padding:13px 15px}
.coa-passport-grid>div{padding:13px 15px}

/* ---------------- TESTING V9 ---------------- */
.testing-hero-v9{padding:68px 0 54px;background:linear-gradient(180deg,var(--surface) 0%,var(--ground) 100%)}
.testing-hero-grid-v9{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:44px;align-items:center}
.testing-title-v9 h1{max-width:820px;font-size:clamp(44px,5.8vw,72px);line-height:.99;letter-spacing:-.05em;margin:14px 0 18px}
.testing-title-v9 h1 em{font-style:normal;color:var(--signal)}
.testing-title-v9 .lede{max-width:760px}
.testing-stats-v9{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.testing-stats-v9 span{display:inline-flex;align-items:baseline;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--ground);font-size:10.5px;color:var(--ink-2)}
.testing-stats-v9 b{font-family:var(--disp);font-size:16px;color:var(--ink)}
.testing-principles-card{border:1px solid var(--line);border-radius:22px;background:var(--ground);padding:22px;box-shadow:var(--shadow-1)}
.testing-principles-card>.eyebrow{display:block;margin-bottom:8px}
.testing-principles-card article{display:grid;grid-template-columns:38px 1fr;gap:13px;align-items:start;padding:15px 0;border-bottom:1px solid var(--line-soft)}
.testing-principles-card article:last-child{border-bottom:0;padding-bottom:0}
.testing-principles-card article>.ic{display:grid;place-items:center;width:38px;height:38px;padding:8px;border-radius:11px;background:var(--surface);color:var(--signal)}
.testing-principles-card article b{display:block;font-size:13.5px;margin-bottom:4px}
.testing-principles-card article p{font-size:11.5px;line-height:1.55;color:var(--ink-2);margin:0}

.featured-coa-v9{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);border:1px solid var(--line);border-radius:24px;background:var(--ground);overflow:hidden;box-shadow:var(--shadow-2)}
.klow-product-shot{position:relative;min-height:520px;background:var(--surface);overflow:hidden}
.klow-product-shot>img{width:100%;height:100%;object-fit:cover;display:block}
.klow-label-patch{position:absolute;left:45.6%;top:39.3%;width:23%;height:27.7%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;color:#0A1733;border-left:2px solid #123d75;padding:8px 6px;box-shadow:0 0 0 2px rgba(255,255,255,.96)}
.klow-label-patch span{font-family:var(--disp);font-size:clamp(19px,2.2vw,34px);font-weight:850;letter-spacing:.02em;line-height:1}
.klow-label-patch b{font-family:var(--disp);font-size:clamp(11px,1.3vw,18px);margin-top:8px;color:#69778e}
.klow-label-patch small{font-family:var(--mono);font-size:clamp(5px,.55vw,8px);letter-spacing:.03em;margin-top:10px;white-space:nowrap}
.featured-coa-copy{padding:34px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.featured-coa-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.featured-coa-top>.mono{font-size:10px;color:var(--ink-3);letter-spacing:.06em}
.featured-coa-copy h3{font-size:clamp(32px,4vw,50px);letter-spacing:-.04em;margin:0 0 8px}
.featured-coa-copy>p{font-size:13px;line-height:1.6;color:var(--ink-2);max-width:650px}
.featured-coa-results{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}
.featured-coa-results>div{padding:13px 14px;border:1px solid var(--line-soft);border-radius:12px;background:var(--surface);min-width:0}
.featured-coa-results span{display:block;font-family:var(--mono);font-size:8.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin-bottom:5px}
.featured-coa-results b{display:block;font-size:14px;overflow-wrap:anywhere}
.featured-coa-results b small{font-size:9px;font-weight:700;color:var(--ink-3);text-transform:uppercase}
.featured-coa-actions{margin-top:20px}

.verify-flow-v9{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.verify-flow-v9 article{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--ground)}
.verify-flow-v9 article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--deep);color:#fff;font-family:var(--mono);font-size:9px;margin-bottom:16px}
.verify-flow-v9 h3{font-size:15px;margin:0 0 7px}
.verify-flow-v9 p{font-size:11.8px;line-height:1.6;color:var(--ink-2);margin:0}
.testing-panel-grid-v9{grid-template-columns:repeat(3,1fr)}
.testing-panel-grid-v9 .testing-panel-card small{display:block;font-family:var(--mono);font-size:8.5px;letter-spacing:.07em;color:var(--signal);margin-top:-2px;margin-bottom:9px}

/* COA library: flatter, clearer cards. */
.coa-card-grid{gap:12px}
.coa-lib-card{box-shadow:none;border-radius:14px;padding:16px}
.coa-lib-meta span{background:var(--surface);border:1px solid var(--line-soft)}

/* ---------------- PARTNER V9 ---------------- */
.partner-hero-v9{padding:70px 0 62px;background:linear-gradient(180deg,var(--surface) 0%,var(--ground) 100%)}
.partner-hero-grid-v9{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:48px}
.partner-hero-copy{min-width:0}
.partner-hero-v9 h1{font-size:clamp(44px,5.7vw,70px);line-height:.99;letter-spacing:-.05em;max-width:760px}
.partner-hero-v9 h1 em{font-style:normal;color:var(--signal)}
.partner-proof-v9{gap:7px}
.partner-proof-v9 span{background:var(--ground)}

.partner-path-card{border:1px solid #1d3d63;border-radius:24px;background:#071a35;color:#f4f8ff;padding:24px;box-shadow:0 26px 60px rgba(7,26,53,.20)}
.partner-path-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:17px;border-bottom:1px solid rgba(150,185,227,.18)}
.partner-path-head .eyebrow{color:#8fb2df}
.partner-path-head>b{font-size:16px;text-align:right}
.partner-path-steps article{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid rgba(150,185,227,.14)}
.partner-path-steps article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#123c70;color:#a9d1ff;font-family:var(--mono);font-size:8.5px}
.partner-path-steps article b{display:block;font-size:13.5px;margin:2px 0 4px}
.partner-path-steps article p{font-size:11.2px;line-height:1.5;color:#a8b9ce;margin:0}
.partner-rate-band{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;border:1px solid rgba(150,185,227,.18);border-radius:14px;overflow:hidden}
.partner-rate-band>div{padding:15px 16px;background:rgba(255,255,255,.035)}
.partner-rate-band>div+div{border-left:1px solid rgba(150,185,227,.18)}
.partner-rate-band span{display:block;font-family:var(--mono);font-size:8px;letter-spacing:.07em;text-transform:uppercase;color:#8fa8c8}
.partner-rate-band b{display:inline-block;font-size:28px;line-height:1;margin-top:7px}
.partner-rate-band small{font-size:9.5px;color:#9cb1cc;margin-left:6px}

.partner-strip-v9{background:var(--deep)}
.partner-strip-grid-v9{grid-template-columns:repeat(3,1fr)}
.partner-strip-grid-v9 article{padding:20px 22px}
.partner-strip-grid-v9 article:last-child{border-right:0}

.partner-lab-v9{background:var(--surface)}
.partner-lab-grid-v9{grid-template-columns:minmax(310px,.72fr) minmax(0,1.28fr);gap:16px;align-items:stretch}
.partner-controls-v9,.partner-chart-card-v9{box-shadow:none;border-radius:18px}
.partner-controls-v9{display:flex;flex-direction:column}
.partner-controls-v9>label{padding:14px 0}
.partner-chart-card-v9{padding:18px 20px 16px}
.partner-metrics-v9{grid-template-columns:repeat(3,1fr);margin:0 0 18px;gap:8px}
.partner-metrics-v9>div,.partner-metrics-v9>div:last-child{grid-column:auto;background:var(--surface);border:1px solid var(--line-soft)}
.partner-metrics-v9 b{font-size:22px}
.partner-chart-card-v9 .partner-chart-head h3{font-size:20px;margin:4px 0 0}
.partner-chart-v9{height:205px;padding-top:18px;gap:6px}
.partner-chart-v9 .pcb-stack{height:calc(100% - 18px)}

.partner-dashboard-sec-v9{background:var(--ground)}
.partner-dash-grid-v9{grid-template-columns:minmax(0,.82fr) minmax(430px,1.18fr);gap:42px}
.partner-dashboard-v9{border-radius:20px;padding:18px;box-shadow:0 24px 55px rgba(7,17,31,.20)}
.partner-dashboard-v9 .pd-link{margin:13px 0}
.partner-dashboard-v9 .pd-link button{min-height:34px}
.pd-metrics-v9{grid-template-columns:repeat(4,1fr)}
.pd-metrics-v9>div,.pd-metrics-v9>div:nth-child(even),.pd-metrics-v9>div:nth-last-child(-n+2){border-right:1px solid #26384f;border-bottom:0}
.pd-metrics-v9>div:last-child{border-right:0}
.pd-metrics-v9 b{font-size:20px}
.pd-orders{margin:16px 0 0;border-top:1px solid #1b2a3d}
.pd-orders-head,.pd-orders>div{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}
.pd-orders-head{padding:11px 0 8px;font-family:var(--mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#7f94af}
.pd-orders>div{padding:11px 0;border-top:1px solid #1b2a3d}
.pd-orders p{margin:0}
.pd-orders p b{display:block;font-size:11.5px}
.pd-orders p span{display:block;margin-top:2px;font-size:9px;color:#879ab4}
.pd-orders strong{font-size:12px;color:#66d6a4}
.partner-feature-list-v9{margin-top:18px}

.partner-who{background:var(--surface)}
.partner-who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.partner-who-grid article{padding:21px;border:1px solid var(--line);border-radius:18px;background:var(--ground)}
.partner-who-grid .ic{color:var(--signal);margin-bottom:15px}
.partner-who-grid h3{font-size:16px;margin:0 0 7px}
.partner-who-grid p{font-size:12px;line-height:1.58;color:var(--ink-2);margin:0}
.partner-steps-v9 article{box-shadow:none}

@media(max-width:1050px){
  .testing-hero-grid-v9,.featured-coa-v9,.partner-hero-grid-v9,.partner-lab-grid-v9,.partner-dash-grid-v9{grid-template-columns:1fr}
  .testing-principles-card,.partner-path-card{max-width:760px;width:100%}
  .verify-flow-v9{grid-template-columns:1fr 1fr}
  .partner-who-grid{grid-template-columns:1fr 1fr}
  .klow-product-shot{min-height:480px;max-height:640px}
}

@media(max-width:700px){
  .pdp{grid-template-columns:1fr;gap:18px}
  .pdp h1{font-size:31px}
  .pdp-art .pphoto-lg{border-radius:16px 16px 0 0}
  .buy{padding:14px;border-radius:16px}
  .buy-top{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:14px}
  .buy .price{font-size:29px}

  .testing-hero-v9{padding:38px 0 34px}
  .testing-hero-grid-v9{gap:20px}
  .testing-title-v9 h1{font-size:39px;line-height:1.01;margin:10px 0 14px}
  .testing-stats-v9{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:18px}
  .testing-stats-v9 span{border-radius:12px;display:block;padding:10px}
  .testing-stats-v9 span:last-child{grid-column:1/-1}
  .testing-principles-card{padding:15px;border-radius:17px}
  .testing-principles-card article{grid-template-columns:34px 1fr;gap:10px;padding:12px 0}
  .testing-principles-card article>.ic{width:34px;height:34px;padding:7px}

  .featured-coa-v9{border-radius:18px}
  .klow-product-shot{min-height:0;aspect-ratio:1/1}
  .klow-label-patch{left:45.7%;top:39.2%;width:23.2%;height:27.8%;padding:5px 3px}
  .klow-label-patch span{font-size:clamp(17px,7vw,28px)}
  .klow-label-patch b{font-size:clamp(10px,4vw,16px);margin-top:5px}
  .klow-label-patch small{font-size:clamp(4px,1.5vw,7px);margin-top:6px}
  .featured-coa-copy{padding:17px}
  .featured-coa-copy h3{font-size:31px}
  .featured-coa-results{grid-template-columns:1fr;gap:7px;margin-top:16px}
  .featured-coa-actions .btn{width:100%;min-height:48px}
  .verify-flow-v9{grid-template-columns:1fr;gap:9px}
  .verify-flow-v9 article{padding:16px}
  .testing-panel-grid-v9{grid-template-columns:1fr;gap:9px}

  .partner-hero-v9{padding:40px 0 34px}
  .partner-hero-grid-v9{gap:22px}
  .partner-hero-v9 h1{font-size:39px;line-height:1.01}
  .partner-proof-v9{display:grid;grid-template-columns:1fr}
  .partner-proof-v9 span,.partner-proof-v9 span:last-child{grid-column:auto}
  .partner-path-card{padding:16px;border-radius:18px}
  .partner-path-head{align-items:flex-start;display:block}
  .partner-path-head>b{display:block;text-align:left;margin-top:5px}
  .partner-path-steps article{grid-template-columns:32px 1fr;gap:10px;padding:13px 0}
  .partner-path-steps article>span{width:30px;height:30px}
  .partner-rate-band{grid-template-columns:1fr 1fr}
  .partner-rate-band>div{padding:12px}
  .partner-rate-band b{font-size:24px}
  .partner-strip-grid-v9{grid-template-columns:1fr}
  .partner-strip-grid-v9 article{padding:15px 4px;border-right:0;border-bottom:1px solid var(--deep-line)}
  .partner-strip-grid-v9 article:last-child{border-bottom:0}

  .partner-controls-v9,.partner-chart-card-v9{padding:15px;border-radius:16px}
  .partner-metrics-v9{grid-template-columns:1fr 1fr;gap:6px}
  .partner-metrics-v9>div:last-child{grid-column:1/-1}
  .partner-chart-v9{height:165px;gap:4px;padding-top:14px}
  .partner-chart-card-v9 .partner-chart-head h3{font-size:18px}
  .partner-dashboard-v9{padding:14px;border-radius:16px}
  .pd-metrics-v9{grid-template-columns:1fr 1fr}
  .pd-metrics-v9>div{border-bottom:1px solid #26384f!important}
  .pd-metrics-v9>div:nth-child(even){border-right:0!important}
  .pd-metrics-v9>div:nth-last-child(-n+2){border-bottom:0!important}
  .pd-orders-head{display:none}
  .pd-orders>div{padding:12px 0}
  .partner-who-grid{grid-template-columns:1fr;gap:9px}
  .partner-who-grid article{padding:17px}
}

@media(max-width:430px){
  .testing-stats-v9{grid-template-columns:1fr}.testing-stats-v9 span:last-child{grid-column:auto}
  .partner-rate-band{grid-template-columns:1fr}
  .partner-rate-band>div+div{border-left:0;border-top:1px solid rgba(150,185,227,.18)}
  .partner-metrics-v9{grid-template-columns:1fr}.partner-metrics-v9>div:last-child{grid-column:auto}
  .pd-link{display:grid!important;grid-template-columns:1fr}.pd-link button{width:100%}
  .pd-metrics-v9{grid-template-columns:1fr 1fr}
}

/* Correct product names on the supplied American-background photography.
   The original photo stays intact; only the right-hand label field is
   re-typeset per product/size so cards never show Selank under another SKU. */
.product-photo-composite{position:relative;display:block;overflow:hidden;background:var(--surface)}
.product-photo-composite>img{display:block;width:100%;height:100%;object-fit:cover}
.product-photo-label{position:absolute;left:45.8%;top:38.7%;width:23.5%;height:28.2%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;color:#0A1733;border-left:2px solid #123d75;padding:6px 4px;box-shadow:0 0 0 2px rgba(255,255,255,.98);overflow:hidden}
.product-photo-label b{display:block;max-width:100%;font-family:var(--disp);font-size:var(--photo-name,16px);font-style:normal;font-weight:850;line-height:1.02;letter-spacing:-.02em;overflow-wrap:anywhere}
.product-photo-label i{display:block;font-family:var(--disp);font-size:11px;font-style:normal;font-weight:750;color:#7c879b;margin-top:6px}
.product-photo-label strong{display:block;font-family:var(--mono);font-size:6.5px;letter-spacing:.04em;color:#123d75;margin-top:8px}
.product-photo-label small{display:block;font-family:var(--mono);font-size:5.6px;letter-spacing:.025em;color:#0A1733;margin-top:5px;white-space:nowrap}
.pphoto-sm .product-photo-label{display:none}

/* Keep hidden toasts fully outside the viewport; only .show is visible. */
.toast{opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) translateY(160px)}
.toast.show{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}

@media(max-width:700px){
  .product-photo-label{left:45.8%;top:38.7%;width:23.8%;height:28.3%;padding:4px 3px}
  .product-photo-label b{font-size:min(var(--photo-name,16px),4.2vw)}
  .product-photo-label i{font-size:2.7vw;margin-top:4px}
  .product-photo-label strong{font-size:1.55vw;margin-top:5px}
  .product-photo-label small{font-size:1.3vw;margin-top:3px}
}
.product-photo-label{width:24.6%}
@media(max-width:700px){.product-photo-label{width:24.8%}}

/* ============================================================
   v10 — clean Catharos-inspired COA flow, Amino visual system
   Product -> View COA -> in-site modal -> ILS portal
   ============================================================ */

/* Product photography: keep the American photography, but stop breaking
   product names into ugly single-letter wraps on the vial label. */
.product-photo-label{
  left:43.8%; top:38.2%; width:29.2%; height:25.5%;
  padding:7px 5px; border-left:2px solid #123d75;
  display:flex; gap:4px; justify-content:center;
}
.product-photo-label b{
  width:100%; font-size:var(--photo-name,14px)!important; line-height:1.03;
  overflow-wrap:normal!important; word-break:normal!important; hyphens:none!important;
  white-space:normal; text-wrap:balance;
}
.product-photo-label i{font-size:10px;margin-top:3px;letter-spacing:.01em}
.product-photo-label strong,.product-photo-label small{display:none!important}
.pcard-media .product-photo-label{transform:translateZ(0)}

/* COA buttons behave like links but stay semantically buttons. */
button.coa-pill{appearance:none;font:inherit;cursor:pointer}
.coa-pill{border:1px solid #9ab7df;background:#fff;color:#163f7a}
.coa-pill:hover{background:#edf4ff}

body.coa-open{overflow:hidden}
.coa-modal-layer{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:22px}
.coa-modal-layer.show{display:flex}
.coa-modal-backdrop{position:absolute;inset:0;background:rgba(3,12,28,.72);backdrop-filter:blur(8px)}
.coa-modal-dialog{position:relative;z-index:1;width:min(1280px,96vw);max-height:calc(100vh - 44px);overflow:auto;border-radius:26px;background:#f5f8fd;box-shadow:0 28px 90px rgba(0,0,0,.36)}
.coa-modal-shell{padding:34px 38px 28px;color:#0b1730}
.coa-modal-shell.standalone{background:#f5f8fd;border:1px solid #d8e2ef;border-radius:24px}
.coa-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:20px}
.coa-modal-head .eyebrow{color:#3562a4}
.coa-modal-head h2{margin:8px 0 0;font-size:clamp(25px,3vw,38px);letter-spacing:-.035em;color:#0b1730}
.coa-close{width:48px;height:48px;min-width:48px;border-radius:50%;border:1px solid #cad7e8;background:#fff;color:#45566f;font-size:31px;line-height:1;cursor:pointer;display:grid;place-items:center}
.coa-close:hover{background:#edf3fb;color:#0b1730}
.coa-modal-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:24px;align-items:stretch}
.coa-summary-card{background:linear-gradient(160deg,#132242 0%,#081225 78%);border-radius:23px;padding:34px;color:#fff;display:flex;flex-direction:column;min-height:630px;border:1px solid rgba(93,146,218,.34)}
.coa-summary-lab{display:flex;align-items:center;gap:14px}
.coa-summary-lab>span{font-family:var(--mono);padding:10px 13px;border-radius:8px;background:#1d3768;color:#b7c8e5}
.coa-summary-lab div{display:flex;flex-direction:column;gap:3px;min-width:0}
.coa-summary-lab b{font-size:18px}.coa-summary-lab small{font-size:12px;color:#94a4bf}
.coa-summary-lab>i{margin-left:auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#155b4d;color:#45dfa1;font-style:normal;font-size:19px}
.coa-summary-kicker{margin-top:34px;font-family:var(--mono);font-size:12px;letter-spacing:.18em;color:#a8b9d6}
.coa-summary-purity{margin-top:14px;font-family:var(--disp);font-size:clamp(48px,6vw,70px);font-weight:800;line-height:.95;letter-spacing:-.045em}
.coa-summary-purity>em{font-style:normal;color:#42df95;font-size:.56em;margin-left:2px}
.coa-summary-purity>small{display:block;margin-top:12px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.18em;color:#a1b2ce}
.coa-summary-rule{height:1px;background:#31405a;margin:27px 0 25px}
.coa-summary-meta{display:grid;grid-template-columns:1fr 1fr;gap:21px 28px;margin:0}
.coa-summary-meta div{min-width:0}.coa-summary-meta dt{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:#8798b5;margin-bottom:7px}.coa-summary-meta dd{margin:0;font-size:15px;font-weight:750;word-break:break-word}.coa-summary-meta dd.green{color:#41dc92}
.coa-summary-tags{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0 22px}
.coa-summary-tags span{border:1px solid #3b4862;border-radius:999px;padding:8px 12px;font-size:11px;color:#d5dfef}.coa-summary-tags i{width:7px;height:7px;border-radius:50%;background:#2dcc82;display:inline-block;margin-right:6px}
.coa-verify-btn{margin-top:auto;min-height:54px;border-radius:10px;background:#fff;color:#0b1730;text-decoration:none;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;border:2px solid #fff;outline:3px solid rgba(79,134,213,.65);outline-offset:2px}
.coa-verify-btn:hover{background:#eaf2ff}
.coa-source-link{display:block;text-align:center;color:#b8c7de;font-size:12px;margin-top:15px;text-decoration:underline;text-underline-offset:3px}
.coa-qc-card{background:#fff;border:1px solid #cad8e9;border-radius:23px;padding:28px 32px;color:#0b1730}
.coa-qc-head{display:flex;justify-content:space-between;gap:14px;align-items:center;border-bottom:1px solid #d9e2ee;padding-bottom:17px;margin-bottom:4px}.coa-qc-head b{font-size:15px;letter-spacing:.02em}.coa-qc-head span{font-size:13px;color:#15964d;font-weight:750}
.coa-qc-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.8fr);align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #e3e9f2}.coa-qc-row:last-of-type{border-bottom:0}.coa-qc-row>div:first-child{display:flex;flex-direction:column;gap:4px}.coa-qc-row b{font-size:15px}.coa-qc-row small{font-family:var(--mono);font-size:11px;color:#7d8ba1}.coa-qc-value{display:flex;align-items:center;justify-content:flex-end;gap:12px;text-align:right}.coa-qc-value span{font-weight:650;color:#4d5c72}.coa-qc-value em{font-style:normal;font-size:11px;font-weight:800;padding:5px 9px;border-radius:8px}.coa-qc-value em.pass{background:#e6f6ec;color:#169745}.coa-qc-value em.reported{background:#f2f5f9;color:#7a869b}.coa-qc-value em.source{background:#edf3fb;color:#446892}
.coa-qc-note{margin:18px 0 0;padding:14px 16px;border-radius:11px;background:#f2f6fb;color:#637089;font-size:12px;line-height:1.55}
.coa-modal-foot{text-align:center;padding-top:20px}.coa-modal-foot a{color:#2e5fa2;font-weight:750;text-decoration:none}.coa-modal-foot a:hover{text-decoration:underline}

/* KLOW / featured COA: make it a normal product-driven callout instead of a
   giant PDF placeholder. */
.featured-coa-v9{grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr)!important;align-items:center}
.featured-coa-v9 .klow-product-shot{min-height:380px;max-height:460px;border-radius:20px;overflow:hidden}
.featured-coa-v9 .featured-coa-copy{padding:34px!important}
.featured-coa-v9 .featured-coa-results{grid-template-columns:1fr 1fr!important}

/* Testing page: stronger catalog-first hierarchy. */
.testing-page-v9 .testing-hero-v9{padding-bottom:34px}
.testing-page-v9 .testing-principles-card{box-shadow:none;border:1px solid var(--line)}
.testing-page-v9 .testing-panel-card{min-height:180px}

@media(max-width:800px){
  .product-photo-label{left:44.2%;top:38.4%;width:28.8%;height:24.4%;padding:4px 3px}
  .product-photo-label b{font-size:min(var(--photo-name,13px),3.5vw)!important;line-height:1.02}
  .product-photo-label i{font-size:2.35vw;margin-top:2px}
  .coa-modal-layer{padding:0;align-items:flex-end}
  .coa-modal-dialog{width:100%;max-height:94vh;border-radius:24px 24px 0 0}
  .coa-modal-shell{padding:22px 16px 18px}
  .coa-modal-head{position:sticky;top:-22px;z-index:5;background:#f5f8fd;padding:18px 0 13px;margin-bottom:8px}
  .coa-modal-head h2{font-size:24px;line-height:1.08}
  .coa-close{width:44px;height:44px;min-width:44px;font-size:27px}
  .coa-modal-grid{grid-template-columns:1fr;gap:14px}
  .coa-summary-card{min-height:0;padding:24px 20px;border-radius:18px}
  .coa-summary-lab b{font-size:16px}.coa-summary-lab small{font-size:11px}
  .coa-summary-kicker{margin-top:25px}
  .coa-summary-purity{font-size:54px}
  .coa-summary-rule{margin:21px 0}
  .coa-summary-meta{gap:18px 16px}.coa-summary-meta dd{font-size:14px}
  .coa-summary-tags{margin:21px 0 20px}
  .coa-verify-btn{min-height:52px}
  .coa-qc-card{padding:20px 17px;border-radius:18px}
  .coa-qc-head{align-items:flex-start}.coa-qc-head span{font-size:11px}
  .coa-qc-row{grid-template-columns:1fr;padding:15px 0;gap:8px}
  .coa-qc-value{justify-content:space-between;text-align:left}.coa-qc-value span{font-size:14px}
  .coa-modal-foot{padding:17px 0 5px}
  .featured-coa-v9{grid-template-columns:1fr!important}
  .featured-coa-v9 .klow-product-shot{min-height:300px}
  .featured-coa-v9 .featured-coa-results{grid-template-columns:1fr!important}
}

@media(max-width:420px){
  .coa-modal-layer{padding:0}
  .coa-modal-shell{padding-left:13px;padding-right:13px}
  .coa-summary-card{padding:21px 16px}
  .coa-summary-meta{grid-template-columns:1fr 1fr;gap:16px 12px}
  .coa-summary-meta dt{font-size:9px}.coa-summary-meta dd{font-size:13px}
  .coa-summary-purity{font-size:48px}
  .coa-qc-card{padding:18px 14px}
  .coa-qc-row b{font-size:14px}
}
.pending-price{font-size:18px!important;line-height:1.05}.pending-price small{font-size:10px!important;color:var(--ink-3)!important;letter-spacing:.02em}


/* ==========================================================================
   PHONE LAYER  —  loaded last on purpose.
   The rest of this file has ~20 overlapping breakpoints that were added one
   at a time and fight each other. Rather than untangle them, phone-critical
   rules live here at the end so they win on source order. Anything that
   should differ on a phone belongs in this block, not scattered above.
   ========================================================================== */

/* --- safe areas: iPhone notch and home indicator --------------------------- */
:root{
  --safe-t:env(safe-area-inset-top,0px);
  --safe-b:env(safe-area-inset-bottom,0px);
  --safe-l:env(safe-area-inset-left,0px);
  --safe-r:env(safe-area-inset-right,0px);
  --buybar-h:0px;
}

/* --- sticky product buy bar (phones only) ---------------------------------- */
.pdp-buybar{display:none}

@media(max-width:760px){

  /* Tap targets. The old rules SHRANK these on small screens, which is
     backwards — a finger needs more room than a cursor, not less.
     44px is the Apple/WCAG minimum. */
  .icon-btn{width:44px;height:44px}
  nav.main a{padding-top:13px;padding-bottom:13px}
  .tab{min-height:44px}
  .qty button{width:44px;height:44px}
  .qty input{width:52px;height:44px}
  .opt{min-height:52px}

  /* Buy bar: price + one action, always reachable with a thumb. */
  .pdp-buybar{
    display:flex;align-items:center;gap:12px;
    position:fixed;left:0;right:0;bottom:0;z-index:9000;
    padding:10px calc(14px + var(--safe-r)) calc(10px + var(--safe-b)) calc(14px + var(--safe-l));
    background:var(--ground);border-top:1px solid var(--line);
    box-shadow:0 -6px 24px rgba(10,23,51,.10);
  }
  .pdp-buybar-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
  .pdp-buybar-info b{
    font-family:var(--disp);font-size:13.5px;font-weight:700;color:var(--ink);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  .pdp-buybar-info span{font-family:var(--mono);font-size:12px;color:var(--ink-2)}
  .pdp-buybar-cta{flex:none;min-height:48px;padding:0 20px;font-size:14px;white-space:nowrap}

  /* Reserve space so the bar never covers the last section or the RUO notice. */
  body:has(.pdp-buybar) main#app{padding-bottom:84px}
  body:has(.pdp-buybar) .ruoband{margin-bottom:84px}

  /* --- COA sheet ----------------------------------------------------------
     On a phone a centred dialog is the wrong shape. This slides up from the
     bottom, caps at 92% of the screen, and scrolls inside itself. */
  .coa-modal-layer{padding:0;align-items:flex-end}
  .coa-modal-dialog{
    width:100%;max-height:92vh;max-height:92dvh;overflow-y:auto;
    -webkit-overflow-scrolling:touch;overscroll-behavior:contain;
    border-radius:18px 18px 0 0;
    padding-bottom:var(--safe-b);
  }
  /* Grab handle, so it reads as a sheet you can dismiss. */
  .coa-modal-dialog::before{
    content:"";display:block;width:38px;height:4px;border-radius:999px;
    background:#c9d5e6;margin:9px auto 2px;
  }
  .coa-close{width:44px;height:44px;font-size:26px}

  /* Lock the page behind the sheet. Without this the background scrolls
     under your finger while the sheet is open. */
  body.coa-open{overflow:hidden;position:relative}

  /* --- checkout ------------------------------------------------------------ */
  .co-step{margin-top:26px}
  .co-ship{min-height:56px}
  .co-ship input{width:20px;height:20px}

  /* --- misc ---------------------------------------------------------------- */
  /* Horizontal nav should snap rather than drift mid-item. */
  nav.main .wrap{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  nav.main a{scroll-snap-align:start}
  /* Never let a long lot number or formula force a sideways scroll. */
  body{overflow-x:hidden}
  .mono,code,.coa-summary-meta dd{overflow-wrap:anywhere}
}

/* Browsers without :has() — fall back to padding the app on phones outright.
   Slightly over-reserves on non-product pages; harmless, and safe. */
@supports not selector(body:has(*)){
  @media(max-width:760px){ main#app{padding-bottom:84px} }
}

@media(prefers-reduced-motion:reduce){
  .coa-modal-dialog{transition:none}
}

/* --- phone-only collapsed order summary at checkout ------------------------ */
.co-minisum{display:none}
@media(max-width:760px){
  .co-minisum{
    display:block;margin:0 0 22px;border:1px solid var(--line);
    border-radius:10px;background:var(--surface);overflow:hidden;
  }
  .co-minisum summary{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:15px 16px;min-height:52px;cursor:pointer;list-style:none;
    font-family:var(--disp);font-weight:600;font-size:14px;color:var(--ink);
  }
  .co-minisum summary::-webkit-details-marker{display:none}
  .co-minisum summary span{display:flex;align-items:center;gap:8px;color:var(--ink-2)}
  .co-minisum summary b{font-family:var(--mono);font-size:16px;color:var(--ink)}
  .co-minisum summary::after{
    content:"";width:8px;height:8px;flex:none;margin-left:2px;
    border-right:1.8px solid var(--ink-3);border-bottom:1.8px solid var(--ink-3);
    transform:rotate(45deg) translateY(-2px);transition:transform .18s;
  }
  .co-minisum[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
  .co-minisum-body{padding:2px 16px 14px;border-top:1px solid var(--line-soft)}
  .co-minisum-line{
    display:flex;justify-content:space-between;gap:14px;padding:8px 0;
    font-size:13px;color:var(--ink-2);
  }
  .co-minisum-line b{font-family:var(--mono);color:var(--ink);white-space:nowrap}
  .co-minisum-line.total{
    border-top:1px solid var(--line);margin-top:4px;padding-top:11px;
    font-weight:700;color:var(--ink);font-size:14.5px;
  }
  .co-minisum-line.total b{font-size:17px}
}

/* --- COA verification note ------------------------------------------------- */
.coa-verify-note{
  margin:10px 0 0;font-size:11.5px;line-height:1.55;color:#5a6879;
  font-family:var(--body);
}
.coa-verify-note b{font-family:var(--mono);color:#0b1730;font-weight:600}

/* --- QC panel: pending rows stay visible, just clearly unfilled ------------- */
.coa-qc-row.is-pending .coa-qc-value span{color:#8a97a8;font-style:italic}
.coa-qc-row .coa-qc-value em.source{background:#eef2f7;color:#6b7a8d;border-color:#dce4ee}
.coa-qc-row small{display:block;color:#7b8797;font-size:10.5px;line-height:1.4;margin-top:2px}

/* --- theme toggle icon ------------------------------------------------------
   The button shows the theme you'll GET by pressing it: a moon while the site
   is light, a sun while it's dark. Mirrors exactly how the colour variables
   are selected higher up in this file, so "no data-theme set + OS is dark"
   correctly shows the sun. */
#themeBtn{position:relative}
.theme-ico{display:block}
.theme-sun{display:none}

:root[data-theme="dark"] .theme-sun{display:block}
:root[data-theme="dark"] .theme-moon{display:none}

@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .theme-sun{display:block}
  :root:not([data-theme="light"]) .theme-moon{display:none}
}

/* Native WordPress and WooCommerce screens, aligned with the supplied design system. */
.wp-main-content{min-height:55vh;padding:42px 0 72px;background:var(--ground)}
.wp-article>.page-head{padding-top:0}.wp-entry{padding-top:34px}
.wp-entry>*+*{margin-top:20px}.wp-entry h2,.wp-entry h3{margin-top:34px}
.woocommerce-wrap{padding-top:22px;padding-bottom:60px}
.woocommerce .woocommerce-breadcrumb{font-family:var(--mono);font-size:11px;text-transform:uppercase;color:var(--ink-3);margin-bottom:28px}
.woocommerce h1,.woocommerce h2,.woocommerce h3{color:var(--ink)}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:28px 0}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--ground);box-shadow:var(--shadow-1)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--disp);font-size:18px;color:var(--ink)}
.woocommerce .price{font-family:var(--mono);color:var(--ink)!important}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wc-block-components-button{border-radius:var(--r)!important;background:var(--signal)!important;color:#fff!important;font-family:var(--body)!important;font-weight:600!important;padding:12px 18px!important}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--bright)!important;color:#fff!important}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.select2-container--default .select2-selection--single{background:var(--ground);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);padding:11px 13px;min-height:44px}
.woocommerce form.checkout,.woocommerce form.login,.woocommerce form.register,.woocommerce-cart-form,.cart_totals,.woocommerce-checkout-review-order{color:var(--ink)}
.woocommerce table.shop_table{border-color:var(--line);border-radius:var(--r);background:var(--ground)}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:var(--line-soft)}
.woocommerce .col2-set,.woocommerce-page .col2-set{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{float:none;width:auto}
.woocommerce-error,.woocommerce-info,.woocommerce-message{border-top-color:var(--signal);background:var(--surface);color:var(--ink)}
.ahs-research-checkout-ack{margin:18px 0!important;padding:16px!important;border:1px solid var(--accent)!important;border-left-width:4px!important;border-radius:var(--r);background:var(--accent-soft);font-size:12.5px;line-height:1.55}
.ahs-research-checkout-ack label{display:flex;align-items:flex-start;gap:10px}.ahs-research-checkout-ack input{margin-top:4px!important;flex:none}
.woocommerce-account .woocommerce-MyAccount-navigation{width:24%}.woocommerce-account .woocommerce-MyAccount-content{width:72%}
@media(max-width:1000px){.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}.woocommerce .col2-set,.woocommerce-page .col2-set{grid-template-columns:1fr}.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{float:none;width:100%}}
@media(max-width:480px){.woocommerce ul.products{grid-template-columns:1fr}.wp-main-content{padding-top:26px}}

/* Responsive hero: one compact, still three-vial composition. */
@media(max-width:960px){
  .hero-grid{display:flex!important;flex-direction:column;gap:14px!important;padding:18px 0 54px!important}
  .hero-grid>.hero-art{order:-1;width:100%;max-width:none!important;margin:0!important}
  .hero-grid>div:first-child{width:100%}
}
@media(max-width:640px){
  .hero-grid{gap:12px!important;padding:10px 0 44px!important}
  .hero-grid>.hero-art{
    width:calc(100% + (var(--gut) * 2));
    margin-inline:calc(var(--gut) * -1)!important;
    overflow:visible;
    border:0;
    border-radius:0;
    box-shadow:none;
    background:transparent!important;
  }
  .hero-art::before{display:none!important}
  .hero-stage{min-height:260px!important;max-width:380px!important;margin:0 auto!important;overflow:visible!important;z-index:1}
  .showcase-deck{inset:0!important}
  .showcase-vial{width:94px!important;height:182px!important;top:50%!important;opacity:1!important}
  .showcase-vial.is-center{left:50%!important;transform:translate(-50%,-50%) translateY(-5px) scale(1.03)!important}
  .showcase-vial.is-left{left:27%!important;transform:translate(-50%,-50%) translateY(10px) scale(.88) rotate(-2deg)!important}
  .showcase-vial.is-right{left:73%!important;transform:translate(-50%,-50%) translateY(10px) scale(.88) rotate(2deg)!important}
  .hero-grid>div:first-child{padding-top:0}
  .hero h1{font-size:clamp(34px,10vw,41px);line-height:1.01;max-width:13ch}
  .hero .lede{font-size:16px;line-height:1.67}
  .hero-cta{display:grid;grid-template-columns:1fr;gap:10px;margin-top:28px}
  .hero-cta .btn{width:100%;justify-content:center}
  .hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px;margin-top:30px}
  .hero-stat{padding:14px 10px;text-align:center}
  .hero-stat b{font-size:21px}
  .hero-stat span{font-size:8px;letter-spacing:.075em;line-height:1.35}
}
@media(max-width:380px){
  .hero-stage{min-height:242px!important}
  .hero-orbit{width:276px}
  .showcase-vial{width:86px!important;height:168px!important}
  .showcase-vial.is-left{left:26%!important}
  .showcase-vial.is-right{left:74%!important}
}

/* COA viewer — matched to the clean certificate flow used by the reference site. */
.coa-modal-dialog{
  width:min(1000px,calc(100vw - 40px));
  max-height:calc(100vh - 34px);max-height:calc(100dvh - 34px);
  border:1px solid #d8e1ee;border-radius:24px;background:#f5f8fd;
}
.coa-modal-shell{padding:28px 30px 24px}
.coa-modal-shell.standalone{max-width:1000px;margin-inline:auto}
.coa-modal-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.72fr) 48px;align-items:start;gap:22px;margin-bottom:20px}
.coa-modal-title{min-width:0}.coa-modal-head h2{font-size:clamp(24px,2.7vw,34px);line-height:1.08}
.coa-modal-intro{margin:27px 0 0;font-size:13px;line-height:1.55;color:#5c6a7f;text-align:right}
.coa-size-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
.coa-size-tabs button{min-height:36px;padding:7px 13px;border:1px solid #cbd7e7;border-radius:999px;background:#fff;color:#5a687b;font:700 11px/1 var(--mono);cursor:pointer;transition:.15s ease}
.coa-size-tabs button:hover{border-color:#173a70;color:#173a70}.coa-size-tabs button.on{background:#132c58;border-color:#132c58;color:#fff}
.coa-modal-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:18px}
.coa-summary-card{min-height:560px;padding:28px;border-radius:20px}
.coa-summary-lab>span{font-size:10px;font-weight:800;letter-spacing:.12em}
.coa-summary-purity{font-size:clamp(46px,5vw,62px)}
.coa-summary-meta{gap:18px 22px}
.coa-summary-meta dd{display:flex;align-items:center;gap:6px}
.coa-copy{display:inline-grid;place-items:center;width:26px;height:26px;flex:none;border:0;border-radius:7px;background:#20385d;color:#bfd0ea;cursor:pointer}
.coa-copy:hover{background:#2d4d7d;color:#fff}
.coa-qc-card{padding:24px 26px;border-radius:20px}
.coa-qc-row{grid-template-columns:minmax(0,1fr) minmax(165px,.72fr);gap:14px;padding:15px 0}
.coa-qc-row b{font-size:14px}.coa-qc-row small{font-size:10px}
.coa-qc-value span{font-size:13px}.coa-modal-foot{padding-top:17px}

@media(max-width:800px){
  .coa-modal-layer{padding:0;align-items:flex-end}
  .coa-modal-dialog{width:100%;max-height:94vh;max-height:94dvh;border-width:1px 0 0;border-radius:22px 22px 0 0}
  .coa-modal-dialog::before{content:"";display:block;width:38px;height:4px;border-radius:999px;background:#c8d4e4;margin:9px auto 0}
  .coa-modal-shell{padding:12px 14px calc(18px + var(--safe-b))}
  .coa-modal-head{position:sticky;top:0;z-index:5;display:block;margin:0 -2px 12px;padding:13px 52px 13px 2px;background:linear-gradient(#f5f8fd 88%,rgba(245,248,253,.88));border-bottom:1px solid #dce5f0}
  .coa-modal-head h2{font-size:24px;margin-top:6px}
  .coa-modal-intro{margin:8px 0 0;text-align:left;font-size:12px}
  .coa-size-tabs{flex-wrap:nowrap;overflow-x:auto;margin:11px -48px 0 0;padding-bottom:2px;scrollbar-width:none}
  .coa-size-tabs::-webkit-scrollbar{display:none}
  .coa-size-tabs button{min-height:38px;white-space:nowrap}
  .coa-close{position:absolute;right:0;top:11px}
  .coa-modal-grid{grid-template-columns:1fr;gap:12px}
  .coa-summary-card{min-height:0;padding:22px 18px;border-radius:17px}
  .coa-summary-kicker{margin-top:25px}.coa-summary-rule{margin:20px 0}
  .coa-summary-meta{grid-template-columns:1fr 1fr;gap:16px 12px}
  .coa-summary-meta dd{font-size:13px}
  .coa-verify-btn{min-height:52px;text-align:center}
  .coa-qc-card{padding:18px 16px;border-radius:17px}
  .coa-qc-row{grid-template-columns:1fr;gap:8px;padding:14px 0}
  .coa-qc-value{justify-content:space-between;text-align:left}
}

@media(max-width:390px){
  .coa-modal-shell{padding-inline:11px}
  .coa-modal-head{padding-left:1px}
  .coa-summary-card{padding:20px 15px}
  .coa-summary-lab{gap:10px}.coa-summary-lab b{font-size:15px}.coa-summary-lab small{font-size:10px}
  .coa-summary-purity{font-size:46px}
  .coa-summary-tags{gap:6px}.coa-summary-tags span{font-size:10px;padding:7px 9px}
  .coa-qc-card{padding:16px 13px}
}

/* COA viewer v12 — American certificate presentation. */
.coa-modal-dialog{background:
  radial-gradient(circle at 0 0,rgba(22,58,110,.16),transparent 32%),
  radial-gradient(circle at 100% 0,rgba(196,32,39,.13),transparent 31%),
  linear-gradient(145deg,#eef3fa 0%,#fff 42%,#f8f4f4 100%);border-color:#bccbdf}
.coa-modal-shell{position:relative;isolation:isolate}
.coa-modal-shell::before{content:"";position:absolute;z-index:-1;inset:0 0 auto 0;height:5px;
  background:linear-gradient(90deg,#123b73 0 34%,#fff 34% 66%,#c9222b 66%)}
.coa-brandbar{display:flex;align-items:center;justify-content:center;gap:14px;margin:-4px 0 20px}
.coa-brand-lockup{display:block;width:218px;height:56px;background:#122d58;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.coa-brand-divider{width:1px;height:46px;background:#ced8e6}
.coa-brand-flag{width:35px;height:40px;object-fit:contain}
.coa-modal-head .eyebrow{color:#c9222b;font-weight:850;letter-spacing:.15em}
.coa-modal-intro{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:#24344f}
.coa-modal-intro svg{color:#123b73;flex:none}
.coa-size-tabs button.on{background:#123b73;border-color:#123b73;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.coa-summary-card{position:relative;overflow:hidden;background:
  radial-gradient(circle at 10% 0,rgba(44,103,181,.23),transparent 35%),
  linear-gradient(155deg,#0c2850 0%,#07172f 68%,#061326 100%);
  border-color:#335d91;box-shadow:0 16px 34px rgba(6,24,52,.18)}
.coa-summary-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:#d7262e}
.coa-summary-card::after{content:"";position:absolute;right:-24%;top:-14%;width:72%;height:34%;transform:rotate(12deg);
  background:linear-gradient(180deg,rgba(196,32,39,.34) 0 24%,rgba(255,255,255,.09) 24% 44%,rgba(196,32,39,.2) 44% 68%,transparent 68%);filter:blur(.2px);pointer-events:none}
.coa-summary-lab,.coa-summary-kicker,.coa-summary-purity,.coa-summary-rule,.coa-summary-meta,.coa-summary-tags,.coa-verify-btn,.coa-source-link,.coa-verify-note{position:relative;z-index:1}
.coa-summary-lab>span{background:linear-gradient(145deg,#174b91,#0c2c5c);border:1px solid #2c71c5;color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.coa-summary-lab>i{background:#177342;color:#fff;border:1px solid #52bd7b}
.coa-summary-kicker{color:#a9c5ec}
.coa-summary-purity>em{color:#ef2c35}
.coa-summary-purity>small{color:#b9cae2}
.coa-summary-meta dd.green{color:#ef3b43;text-decoration:underline;text-underline-offset:3px}
.coa-summary-tags span{background:rgba(7,22,47,.46);border-color:#38577f}
.coa-summary-tags i{background:#ef2c35}
.coa-verify-btn{background:transparent;color:#fff;border-color:#ef2c35;outline:0;border-radius:12px}
.coa-verify-btn:hover{background:#ef2c35;color:#fff}
.coa-qc-card{box-shadow:0 16px 34px rgba(14,42,78,.08);border-color:#cbd7e7}
.coa-qc-head::before{content:"//";color:#15964d;font-weight:900;letter-spacing:-.12em;margin-right:8px}
.coa-qc-head b{margin-right:auto}.coa-qc-head span{color:#15964d;text-transform:uppercase;font-family:var(--mono);font-size:10px;letter-spacing:.07em}
.coa-qc-row{grid-template-columns:minmax(0,1fr) minmax(165px,.72fr)}
.coa-qc-name{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;min-width:0}
.coa-qc-name>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.coa-qc-icon{width:34px;height:34px;min-width:34px;border-radius:50%;display:grid;place-items:center;background:#f0f3f8;color:#102c55}
.coa-qc-value em{border-radius:5px;padding:5px 8px}
.coa-modal-foot a{color:#123b73}

@media(max-width:800px){
  .coa-brandbar{width:max-content;max-width:100%;margin:2px auto 14px;justify-content:center;gap:8px}
  .coa-brand-lockup{width:148px;height:38px}
  .coa-brand-divider{height:31px}
  .coa-brand-flag{width:24px;height:28px}
  .coa-modal-head{padding-top:10px}
  .coa-modal-intro{justify-content:flex-start}
  .coa-summary-card::after{right:-34%;top:-8%;width:90%;height:27%}
  .coa-qc-name{gap:10px}.coa-qc-icon{width:32px;height:32px;min-width:32px}
  .coa-qc-row{grid-template-columns:1fr}
}

/* Product photo system v11 */
.product-photo-composite{isolation:isolate;background:#f8fafc}
.product-photo-composite>img{object-position:center center}
.product-photo-label{
  position:absolute!important;
  left:33.35%!important;
  top:39.2%!important;
  width:33.3%!important;
  height:25.8%!important;
  display:grid!important;
  grid-template-columns:36% 64%;
  align-items:stretch!important;
  gap:0!important;
  padding:0!important;
  background:rgba(255,255,255,.985)!important;
  border:0!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.9)!important;
  color:#0b3266!important;
  overflow:hidden;
}
.product-photo-label .ppl-brand,
.product-photo-label .ppl-data{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.product-photo-label .ppl-brand{padding:5% 5% 4%;border-right:2px solid #154783}
.product-photo-label .ppl-brand img{display:block;width:34%;height:auto;max-height:38%;object-fit:contain;margin:0 auto 4%}
.product-photo-label .ppl-brand b{font-family:var(--disp);font-size:9px!important;font-weight:800;letter-spacing:.02em;line-height:1;color:#0b3d78}
.product-photo-label .ppl-brand small{display:block!important;font-family:var(--mono);font-size:4.1px!important;font-weight:750;letter-spacing:.05em;line-height:1.2;color:#173f73;margin-top:4%}
.product-photo-label .ppl-data{padding:4% 4% 3%}
.product-photo-label .ppl-data .ppl-name{display:block;width:100%;font-family:var(--disp);font-size:var(--photo-name,11px)!important;font-weight:850;line-height:1.02;letter-spacing:-.025em;color:#0b3266;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;text-wrap:balance}
.product-photo-label .ppl-data i{display:block;font-family:var(--disp);font-size:10px!important;font-style:normal;font-weight:760;line-height:1;color:#8c96a5;margin-top:6%}
.product-photo-label .ppl-data strong{display:block!important;font-family:var(--mono);font-size:4.7px!important;line-height:1.15;letter-spacing:.055em;color:#153f76;margin-top:7%}
.product-photo-label .ppl-data small{display:block!important;font-family:var(--mono);font-size:3.9px!important;line-height:1.1;letter-spacing:.025em;color:#173a68;margin-top:4%;white-space:nowrap}
.pphoto-sm .product-photo-label{display:none!important}
@media(max-width:700px){
  .product-photo-label{left:33.35%!important;top:39.2%!important;width:33.3%!important;height:25.8%!important}
  .product-photo-label .ppl-brand{border-right-width:1px}
  .product-photo-label .ppl-brand b{font-size:2.35vw!important}
  .product-photo-label .ppl-brand small{font-size:1.05vw!important}
  .product-photo-label .ppl-data .ppl-name{font-size:min(var(--photo-name,11px),2.85vw)!important}
  .product-photo-label .ppl-data i{font-size:2.25vw!important}
  .product-photo-label .ppl-data strong{font-size:1.12vw!important}
  .product-photo-label .ppl-data small{font-size:.94vw!important}
}

/* Launch polish — preserve a complete, compact header and cleaner commerce flow on phones. */
@media(max-width:700px){
  .hdr{gap:5px}
  .hdr .mark-lockup{width:112px;height:36px}
  .hdr-actions #themeBtn{display:grid!important}
  .page-head h1{font-size:clamp(32px,10vw,40px);line-height:1.02}
  .shop-section{padding-top:12px}
  .cart-grid{gap:18px}
  .summary{padding:18px;border-radius:16px}
  .cart-line{grid-template-columns:64px minmax(0,1fr) auto;gap:10px}
}
@media(max-width:390px){
  .hdr .mark-lockup{width:104px;height:34px}
  .icon-btn{width:42px;height:42px}
  .cart-line{grid-template-columns:58px minmax(0,1fr)}
  .cart-line>div:last-child{grid-column:2;text-align:left!important}
}

/* Keep every mobile product listing at two balanced cards per row. */
@media(max-width:700px){
  .pgrid,.shop-grid,.woocommerce ul.products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .pcard{border-radius:14px}
  .pcard .stock{top:7px;left:7px;padding:5px 7px;font-size:7.5px}
  .pcard-verified{top:7px;right:7px;padding:5px 7px;gap:3px;font-size:7.5px}
  .pcard-verified svg{width:10px;height:10px}
  .pcard-coa{flex-direction:column;align-items:stretch;gap:7px;padding:8px}
  .pcard-coa-status{font-size:11px}
  .pcard-coa small{font-size:8px;max-width:none}
  .coa-pill{width:100%;min-height:34px!important;padding:7px 8px;font-size:10px}
  .pcard-body{padding:10px!important;gap:8px}
  .pcard-cat{font-size:7.5px}
  .pcard h3{font-size:14px!important;line-height:1.18}
  .pcard .sizes{gap:4px}
  .size-pill{font-size:8px!important;padding:4px 6px!important}
  .pcard-stock{font-size:9px;gap:5px}
  .pcard-stock .dot{width:5px;height:5px}
  .pcard-foot{display:grid!important;grid-template-columns:1fr!important;gap:8px;margin-top:6px!important}
  .pcard-foot .price{font-size:20px!important}
  .pcard-foot .btn{width:100%;min-width:0!important;min-height:38px!important;padding:8px 7px;font-size:10px}
}