/* Royal Research Group 2.0 — website UI kit layout layer. Tokens come from ../../styles.css. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--foundation-canvas);color:var(--text-primary);font-family:var(--rrg-sans);font-size:16px;line-height:1.625;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--text-primary);text-decoration-color:#e7e9eb4d;text-underline-offset:3px}
a:hover{color:var(--brand-ion-cyan)}
h1,h2,h3,h4,p{margin:0}
button{font:inherit}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--brand-active-blue);outline-offset:2px}
.mono{font-family:var(--rrg-mono);font-weight:500;letter-spacing:.01em}
.wrap{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 var(--gutter)}
.wrap--narrow{max-width:880px}
.sec{padding:clamp(64px,9vw,var(--Space-10)) 0}
.sec--tight{padding:clamp(40px,6vw,64px) 0}
.sec--rule{border-top:1px solid var(--rule)}
.sec--surface{background:var(--foundation-surface)}
.eyebrow{font-size:11px;line-height:1.36;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-ion-cyan)}
.eyebrow--muted{color:var(--text-muted)}
.d-xl{font-size:clamp(44px,6.2vw,72px);line-height:1.04;font-weight:600;letter-spacing:-.035em;text-wrap:balance}
.d-l{font-size:clamp(36px,4.8vw,56px);line-height:1.07;font-weight:600;letter-spacing:-.03em;text-wrap:balance}
.h1{font-size:clamp(34px,4.2vw,48px);line-height:1.08;font-weight:600;letter-spacing:-.025em;text-wrap:balance}
.h2{font-size:clamp(28px,3.2vw,36px);line-height:1.17;font-weight:600;letter-spacing:-.02em;text-wrap:balance}
.h3{font-size:clamp(22px,2.4vw,28px);line-height:1.21;font-weight:600;letter-spacing:-.015em}
.h4{font-size:22px;line-height:1.27;font-weight:600;letter-spacing:-.01em}
.h5{font-size:17px;line-height:1.35;font-weight:600;letter-spacing:-.005em}
.lead{font-size:18px;line-height:1.61;color:var(--text-secondary);text-wrap:pretty}
.body{color:var(--text-secondary);text-wrap:pretty}
.small{font-size:14px;line-height:1.57;color:var(--text-secondary)}
.micro{font-size:12px;line-height:1.5;color:var(--text-muted)}
.muted{color:var(--text-muted)}
.stack{display:flex;flex-direction:column}
.g1{gap:4px}.g2{gap:8px}.g3{gap:12px}.g4{gap:16px}.g5{gap:24px}.g6{gap:32px}.g7{gap:48px}.g8{gap:64px}
.row{display:flex;align-items:center;flex-wrap:wrap}
.between{justify-content:space-between}
.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}
.split--57{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.split--75{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
@media (max-width:743px){.split,.split--57,.split--75{grid-template-columns:minmax(0,1fr)}}
.panel{background:var(--foundation-surface);border-radius:var(--Card);box-shadow:var(--Hairline)}
.panel--raised{background:var(--foundation-raised)}
.panel--pad{padding:var(--Space-5)}
.panel--pad6{padding:clamp(20px,3vw,32px)}
.paper{background:var(--foundation-evidence);color:#12171c;border-radius:var(--Sharp)}
.rule{height:1px;background:var(--rule);border:0;margin:0}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:var(--Round);background:var(--foundation-raised);box-shadow:var(--Hairline);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;border:0;transition:background .16s,color .16s}
.chip:hover{background:var(--foundation-elevated);color:var(--text-primary)}
.chip[aria-pressed="true"],.chip.is-on{background:var(--text-primary);color:var(--foundation-canvas)}
.kv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:8px 16px;font-size:14px;margin:0}
.kv dt{color:var(--text-muted)}
.kv dd{margin:0;text-align:right;overflow-wrap:anywhere;font-family:var(--rrg-mono);font-weight:500;font-size:13px;color:var(--text-primary)}
.placeholder-token{font-family:var(--rrg-mono);font-size:13px;padding:2px 6px;border-radius:4px;background:var(--foundation-raised);box-shadow:var(--Hairline);color:var(--text-secondary)}
.demo-flag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border:1px dashed var(--text-muted);border-radius:var(--Round);padding:3px 10px}
.state-note{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:var(--Card);border:2px solid var(--text-silver);background:var(--foundation-raised);font-size:14px}
.state-note--soft{border:1px dashed var(--text-muted)}
.skeleton{background:linear-gradient(90deg,var(--foundation-raised),var(--foundation-elevated),var(--foundation-raised));background-size:200% 100%;animation:sk 1.4s linear infinite;border-radius:6px}
@keyframes sk{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}
.fade-in{animation:fadein .32s var(--ease-standard) both}
@keyframes fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
[data-motion="off"] *{animation:none!important;transition:none!important}
.site-main{min-height:60vh}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* header + footer */
.site-head{position:sticky;top:0;z-index:40;background:color-mix(in oklab,var(--foundation-canvas) 88%,transparent);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--rule)}
.notice-bar{background:var(--foundation-surface);border-bottom:1px solid var(--rule);font-size:12px;color:var(--text-muted);text-align:center;padding:6px var(--gutter)}
.site-foot{border-top:1px solid var(--rule);background:var(--foundation-canvas);padding:64px 0 32px}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));gap:32px}
@media (max-width:743px){.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.foot-grid h4{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}
.foot-grid a{display:block;color:var(--text-secondary);text-decoration:none;font-size:14px;padding:4px 0}
.foot-grid a:hover{color:var(--text-primary)}

/* catalog */
.catalog{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:start}
@media (max-width:743px){.catalog{grid-template-columns:minmax(0,1fr)}}
.rail{position:sticky;top:96px;display:flex;flex-direction:column;gap:24px}
@media (max-width:743px){.rail{position:static}}
.rail h3{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}
.rail-opt{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:40px;padding:0 12px;border:0;border-radius:var(--Control);background:transparent;color:var(--text-secondary);font-size:14px;cursor:pointer;text-align:left}
.rail-opt:hover{background:var(--foundation-surface);color:var(--text-primary)}
.rail-opt[aria-pressed="true"]{background:var(--foundation-raised);color:var(--text-primary);box-shadow:var(--Hairline)}
.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.save-wrap{position:relative}
.heart{position:absolute;top:12px;right:12px;z-index:3;width:40px;height:40px;border-radius:var(--Round);border:0;display:grid;place-items:center;background:color-mix(in oklab,var(--foundation-canvas) 70%,transparent);color:var(--text-primary);cursor:pointer;box-shadow:var(--Hairline);transition:background .16s}
.heart:hover{background:var(--foundation-elevated)}
.heart[aria-pressed="true"] svg{fill:var(--text-primary)}

/* tabs */
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--rule);overflow-x:auto;scrollbar-width:none}
.tab{appearance:none;border:0;background:transparent;color:var(--text-muted);font-size:14px;font-weight:600;padding:14px 16px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .16s}
.tab:hover{color:var(--text-primary)}
.tab[aria-selected="true"]{color:var(--text-primary);border-bottom-color:var(--brand-active-blue)}

/* segmented selector */
.seg{display:flex;flex-wrap:wrap;gap:8px}
.seg button{min-height:44px;padding:0 16px;border-radius:var(--Control);border:0;background:var(--foundation-raised);box-shadow:inset 0 0 0 1px var(--text-muted);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;line-height:1.2}
.seg button small{font-size:11px;font-weight:500;color:var(--text-muted);font-family:var(--rrg-mono)}
.seg button:hover{background:var(--foundation-elevated)}
.seg button[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--brand-active-blue);background:var(--foundation-elevated)}
.seg button:disabled{opacity:.5;cursor:not-allowed}
.qty{display:inline-flex;align-items:center;border-radius:var(--Control);box-shadow:inset 0 0 0 1px var(--text-muted);background:var(--foundation-raised);height:44px}
.qty button{width:40px;height:44px;border:0;background:transparent;color:var(--text-primary);cursor:pointer;font-size:18px}
.qty button:disabled{color:var(--text-muted);cursor:not-allowed}
.qty span{min-width:32px;text-align:center;font-family:var(--rrg-mono)}

/* step timelines (verify instructions, lab check) */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.step-btn{appearance:none;border:0;background:transparent;text-align:left;cursor:pointer;color:var(--text-muted);padding:0;display:flex;flex-direction:column;gap:10px;font-size:14px;font-weight:600}
.step-btn[aria-selected="true"]{color:var(--text-primary)}
.step-bar{height:3px;border-radius:2px;background:var(--foundation-elevated);overflow:hidden}
.step-bar i{display:block;height:100%;background:var(--brand-active-blue);width:0}

/* account */
.acct{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
@media (max-width:743px){.acct{grid-template-columns:minmax(0,1fr)}}
.acct-nav{position:sticky;top:96px;display:flex;flex-direction:column;gap:20px}
@media (max-width:743px){.acct-nav{display:none}}
.acct-nav a{display:flex;align-items:center;min-height:38px;padding:0 12px;border-radius:var(--Control);color:var(--text-secondary);text-decoration:none;font-size:14px}
.acct-nav a:hover{background:var(--foundation-surface);color:var(--text-primary)}
.acct-nav a[aria-current="page"]{background:var(--foundation-raised);color:var(--text-primary);box-shadow:var(--Hairline)}
.dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.dir-card{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:var(--Card);background:var(--foundation-surface);box-shadow:var(--Hairline);text-decoration:none;color:var(--text-primary);transition:background .16s,transform .16s}
.dir-card:hover{background:var(--foundation-raised);color:var(--text-primary);transform:translateY(-1px)}
.dir-card span{font-size:14px;color:var(--text-secondary)}

/* forms */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form-grid .full{grid-column:1/-1}
@media (max-width:640px){.form-grid{grid-template-columns:minmax(0,1fr)}}
.radio-card{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--Control);background:var(--foundation-raised);box-shadow:inset 0 0 0 1px var(--text-muted);cursor:pointer}
.radio-card:has(input:checked){box-shadow:inset 0 0 0 2px var(--brand-active-blue);background:var(--foundation-elevated)}
.radio-card input{accent-color:var(--brand-active-blue);margin-top:4px;width:18px;height:18px}
.toggle{position:relative;width:44px;height:26px;border-radius:13px;border:0;background:var(--foundation-elevated);box-shadow:inset 0 0 0 1px var(--text-muted);cursor:pointer;flex:none}
.toggle::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--text-secondary);transition:transform .16s,background .16s}
.toggle[aria-checked="true"]{background:var(--brand-royal-blue);box-shadow:none}
.toggle[aria-checked="true"]::after{transform:translateX(18px);background:#fff}
.toggle:disabled{opacity:.55;cursor:not-allowed}
textarea.rrg-control{min-height:132px;padding-top:12px;resize:vertical}

/* drawers */
.drawer-layer{position:fixed;inset:0;z-index:80;display:flex;justify-content:flex-end}
.drawer-backdrop{position:absolute;inset:0;background:#0009}
.drawer{position:relative;width:min(440px,100%);height:100%;background:var(--foundation-surface);box-shadow:var(--Overlay);display:flex;flex-direction:column;animation:slidein .24s var(--ease-standard)}
.drawer--left{margin-right:auto;animation-name:slideinl}
@keyframes slidein{from{transform:translateX(24px);opacity:0}}
@keyframes slideinl{from{transform:translateX(-24px);opacity:0}}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--rule)}
.drawer-body{flex:1;overflow:auto;padding:24px}
.drawer-foot{padding:20px 24px;border-top:1px solid var(--rule)}
.iconbtn{width:44px;height:44px;border-radius:var(--Control);border:0;display:grid;place-items:center;background:transparent;color:var(--text-primary);cursor:pointer}
.iconbtn:hover{background:var(--foundation-raised)}

/* toast */
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:90;background:var(--foundation-elevated);color:var(--text-primary);box-shadow:var(--Overlay);border-radius:var(--Card);padding:12px 16px;display:flex;gap:10px;align-items:center;font-size:14px;animation:fadein .2s}

/* ---- Visual Direction 2.1: archetypes, 12-col grid, scenes ---- */
.d-ed{font-size:var(--display-editorial);line-height:1.02;font-weight:600;letter-spacing:-.035em;text-wrap:balance}
.d-hero{font-size:clamp(44px,5.6vw,88px);line-height:1.02;font-weight:600;letter-spacing:-.035em;text-wrap:balance}
@media (max-width:640px){.d-ed{font-size:var(--display-editorial-mobile)}.d-hero{font-size:clamp(40px,11vw,56px)}}
.sec-a,.sec-e{padding:var(--sec-expansive) 0}
.sec-b{padding:var(--sec-compact) 0}
.sec-c,.sec-d{padding:var(--sec-standard) 0}
.sec-f{padding:var(--sec-compact) 0;background:var(--foundation-surface);border-top:1px solid var(--rule)}
.bg-field{background:var(--scene-field)}.bg-surface{background:var(--foundation-surface)}.bg-canvas{background:var(--foundation-canvas)}
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2.2vw,32px);row-gap:32px;align-items:center}
.c1-5{grid-column:1/span 5}.c1-6{grid-column:1/span 6}.c1-7{grid-column:1/span 7}.c1-8{grid-column:1/span 8}
.c6-12{grid-column:6/span 7}.c7-12{grid-column:7/span 6}.c8-12{grid-column:8/span 5}.c9-12{grid-column:9/span 4}.c2-12{grid-column:2/span 11}.c3-12{grid-column:3/span 10}
@media (max-width:743px){.g12>*{grid-column:1/-1!important}.g12 .order-first-m{order:-1}}
.facts{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.fact{flex:1 1 150px;display:flex;gap:10px;align-items:baseline;padding:8px 16px 8px 0;margin-right:16px;border-right:1px solid var(--rule);font-size:14px;font-weight:600;color:var(--text-secondary)}
.fact:last-child{border-right:0}
.fact .mono{font-size:12px;color:var(--brand-ion-cyan)}
.fact a{color:var(--text-primary);text-decoration:none}.fact a:hover{color:var(--brand-ion-cyan)}
@media (max-width:640px){.fact{border-right:0;border-bottom:1px solid var(--rule);margin-right:0;flex-basis:100%}}
.kicker{display:flex;align-items:center;gap:12px}.kicker::before{content:"";width:28px;height:1px;background:var(--brand-ion-cyan)}
.scene-frame{position:relative;border-radius:var(--Panel);overflow:hidden;box-shadow:var(--Hairline)}
.pagehead-scene{--scene-x:82%;--scene-floor:0%}
.img-slot{width:100%;border-radius:var(--Panel);overflow:hidden;box-shadow:var(--Hairline)}
.cover-slot{position:relative;flex:none;aspect-ratio:16 / 10;border-radius:var(--Card) var(--Card) 0 0;overflow:hidden;margin:-24px -24px 16px}
.cover-slot image-slot{position:absolute;inset:0;width:100%;height:100%}
.site-foot{background:var(--scene-field)}

/* ---- Scene plates (photographic background + live vial) ---- */
.plate{position:relative;width:100%;overflow:hidden;background:var(--scene-field);isolation:isolate}
.plate__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.plate__shade{position:absolute;inset:0;z-index:-1;pointer-events:none}
.plate__anchor{position:absolute;aspect-ratio:9 / 16;transform:translateX(-50%);display:flex;align-items:flex-end;justify-content:center}
.plate__anchor>*:not(.plate__contact){width:100%;height:100%}
.plate__contact{position:absolute;left:14%;right:14%;bottom:-1.2%;height:5%;border-radius:50%;background:radial-gradient(closest-side,rgb(0 0 0 / .55),rgb(0 0 0 / .2) 60%,transparent);filter:blur(2px);pointer-events:none}
.hero-plate{position:relative}
.hero-plate .plate{min-height:560px;max-height:calc(100vh - 80px)}
.hero-plate__copy{position:absolute;inset:0;display:flex;align-items:center;pointer-events:none}
.hero-plate__copy .wrap>*{pointer-events:auto}
@media (max-width:743px){.hero-plate__copy{position:static;padding:48px 0 8px}.hero-plate .plate{min-height:0;max-height:none}}

/* ---- v2 photographic layer ---- */
.photo{position:relative;width:100%;aspect-ratio:var(--r);overflow:hidden;background-color:var(--scene-field);background-size:cover;background-position:center;isolation:isolate}
.photo__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos);opacity:0;transition:opacity .52s var(--ease-standard),transform .6s cubic-bezier(.2,.7,.2,1)}
.photo.is-ready .photo__img{opacity:1}
.photo__live{position:absolute;inset:0;display:grid;place-items:end center}
.photo__live>*{width:100%;height:100%}
.photo__skel{position:absolute;inset:0;border-radius:0}
.photo__scrim{position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,rgb(10 16 21 / 0),rgb(10 16 21 / .7));opacity:0;transition:opacity .22s var(--ease-standard);pointer-events:none}
@media (max-width:743px){.photo{aspect-ratio:var(--mr)}.photo__img{object-position:var(--mpos)}}
.photo--card:hover .photo__img,.rrg-product:hover .photo--card .photo__img,.rrg-product:focus-within .photo--card .photo__img,.program-card:hover .photo__img{transform:scale(1.025)}
.photo--card:hover .photo__scrim,.rrg-product:hover .photo__scrim,.rrg-product:focus-within .photo__scrim,.program-card:hover .photo__scrim{opacity:1}
.rrg-product__media--custom.rrg-product__media--bleed>.photo{border-radius:0}
.stage-live{background-size:cover;background-position:center;background-color:var(--scene-field)}
.plate--kenburns .plate__img{animation:v2drift 24s ease-in-out infinite alternate}
@keyframes v2drift{from{transform:scale(1)}to{transform:scale(1.035) translateX(-.6%)}}
.bgplate{position:relative;isolation:isolate;overflow:hidden}
.bgplate__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos);z-index:-2}
.bgplate__shade{position:absolute;inset:0;z-index:-1;background:var(--shade);pointer-events:none}
@media (max-width:743px){.bgplate__img{object-position:var(--mpos)}.bgplate__shade{background:var(--mshade)}}
.bgplate--hero{min-height:min(760px,calc(100vh - 80px));display:flex;align-items:center}
.bgplate--hero>.wrap{position:relative}
.band-quote{margin-top:64px;border-radius:var(--Panel);padding:clamp(48px,7vw,96px) clamp(20px,4vw,48px);background:#000}
.band-img{position:relative;width:100%;overflow:hidden}
.band-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.band-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--fade) 0%,transparent 26%,transparent 84%,var(--foundation-canvas) 100%);pointer-events:none}
.cycle-photos{position:relative;aspect-ratio:4 / 3;overflow:hidden}
.cycle-photos img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02);transition:opacity .6s var(--ease-standard),transform 1.2s var(--ease-standard)}
.cycle-photos img.is-on{opacity:1;transform:none}
.program-card__media{margin:calc(-1 * clamp(20px,3vw,32px)) calc(-1 * clamp(20px,3vw,32px)) 0;width:auto;border-radius:var(--Card) var(--Card) 0 0}
@media (prefers-reduced-motion:reduce){.photo__img,.cycle-photos img,.photo__scrim{transition:none}.plate--kenburns .plate__img{animation:none}.photo--card:hover .photo__img,.rrg-product:hover .photo--card .photo__img,.program-card:hover .photo__img{transform:none}}
.plate--h1{background:linear-gradient(180deg,#12171c 0%,#12171c 20%,#0a1015 90%)}
.plate--h1-desk .plate__img{object-fit:contain}
.hero-plate:has(.plate--h1){background:#12171c}
.hero-plate:has(.plate--h1)>.sec-b{background:#0a1015}
.h1-line{display:block;white-space:nowrap}
/* Home hero · round 2: shared container, text left half, vial group right half */
.hero-split__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(24px,4vw,64px);align-items:center;padding-top:clamp(64px,5vw,72px);padding-bottom:clamp(64px,5vw,72px)}
.hero-split__copy{min-width:0}
.hero-split__vials{display:flex;justify-content:flex-end;align-items:center;min-width:0}
/* Crop of the plate to the vial group only (x 55.5–95.5%, y 14–86% of the 2400×1350 frame). */
.hero-vials{position:relative;overflow:visible;aspect-ratio:960 / 972;width:100%;max-height:max(360px,calc(100vh - 88px - 2 * clamp(64px,5vw,72px)));max-width:calc(max(360px,calc(100vh - 88px - 2 * clamp(64px,5vw,72px))) * 960 / 972);}
.hero-vials img{position:absolute;z-index:0;width:250%;height:auto;left:-138.75%;top:-19.44%;max-width:none;pointer-events:none}
.hero-split{position:relative;overflow:hidden}.hero-split__copy,.hero-split>.sec-b{position:relative;z-index:1}
@media (max-width:743px){.hero-split__grid{grid-template-columns:minmax(0,1fr);row-gap:32px;padding-top:32px;padding-bottom:48px}.hero-split__vials{order:-1;justify-content:center}.hero-vials{max-height:none;max-width:520px}}
/* Proof ticker (above header) */
.ticker{position:relative;height:38px;background:#0a1015;border-bottom:1px solid var(--rule);display:flex;align-items:stretch;overflow:hidden;font-family:var(--rrg-sans)}
.ticker__label{position:relative;z-index:2;flex:none;display:flex;align-items:center;gap:10px;padding:0 20px 0 var(--gutter);background:#0a1015;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-primary);white-space:nowrap}
.ticker__label::after{content:"";position:absolute;top:0;bottom:0;left:100%;width:56px;background:linear-gradient(90deg,#0a1015 0%,#0a1015 20%,rgb(10 16 21 / 0) 100%);pointer-events:none}
.ticker__dot{width:6px;height:6px;border-radius:50%;background:var(--brand-royal-blue);flex:none}
.ticker{--tgap:max(140px,10.5vw)}
.ticker__viewport{position:relative;flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 12px,#000 68px,#000 calc(100% - 64px),transparent);mask-image:linear-gradient(90deg,transparent 0,transparent 12px,#000 68px,#000 calc(100% - 64px),transparent)}
.ticker__track{display:flex;align-items:center;height:100%;width:max-content;list-style:none;margin:0;padding:0;animation:tickerx 60s linear infinite;will-change:transform}
.ticker:hover .ticker__track,.ticker:focus-within .ticker__track{animation-play-state:paused}
@keyframes tickerx{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker__item{display:flex;align-items:center;white-space:nowrap;font-size:12.5px;font-weight:500;color:var(--text-primary)}
.ticker__item a{color:inherit;text-decoration:none;border-radius:4px}
.ticker__item a:hover{color:var(--brand-ion-cyan)}
.ticker__sep{width:5px;height:5px;background:var(--brand-royal-blue);transform:rotate(45deg);margin:0 calc((var(--tgap) - 5px) / 2);flex:none}
.ticker--static .ticker__viewport{overflow-x:auto;scrollbar-width:none}
.ticker--static .ticker__viewport::-webkit-scrollbar{display:none}
.ticker--static .ticker__track{animation:none;padding-left:56px}
@media (prefers-reduced-motion:reduce){.ticker__track{animation:none}}
@media (max-width:743px){.ticker__label{padding-right:12px}.ticker__label-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}

/* ---- v3 · fixed animated background: sections transparent, panels near-opaque ---- */
:root{--bg-structure-opacity:.19;--bg-brightness:1;--panel-bg:rgb(13 16 20 / .88)}
html{background:#07090b}
body{background:transparent}
.site-main,.sec,.sec--tight,.sec-a,.sec-b,.sec-c,.sec-d,.sec-e,.sec-f,.bg-field,.bg-surface,.bg-canvas,.hero-plate,.plate--h1,.hero-plate:has(.plate--h1){background:transparent!important}
.rrg-scene{background:transparent}
.rrg-scene__light,.rrg-scene__plane{display:none}
.scene-frame{background:var(--scene-field)}
.site-head{background:rgb(13 16 20 / .92);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--rule)}
.site-head .rrg-nav{background:transparent;border-bottom:0}
.site-foot{background:rgb(7 9 11 / .96)!important;border-top:1px solid var(--rule)}
.panel,.panel--raised,.dir-card,.state-note,.radio-card,.rrg-product{background:var(--panel-bg)!important}
.panel,.dir-card,.rrg-product{box-shadow:0 0 0 1px var(--rule)}
.rrg-product.is-linked:hover,.rrg-product.is-hover,.dir-card:hover{background:rgb(23 29 35 / .94)!important;box-shadow:0 0 0 1px var(--rule),var(--Raised)}
.radio-card:has(input:checked){background:rgb(29 37 45 / .94)!important}
.drawer,.rrg-modal{background:rgb(13 16 20 / .97)}
.band-img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 26%,#000 84%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 26%,#000 84%,transparent 100%)}
.band-img::after{display:none}
.bgplate--hero .bgplate__img,.bgplate--hero .bgplate__shade,.bgplate--r1 .bgplate__img,.bgplate--r1 .bgplate__shade{-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%)}

/* ---- v3 · alternating section tint (tweak) ---- */
:root{--section-tint:rgb(24 31 40);--section-tint-opacity:.38;--section-tint-rule:rgb(231 233 235 / .05)}
.sec-tint{position:absolute;box-shadow:inset 0 1px 0 var(--section-tint-rule),inset 0 -1px 0 var(--section-tint-rule)}
.sec-tint::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--section-tint);opacity:var(--section-tint-opacity)}
.sec-tint--inset{border-radius:24px;box-shadow:0 0 0 1px var(--section-tint-rule)}

/* ---- Home hero · liquid-glass secondary button (only .btn-glass) ---- */
.btn-glass{position:relative;isolation:isolate;color:#fff!important;background:rgb(20 24 30 / .72)!important;border:1px solid rgb(255 255 255 / .18)!important;
  box-shadow:0 6px 18px -6px rgb(0 0 0 / .55)!important;
  text-shadow:0 1px 2px rgb(0 0 0 / .35);transition:background-color .2s var(--ease-standard),box-shadow .2s var(--ease-standard),transform .2s var(--ease-standard)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .btn-glass{background:rgb(255 255 255 / .03)!important;-webkit-backdrop-filter:blur(1.5px) saturate(140%);backdrop-filter:blur(1.5px) saturate(140%)}
  .btn-glass:hover{background:rgb(255 255 255 / .07)!important}
}
.btn-glass:hover{transform:translateY(-1.5px);box-shadow:0 10px 24px -8px rgb(0 0 0 / .6)!important}
.btn-glass:active{transform:translateY(0);box-shadow:0 3px 10px -6px rgb(0 0 0 / .5)!important}
.btn-glass:focus-visible{outline:2px solid var(--brand-active-blue);outline-offset:2px}
@media (prefers-reduced-transparency:reduce){.btn-glass{background:#1d252d!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.btn-glass:hover{background:#26313a!important}}
@media (prefers-reduced-motion:reduce){.btn-glass,.btn-glass:hover,.btn-glass:active{transform:none}}

/* ---- Home · Explore Popular Compounds: one-viewport fit, compact cards ---- */
.sec-popular{padding-top:clamp(28px,4.5vh,64px)!important;padding-bottom:clamp(28px,4.5vh,64px)!important;display:flex;flex-direction:column;justify-content:center}
@media (min-width:744px){.sec-popular{min-height:calc(100svh - 88px)}}
.sec-popular>.wrap{display:flex;flex-direction:column;gap:clamp(16px,2.6vh,32px)}
.sec-popular>.wrap>*{margin:0!important}
.sec-popular .rrg-product .photo{max-height:max(220px,calc(100svh - 88px - 2 * clamp(28px,4.5vh,64px) - 370px))}
.sec-popular .rrg-product__body{gap:8px;padding-top:14px;padding-bottom:16px}
.sec-popular .rrg-product__heading{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:0}
.sec-popular .rrg-product__title{margin:0}
.sec-popular .rrg-product__amount{margin:0;font-size:var(--rrg-fs-body-sm,13px);color:var(--text-muted,#87949e);font-weight:500}
.sec-popular .rrg-product__cta{margin-top:4px}

/* card photos: always cover edge to edge (overrides the DS media img contain rule) */
.rrg-product__media .photo{border-radius:0;background-size:cover;background-position:center}
.rrg-product__media .photo__img{max-width:none;max-height:none;width:100%;height:100%;object-fit:cover}
.rrg-product{overflow:hidden}

/* ---- Home · Verify your batch: text left, image right, one-viewport fit ---- */
.sec-verify>.wrap{padding-top:clamp(28px,4.5vh,64px);padding-bottom:clamp(28px,4.5vh,64px)}
.sec-verify{padding-top:0!important;padding-bottom:0!important}
.sec-verify .g12{align-items:center}
@media (min-width:744px){.sec-verify{min-height:calc(100svh - 88px);display:flex;flex-direction:column;justify-content:center}}

/* ---- Home · Verify: v05 desk image, card locked to x/y 22–78% zone ---- */
.verify-frame{position:relative;aspect-ratio:6 / 5;width:100%;max-width:calc((100svh - 88px - 2 * clamp(28px,4.5vh,64px) - 40px) * 1.2);margin-left:auto;border-radius:var(--Panel);overflow:hidden;background:#15181c}
.verify-frame__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.verify-frame__zone{position:absolute;left:22%;top:22%;width:56%;height:56%;z-index:2}
.zone-fit__inner{position:absolute;left:50%;top:50%;transform-origin:center}
.zone-fit__inner>form{box-shadow:0 0 0 1px var(--rule),14px 22px 40px -10px rgb(0 0 0 / .62),4px 8px 14px -6px rgb(0 0 0 / .45)!important}
@media (max-width:743px){
  .verify-frame{max-width:none;margin-left:0;aspect-ratio:auto;min-height:calc(100vw * 5 / 6);padding:clamp(28px,8vw,48px) 16px;display:flex;align-items:center}
  .verify-frame__zone{position:relative;left:auto;top:auto;width:100%;height:auto}
  .zone-fit__inner{position:static;width:auto!important;transform:none!important}
}

/* ---- Home · Verify: balanced on the shared container (text flush left, image flush right, fixed gap) ---- */
@media (min-width:744px){
  .sec-verify .g12{display:flex;align-items:center;gap:clamp(40px,5vw,80px)}
  .sec-verify .g12>.c1-5{flex:1 1 0;min-width:0;max-width:none}
  .sec-verify .g12>.c6-12{flex:0 1 auto;width:min(calc((100svh - 88px - 2 * clamp(28px,4.5vh,64px) - 40px) * 1.2),58%);min-width:0}
  .sec-verify .verify-frame{max-width:none;margin-left:0}
}

/* ---- Home §4 · Ask RRG chat window (mirrors Verify: chat left, text right) ---- */
@media (min-width:744px){
  .sec-ask .g12>.c6-12{order:0}
  .sec-ask .g12>.c1-5{order:1}
}
@media (max-width:743px){.sec-ask .g12>.c6-12{order:1}.sec-ask .g12>.c1-5{order:0}}
.askc{position:relative;display:flex;flex-direction:column;width:100%;aspect-ratio:6 / 5;background:rgb(12 15 19 / .94);border-radius:var(--Feature);box-shadow:0 0 0 1px var(--rule),14px 22px 48px -14px rgb(0 0 0 / .6);overflow:hidden;font-family:var(--rrg-font,inherit)}
@media (max-width:743px){.askc{aspect-ratio:auto;min-height:540px}}
.askc__reset{position:absolute;top:14px;right:14px;z-index:3;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;border:0;background:rgb(255 255 255 / .04);box-shadow:0 0 0 1px var(--rule);color:var(--text-secondary);font:500 12px/1 inherit;cursor:pointer;transition:color .16s,box-shadow .16s}
.askc__reset:hover{color:var(--text-primary);box-shadow:0 0 0 1px rgb(119 196 234 / .5)}
.askc__body{flex:1;min-height:0;overflow-y:auto;padding:clamp(20px,3vw,32px) clamp(18px,2.6vw,28px) 8px;scrollbar-width:thin}
.askc__empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding-bottom:8px}
.askc__title{margin:0;font-size:clamp(20px,1.7vw,24px);font-weight:500;letter-spacing:-.01em;color:var(--text-primary)}
.askc__sub{margin:0;font-size:13px;color:var(--text-secondary)}
.askc__log{display:flex;flex-direction:column;gap:12px;padding-top:28px}
.askc__msg{max-width:86%;padding:12px 14px;border-radius:14px;font-size:14px;line-height:1.55;animation:askin .38s var(--ease-standard) both}
.askc__msg p{margin:0}
.askc__msg p+p,.askc__msg p+a{margin-top:8px}
.askc__msg--user{align-self:flex-end;background:var(--brand-royal-blue);color:#fff;border-bottom-right-radius:4px}
.askc__msg--rrg{align-self:flex-start;background:var(--foundation-raised);box-shadow:0 0 0 1px var(--rule);color:var(--text-primary);border-bottom-left-radius:4px}
.askc__topic{font-size:11px!important;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-ion-cyan)}
.askc__act{display:inline-block;font-weight:600;font-size:13px;color:var(--brand-ion-cyan);text-decoration:none}
.askc__act:hover{text-decoration:underline}
.askc__typing{display:flex;gap:5px;padding:14px 16px}
.askc__typing i{width:6px;height:6px;border-radius:99px;background:var(--text-muted);animation:askdot 1.1s ease-in-out infinite}
.askc__typing i:nth-child(2){animation-delay:.15s}.askc__typing i:nth-child(3){animation-delay:.3s}
.askc__foot{padding:0 clamp(16px,2.4vw,24px) clamp(16px,2.4vw,24px);display:flex;flex-direction:column;gap:10px}
.askc__cards{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;padding:6px 2px 4px}
.askc__bob{animation:askbob 7s ease-in-out infinite}
.askc__bob--0{animation-duration:7s;animation-delay:-1s;margin-top:8px}
.askc__bob--1{animation-duration:6.2s;animation-delay:-3.4s;margin-top:0}
.askc__bob--2{animation-duration:7.8s;animation-delay:-5.1s;margin-left:6px;margin-right:-6px}
.askc__bob--3{animation-duration:6.6s;animation-delay:-2.2s;margin-left:6px;margin-right:-6px;margin-top:-8px}
.askc__card{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;padding:12px 14px;border-radius:12px;border:0;background:#131920;box-shadow:0 0 0 1px var(--rule),0 8px 20px -12px rgb(0 0 0 / .7);color:var(--text-primary);cursor:pointer;transition:transform .2s var(--ease-standard),box-shadow .2s var(--ease-standard),background .2s}
.askc__card:hover{transform:translateY(-3px);background:#161d25;box-shadow:0 0 0 1px rgb(119 196 234 / .7),0 14px 26px -12px rgb(0 0 0 / .75)}
.askc__card:active{transform:translateY(-1px)}
.askc__card:focus-visible,.askc__chip:focus-visible,.askc__send:focus-visible,.askc__reset:focus-visible{outline:2px solid var(--brand-active-blue);outline-offset:2px}
.askc__icon{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:rgb(119 196 234 / .08);color:var(--brand-ion-cyan)}
.askc__ct{display:flex;flex-direction:column;gap:2px;min-width:0}
.askc__ct b{font-size:14px;font-weight:600}
.askc__ct small{font-size:12px;color:var(--text-secondary)}
.askc__chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;animation:askin .3s var(--ease-standard) both}
.askc__chip{flex:none;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;border:0;background:#131920;box-shadow:0 0 0 1px var(--rule);color:var(--text-secondary);font:500 12px/1 inherit;cursor:pointer;transition:color .16s,box-shadow .16s}
.askc__chip svg{color:var(--brand-ion-cyan)}
.askc__chip:hover:not(:disabled){color:var(--text-primary);box-shadow:0 0 0 1px rgb(119 196 234 / .6)}
.askc__chip:disabled{opacity:.5;cursor:default}
.askc__input{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 16px;border-radius:14px;background:#0a0d11;box-shadow:0 0 0 1px var(--rule)}
.askc__input:focus-within{box-shadow:0 0 0 1px var(--brand-active-blue),0 0 0 4px rgb(42 143 211 / .18)}
.askc__input input{flex:1;min-width:0;height:40px;background:transparent;border:0;outline:0;color:var(--text-primary);font:400 15px/1 inherit}
.askc__input input::placeholder{color:var(--text-muted)}
.askc__send{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:999px;border:0;background:var(--brand-royal-blue);color:#fff;cursor:pointer;transition:background .16s,transform .16s}
.askc__send:hover:not(:disabled){background:var(--brand-active-blue)}
.askc__send:active:not(:disabled){transform:translateY(1px)}
.askc__send:disabled{opacity:.55;cursor:default}
.askc__note{margin:0;text-align:center;font-size:11px;color:var(--text-muted)}
@keyframes askbob{0%,100%{transform:translateY(-4px)}50%{transform:translateY(4px)}}
@keyframes askin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes askdot{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.askc__bob{animation:none}.askc__msg,.askc__chips{animation:askfade .2s linear both}.askc__typing i{animation:none;opacity:.6}.askc__card,.askc__card:hover{transform:none}}
[data-motion="off"] .askc__bob{animation:none}
@keyframes askfade{from{opacity:0}to{opacity:1}}

/* Ask chat: guarantee room for the empty state at short/narrow viewports */
@media (min-width:744px){.sec-ask .g12>.c6-12{width:min(max(520px,calc((100svh - 88px - 2 * clamp(28px,4.5vh,64px) - 40px) * 1.2)),58%)}}
.askc{min-height:480px;container-type:inline-size}
.askc__body{min-height:96px}
@container (max-width:560px){
  .askc__cards{gap:8px}
  .askc__card{padding:10px;gap:8px}
  .askc__icon{width:26px;height:26px}
  .askc__ct b,.askc__ct small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .askc__bob--2,.askc__bob--3{margin-left:4px;margin-right:-4px}
}

.sec-ask .nowrap-d{white-space:nowrap}
@media (max-width:1099px){.sec-ask .nowrap-d{white-space:normal}}
@media (min-width:744px) and (max-width:1099px){.sec-ask .g12>.c6-12{width:min(max(480px,calc((100svh - 88px - 2 * clamp(28px,4.5vh,64px) - 40px) * 1.2)),56%)}}

/* Ask chat window: slightly transparent so the background structures show through */
.askc{background:rgb(13 16 20 / .82)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.askc{background:rgb(13 16 20 / .40);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}
@media (prefers-reduced-transparency:reduce){.askc{background:#0d1014!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}

/* ---- Home · final CTA: same layout as §3/§4, square photo keeps vial + report whole ---- */
@media (min-width:744px){.sec-cta .g12>.c6-12{width:calc(var(--cta-k,.85) * min(calc(100svh - 88px - 2 * clamp(28px,4.5vh,64px) - 40px),58%));margin-left:auto}}
.sec-cta .rrg-scene__caption{text-align:center}

.site-head{background:rgb(13 16 20 / .96)!important}
html,body{overflow-x:clip}
#rrg-sec-tints{contain:layout}

/* Product cards: one shared offer layout — price, then COA on its own line, CTA pinned to the card bottom */
.rrg-product{display:flex;flex-direction:column}
.rrg-product__body{flex:1}
.rrg-product--offer .rrg-product__offer{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:var(--Space-1);column-gap:0}
.rrg-product--offer .rrg-product__coa{min-height:24px}
.rrg-product--offer .rrg-product__cta{margin-top:var(--Space-2)}

/* Shop header: same band as the bottom "Didn't Find…" CTA section; title on one line */
.shop-head{border-top:0}
.shop-head .wrap>.stack{gap:4px;justify-content:center;min-height:52.6px}
.shop-head .shop-head__title{line-height:1.1}
.shop-head__title{margin:0;white-space:nowrap}
@media (max-width:520px){.shop-head__title{font-size:clamp(22px,6.6vw,28px)}}
.shop-grid-sec{padding-top:clamp(24px,4vw,48px)}

/* Standards hero: image black drops out (screen blend) so the site background + structures show through */
.std-hero{position:relative;min-height:min(760px,calc(100vh - 80px));display:flex;align-items:center}
.std-hero>.wrap{position:relative;z-index:1}
.std-hero__art{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 52% 62% at 78% 50%,#000 38%,transparent 100%);mask-image:radial-gradient(ellipse 52% 62% at 78% 50%,#000 38%,transparent 100%)}
.std-hero__art{mix-blend-mode:screen}
.std-hero__art--solid{mix-blend-mode:normal;opacity:var(--std-under,0)}
.std-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:80% 50%;filter:brightness(var(--std-b,.7))}
@media (max-width:743px){
  .std-hero__art{-webkit-mask-image:radial-gradient(ellipse 70% 48% at 50% 38%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 70% 48% at 50% 38%,#000 40%,transparent 100%)}
  .std-hero__img{object-position:50% 50%}
}

/* Standards hero: keep the vial clear of the text column */
@media (min-width:744px){
  .std-hero__img{object-position:100% 50%}
  .std-hero__art{-webkit-mask-image:radial-gradient(ellipse 34% 62% at 84% 50%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 34% 62% at 84% 50%,#000 40%,transparent 100%)}
  .std-hero>.wrap>*{max-width:min(var(--mw,1100px),62%)!important}
}
@media (max-width:743px){
  .std-hero{flex-direction:column;align-items:stretch;min-height:0}
  .std-hero__art{inset:0 0 auto 0;height:88vw;-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,#000 42%,transparent 100%);mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,#000 42%,transparent 100%)}
  .std-hero__img{object-position:50% 45%}
  .std-hero>.wrap{padding-top:calc(88vw - 24px)!important}
}

/* Standards hero v3: right-anchored art box; vial (source x≈70%) centred in it via object-position ~80% */
@media (min-width:744px){
  .std-hero__art{left:auto;right:0;top:0;bottom:0;width:44%;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 80%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 80%,transparent 100%)}
  .std-hero__img{object-position:80% 50%}
  .std-hero>.wrap>*{max-width:min(var(--mw,1100px),54%)!important}
}

/* Secondary buttons site-wide: the SecondaryButton component always carries .btn-glass (single source).
   Consistent hover (brighter border + fill), disabled state stays glass but muted. */
.btn-glass:hover{border-color:rgb(255 255 255 / .28)!important}
.btn-glass:disabled,.btn-glass.is-disabled,.btn-glass:disabled:hover,.btn-glass.is-disabled:hover{background:rgb(255 255 255 / .02)!important;border-color:rgb(255 255 255 / .10)!important;color:var(--text-muted)!important;box-shadow:none!important;transform:none!important;text-shadow:none;cursor:not-allowed}

/* ---- Standards hero v08: full-bleed 16:9 photo, text left ≤46%, top/bottom feathered 80px ---- */
.std-hero8{position:relative;display:flex;align-items:center;min-height:calc(100svh - 88px);overflow:hidden}
.std-hero8__art{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 80px,#000 calc(100% - 80px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 80px,#000 calc(100% - 80px),transparent 100%)}
.std-hero8__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 50%;display:block}
.std-hero8__img--m{display:none}
.std-hero8__wrap{position:relative;z-index:1;width:100%;padding-top:clamp(40px,6vh,72px);padding-bottom:clamp(40px,6vh,72px)}
.std-hero8__text{max-width:46%}
.std-hero8__text .lead{max-width:520px}
.std-hero8__h{margin:0;text-wrap:balance}
@media (max-width:743px){
  .std-hero8{display:block;min-height:0}
  .std-hero8__art{display:none}
  .std-hero8__img--m{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 48px,#000 calc(100% - 64px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 48px,#000 calc(100% - 64px),transparent 100%)}
  .std-hero8__wrap{padding-top:8px}
  .std-hero8__text{max-width:none}
}

/* Standards hero: stage (translucent, feathered) + solid vial/COA cutout, pixel-aligned, flat */
.std-hero8__art--stage{opacity:var(--std-stage,.25)}
.std-hero8__art--cut{-webkit-mask-image:none;mask-image:none}
.std-hero8 .std-hero8__img,.std-hero8__art{transform:none!important;perspective:none;filter:none;animation:none!important}


/* ---- Standards · State of the Industry: centred photo (≈30vw, 11:10) + 3-node timeline (≈25vw) ---- */
.ind-grid{display:grid;grid-template-columns:clamp(240px,min(30vw,calc((100vh - 420px) * 1.1)),30vw) 25vw;justify-content:center;column-gap:clamp(48px,12vw,240px);align-items:stretch;margin-top:clamp(8px,2vh,24px)}
.ind-media{display:flex;flex-direction:column;gap:16px;min-width:0}
.ind-photo{aspect-ratio:11 / 10;min-height:0!important;background:var(--foundation-surface)}
.ind-photo img{object-fit:cover}
.ind-tl{list-style:none;margin:0;padding:0;position:relative;display:flex;flex-direction:column;justify-content:space-between}
.ind-tl::before{content:"";position:absolute;left:calc(var(--ind-d) / 2 - .5px);top:calc(var(--ind-d) / 2);bottom:calc(var(--ind-d) / 2);width:1px;background:var(--text-muted);opacity:.5}
.ind-tl{--ind-d:clamp(36px,3.6vw,64px)}
.ind-node>button{display:flex;align-items:center;gap:clamp(16px,1.8vw,28px);width:100%;padding:0;background:none;border:0;cursor:pointer;text-align:left;color:var(--text-muted);border-radius:999px}
.ind-node>button:hover{color:var(--text-secondary)}
.ind-node>button:focus-visible{outline:2px solid var(--brand-active-blue);outline-offset:4px}
.ind-dot{position:relative;z-index:1;flex:none;width:var(--ind-d);height:var(--ind-d);border-radius:999px;background:var(--foundation-canvas);box-shadow:inset 0 0 0 1.5px var(--text-muted);transition:background .24s var(--ease-standard),box-shadow .24s var(--ease-standard)}
.ind-node.is-done .ind-dot{box-shadow:inset 0 0 0 1.5px var(--brand-royal-blue)}
.ind-node.is-on .ind-dot{background:var(--brand-royal-blue);box-shadow:0 0 0 4px #2a8fd340}
.ind-t{font-size:16px;font-weight:600;line-height:1.35}
.ind-node.is-on>button{color:var(--text-primary)}
@media (max-width:743px){
  .ind-grid{grid-template-columns:minmax(0,1fr);row-gap:28px}
  .ind-tl{gap:18px;--ind-d:32px}
}

#industry .ind-grid{margin-top:0}
#industry .wrap>.row.between{margin-bottom:clamp(20px,3vh,36px)!important}

/* State of the Industry — restrained red for "industry failures" (this section only) */
#industry{--ind-red:#c8413a}
#industry .ind-tl{--ind-d:28px}
#industry .ind-tl::before{background:rgb(200 65 58 / .35);opacity:1}
#industry .ind-fill{position:absolute;left:calc(var(--ind-d) / 2 - .5px);top:calc(var(--ind-d) / 2);width:1px;height:calc((100% - var(--ind-d)) * var(--ind-p,0));background:var(--ind-red);transition:height .4s var(--ease-standard)}
#industry .ind-dot{display:grid;place-items:center;font-size:12px;line-height:1;color:var(--text-muted);box-shadow:inset 0 0 0 1.5px var(--text-muted)}
#industry .ind-node.is-done .ind-dot{color:var(--ind-red);box-shadow:inset 0 0 0 1.5px var(--ind-red)}
#industry .ind-node.is-on .ind-dot{background:var(--ind-red);color:#fff;box-shadow:0 0 0 4px rgb(200 65 58 / .22)}
@media (max-width:743px){#industry .ind-tl{--ind-d:28px}}

/* Industry photo: see-through, no fill behind; cross-fade runs 0 → --ind-op */
#industry .ind-photo{background:transparent!important;box-shadow:none!important}
#industry .ind-layers{position:absolute;inset:0;opacity:0;transform:scale(1.02);transition:opacity .6s var(--ease-standard),transform 1.2s var(--ease-standard)}
#industry .ind-layers.is-on{opacity:1;transform:none}
#industry .ind-layers img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transform:none;transition:none}
#industry .ind-layers .ind-bg{opacity:var(--ind-op,.4);transition:opacity .2s linear}

/* ---- Standards · The Difference (new layout) ---- */
.diff2{padding-top:clamp(32px,5vh,64px)!important;padding-bottom:clamp(32px,5vh,64px)!important}
@media (min-width:744px){.diff2{min-height:calc(100svh - 88px);display:flex;flex-direction:column;justify-content:center}}
.diff2__wrap{display:flex;flex-direction:column;align-items:center;gap:clamp(20px,3.4vh,40px)}
.diff2__head{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.diff2__eyebrow{display:inline-flex;align-items:center;gap:16px;letter-spacing:.32em;margin:0;color:var(--brand-ion-cyan)}
.diff2__eyebrow .diff2__rule{width:40px;height:1px;background:currentColor;opacity:.55}
.diff2__title{margin:0;text-wrap:balance}
.diff2__grid{width:100%;max-width:1200px;display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);align-items:stretch}
.diff2__col{display:grid;grid-template-rows:auto repeat(4,1fr);gap:10px;min-width:0}
.diff2__col--us{padding:16px;border-radius:var(--Panel);background:rgb(16 24 34 / .9);box-shadow:0 0 0 1px rgb(42 143 211 / .42),0 0 40px -8px rgb(42 143 211 / .28),var(--Raised)}
.diff2__col--them{padding:16px 0}
.diff2__label{margin:0 0 4px;font-size:clamp(18px,1.6vw,22px);font-weight:600;letter-spacing:-.01em;color:var(--text-secondary)}
.diff2__col--them .diff2__label{color:var(--text-muted)}
.diff2__label--us{color:var(--brand-active-blue)}
.diff2__links{display:grid;grid-template-rows:auto repeat(4,1fr);gap:10px;padding:16px 0}
.diff2__label--ghost{visibility:hidden}
.diff2__link{align-self:center;height:1px;margin:0 6px;background:var(--text-muted);opacity:.5}
.diff2__row{display:flex;align-items:center;gap:clamp(14px,1.6vw,22px);min-height:clamp(58px,8.4vh,84px);padding:12px clamp(14px,1.6vw,20px);border-radius:var(--Card)}
.diff2__row p{margin:0;font-size:15px;line-height:1.45}
.diff2__row--them{background:rgb(13 16 20 / .5);box-shadow:inset 0 0 0 1px var(--rule)}
.diff2__row--them p{color:var(--text-muted)}
.diff2__row--them b{color:var(--text-secondary);font-weight:600}
.diff2__ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:999px;background:rgb(255 255 255 / .04);color:var(--text-muted)}
.diff2__row--us{background:rgb(29 37 45 / .55);box-shadow:inset 0 0 0 1px rgb(42 143 211 / .22)}
.diff2__row--us p{color:var(--text-primary)}
.diff2__ck{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--brand-ion-cyan);color:var(--brand-ion-cyan)}
.diff2__cta{display:flex;justify-content:center}
@media (max-width:743px){
  .diff2__grid{grid-template-columns:minmax(0,1fr);row-gap:20px}
  .diff2__links{display:none}
  .diff2__col--them{padding:0}
  .diff2__col{grid-template-rows:auto}
  .diff2__row{min-height:0}
}

/* ---- RRG 1.5 · proof strip, Why RRG, verification steps, contact, product trust lines ---- */
.proof15{padding:14px 0!important}
.proof15__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.proof15__list li{display:flex;justify-content:center;border-right:1px solid var(--rule)}.proof15__list li:last-child{border-right:0}
.proof15__list a{display:inline-flex;align-items:center;gap:10px;padding:8px 6px;font-size:15px;font-weight:600;color:var(--text-primary);text-decoration:none}
.proof15__list a svg{color:var(--brand-ion-cyan)}.proof15__list a:hover{color:var(--brand-ion-cyan)}
@media (max-width:743px){.proof15__list{grid-template-columns:repeat(2,minmax(0,1fr))}.proof15__list li{border-right:0;justify-content:flex-start}}
.why15__wrap{display:flex;flex-direction:column;align-items:center;gap:clamp(24px,3.6vh,44px)}
.why15__grid{list-style:none;margin:0;padding:0;width:100%;max-width:1280px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.why15__card{min-height:0!important}
.why15__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;color:var(--brand-ion-cyan);box-shadow:inset 0 0 0 1px rgb(119 196 234 / .35);background:rgb(24 111 175 / .1)}
.why15__link{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--text-primary);text-decoration:none}.why15__link:hover{color:var(--brand-ion-cyan)}
@media (max-width:1000px){.why15__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.why15__grid{grid-template-columns:minmax(0,1fr)}}
.wt__grid--4{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:1040px;margin-inline:auto}
@media (max-width:620px){.wt__grid--4{grid-template-columns:minmax(0,1fr)!important}}
.os__row--3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.os__row--3 .os__thread{left:16.67%;right:16.67%}
@media (max-width:743px){.os__row--3{grid-template-columns:minmax(0,1fr)!important}.os__row--3 .os__thread{left:calc(var(--ic) / 2);right:auto}}
.svc15__cards{display:grid;gap:16px}
.svc15__card{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:var(--Card);background:var(--panel-bg,rgb(13 16 20 / .88));box-shadow:0 0 0 1px var(--rule)}
.svc15__card .why15__ic{margin-bottom:4px}
.contact-direct{display:grid;gap:12px}
.contact-direct__item{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--Card);background:var(--panel-bg,rgb(13 16 20 / .88));box-shadow:0 0 0 1px var(--rule);color:var(--text-primary);text-decoration:none;transition:box-shadow .18s}
.contact-direct__item:hover{box-shadow:0 0 0 1px var(--brand-active-blue)}
.contact-direct__ic{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:10px;color:var(--brand-ion-cyan);background:rgb(24 111 175 / .12)}
.contact-direct__v{font-size:17px;font-weight:600;white-space:nowrap}
.contact-direct__item>.stack{min-width:0}.contact-direct__item:last-child .contact-direct__v{white-space:normal;overflow-wrap:break-word;font-size:16px}
.os__row--3 .tc2__wk{white-space:nowrap}
.foot-contact a{color:var(--text-secondary);text-decoration:none;align-items:center}.foot-contact a:hover{color:var(--brand-ion-cyan)}
.pdp-trust{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}
.pdp-trust li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.pdp-trust li svg{color:var(--brand-ion-cyan);flex:none}
.pdp-trust a{color:var(--text-primary)}.pdp-trust a:hover{color:var(--brand-ion-cyan)}

/* ---- RRG 1.5 · purchase options ---- */
.bopts{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px}
.bopt{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 14px;border:0;border-radius:var(--Card);background:var(--foundation-raised);box-shadow:var(--Hairline);color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer;transition:box-shadow .16s,background .16s}
.bopt:hover{background:var(--foundation-elevated)}
.bopt[aria-checked="true"]{box-shadow:0 0 0 2px var(--brand-active-blue);background:var(--foundation-elevated)}
.bopt:focus-visible{outline:2px solid var(--brand-active-blue);outline-offset:2px}
.bopt__top{display:flex;align-items:center;gap:8px;width:100%;justify-content:space-between}
.bopt__l{font-size:14px;font-weight:600;color:var(--text-primary)}
.bopt__badge{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;border-radius:999px;color:var(--brand-ion-cyan);box-shadow:inset 0 0 0 1px rgb(119 196 234 / .45)}
.bopt__total{font-family:var(--rrg-mono);font-size:17px;font-weight:600;color:var(--text-primary);margin-top:4px}
.bopt__unit{font-size:12px}
.bopt__save{font-size:12px;font-weight:600;color:var(--brand-ion-cyan)}.bopt__save.is-none{color:var(--text-muted);font-weight:500}
.bopt-custom{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 14px;border-radius:var(--Card);box-shadow:0 0 0 1px var(--rule)}
.bopt-custom strong{color:var(--text-primary)}

/* ---- RRG 1.5 · quantity tiers, bundles, blog ---- */
.qtiers{display:flex;flex-direction:column;gap:8px}
.qtiers__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
@media (max-width:420px){.qtiers__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.qtiers__save strong{color:var(--text-primary)}
.qtiers__c{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;border:0;border-radius:var(--Control);background:var(--foundation-raised);box-shadow:var(--Hairline);color:var(--text-secondary);font:inherit;cursor:pointer;text-align:left;transition:box-shadow .16s,background .16s}
.qtiers__c:hover{background:var(--foundation-elevated)}
.qtiers__c[aria-pressed="true"]{box-shadow:0 0 0 1.5px var(--brand-active-blue);color:var(--text-primary)}
.qtiers__n{font-size:13px;font-weight:600;color:var(--text-primary)}.qtiers__p{font-size:12px}.qtiers__u{font-size:12px;color:var(--text-primary)}
.bimg{display:grid;gap:2px;width:100%;overflow:hidden;background-size:cover;background-position:center;border-radius:inherit}
.bimg img{width:100%;height:100%;object-fit:cover;object-position:50% 56%;display:block}
.bundle-inc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.bundle-inc li{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--rule)}.bundle-inc li:last-child{border-bottom:1px solid var(--rule)}
.bundle-inc__name{font-weight:600;color:var(--text-primary);text-decoration:none}.bundle-inc__name:hover{color:var(--brand-ion-cyan)}
.bundle-inc__coa{display:inline-flex;align-items:center;gap:6px;color:var(--text-primary);white-space:nowrap}.bundle-inc__coa:hover{color:var(--brand-ion-cyan)}
.hbund{margin-top:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:14px}
.hbund__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.hbund__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hbund__card{display:flex;align-items:center;gap:14px;padding:12px 16px 12px 12px;border-radius:var(--Card);background:var(--panel-bg,rgb(13 16 20 / .88));box-shadow:0 0 0 1px var(--rule);color:var(--text-primary);text-decoration:none;transition:box-shadow .18s}
.hbund__card:hover{box-shadow:0 0 0 1px var(--brand-active-blue)}.hbund__card>svg{margin-left:auto;flex:none;color:var(--text-secondary)}
.hbund__card strong{font-size:15px}
@media (max-width:1000px){.hbund__list{grid-template-columns:minmax(0,1fr)}}
.blog-cover{aspect-ratio:16 / 9;border-radius:var(--Card);overflow:hidden}
.blog-body .body{font-size:18px;line-height:1.65;color:var(--text-secondary);text-wrap:pretty}
.blog-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:12px 0;padding:16px 20px;border-radius:var(--Card);background:var(--foundation-raised);box-shadow:0 0 0 1px var(--rule)}
.blog-back{align-items:center;color:var(--text-secondary);text-decoration:none;align-self:flex-start}.blog-back:hover{color:var(--brand-ion-cyan)}

/* ---- Standards · What we test for ---- */
.wt{padding-top:clamp(32px,5vh,64px)!important;padding-bottom:clamp(32px,5vh,64px)!important}
@media (min-width:744px){.wt{min-height:calc(100svh - 88px);display:flex;flex-direction:column;justify-content:center}}
.wt__wrap{display:flex;flex-direction:column;align-items:center;gap:clamp(20px,3.6vh,44px)}
.wt__grid{list-style:none;margin:0;padding:0;width:100%;max-width:1200px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.wt__card{display:flex;flex-direction:column;gap:10px;padding:clamp(20px,2.2vw,30px);border-radius:var(--Card);background:var(--panel-bg,rgb(13 16 20 / .88));box-shadow:0 0 0 1px var(--rule);min-height:clamp(170px,24vh,230px);justify-content:center;transition:box-shadow .2s var(--ease-standard),background .2s}
.wt__card:hover{box-shadow:0 0 0 1px rgb(119 196 234 / .35),var(--Raised)}
.wt__top{display:flex;align-items:center;gap:14px}
.wt__ic{flex:none;color:var(--brand-ion-cyan)}
.wt__name{margin:0;font-size:clamp(20px,1.7vw,24px);font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}
.wt__q{margin:4px 0 0;font-size:16px;font-weight:500;line-height:1.4;color:var(--text-primary)}
.wt__rule{display:block;width:28px;height:1.5px;border-radius:2px;background:var(--brand-ion-cyan);margin:2px 0}
.wt__s{margin:0;font-size:14px;line-height:1.55;color:var(--text-secondary);max-width:36ch}
@media (max-width:1000px){.wt__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.wt__grid{grid-template-columns:minmax(0,1fr)}.wt__card{min-height:0}}

/* ---- Standards · The Testing Cycle (new layout) ---- */
.tc2__wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,3vh,32px)}
.tc2__stage{width:100%;max-width:1280px;display:grid;grid-template-columns:minmax(0,65fr) minmax(0,35fr);border-radius:var(--Panel);overflow:hidden;background:var(--panel-bg,rgb(13 16 20 / .88));box-shadow:0 0 0 1px rgb(42 143 211 / .28),var(--Raised)}
.tc2__photo{position:relative;height:auto;align-self:stretch;min-height:clamp(240px,calc(100vh - 64px - 48px - 110px - 190px - 2 * clamp(16px,3vh,32px)),440px);overflow:hidden;background:#0a1015}
.tc2__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02);transition:opacity .6s var(--ease-standard),transform 1.2s var(--ease-standard)}
.tc2__photo img.is-on{opacity:1;transform:none}
.tc2__info{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:clamp(20px,3vw,48px);border-left:1px solid var(--rule)}
.tc2__wk{margin:0;font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--brand-ion-cyan)}
.tc2__t{margin:0;font-size:clamp(26px,2.6vw,38px);font-weight:600;letter-spacing:-.02em;line-height:1.1;color:var(--text-primary)}
.tc2__rule{display:block;width:32px;height:2px;border-radius:2px;background:var(--brand-active-blue);margin:4px 0}
.tc2__line{margin:0;font-size:16px;line-height:1.5;color:var(--text-secondary);max-width:30ch}
.tc2__list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.tc2__list li{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-primary)}
.tc2__ck{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--brand-ion-cyan);color:var(--brand-ion-cyan)}
.tc2__tl{--d:36px;list-style:none;margin:0;padding:0;width:100%;max-width:1280px;position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.tc2__track{position:absolute;left:10%;right:10%;top:calc(var(--d) / 2);height:1px;background:var(--foundation-elevated)}
.tc2__track span{display:block;height:100%;width:calc(var(--tc2-p,0) * 100%);background:var(--brand-active-blue);box-shadow:0 0 8px rgb(42 143 211 / .6);transition:width .4s var(--ease-standard)}
.tc2__step>button{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:0 8px;background:none;border:0;cursor:pointer;text-align:center;color:var(--text-muted);border-radius:var(--Card)}
.tc2__step>button:focus-visible{outline:2px solid var(--brand-active-blue);outline-offset:4px}
.tc2__dot{position:relative;z-index:1;display:grid;place-items:center;width:var(--d);height:var(--d);margin-bottom:8px;border-radius:999px;background:var(--foundation-canvas);box-shadow:inset 0 0 0 1.5px var(--text-muted);font-size:13px;color:var(--text-muted);transition:all .24s var(--ease-standard)}
.tc2__step.is-done .tc2__dot{box-shadow:inset 0 0 0 1.5px var(--brand-ion-cyan);color:var(--brand-ion-cyan)}
.tc2__step.is-on .tc2__dot{background:var(--brand-royal-blue);color:#fff;box-shadow:0 0 0 1.5px var(--brand-active-blue),0 0 18px 2px rgb(42 143 211 / .55)}
.tc2__sw{font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted)}
.tc2__step.is-on .tc2__sw,.tc2__step.is-done .tc2__sw{color:var(--brand-ion-cyan)}
.tc2__sh{font-size:16px;font-weight:600;color:var(--text-secondary)}
.tc2__step.is-on .tc2__sh{color:var(--text-primary)}
.tc2__sl{font-size:13px;line-height:1.45;color:var(--text-muted);max-width:24ch;text-wrap:balance}
.tc2__step>button:hover .tc2__sh{color:var(--text-primary)}
@media (max-width:743px){
  .tc2__stage{grid-template-columns:minmax(0,1fr)}
  .tc2__photo{height:auto;aspect-ratio:4 / 3}
  .tc2__info{border-left:0;border-top:1px solid var(--rule)}
  .tc2__tl{grid-template-columns:minmax(0,1fr);row-gap:18px}
  .tc2__track{left:calc(var(--d) / 2);right:auto;top:calc(var(--d) / 2);bottom:calc(var(--d) / 2);width:1px;height:auto}
  .tc2__track span{width:100%;height:calc(var(--tc2-p,0) * 100%)}
  .tc2__step>button{display:grid;grid-template-columns:var(--d) minmax(0,1fr);column-gap:16px;align-items:start;text-align:left;padding:0}
  .tc2__dot{grid-row:1 / span 3;margin:0}
  .tc2__sl{max-width:none}
}

/* Standards closing CTA: 4:5 image, width from the same viewport-fit height as Home CTA */
@media (min-width:744px){.std-cta .g12>.c6-12{width:calc(var(--cta-k,.85) * min(calc((100svh - 88px - 2 * clamp(28px,4.5vh,64px) - 40px) * .8),58%))}}
@media (max-width:743px){.std-cta .g12>.c6-12{order:-1}}

/* ---- Site brightness (tweak): html[data-bright="1"] Brighter, ="2" Brightest; none = Current ---- */
html[data-bright="1"]{--bg-top-rgb:26 32 39;--bg-bottom-rgb:16,21,26;--bg-structure-opacity:.22;
  --foundation-canvas:#1b2229;--foundation-surface:#20272f;--foundation-raised:#262f38;--foundation-elevated:#2f3a44;
  --text-secondary:#c8d1d7;--text-muted:#9ba7b0;--rule:#e7e9eb29;
  --panel-bg:rgb(22 28 34 / .88);--section-tint:rgb(33 42 52);--section-tint-rule:rgb(231 233 235 / .08);
  --bright-head:rgb(22 28 34 / .96);--bright-foot:rgb(16 21 26 / .96);--bright-bg:#10151a}
html[data-bright="2"]{--bg-top-rgb:34 42 51;--bg-bottom-rgb:22,28,34;--bg-structure-opacity:.25;
  --foundation-canvas:#232b33;--foundation-surface:#28313a;--foundation-raised:#2e3842;--foundation-elevated:#37434e;
  --text-secondary:#d2dadf;--text-muted:#aab5bd;--rule:#e7e9eb33;
  --panel-bg:rgb(30 37 44 / .88);--section-tint:rgb(41 51 62);--section-tint-rule:rgb(231 233 235 / .10);
  --bright-head:rgb(30 37 44 / .96);--bright-foot:rgb(22 28 34 / .96);--bright-bg:#161c22}
html[data-bright]{background:var(--bright-bg)}
html[data-bright] .site-head{background:var(--bright-head)!important}
html[data-bright] .site-foot{background:var(--bright-foot)!important}
html[data-bright] .askc__card,html[data-bright] .askc__chip{background:var(--foundation-surface)}
html[data-bright] .askc__input{background:var(--foundation-canvas)}
html[data-bright] .diff2__col--us{background:rgb(30 40 52 / .9)}
html[data-bright] .diff2__row--them{background:var(--panel-bg)}
/* small text: 12px minimum, weight 500 under 14px */
html[data-bright] .eyebrow,html[data-bright] .rrg-eyebrow,html[data-bright] .tc2__wk,html[data-bright] .tc2__sw,html[data-bright] .askc__topic{font-size:12px!important}
html[data-bright] .micro,html[data-bright] .small,html[data-bright] .rrg-scene__caption,html[data-bright] label,html[data-bright] .askc__sub,html[data-bright] .askc__ct small,html[data-bright] .tc2__sl,html[data-bright] .site-foot a,html[data-bright] .site-foot p,html[data-bright] .site-foot span{font-weight:500}
html[data-bright] .askc__ct small,html[data-bright] .askc__chip,html[data-bright] .askc__reset{font-size:12px}

/* Site brightness: remaining hard-coded darks lifted to tokens */
html[data-bright] .rrg-product.is-linked:hover,html[data-bright] .rrg-product.is-hover,html[data-bright] .dir-card:hover{background:var(--foundation-raised)!important}
html[data-bright] .radio-card:has(input:checked){background:var(--foundation-elevated)!important}
html[data-bright] .drawer,html[data-bright] .rrg-modal{background:var(--foundation-canvas)}
html[data-bright] .askc{background:rgb(var(--bg-top-rgb) / .82)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html[data-bright] .askc{background:rgb(var(--bg-top-rgb) / .40)}}
@media (prefers-reduced-transparency:reduce){html[data-bright] .askc{background:var(--foundation-canvas)!important}}
html[data-bright] .askc__card:hover{background:var(--foundation-raised)}
html[data-bright] .zone-fit__inner>form{background:var(--panel-bg)!important}
html[data-bright] .diff2__row--us{background:rgb(38 50 62 / .6)}

/* Focus band depth (Brighter/Brightest only): mix the lifted tint back toward a deeper value, raise opacity */
html[data-bright="1"]{--tint-deep:rgb(24 31 40)}
html[data-bright="2"]{--tint-deep:rgb(28 36 46)}
html[data-bright] .sec-tint::before{background:color-mix(in srgb,var(--tint-deep) calc(var(--focus-depth,.75) * 100%),var(--section-tint));opacity:calc(var(--section-tint-opacity) + .16 * var(--focus-depth,.75))}

/* ---- Verify (new): steps left, lookup right; one-viewport fit ---- */
.vfy{padding-top:clamp(28px,4.5vh,64px)!important;padding-bottom:clamp(28px,4.5vh,64px)!important}
@media (min-width:744px){.vfy{min-height:calc(100svh - 88px);display:flex;flex-direction:column;justify-content:center}}
.vfy__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(40px,6vw,96px);align-items:center}
.vfy__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(14px,2.4vh,24px);position:relative}
.vfy__step{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:18px;align-items:start}
.vfy__n{display:grid;place-items:center;width:32px;height:32px;border-radius:999px;background:var(--brand-royal-blue);color:#fff;font-size:13px}
.vfy__h{margin:5px 0 0;font-size:18px;font-weight:600;line-height:1.3;color:var(--text-primary)}
.vfy__t{margin:0;font-size:15px;line-height:1.5;color:var(--text-secondary);max-width:44ch}
.vfy__photo{width:clamp(110px,min(12vw,calc((100svh - 88px - 520px) * .8)),170px);margin-top:4px}
@media (max-width:743px){.vfy__grid{grid-template-columns:minmax(0,1fr);gap:32px}.vfy__photo{width:150px}}
.vfy-cta{min-height:0!important}
@media (min-width:744px){.vfy-cta{min-height:0!important;padding:clamp(56px,8vh,96px) 0}}

/* ---- Verify (new, enlarged): intro + big photo left, big lookup right ---- */
.vfy2{--vh-avail:calc(100svh - 88px - 2 * clamp(28px,4.5vh,64px));--ph:max(300px,calc(var(--vh-avail) - 150px));display:grid;grid-template-columns:auto minmax(0,clamp(480px,39vw,560px));grid-template-areas:"intro panel" "photo panel";justify-content:space-between;column-gap:clamp(40px,6vw,96px);row-gap:clamp(16px,2.6vh,24px);align-items:center}
.vfy2__intro{grid-area:intro;max-width:calc(var(--ph) * .8 + 120px)}
.vfy2__photo{grid-area:photo;width:calc(var(--ph) * .8)}
.vfy2__panel{grid-area:panel;align-self:center;padding:clamp(28px,3vw,40px)!important;gap:20px}
.vfy2__panel .rrg-field__label{font-size:15px}
.vfy2__panel .rrg-control{min-height:60px;padding:0 20px}
.vfy2__panel .rrg-control__input{font-size:20px!important;line-height:1.3!important}
.vfy2__panel .rrg-field__hint{font-size:15px}
.vfy2__panel .rrg-btn{min-height:60px;font-size:17px}
.vfy2__panel .row.micro .mono{font-size:13px;padding:4px 10px!important}
@media (max-width:743px){
  .vfy2{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "panel" "photo";row-gap:24px}
  .vfy2__intro{max-width:none}
  .vfy2__photo{width:min(100%,380px)}
}

.vfy2__panel .rrg-control__input::placeholder{color:var(--text-primary);opacity:.38}

/* COA Library (new): lot cards in the Shop product-card grid */
.coa-card{position:relative;display:flex;flex-direction:column}
.coa-card__body{padding:16px 20px 20px}
.coa-card__link{text-decoration:none;color:var(--text-primary)}
.coa-card__cta{color:var(--text-primary);font-weight:600;margin-top:4px}
.coa-card:hover .coa-card__cta{color:var(--brand-ion-cyan)}

/* Resources (new): article cards in the Shop product-card grid */
.res-card{position:relative;display:flex;flex-direction:column}
.res-card__cover{aspect-ratio:4 / 5;border-radius:0;margin:0!important;width:100%}
.res-card__cover image-slot{display:block;width:100%;height:100%}
.res-card__body{padding:16px 20px 20px;flex:1}
.res-card__link{text-decoration:none;color:var(--text-primary)}
.res-card__cta{color:var(--text-primary);font-weight:600}
.res-card:hover .res-card__cta{color:var(--brand-ion-cyan)}

.about-hero .about-hero__img{object-position:70% 50%}

/* About hero: keep the text column clear of the vials (left vial starts ≈45% of the image) */
.about-hero .std-hero8__text{max-width:min(40%,560px)}
@media (max-width:1279px) and (min-width:744px){.about-hero .std-hero8__art{top:auto;bottom:0;height:auto;aspect-ratio:16 / 9}.about-hero .about-hero__img{object-position:50% 50%}.about-hero .std-hero8__text{max-width:38%}}

/* ---- About §2 · Our Standard ---- */
.os{padding-top:clamp(32px,5vh,64px)!important;padding-bottom:clamp(32px,5vh,64px)!important}
@media (min-width:744px){.os{min-height:calc(100svh - 88px);display:flex;flex-direction:column;justify-content:center}}
.os__wrap{display:flex;flex-direction:column;align-items:center;gap:clamp(24px,4vh,48px)}
.os__eyebrow{letter-spacing:.32em}
.os__rule{display:block;width:40px;height:1px;background:var(--brand-ion-cyan);opacity:.7}
.os__row{--ic:clamp(84px,8vw,112px);list-style:none;margin:0;padding:calc(var(--ic) / 2) 0 0;width:100%;max-width:1280px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,32px);position:relative}
.os__thread{position:absolute;left:12.5%;right:12.5%;top:calc(var(--ic) / 2);height:1px;background:linear-gradient(90deg,rgb(119 196 234 / .35),rgb(119 196 234 / .8),rgb(119 196 234 / .35));box-shadow:0 0 8px rgb(119 196 234 / .5)}
.os__card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:calc(var(--ic) / 2 + 20px) clamp(16px,1.8vw,28px) clamp(20px,2.4vw,28px);border-radius:var(--Panel);background:var(--panel-bg);box-shadow:0 0 0 1px var(--rule)}
.os__ic{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);display:grid;place-items:center;width:var(--ic);height:var(--ic);border-radius:999px;background:var(--foundation-canvas);color:var(--text-primary);box-shadow:0 0 0 1.5px rgb(119 196 234 / .55),0 0 24px -4px rgb(42 143 211 / .55);z-index:1}
.os__ic svg{width:40%;height:40%;color:var(--brand-ion-cyan)}
.os__node{position:absolute;top:0;right:calc(-1 * clamp(16px,2vw,32px) / 2);transform:translate(50%,-50%);width:9px;height:9px;border-radius:99px;background:var(--brand-ion-cyan);box-shadow:0 0 10px 2px rgb(119 196 234 / .7);z-index:1}
.os__h{margin:0;font-size:clamp(20px,1.7vw,24px);font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}
.os__t{margin:0;font-size:15px;line-height:1.5;color:var(--text-secondary);min-height:3em;text-wrap:balance}
.os__cr{display:block;width:32px;height:1.5px;background:var(--brand-ion-cyan);opacity:.7;margin:auto 0 4px}
.os__pill{display:block;align-self:stretch;padding:12px 14px;border-radius:var(--Control);background:rgb(24 111 175 / .12);box-shadow:inset 0 0 0 1px rgb(42 143 211 / .4);color:#8cc8f0;font-size:14px;font-weight:600;overflow-wrap:anywhere}
@media (max-width:743px){
  .os__row{--ic:64px;grid-template-columns:minmax(0,1fr);padding:0 0 0 calc(var(--ic) / 2 + 20px);gap:20px}
  .os__thread{left:calc(var(--ic) / 2);right:auto;top:0;bottom:0;width:1px;height:auto;background:linear-gradient(180deg,rgb(119 196 234 / .35),rgb(119 196 234 / .8),rgb(119 196 234 / .35))}
  .os__card{align-items:flex-start;text-align:left;padding:20px 20px 20px calc(var(--ic) / 2 + 16px)}
  .os__ic{left:calc(-1 * (var(--ic) / 2 + 20px) + var(--ic) / 2);top:24px;transform:translate(-50%,0)}
  .os__node{display:none}
  .os__t{min-height:0}
  .os__cr{margin:4px 0}
  .os__pill{align-self:flex-start}
}

/* About · Physical Standard: photos left, text right on desktop; text first on narrow */
@media (min-width:744px){.phys .split>.phys__text{order:2}}

/* =====================  DEPTH PASS (tweak): html[data-depth], strength --depth-k (0–1)  ===================== */
html[data-depth]{--dk:var(--depth-k,.7);--dk100:calc(var(--dk) * 100%);
  /* 1 · elevation ladder: darker floor, wider steps up to cards */
  --panel-bg:color-mix(in srgb,rgb(34 43 53 / .9) var(--dk100),rgb(22 28 34 / .88));
  --dp-card:color-mix(in srgb,rgb(40 50 62 / .92) var(--dk100),rgb(22 28 34 / .88));
  --dp-raised:color-mix(in srgb,rgb(50 62 76 / .94) var(--dk100),rgb(32 40 48 / .9));
  /* 2 · one key light from the top-left */
  --dp-sheen:linear-gradient(172deg,rgb(255 255 255 / calc(.07 * var(--dk))) 0%,rgb(255 255 255 / calc(.02 * var(--dk))) 38%,rgb(0 0 0 / 0) 60%,rgb(0 0 0 / calc(.16 * var(--dk))) 100%);
  --dp-edge:inset 0 1px 0 rgb(255 255 255 / calc(.10 * var(--dk))),inset 0 -1px 0 rgb(0 0 0 / calc(.30 * var(--dk)));
  --dp-e1:0 1px 2px rgb(0 0 0 / calc(.40 * var(--dk))),0 10px 28px -10px rgb(0 0 0 / calc(.55 * var(--dk)));
  --dp-e2:0 2px 4px rgb(0 0 0 / calc(.40 * var(--dk))),0 22px 48px -14px rgb(0 0 0 / calc(.65 * var(--dk)));
  --dp-blur:blur(calc(6px * var(--dk))) saturate(calc(100% + 20% * var(--dk)))}
/* cards & panels: surface step + sheen + edge + contact/ambient shadow + glass over the structures */
html[data-depth] .panel,html[data-depth] .rrg-product,html[data-depth] .dir-card,html[data-depth] .wt__card,html[data-depth] .os__card,html[data-depth] .diff2__row--them,html[data-depth] .zone-fit__inner>form,html[data-depth] .radio-card{
  background-color:var(--dp-card)!important;background-image:var(--dp-sheen)!important;
  box-shadow:0 0 0 1px var(--rule),var(--dp-edge),var(--dp-e1)!important;
  -webkit-backdrop-filter:var(--dp-blur);backdrop-filter:var(--dp-blur)}
html[data-depth] .rrg-product.is-linked:hover,html[data-depth] .rrg-product.is-hover,html[data-depth] .dir-card:hover,html[data-depth] .wt__card:hover,html[data-depth] .os__card:hover{
  background-color:var(--dp-raised)!important;box-shadow:0 0 0 1px rgb(119 196 234 / calc(.18 + .14 * var(--dk))),var(--dp-edge),var(--dp-e2)!important}
/* blue-edged featured surfaces keep their edge, gain sheen + elevation */
html[data-depth] .diff2__col--us,html[data-depth] .tc2__stage{background-image:var(--dp-sheen)!important;box-shadow:0 0 0 1px rgb(42 143 211 / .42),0 0 48px -10px rgb(42 143 211 / calc(.25 + .15 * var(--dk))),var(--dp-edge),var(--dp-e2)!important;-webkit-backdrop-filter:var(--dp-blur);backdrop-filter:var(--dp-blur)}
html[data-depth] .diff2__row--us{background-image:var(--dp-sheen)}
html[data-depth] .askc{box-shadow:0 0 0 1px var(--rule),var(--dp-edge),var(--dp-e2)!important;-webkit-backdrop-filter:blur(calc(2px + 4px * var(--dk)));backdrop-filter:blur(calc(2px + 4px * var(--dk)))}
html[data-depth] .askc__card,html[data-depth] .askc__input{background-image:var(--dp-sheen);box-shadow:0 0 0 1px var(--rule),var(--dp-edge),0 6px 18px -10px rgb(0 0 0 / .6)}
html[data-depth] .rrg-control{box-shadow:inset 0 1px 2px rgb(0 0 0 / calc(.35 * var(--dk)))}
html[data-depth] .site-head{-webkit-backdrop-filter:blur(calc(8px * var(--dk))) saturate(120%);backdrop-filter:blur(calc(8px * var(--dk))) saturate(120%);box-shadow:inset 0 -1px 0 var(--rule),0 8px 24px -12px rgb(0 0 0 / calc(.5 * var(--dk)))}
html[data-depth] .photo--card{box-shadow:var(--dp-e1)}
/* 3 · light pools: each section gets a lit centre behind its heading/key object and darker falloff */
html[data-depth] #main>section,html[data-depth] #main>.rrg-scene{background-image:radial-gradient(55% 60% at 28% 38%,rgb(130 160 200 / calc(.07 * var(--dk))),transparent 70%),radial-gradient(45% 55% at 76% 55%,rgb(42 143 211 / calc(.05 * var(--dk))),transparent 72%)!important}
html[data-depth] .diff2__head,html[data-depth] .os .diff2__head,html[data-depth] .wt .diff2__head{position:relative;isolation:isolate}
html[data-depth] .diff2__head::before{content:"";position:absolute;inset:-60% -30%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgb(140 170 210 / calc(.10 * var(--dk))),transparent)}
html[data-depth] .hero-vials,html[data-depth] .sec-cta .c6-12{position:relative;isolation:isolate}
html[data-depth] .hero-vials::before,html[data-depth] .sec-cta .c6-12::before{content:"";position:absolute;inset:-12%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgb(120 170 220 / calc(.16 * var(--dk))),transparent 75%)}
/* page: vignette + key-light pool above the structures, below content; 5 · film grain */
html[data-depth] body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(70% 60% at 18% 8%,rgb(160 185 215 / calc(.06 * var(--dk))),transparent 70%),radial-gradient(140% 110% at 50% 45%,transparent 55%,rgb(0 0 0 / calc(.45 * var(--dk))) 100%)}
html[data-depth] body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:160px 160px;opacity:calc(.05 * var(--dk));mix-blend-mode:overlay}
/* 6 · entrance lift/settle (JS adds .dp-wait only to cards below the fold) */
html[data-depth] .dp-wait{translate:0 14px}
html[data-depth] .dp-in{animation:dpIn .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes dpIn{from{translate:0 14px}60%{translate:0 -2px}to{translate:0 0}}
@media print{html[data-depth] .dp-wait{translate:none}}
@media (prefers-reduced-motion:reduce){html[data-depth] .dp-wait{opacity:1;translate:none}html[data-depth] .dp-in{animation:none}}
html[data-motion="off"][data-depth] .dp-wait{opacity:1;translate:none}
@media (prefers-reduced-transparency:reduce){html[data-depth] *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}

/* =====================  REVIEW FIXES: html[data-rev] (contested: html[data-rev2])  ===================== */
/* A2 · three elevation levels — flat info cards; light raise for clickable cards; strong only for overlays/featured */
html[data-rev][data-depth] .panel,html[data-rev][data-depth] .wt__card,html[data-rev][data-depth] .os__card,html[data-rev][data-depth] .diff2__row--them,html[data-rev][data-depth] .radio-card{background-image:none!important;box-shadow:0 0 0 1px var(--rule)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:var(--panel-bg)!important}
html[data-rev][data-depth] .wt__card:hover,html[data-rev][data-depth] .os__card:hover{background-color:var(--panel-bg)!important;box-shadow:0 0 0 1px var(--rule)!important}
html[data-rev][data-depth] .rrg-product,html[data-rev][data-depth] .dir-card{box-shadow:0 0 0 1px var(--rule),var(--dp-edge),0 1px 2px rgb(0 0 0 / .35),0 8px 20px -12px rgb(0 0 0 / .5)!important;-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-rev][data-depth] .diff2__col--us{box-shadow:0 0 0 1px rgb(42 143 211 / .42),var(--dp-edge),var(--dp-e1)!important}
/* A3 · Our Standard: no halos, thin connector, plain blue icons */
html[data-rev] .os__ic{box-shadow:0 0 0 1px rgb(119 196 234 / .45)!important}
html[data-rev] .os__node{box-shadow:none!important;width:7px;height:7px}
html[data-rev] .os__thread{box-shadow:none!important;background:rgb(119 196 234 / .45)!important}
/* A4 · outdoor readability */
html[data-rev]{--text-secondary:#c8d1d7}
html[data-rev][data-bright="2"]{--text-secondary:#d2dadf}
html[data-rev] .lead{font-size:clamp(17px,1.3vw,18px)}
html[data-rev] .body,html[data-rev] .tc2__line,html[data-rev] .os__t,html[data-rev] .diff2__row p,html[data-rev] .wt__s,html[data-rev] .vfy__t{font-size:16px}
html[data-rev] .micro,html[data-rev] .tc2__sl,html[data-rev] .askc__ct small{font-size:14px!important}
html[data-rev] .small{font-size:15px}
html[data-rev] .rrg-control{background:var(--foundation-raised);border-color:var(--text-muted)}
html[data-rev] .btn-glass{background:var(--foundation-raised)!important;border-color:rgb(255 255 255 / .34)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html[data-rev] .btn-glass:hover{background:var(--foundation-elevated)!important}
html[data-rev] .rrg-btn--secondary{border-color:var(--text-secondary)}
/* B5 · rhythm: no viewport min-heights outside heroes + Testing Cycle */
html[data-rev] .sec-popular,html[data-rev] .sec-verify,html[data-rev] .sec-cta,html[data-rev] .diff2,html[data-rev] .wt,html[data-rev] .os{min-height:0!important;padding-top:clamp(56px,6.5vw,88px)!important;padding-bottom:clamp(56px,6.5vw,88px)!important}
html[data-rev] .sec-verify>.wrap{padding-top:0;padding-bottom:0}
html[data-rev] .shop-head{padding-top:clamp(32px,4vw,48px)!important;padding-bottom:clamp(32px,4vw,48px)!important}
html[data-rev] .sec-ask .askc{aspect-ratio:auto;min-height:420px;height:clamp(420px,52vh,500px)}
@media (min-width:744px){html[data-rev] .sec-ask .g12>.c6-12{width:min(560px,52%)!important}html[data-rev] .sec-cta:not(.std-cta) .g12>.c6-12{width:min(420px,calc(var(--cta-k,.85) * 46%))!important}}
/* C7 · stable product row */
.prow{position:relative}
.prow__track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 12px;-webkit-overflow-scrolling:touch}
.prow__track::-webkit-scrollbar{display:none}
.prow__item{flex:0 0 clamp(240px,23%,300px);scroll-snap-align:start}
.prow__btn{position:absolute;top:34%;z-index:2;display:grid;place-items:center;width:44px;height:44px;border-radius:999px;border:1px solid var(--text-muted);background:var(--foundation-raised);color:var(--text-primary);cursor:pointer;box-shadow:var(--Raised)}
.prow__btn:hover:not(:disabled){background:var(--foundation-elevated)}
.prow__btn:disabled{opacity:.35;cursor:default}
.prow__btn:focus-visible{outline:2px solid var(--brand-active-blue);outline-offset:2px}
.prow__btn--prev{left:-22px}.prow__btn--next{right:-22px}
@media (max-width:743px){.prow__btn{display:none}.prow__item{flex-basis:78%}}
/* C8 / C12 · lookup form: native size + browse link */
html[data-rev] .zone-fit__inner{transform:translate(-50%,-50%)!important;width:min(420px,100%)!important}
html[data-rev] .verify-frame__zone{left:4%;width:92%}
.vc-link{align-self:center;font-size:14px;font-weight:600;color:var(--brand-ion-cyan);text-decoration:none}
.vc-link:hover{text-decoration:underline}
.vfy2__panel .vc-link{align-self:flex-start}
/* C11 · PDP lot summary; E21 · phone product header */
.pdp-lot{display:flex;flex-direction:column;gap:2px;padding-left:16px;border-left:1px solid var(--rule)}
.pdp-lot a{color:var(--brand-ion-cyan);font-weight:600;text-decoration:none}
.pdp-mhead{display:none}
@media (max-width:743px){
  html[data-rev] .pdp-mhead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:8px 0 12px}
  html[data-rev] .pdp-gallery{position:static!important}
  html[data-rev] .pdp-gallery .photo,html[data-rev] .pdp-gallery .stage-live{aspect-ratio:1 / 1!important;--r:1 / 1;--mr:1 / 1}
}
/* C13 · Research Library cards */
html[data-rev] .res-card__cover{aspect-ratio:16 / 10}
html[data-rev] .res-card__body{padding:24px;gap:10px}
html[data-rev] .res-feat{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);overflow:hidden}
html[data-rev] .res-feat .res-card__cover{aspect-ratio:16 / 10;height:100%}
@media (max-width:743px){html[data-rev] .res-feat{grid-template-columns:minmax(0,1fr)}}
/* E17 · About hero mobile */
@media (max-width:743px){html[data-rev] .about-hero .std-hero8__text{max-width:100%!important}}
/* E18 · COA filters drawer on phones */
.rail-toggle{display:none}
@media (max-width:743px){
  html[data-rev] .rail-toggle{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:var(--Control);border:1px solid var(--text-muted);background:var(--foundation-raised);color:var(--text-primary);font-weight:600;cursor:pointer;order:2}
  html[data-rev] .rail[aria-label="Record filters"]{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
  html[data-rev] .rail[aria-label="Record filters"]>.rrg-search,html[data-rev] .rail[aria-label="Record filters"]>form{flex:1 1 220px;order:1}
  html[data-rev] .rail[aria-label="Record filters"]>div{display:none;flex:1 1 100%;order:3}
  html[data-rev] .rail[aria-label="Record filters"].is-open>div{display:block}
}
/* E19 · Testing Cycle: step controls above the panel on phones */
@media (max-width:743px){html[data-rev] .tc2__tl{order:1}html[data-rev] .tc2__stage{order:2}}
/* E20 · phone grids never below the screen width; clamp saved 3–4 column settings */
@media (max-width:600px){html[data-rev] .grid-cards{grid-template-columns:minmax(0,1fr)!important}}
@media (min-width:601px) and (max-width:743px){html[data-rev] .grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* E22 · phones: no decorative blur on ordinary cards */
@media (max-width:743px){html[data-rev] .rrg-product,html[data-rev] .dir-card,html[data-rev] .panel,html[data-rev] .wt__card,html[data-rev] .os__card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}
/* F23 · contested: records-first COA list */
.coa-list{display:flex;flex-direction:column;gap:12px}
.coa-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 18px;border-radius:var(--Card);background:var(--panel-bg);box-shadow:0 0 0 1px var(--rule),0 1px 2px rgb(0 0 0 / .3)}
.coa-row__vial{width:56px;height:70px;object-fit:contain}
.coa-row__main{display:flex;flex-direction:column;gap:6px;min-width:0}
.coa-row__c{font-size:18px}
.coa-row__lot{font-size:16px;color:var(--text-primary)}
.coa-row__act{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:743px){.coa-row{grid-template-columns:48px minmax(0,1fr)}.coa-row__act{grid-column:1 / -1;justify-content:flex-start}}

/* Review · Home lookup: below 1100px the frame is too small for the native-size card — card goes in flow, frame grows around it */
@media (max-width:1100px){
  html[data-rev] .verify-frame{aspect-ratio:auto;max-width:none;min-height:0;padding:clamp(48px,7vw,72px) clamp(20px,5vw,56px);display:flex;align-items:center;justify-content:center}
  html[data-rev] .verify-frame__zone{position:relative;left:auto;top:auto;width:min(420px,100%);height:auto}
  html[data-rev] .zone-fit__inner{position:static!important;transform:none!important;width:auto!important}
}

/* =====================  MOBILE PASS: html[data-mob], below 900px only  ===================== */
.mnav-extra,.sheet-close,.pdp-bar{display:none}
@media (max-width:743px){
  html[data-mob],html[data-mob] body{overflow-x:clip}
  /* 1 · gutters, rhythm, targets */
  html[data-mob] .wrap{padding-left:20px!important;padding-right:20px!important}
  html[data-mob] .sec,html[data-mob] .sec-popular,html[data-mob] .sec-verify,html[data-mob] .sec-cta,html[data-mob] .diff2,html[data-mob] .wt,html[data-mob] .os,html[data-mob] .sec-f,html[data-mob] .vfy{padding-top:clamp(48px,12vw,64px)!important;padding-bottom:clamp(48px,12vw,64px)!important;min-height:0!important}
  html[data-mob] .rail-opt,html[data-mob] .chip,html[data-mob] .tab,html[data-mob] .rrg-btn{min-height:44px}
  /* 2 · type scale */
  html[data-mob] h1,html[data-mob] .d-hero,html[data-mob] .d-l,html[data-mob] .d-ed,html[data-mob] .h1{font-size:clamp(34px,10vw,40px)!important;line-height:1.08!important;letter-spacing:-.025em}
  html[data-mob] h2.h2,html[data-mob] .h2,html[data-mob] section h2.d-l{font-size:clamp(26px,7.6vw,30px)!important;line-height:1.15!important}
  html[data-mob] .body,html[data-mob] .lead{font-size:16px!important}
  /* 3 · hero + CTA buttons stack full width, primary on top */
  html[data-mob] .actions{flex-direction:column;align-items:stretch}
  html[data-mob] .actions>.rrg-btn,html[data-mob] .actions>a,html[data-mob] .actions>button{width:100%;justify-content:center}
  /* 4 · menu: full-screen sheet */
  html[data-mob] .rrg-nav__drawer{position:fixed;left:0;right:0;top:72px;bottom:0;z-index:60;overflow-y:auto;padding:12px 20px 180px;background:var(--foundation-canvas)}
  html[data-mob] .rrg-nav__drawer-list .rrg-nav__link{min-height:60px;font-size:22px;font-weight:600;align-items:center;border-bottom:1px solid var(--rule)}
  html[data-mob] .site-head:has(.rrg-nav__drawer) .mnav-extra{display:flex;flex-direction:column;gap:16px;position:fixed;left:0;right:0;bottom:0;z-index:61;padding:20px 20px calc(20px + env(safe-area-inset-bottom));background:var(--foundation-canvas);border-top:1px solid var(--rule)}
  .mnav-extra__links{display:flex;gap:12px}
  .mnav-extra__links a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:var(--Control);border:1px solid var(--text-muted);color:var(--text-primary);text-decoration:none;font-weight:600}
  /* 5 · footer accordions */
  html[data-mob] .foot-grid{display:flex!important;flex-direction:column;gap:0}
  html[data-mob] .foot-grid>.stack{margin-bottom:24px}
  .foot-acc{border-top:1px solid var(--rule)}
  .foot-acc:last-child{border-bottom:1px solid var(--rule)}
  .foot-acc summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;cursor:pointer;list-style:none}
  .foot-acc summary::-webkit-details-marker{display:none}
  .foot-acc summary h4{margin:0}
  .foot-acc[open] summary svg{transform:rotate(180deg)}
  .foot-acc nav{display:flex;flex-direction:column;padding-bottom:12px}
  .foot-acc nav a{min-height:44px;display:flex;align-items:center}
  /* 6 · tables → stacked rows */
  html[data-mob] .rrg-table-wrap{overflow:visible}
  html[data-mob] .rrg-table,html[data-mob] .rrg-table tbody,html[data-mob] .rrg-table tr,html[data-mob] .rrg-table td{display:block;width:100%!important;min-width:0!important}
  html[data-mob] .rrg-table thead{display:none}
  html[data-mob] .rrg-table tr{padding:14px 0;border-bottom:1px solid var(--rule)}
  html[data-mob] .rrg-table td{padding:2px 0!important;text-align:left!important;border:0!important}
  html[data-mob] .rrg-table td:first-child{font-weight:600;color:var(--text-primary)}
  html[data-mob] .rrg-table td .row{justify-content:flex-start!important}
  /* 7 · Home */
  html[data-mob] .hero-split__grid{display:flex!important;flex-direction:column}
  html[data-mob] .hero-split__copy{order:1}
  html[data-mob] .hero-split__vials{order:2;width:78%;margin:24px auto 0}
  html[data-mob] .prow__btn{display:none}
  html[data-mob] .prow__item{flex-basis:78%}
  html[data-mob] .prow__track{margin:0 -20px;padding-left:20px;padding-right:20px;scroll-padding-left:20px}
  html[data-mob] .rrg-carousel{overflow-x:auto}
  html[data-mob] .sec-verify .g12,html[data-mob] .sec-ask .g12,html[data-mob] .sec-cta .g12{display:flex!important;flex-direction:column;gap:24px}
  html[data-mob] .sec-verify .g12>*,html[data-mob] .sec-ask .g12>*,html[data-mob] .sec-cta .g12>*{width:100%!important;max-width:none!important}
  html[data-mob] .verify-frame{aspect-ratio:auto!important;max-width:none!important;padding:0!important;display:block!important;overflow:visible;background:none}
  html[data-mob] .verify-frame__img{position:relative!important;height:160px!important;border-radius:var(--Card);object-position:50% 30%}
  html[data-mob] .verify-frame__zone{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;margin-top:-28px}
  html[data-mob] .zone-fit__inner{position:static!important;transform:none!important;width:auto!important}
  html[data-mob] .askc{aspect-ratio:auto!important;height:auto!important;min-height:0}
  html[data-mob] .askc__cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-mob] .askc__bob{margin:0!important;animation:none}
  html[data-mob] .askc__chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  html[data-mob] .askc__chip{justify-content:center;min-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  /* 8 · Shop grid + filter bottom sheet (also COA) */
  html[data-mob] .catalog{display:block!important}
  html[data-mob] .rail{display:flex!important;flex-wrap:wrap;gap:12px;align-items:flex-end;position:static;margin-bottom:20px}
  html[data-mob] .rail>.rrg-search,html[data-mob] .rail>form{flex:1 1 200px}
  html[data-mob] .rail-toggle--m{display:inline-flex!important;align-items:center;gap:8px;height:48px;padding:0 16px;border-radius:var(--Control);border:1px solid var(--text-muted);background:var(--foundation-raised);color:var(--text-primary);font-weight:600;cursor:pointer}
  html[data-mob] .rail>div,html[data-mob] .rail>.rrg-link{display:none!important}
  html[data-mob] .rail.is-open{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:70;max-height:78vh;overflow-y:auto;margin:0;padding:24px 20px calc(24px + env(safe-area-inset-bottom));background:var(--foundation-canvas);border-radius:20px 20px 0 0;box-shadow:0 -12px 40px rgb(0 0 0 / .55);flex-direction:column;align-items:stretch}
  html[data-mob] .rail.is-open>div,html[data-mob] .rail.is-open>.rrg-link{display:block!important}
  html[data-mob] .rail.is-open>.rrg-search,html[data-mob] .rail.is-open>form,html[data-mob] .rail.is-open>.rail-toggle--m{display:none!important}
  html[data-mob] .rail.is-open>.sheet-close{display:grid;place-items:center;align-self:flex-end;width:44px;height:44px;border-radius:999px;border:1px solid var(--rule);background:var(--foundation-raised);color:var(--text-primary)}
  html[data-mob] .shop-grid-sec .grid-cards,html[data-mob] .coa-card{--x:0}
  html[data-mob] .shop-grid-sec .grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  html[data-mob] .shop-grid-sec .rrg-product__body{padding:12px!important;gap:6px}
  html[data-mob] .shop-grid-sec .rrg-product__title{font-size:15px}
  html[data-mob] .shop-grid-sec .rrg-product .rrg-btn{min-height:40px;font-size:13px;padding:0 10px}
  html[data-mob] .shop-grid-sec .coa-card__body{padding:12px}
  html[data-mob] .shop-grid-sec .coa-card__body .row.micro{flex-direction:column;align-items:flex-start;gap:2px}
  html[data-mob] .coa-list{gap:10px}
  /* 9 · Product */
  html[data-mob] .pdp-mhead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:8px 0 12px}
  html[data-mob] .pdp-gallery{position:static!important}
  html[data-mob] .pdp-gallery .photo{--r:1 / 1;--mr:1 / 1}
  html[data-mob] .tabs{display:flex;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;margin:0 -20px;padding:0 20px}
  html[data-mob] .tabs .tab{flex:none}
  html[data-mob] .rel-row{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -20px;padding:0 20px 8px}
  html[data-mob] .rel-row>*{flex:0 0 72%;scroll-snap-align:start}
  html[data-mob] .pdp-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:var(--foundation-canvas);border-top:1px solid var(--rule);box-shadow:0 -8px 24px rgb(0 0 0 / .4)}
  html[data-mob] .pdp-bar .rrg-btn{flex:1 1 auto;max-width:220px}
  html[data-mob] body:has(.pdp-bar) .site-foot{padding-bottom:96px}
  /* 10 · Standards / About heroes: text first, image below */
  html[data-mob] .std-hero8{display:flex!important;flex-direction:column}
  html[data-mob] .std-hero8__wrap{order:1;padding-top:32px!important}
  html[data-mob] .std-hero8__img--m{order:2;display:block;width:calc(100% - 40px);margin:0 20px 8px;border-radius:var(--Card)}
  html[data-mob] .std-hero8__text{max-width:100%!important}
  /* Testing Cycle swipe cards */
  .tc2m__dots{display:flex;gap:6px;justify-content:center}
  .tc2m__dots span{width:8px;height:8px;border-radius:99px;background:var(--foundation-elevated);transition:background .2s,width .2s}
  .tc2m__dots span.is-on{width:22px;background:var(--brand-active-blue)}
  .tc2m__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -20px;padding:0 20px 8px;width:calc(100% + 40px)}
  .tc2m__card{flex:0 0 86%;scroll-snap-align:center;border-radius:var(--Panel);overflow:hidden;background:var(--panel-bg);box-shadow:0 0 0 1px var(--rule)}
  .tc2m__ph{aspect-ratio:4 / 3;overflow:hidden}
  .tc2m__ph img{width:100%;height:100%;object-fit:cover;display:block}
  .tc2m__body{padding:20px}
  /* 11 · Verify: form first, smaller image */
  html[data-mob] .vfy2{grid-template-areas:"intro" "panel" "photo"!important}
  html[data-mob] .vfy2__photo{width:min(62%,260px)!important;justify-self:center}
  html[data-mob] .vfy2__panel .rrg-control{min-height:52px}
  /* 13 · Research: featured on top, then compact rows */
  html[data-mob] .res-feat{display:flex!important;flex-direction:column}
  html[data-mob] .shop-grid-sec .grid-cards:has(.res-card){grid-template-columns:minmax(0,1fr)!important}
  html[data-mob] .res-card{display:grid!important;grid-template-columns:104px minmax(0,1fr);align-items:stretch}
  html[data-mob] .res-card .res-card__cover{aspect-ratio:1 / 1;height:100%}
  html[data-mob] .res-card .res-card__body{padding:12px 14px!important;gap:4px}
  html[data-mob] .res-card .res-card__body>.row.between{display:none}
  /* 14 · About packaging */
  html[data-mob] .phys .split{display:flex!important;flex-direction:column}
  /* Our Standard already stacks vertically with a left connector below 900px */
}

/* Mobile menu: header blur made it the containing block for the fixed sheet — no blur on phones, solid header */
@media (max-width:743px){html[data-mob] .site-head{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--foundation-canvas)!important}}

/* Mobile pass fixes (phones only) */
@media (max-width:743px){
  /* 1 · stacked button pairs: inline flex-basis became height in the column */
  html[data-mob] .actions>*{flex:0 0 auto!important;min-height:48px}
  /* 2 · Shop/COA: one row — full-width search + Filters, right under the heading */
  html[data-mob] .shop-grid-sec{padding-top:16px!important}
  html[data-mob] .rail:not(.is-open){display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin:0 0 16px;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
  html[data-mob] .rail:not(.is-open)>.rrg-search,html[data-mob] .rail:not(.is-open)>form{grid-column:1;grid-row:1;width:100%;margin:0!important;padding:0!important}
  html[data-mob] .rail:not(.is-open)>.rail-toggle--m{grid-column:2;grid-row:1;height:44px}
  html[data-mob] .rail .rrg-search .rrg-field__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  html[data-mob] .rail .rrg-search__row>.rrg-btn{display:none}
  html[data-mob] .rail .rrg-control{min-height:44px}
  /* 3 · headings wrap */
  html[data-mob] .shop-head__title{white-space:normal!important;overflow-wrap:anywhere}
  /* 4 · About packaging: main photo full width, two below at half width */
  html[data-mob] .phys .split>*{width:100%;min-width:0}
  html[data-mob] .phys .split .stack.g3{display:flex;flex-direction:column;width:100%}
  html[data-mob] .phys .split .stack.g3>.photo,html[data-mob] .phys .split .stack.g3>div{width:100%!important}
  /* 5 · Shop cards: range on one line, no category label */
  html[data-mob] .shop-grid-sec .rrg-product__price{font-size:clamp(14px,3.9vw,16px)!important;white-space:nowrap;letter-spacing:-.01em}
  html[data-mob] .shop-grid-sec .rrg-product__category,html[data-mob] .shop-grid-sec .rrg-product__eyebrow,html[data-mob] .shop-grid-sec .rrg-product .eyebrow{display:none!important}
}

@media (max-width:743px){html[data-mob] .shop-grid-sec .rrg-product .rrg-eyebrow{display:none!important}}

/* =====================  DEEP BACKGROUND: html[data-deep] (graphite)  ===================== */
html:root[data-deep][data-deep]{--bg-top-rgb:18 20 23;--bg-bottom-rgb:8 10 11;--bg-structure-opacity:.085;
  --foundation-canvas:#0b0e11;--foundation-surface:#15191e;--foundation-raised:#1b2026;--foundation-elevated:#242a31;
  --text-primary:#f5f7fa;--text-secondary:#d6dde3;--text-muted:#aeb9c2;--rule:#e7e9eb1f;
  --panel-bg:rgb(21 25 30 / .94);--dp-card:rgb(21 25 30 / .95);--dp-raised:rgb(28 33 39 / .96);
  --section-tint:rgb(22 32 46);--tint-deep:rgb(22 32 46);--section-tint-opacity:.30;--section-tint-rule:transparent;
  --bright-head:#080a0b;--bright-foot:#080a0b;--bright-bg:#080a0b;background:#080a0b}
html[data-deep] .site-head{background:rgb(8 10 11 / .96)!important}
html[data-deep] .site-foot{background:#080a0b!important}
html[data-deep] .sec-tint::before{background:var(--section-tint)!important;opacity:.30!important}
/* per-section tint rhythm, soft top/bottom blend, sits above the structures so they read as texture */
html[data-deep] #main>section,html[data-deep] #main>.rrg-scene{--st:11 14 17}
html[data-deep] #main>section,html[data-deep] #main>.rrg-scene{background-image:linear-gradient(180deg,rgb(var(--st) / 0) 0,rgb(var(--st) / .62) 64px,rgb(var(--st) / .62) calc(100% - 64px),rgb(var(--st) / 0) 100%)!important;border-top-color:transparent!important}
html[data-deep] #main>.std-hero8,html[data-deep] #main>.hero-plate{background-image:none!important}
/* cards float one step above their section; keep the three elevation levels */
html[data-deep] .panel,html[data-deep] .rrg-product,html[data-deep] .dir-card,html[data-deep] .wt__card,html[data-deep] .os__card,html[data-deep] .diff2__row--them,html[data-deep] .zone-fit__inner>form,html[data-deep] .radio-card,html[data-deep] .coa-row,html[data-deep] .tc2m__card{background-color:#15191e!important}
html[data-deep] .rrg-product.is-linked:hover,html[data-deep] .rrg-product.is-hover,html[data-deep] .dir-card:hover{background-color:#1b2026!important}
html[data-deep] .askc{background:rgb(21 25 30 / .55)}
html[data-deep] .diff2__col--us{background:rgb(16 24 34 / .92)}
/* secondary buttons: clearer border on the darker floor (primary unchanged) */
html[data-deep] .rrg-btn--secondary,html[data-deep] .btn-glass{border-color:rgb(255 255 255 / .42)!important}
html[data-deep] .rrg-control{border-color:#8a96a0}
/* lift product + scene photos only — never COAs, lab reports or the logo */
html[data-deep] img[src*="uploads/bundle_"],html[data-deep] img[src*="product_P1_stage"],html[data-deep] img[src*="home_H3_card"],html[data-deep] img[src*="hero_vials_cutout"],html[data-deep] img[src*="about_A1"],html[data-deep] img[src*="about_A4"],html[data-deep] img[src*="about_cta"],html[data-deep] img[src*="shop_SH"]{filter:brightness(1.08) contrast(1.03)}

/* Deep: card surfaces must beat the review/depth card rules */
html:root[data-deep][data-deep] .panel,html:root[data-deep][data-deep] .rrg-product,html:root[data-deep][data-deep] .dir-card,html:root[data-deep][data-deep] .wt__card,html:root[data-deep][data-deep] .os__card,html:root[data-deep][data-deep] .diff2__row--them,html:root[data-deep][data-deep] .zone-fit__inner>form,html:root[data-deep][data-deep] .radio-card,html:root[data-deep][data-deep] .coa-row,html:root[data-deep][data-deep] .tc2m__card{background-color:#15191e!important}
html:root[data-deep][data-deep] .wt__card:hover,html:root[data-deep][data-deep] .os__card:hover{background-color:#15191e!important}
html:root[data-deep][data-deep] .rrg-product.is-linked:hover,html:root[data-deep][data-deep] .rrg-product.is-hover,html:root[data-deep][data-deep] .dir-card:hover{background-color:#1b2026!important}

/* Deep refinements: wider tint rotation, stronger focus band, brighter structures */
html:root[data-deep][data-deep]{--bg-structure-opacity:.12}
html[data-deep] #main>section,html[data-deep] #main>.rrg-scene{--st:9 12 15}
html[data-deep] .sec-tint::before{opacity:.40!important}
html:root[data-deep][data-deep] #main [data-tone="2"] .panel,html:root[data-deep][data-deep] #main [data-tone="2"] .rrg-product,html:root[data-deep][data-deep] #main [data-tone="2"] .dir-card,html:root[data-deep][data-deep] #main [data-tone="2"] .wt__card,html:root[data-deep][data-deep] #main [data-tone="2"] .os__card,html:root[data-deep][data-deep] #main [data-tone="2"] .diff2__row--them,html:root[data-deep][data-deep] #main [data-tone="2"] .zone-fit__inner>form,html:root[data-deep][data-deep] #main [data-tone="2"] .radio-card,html:root[data-deep][data-deep] #main [data-tone="2"] .coa-row,html:root[data-deep][data-deep] #main [data-tone="2"] .tc2m__card{background-color:#1c2229!important}
html:root[data-deep][data-deep] #main [data-tone="2"] .rrg-product.is-linked:hover,html:root[data-deep][data-deep] #main [data-tone="2"] .rrg-product.is-hover,html:root[data-deep][data-deep] #main [data-tone="2"] .dir-card:hover{background-color:#232a32!important}

/* Nav: Resources dropdown */
.rrg-navgrp{position:relative;list-style:none}
.rrg-navgrp__btn{display:inline-flex;align-items:center;gap:4px;background:none;border:0;cursor:pointer;font:inherit}
.rrg-navgrp__chev{display:inline-flex;transition:transform .16s var(--ease-standard)}
.rrg-navgrp.is-open .rrg-navgrp__chev{transform:rotate(180deg)}
.rrg-navgrp__panel{position:absolute;left:50%;top:100%;transform:translateX(-50%);padding-top:10px;z-index:80;min-width:300px}
.rrg-navgrp__panel .rrg-navgrp__list{margin:0;padding:8px;list-style:none;background:var(--foundation-raised);border-radius:var(--Panel);box-shadow:0 0 0 1px var(--rule),var(--Overlay);animation:navIn .16s var(--ease-standard) both}
@keyframes navIn{from{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}
.rrg-navgrp__item{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:var(--Control);text-decoration:none;color:var(--text-primary)}
.rrg-navgrp__item:hover,.rrg-navgrp__item:focus-visible{background:var(--foundation-elevated)}
.rrg-navgrp__item.is-current .rrg-navgrp__name{color:var(--brand-ion-cyan)}
.rrg-navgrp__name{font-size:15px;font-weight:600}
.rrg-navgrp__desc{font-size:13px;font-weight:500;color:var(--text-secondary)}
.rrg-navgrp--drawer .rrg-navgrp__btn{width:100%;justify-content:space-between}
.rrg-navgrp--drawer .rrg-navgrp__list{margin:0 0 8px;padding:0 0 0 12px;list-style:none;border-left:1px solid var(--rule)}
.rrg-navgrp--drawer .rrg-navgrp__item{padding:12px 12px;min-height:48px;justify-content:center}
html[data-mob] .rrg-nav__drawer-list .rrg-navgrp__btn{min-height:60px;font-size:22px;font-weight:600;border-bottom:1px solid var(--rule)}
@media (prefers-reduced-motion:reduce){.rrg-navgrp__panel .rrg-navgrp__list{animation:none}}

/* Ask RRG — chat layout */
.achat-sec{padding:16px 20px 20px}
.achat{max-width:760px;margin:0 auto;height:calc(100svh - 88px - 36px);min-height:480px;display:flex;flex-direction:column;border-radius:var(--Panel);background:var(--panel-bg);box-shadow:0 0 0 1px var(--rule),var(--Raised);overflow:hidden}
.achat__head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--rule)}
.achat__av{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:999px;background:var(--foundation-elevated);box-shadow:0 0 0 1px var(--rule)}
.achat__av img{width:20px;height:auto}
.achat__id{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.achat__id strong{font-size:15px}
.achat__id span{font-size:13px;font-weight:500;color:var(--text-secondary)}
.achat__new{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--rule);background:transparent;color:var(--text-secondary);font:600 13px/1 inherit;cursor:pointer}
.achat__new:hover:not(:disabled){color:var(--text-primary);border-color:rgb(119 196 234 / .5)}
.achat__new:disabled{opacity:.45;cursor:default}
.achat__log{flex:1;min-height:0;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin}
.achat__row{display:flex;gap:10px;align-items:flex-start;animation:askin .3s var(--ease-standard) both}
.achat__row--user{flex-direction:column;align-items:flex-end;gap:4px}
.achat__row time{font-size:12px;font-weight:500;color:var(--text-muted)}
.achat__bubble{max-width:min(560px,88%);padding:12px 16px;border-radius:16px;font-size:16px;line-height:1.55}
.achat__bubble p{margin:0}
.achat__bubble p+p{margin-top:8px}
.achat__bubble--user{background:var(--brand-royal-blue);color:#fff;border-bottom-right-radius:4px}
.achat__bubble--rrg{background:var(--foundation-raised);box-shadow:0 0 0 1px var(--rule);color:var(--text-primary);border-top-left-radius:4px}
.achat__topic{font-size:12px!important;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-ion-cyan)}
.achat__acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.achat__act{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;border-radius:var(--Card);background:var(--foundation-elevated);box-shadow:0 0 0 1px var(--rule);color:var(--text-primary);font-size:14px;font-weight:600;text-decoration:none;transition:box-shadow .16s,color .16s}
.achat__acts .achat__act{margin-top:0}
.achat__act:hover{box-shadow:0 0 0 1px rgb(119 196 234 / .6);color:var(--brand-ion-cyan)}
.achat__chips{display:flex;flex-wrap:wrap;gap:8px}
.achat__chip{height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--rule);background:transparent;color:var(--text-primary);font:500 14px/1 inherit;cursor:pointer;white-space:nowrap;transition:border-color .16s,background .16s}
.achat__chip:hover{border-color:var(--brand-active-blue);background:rgb(42 143 211 / .08)}
.achat__typing{display:flex;gap:5px;padding:16px 18px}
.achat__typing i{width:7px;height:7px;border-radius:99px;background:var(--text-muted);animation:askdot 1.1s ease-in-out infinite}
.achat__typing i:nth-child(2){animation-delay:.15s}.achat__typing i:nth-child(3){animation-delay:.3s}
.achat__foot{padding:12px 16px 14px;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:8px}
.achat__composer{display:flex;align-items:flex-end;gap:8px;padding:6px 6px 6px 16px;border-radius:24px;background:var(--foundation-canvas);box-shadow:0 0 0 1px var(--text-muted)}
.achat__composer:focus-within{box-shadow:0 0 0 1px var(--brand-active-blue),0 0 0 4px rgb(42 143 211 / .18)}
.achat__composer textarea{flex:1;min-width:0;resize:none;border:0;outline:0;background:transparent;color:var(--text-primary);font:400 16px/1.5 inherit;padding:8px 0;max-height:140px}
.achat__composer textarea::placeholder{color:var(--text-muted)}
.achat__send{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:999px;border:0;background:var(--brand-royal-blue);color:#fff;cursor:pointer;transition:background .16s}
.achat__send:hover:not(:disabled){background:var(--brand-active-blue)}
.achat__send:disabled{opacity:.45;cursor:default}
.achat__send:focus-visible,.achat__chip:focus-visible,.achat__new:focus-visible,.achat__act:focus-visible{outline:2px solid var(--brand-active-blue);outline-offset:2px}
.achat__note{margin:0;text-align:center;font-size:12px;font-weight:500;color:var(--text-secondary)}
@media (prefers-reduced-motion:reduce){.achat__row{animation:askfade .2s linear both}.achat__typing i{animation:none;opacity:.6}}
@media (max-width:743px){
  .achat-sec{padding:0}
  .achat{height:calc(100dvh - 72px);min-height:0;border-radius:0;box-shadow:none;max-width:none}
  .achat__chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px}
  .achat__foot{position:sticky;bottom:0;background:var(--panel-bg);padding-bottom:calc(12px + env(safe-area-inset-bottom))}
  body:has(.achat) .site-foot{display:none}
}

.achat__composer textarea,.achat__composer textarea::placeholder{font-family:var(--rrg-sans)!important;font-size:16px!important;letter-spacing:normal}

/* Account sidebar — compact nav panel */
.acct:has(.anav){grid-template-columns:260px minmax(0,1fr)!important;align-items:start}
.anav{position:sticky;top:104px;width:260px;padding:16px 12px 12px;border-radius:var(--Panel);background:var(--foundation-surface);box-shadow:0 0 0 1px var(--rule);display:flex;flex-direction:column}
html[data-deep] .anav{background:#15191e}
.anav__me{display:flex;align-items:center;gap:12px;padding:4px 8px 16px;border-bottom:1px solid var(--rule)}
.anav__me strong{font-size:15px}
.anav__av{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:999px;background:rgb(42 143 211 / .16);color:var(--brand-ion-cyan);font:600 14px/1 var(--rrg-sans);letter-spacing:.02em}
.anav__rows{display:flex;flex-direction:column;padding-top:8px}
.anav__grp{display:flex;flex-direction:column}
.anav__gl{padding:16px 12px 4px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}
.anav__row{position:relative;display:flex;align-items:center;gap:12px;min-height:40px;padding:0 12px;border-radius:8px;color:var(--text-primary);text-decoration:none;font:500 15px/1.2 var(--rrg-sans);transition:background .16s}
.anav__row svg{flex:none;color:var(--text-secondary);transition:color .16s}
.anav__row:hover{background:rgb(255 255 255 / .04)}
.anav__row:hover svg{color:var(--text-primary)}
.anav__row[aria-current="page"]{background:rgb(42 143 211 / .12);color:var(--brand-ion-cyan)}
.anav__row[aria-current="page"] svg{color:var(--brand-ion-cyan)}
.anav__row[aria-current="page"]::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--brand-active-blue)}
.anav__row:focus-visible{outline:2px solid var(--brand-active-blue);outline-offset:1px}
.anav__l{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.anav__badge{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:0;color:var(--text-secondary)}
.anav__badge i{width:8px;height:8px;border-radius:99px;background:var(--brand-ion-cyan);box-shadow:0 0 0 3px rgb(119 196 234 / .18)}
.anav__out{margin-top:12px;padding-top:8px;border-top:1px solid var(--rule)}
.anav__row--out{color:var(--text-secondary)}
@media (max-width:743px){
  .acct:has(.anav){display:flex!important;flex-direction:column;gap:20px}
  .anav{position:static;width:auto;padding:0;background:none!important;box-shadow:none;flex-direction:row;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px 4px}
  .anav__me,.anav__gl{display:none}
  .anav__rows,.anav__grp{flex-direction:row;padding:0;gap:8px}
  .anav__rows{gap:8px}
  .anav__out{margin:0 0 0 8px;padding:0;border:0}
  .anav__row{flex:none;min-height:44px;padding:0 16px;border-radius:999px;box-shadow:0 0 0 1px var(--rule);font-size:14px;white-space:nowrap}
  .anav__row[aria-current="page"]{background:var(--brand-royal-blue);color:#fff;box-shadow:none}
  .anav__row[aria-current="page"] svg{color:#fff}
  .anav__row[aria-current="page"]::before{display:none}
  .anav__badge{margin-left:-4px}
  body:has(.anav) .acct-back{display:none!important}
}

/* Account pages — matched to the compact sidebar */
.acctm{--acm-surf:var(--foundation-surface);--acm-in:var(--foundation-canvas);gap:24px!important}
html[data-deep] .acctm{--acm-surf:#15191e;--acm-in:#0b0e11}
/* surfaces */
html .acctm .panel,html .acctm .acm-card,html .acctm .state-note{background:var(--acm-surf)!important;background-image:none!important;box-shadow:0 0 0 1px var(--rule)!important;border-radius:12px!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html .acctm .panel--pad6{padding:20px 24px!important}
/* page header: icon + title + one-line description */
html .acctm h1.h2{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;row-gap:4px;margin:0;font-size:clamp(26px,2.2vw,30px)!important;line-height:1.15!important}
html .acctm h1.h2::before{content:"";width:20px;height:20px;background:var(--brand-ion-cyan);-webkit-mask:var(--acct-ico) center/contain no-repeat;mask:var(--acct-ico) center/contain no-repeat}
html .acctm h1.h2::after{content:var(--acct-desc);grid-column:1 / -1;font-size:15px;font-weight:500;letter-spacing:0;line-height:1.4;color:var(--text-secondary)}
html .acctm .row.between:has(> h1.h2){align-items:flex-start}
/* section labels */
html .acctm h2.h5,html .acctm h3.h5,html .acctm h2.h4,html .acctm h3.h4,html .acctm .acm-label--sec{margin:0;padding:12px 4px 4px;font-size:11px!important;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);line-height:1.3}
html .acctm .panel h2.h5:first-child,html .acctm .panel h3.h5:first-child,html .acctm .panel h2.h4:first-child,html .acctm .panel h3.h4:first-child{padding-top:0}
.acm-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}
.acm-muted{font-size:14px;font-weight:500;color:var(--text-secondary)}
.acm-h{margin:0;font-size:clamp(22px,2vw,26px);line-height:1.2}
/* lists → one card with divided rows */
html .acctm ul.stack:has(> li.panel){gap:0!important;background:var(--acm-surf);border-radius:12px;box-shadow:0 0 0 1px var(--rule);overflow:hidden}
html .acctm ul.stack > li.panel{background:transparent!important;box-shadow:none!important;border-radius:0!important;border-bottom:1px solid var(--rule)}
html .acctm ul.stack > li.panel:last-child{border-bottom:0}
html .acctm ul.stack > li.panel > .row:first-child{min-height:56px;padding:12px 16px!important;transition:background .16s}
html .acctm ul.stack > li.panel > .row:first-child:hover{background:rgb(255 255 255 / .03)}
html .acctm .grid-cards{gap:12px!important}
html .acctm .kv{font-size:15px}
html .acctm .kv dt,html .acctm .kv dd{padding:10px 0;border-bottom:1px solid var(--rule)}
/* quiet status pills */
html .acctm .rrg-badge{font-size:12px!important;height:24px;padding:0 10px!important;box-shadow:none!important;background:rgb(255 255 255 / .05)!important;color:var(--text-secondary)!important}
html .acctm .rrg-badge--verified{color:#7fd3ae!important;background:rgb(67 185 133 / .10)!important}
html .acctm .rrg-badge--testing,html .acctm .rrg-badge--royal{color:var(--brand-ion-cyan)!important;background:rgb(42 143 211 / .14)!important}
/* small row buttons; chips as small secondary */
html .acctm .rrg-btn--secondary,html .acctm .chip{min-height:36px!important;height:36px;padding:0 14px!important;font-size:14px!important;border-radius:8px!important}
html .acctm .actions{gap:8px}
/* forms */
html .acctm .rrg-field__label,html .acctm label{font-size:14px}
html .acctm .rrg-control,html .acctm .rrg-input,html .acctm textarea,html .acctm select{background:var(--acm-in)!important;font-size:15px!important;box-shadow:inset 0 1px 2px rgb(0 0 0 / .35),0 0 0 1px var(--rule)!important}
html .acctm .panel .actions:last-child{justify-content:flex-end}
/* overview */
.acm-me{display:flex;align-items:center;gap:16px;padding:20px 24px}
.acm-me .anav__av{width:48px;height:48px;font-size:16px}
.acm-credit{text-align:right;align-items:flex-end}
.acm-alert{position:relative;display:flex;align-items:center;gap:14px;padding:16px 20px 16px 24px;overflow:hidden}
.acm-alert::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand-active-blue)}
.acm-alert>svg{color:var(--brand-ion-cyan);flex:none}
.acm-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:8px}
.acm-tile{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 16px;border-radius:12px;background:var(--acm-surf);box-shadow:0 0 0 1px var(--rule);color:var(--text-primary);text-decoration:none;transition:background .16s,box-shadow .16s}
.acm-tile:hover{background:color-mix(in srgb,var(--acm-surf),#fff 4%);box-shadow:0 0 0 1px rgb(119 196 234 / .35)}
.acm-tile:focus-visible{outline:2px solid var(--brand-active-blue);outline-offset:2px}
.acm-tile strong{font-size:15px;font-weight:600}
.acm-tile .acm-muted{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acm-tile__ico{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:rgb(119 196 234 / .08);color:var(--brand-ion-cyan)}
.acm-tile>svg:last-child{flex:none;color:var(--text-secondary)}
@media (max-width:743px){
  .acm-me{flex-wrap:wrap}.acm-credit{text-align:left;align-items:flex-start;width:100%;padding-top:12px;border-top:1px solid var(--rule)}
  .acm-alert{flex-wrap:wrap}.acm-alert .rrg-btn{width:100%;justify-content:center}
  html .acctm ul.stack > li.panel > .row:first-child{flex-wrap:wrap}
  html .acctm .rrg-btn--secondary,html .acctm .chip{min-height:44px!important;height:44px}
}

/* matched style follow-ups */
.acctm .acm-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1180px){.acctm .acm-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.acctm .acm-tiles{grid-template-columns:minmax(0,1fr)}}
.acctm .acm-tile .acm-muted{white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip}
.acctm[data-sub="referrals"]{--acct-desc:"Earn $50. Give $50."}
.acm-list{list-style:none;margin:0;padding:0;background:var(--acm-surf);border-radius:12px;box-shadow:0 0 0 1px var(--rule);overflow:hidden}
.acm-row{display:flex;align-items:center;gap:14px;min-height:56px;padding:12px 16px;border-bottom:1px solid var(--rule);transition:background .16s}
.acm-row:last-child{border-bottom:0}
.acm-row:hover{background:rgb(255 255 255 / .03)}
.acm-row>img{flex:none;border-radius:8px;object-fit:cover}
.acm-row--stack{display:block;padding:0}
.acm-row__line{display:flex;align-items:center;gap:14px;min-height:56px;padding:12px 16px}
.acm-row__detail{padding:0 16px 16px}
.acm-row__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.acm-row__title{font-size:15px;font-weight:600;color:var(--text-primary);text-decoration:none}
a.acm-row__title:hover{color:var(--brand-ion-cyan)}
.acm-row__side{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.acm-iconbtn{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--rule);background:transparent;color:var(--brand-ion-cyan);cursor:pointer}
.acm-iconbtn:hover{border-color:rgb(119 196 234 / .5)}
.acm-iconbtn:focus-visible{outline:2px solid var(--brand-active-blue);outline-offset:2px}
.acm-field{flex:1;min-width:0;padding:10px 14px;border-radius:8px;background:var(--acm-in);box-shadow:inset 0 1px 2px rgb(0 0 0 / .35),0 0 0 1px var(--rule);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:743px){
  .acm-row,.acm-row__line{flex-wrap:wrap}
  .acm-row__side{width:100%;justify-content:flex-start}
  .acm-iconbtn{width:44px;height:44px}
  .acctm .acm-field+.rrg-btn{flex:none}
}
@media (max-width:640px){.acctm .row:has(>.acm-field){flex-wrap:wrap!important}.acctm .row:has(>.acm-field)>.rrg-btn{width:100%;justify-content:center}}

.acm-row,.acm-row__line{flex-wrap:wrap}
.acm-row__main{flex:1 1 220px}
.acm-row__side{flex:0 1 auto;min-width:0}
.acm-row .mono{white-space:nowrap}

/* Product imagery: photos */
.label-preview{position:relative;width:100%;aspect-ratio:4 / 5;display:grid;place-items:center;padding:24px;background:var(--scene-field,#0a1015);border-radius:inherit}
.label-preview img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.label-preview__tag{position:absolute;left:12px;top:12px;padding:4px 10px;border-radius:999px;background:rgb(0 0 0 / .55);color:var(--text-primary);font-size:12px;font-weight:600}
.photo-thumb{flex:none;display:block;background:#0a1015}

.label-preview__tag{white-space:nowrap;width:max-content;line-height:1.3}
.rrg-nav__list .rrg-navgrp__btn,.rrg-navgrp__btn{font-family:var(--rrg-sans);font-size:13px;font-weight:600;letter-spacing:inherit;line-height:inherit;color:inherit}
.rrg-nav__drawer-list .rrg-navgrp__btn{font-size:inherit}

/* ---- Background structures (tweak): html[data-bgfx="1"] Brighter (default), ="2" Boldest; none = Current ---- */
html:root[data-bgfx="1"][data-bgfx="1"][data-bgfx]{--bg-structure-opacity:.21;--bg-structure-weight:2.4;--bg-structure-glow:.45}
html:root[data-bgfx="2"][data-bgfx="2"][data-bgfx]{--bg-structure-opacity:.3;--bg-structure-weight:3.6;--bg-structure-glow:.65}

/* ---- Two-tone section rhythm: tone 1 / tone 2 strictly alternate (bg.js tags each top-level section in order) ---- */
html:root[data-deep][data-deep] #main [data-tone="1"]{--st:10 13 16}
html:root[data-deep][data-deep] #main [data-tone="2"]{--st:20 25 30}
html:root[data-deep][data-deep] #main [data-tone]{background-image:linear-gradient(180deg,rgb(var(--st) / 0) 0,rgb(var(--st) / .62) 64px,rgb(var(--st) / .62) calc(100% - 64px),rgb(var(--st) / 0) 100%)!important;border-top-color:transparent!important}
html:root[data-deep][data-deep] #main>.std-hero8,html:root[data-deep][data-deep] #main>.hero-plate{background-image:none!important}
html[data-deep] #rrg-sec-tints{display:none!important}

/* ---- 1.5 proof strip: thin, slightly brighter band between hero and section 2 (outside the two-tone count) ---- */
html:root .proof15{padding:4px 0!important;background:rgb(34 42 51 / .72)!important;background-image:none!important;border-top:1px solid rgb(231 233 235 / .10)!important;border-bottom:1px solid rgb(231 233 235 / .10)!important}
.proof15 .proof15__list a{padding:6px 6px;font-size:14px}

/* ---- 1.5 Home: even section rhythm — every section fills 75–100% of a laptop viewport; section 2 (products + bundles) may run taller ---- */
@media (min-width:744px){html:root[data-v15][data-v15] #main[data-screen-label="/"]>section:not(.sec-d){box-sizing:border-box}}
html[data-v15] #main[data-screen-label="/"]>section:not(.sec-d)>.wrap{width:100%}

/* ---- Deeper contrast (tweak, default on): darker field + section tints so the CAS structures read as depth;
   body copy steps down to a cool grey so headings and the silver/white vials own the brightest values ---- */
html:root[data-deep][data-dc][data-dc]{--bg-top-rgb:11 13 15;--bg-bottom-rgb:4 5 6;
  --text-secondary:#b3bdc6;--text-muted:#8e9aa5;--rule:#e7e9eb1a;
  --panel-bg:rgb(14 17 21 / .94);--dp-card:rgb(14 17 21 / .95);--dp-raised:rgb(20 24 29 / .96);background:#040506}
html:root[data-deep][data-dc][data-dc] #main [data-tone="1"]{--st:4 6 8}
html:root[data-deep][data-dc][data-dc] #main [data-tone="2"]{--st:12 15 19}
html:root[data-deep][data-dc][data-dc] #main [data-tone]{background-image:linear-gradient(180deg,rgb(var(--st) / 0) 0,rgb(var(--st) / .82) 64px,rgb(var(--st) / .82) calc(100% - 64px),rgb(var(--st) / 0) 100%)!important}
html:root[data-deep][data-dc][data-dc] #main [data-tone="2"] .panel,html:root[data-deep][data-dc][data-dc] #main [data-tone="2"] .rrg-product,html:root[data-deep][data-dc][data-dc] #main [data-tone="2"] .dir-card,html:root[data-deep][data-dc][data-dc] #main [data-tone="2"] .wt__card,html:root[data-deep][data-dc][data-dc] #main [data-tone="2"] .os__card{background-color:#161b21!important}
html:root[data-deep][data-dc] .site-head{background:rgb(4 5 6 / .94)!important}
html:root[data-deep][data-dc] .site-foot{background:#040506!important}
html:root[data-deep][data-dc] .lead,html:root[data-deep][data-dc] .body{color:var(--text-secondary)}

/* tint darkness tweak drives the two tones */
html:root[data-deep][data-dc][data-dc] #main [data-tone="1"]{--st:var(--st1,4 6 8)}
html:root[data-deep][data-dc][data-dc] #main [data-tone="2"]{--st:var(--st2,12 15 19)}
html:root[data-deep][data-deep] #main [data-tone="1"]{--st:var(--st1,10 13 16)}
html:root[data-deep][data-deep] #main [data-tone="2"]{--st:var(--st2,20 25 30)}

/* Hero gets the same tone-1 veil as every other section (it skips the gradient image because of its photo plate), so depth reads evenly down the page */
html:root[data-deep][data-deep] #main>section[data-tone="1"].hero-plate,html:root[data-deep][data-deep] #main>section[data-tone="1"].std-hero8,html:root[data-deep][data-deep] #main>section[data-tone="1"]:first-child{background-color:rgb(var(--st) / .62)!important}

/* Sections carry only their tone: drop per-section fills (.bg-surface, .bg-field, .bg-canvas…) so same-tone sections match exactly */
html:root[data-deep][data-deep] #main [data-tone]:not(.hero-plate):not(.std-hero8):not(:first-child){background-color:transparent!important}

/* ---- 1.5 Verify hero: smaller photo left, wide (horizontal) lookup card right; the card carries the section ---- */
@media (min-width:744px){
  .vfy2--15{--ph15:clamp(260px,min(26vw,calc(var(--vh-avail) * .62)),360px);grid-template-columns:var(--ph15) minmax(0,clamp(520px,46vw,680px));grid-template-areas:"photo panel";justify-content:center;align-items:center;column-gap:clamp(32px,4vw,64px)}
  .vfy2--15 .vfy2__intro{display:none}
  .vfy2--15 .vfy2__photo{width:var(--ph15)}
  .vfy2--15 .vfy2__photo .photo{opacity:.82}
  html:root[data-v15] #main .vfy2--15 .vfy2__panel.panel,html:root[data-deep][data-deep] #main .vfy2--15 .vfy2__panel.panel,html[data-rev][data-depth] #main .vfy2--15 .vfy2__panel.panel{align-self:center;gap:24px;padding:clamp(32px,3.2vw,48px)!important;border-radius:var(--Feature)!important;
    background:linear-gradient(160deg,rgb(42 143 211 / .10),rgb(42 143 211 / 0) 55%),var(--foundation-raised)!important;
    box-shadow:0 0 0 1px rgb(42 143 211 / .45),0 28px 70px rgb(0 0 0 / .5),0 0 80px rgb(42 143 211 / .10)!important}
  .vfy2--15 .vfy2__pintro .h2{font-size:clamp(36px,4.8vw,56px);line-height:1.07;letter-spacing:-.03em}
}
@media (max-width:743px){.vfy2--15 .vfy2__intro{display:none}}

/* ---- 1.5 About hero: approved bundle photography, right-anchored and feathered into the field ---- */
.about-hero15 .about-hero15__art{position:absolute;top:0;bottom:0;right:0;width:min(52%,860px);pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%),linear-gradient(180deg,transparent 0,#000 12%,#000 86%,transparent 100%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 30%),linear-gradient(180deg,transparent 0,#000 12%,#000 86%,transparent 100%);mask-composite:intersect}
/* vial group spans ≈37–96% of the photo's height (centre ≈66%): pin that point to the section's vertical centre, where the text block is centred */
.about-hero15 .about-hero15__art{overflow:hidden}
.about-hero15 .about-hero15__art img{position:absolute;left:0;top:50%;width:100%;height:auto;transform:translateY(-66%);display:block;
  -webkit-mask-image:linear-gradient(180deg,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,#000 82%,transparent 100%)}
.about-hero15 .std-hero8__text{max-width:min(44%,580px)}
@media (max-width:743px){.about-hero15 .about-hero15__art{display:none}.about-hero15 .std-hero8__text{max-width:100%}}

/* About · Our Standard: keep each tag on one line so all four tags share a height */
.os__pill{white-space:nowrap;max-width:100%}

/* 1.5 About CTA: text column hugs its content so the image sits beside it, not pinned to the right edge */
@media (min-width:744px){
  html[data-v15] .std-cta .g12{justify-content:center!important;column-gap:clamp(48px,6vw,112px)!important}
  html[data-v15] .std-cta .g12>.c1-5{flex:0 1 auto!important;max-width:520px}
  html[data-v15] .std-cta .g12>.c6-12{margin-left:0!important;margin-right:0!important}
}

/* ---- 1.5 type pass: match Home's heading tiers on every page ----
   Tier 1 Home hero = .d-hero · Tier 2 page heroes + editorial/CTA headings = .d-l · Tier 3 centred section headers = .h2 */
@media (min-width:744px){
  
}

/* 1.5: page-hero headlines (About, Standards) use the Home hero size */
@media (min-width:744px){html[data-v15] .std-hero8 h1.std-hero8__h{font-size:clamp(44px,5.6vw,88px);line-height:1.02;letter-spacing:-.035em}}

/* ===== RRG 1.5 · audit fixes (Oct 2026) ===== */
.bopts--4{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1280px){.bopts--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bopt-other .micro{flex-basis:100%}
.coa15 th{text-align:left}
.bopt{min-height:44px}
.bopt-other{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap;padding:10px 14px;border-radius:var(--Card);box-shadow:0 0 0 1px var(--rule)}
.bopt-other .chip{min-height:44px}
.buyblk{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:var(--Card);background:var(--foundation-raised);box-shadow:var(--Hairline)}
.buyblk__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.buyblk__lot{display:flex;justify-content:space-between;align-items:center;gap:8px 16px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--rule)}
.buyblk__lot a,.buyblk__lots a{display:inline-flex;align-items:center;gap:4px;min-height:32px}
.buyblk__lots{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:6px}
.buyblk__lots li{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.buyblk__links{display:flex;flex-direction:column;gap:6px}
.buyblk__links a{display:inline-flex;align-items:flex-start;gap:8px;color:var(--text-secondary);text-decoration:none;min-height:24px}
.buyblk__links a:hover{color:var(--brand-ion-cyan)}.buyblk__links svg{margin-top:2px;flex:none;color:var(--brand-ion-cyan)}
.bundle-math{padding:16px 20px;border-radius:var(--Card);box-shadow:0 0 0 1px var(--rule)}
.photo--tight img{transform:scale(1.2);transform-origin:50% 62%}
.cat15{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.prow--below .prow__ctrl{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:8px}
.prow--below .prow__btn{position:static;display:grid!important}
.foot-seller{color:var(--text-primary);font-weight:600}
.pending{display:inline-block;padding:1px 8px;border-radius:999px;font-family:var(--rrg-sans);font-size:12px;color:var(--text-secondary);box-shadow:inset 0 0 0 1px var(--text-muted)}
.sum15 .sum15__total{color:var(--text-primary);font-weight:600;font-size:16px;padding-top:8px;border-top:1px solid var(--rule)}
.sum-panel{position:sticky;top:110px}
@media (max-width:743px){.sum-panel{position:static}}
.rep15{padding:clamp(20px,3vw,32px);border-radius:6px;box-shadow:var(--Document);color:#12171c;display:flex;flex-direction:column;gap:14px}
.rep15__eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#3a4650;font-weight:600}
.rep15__h{margin:0;font-size:clamp(18px,2vw,22px);font-weight:600;color:#12171c}
.rep15__kv{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;margin:0;font-size:14px}
.rep15__kv dt{color:#3a4650}.rep15__kv dt span{color:#5a6670;font-size:12px}.rep15__kv dd{margin:0;text-align:right;color:#12171c}
.rep15 .rrg-text-link,.rep15 a:not(.rrg-btn){color:#14598c}
.labcopy .row a{color:var(--text-secondary);text-decoration:none;align-items:center}.labcopy .row a:hover{color:var(--brand-ion-cyan)}
.vfy-browse{padding-top:12px;border-top:1px solid var(--rule)}
.coa15 table{width:100%}.coa15 td,.coa15 th{vertical-align:middle}.coa15__act{text-align:right}
@media (max-width:743px){
  .coa15 thead{display:none}.coa15 table,.coa15 tbody,.coa15 tr,.coa15 td{display:block;width:100%}
  .coa15 tr{padding:14px 0;border-bottom:1px solid var(--rule)}.coa15 td{border:0!important;padding:3px 0!important;display:flex;justify-content:space-between;gap:12px}
  .coa15 td[data-l]::before{content:attr(data-l);color:var(--text-muted);font-family:var(--rrg-sans);font-size:12px}
  .coa15__act{padding-top:8px!important}
}
.ct-existing{border:0;margin:0;padding:0}
.ct-existing .seg button{min-height:44px;min-width:88px}
.pay-help a{color:var(--text-secondary);text-decoration:none;align-items:center;min-height:32px}.pay-help a:hover{color:var(--brand-ion-cyan)}
.askc__human{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:13px;color:var(--text-secondary);text-decoration:none;min-height:32px;margin-bottom:6px}
.askc__human:hover{color:var(--brand-ion-cyan)}
a.achat__new{text-decoration:none}
.op15 a{color:var(--text-primary)}
html[data-mob] .pdp-bar{box-shadow:0 -1px 0 var(--rule)}
@media (max-width:743px){body:has(.pdp-bar) .site-main{padding-bottom:84px}}
@media (prefers-reduced-motion:reduce){.prow__track{scroll-behavior:auto}}

/* mobile readability: DS 11px micro labels → 12px below 900px */
@media (max-width:743px){.rrg-field__req,.rrg-badge__text,.rrg-badge,.rrg-spec__label,.rrg-notice__title,.rrg-eyebrow,.rrg-product__media-tag,.rrg-row--head .rrg-cell{font-size:12px}}
@media (max-width:743px){.achat__new,.achat__chip,.askc__chip,.askc__human{min-height:44px}.achat__send,.askc__send{width:44px;height:44px;min-width:44px}}
.contact-direct{grid-template-columns:minmax(0,1fr)}.contact-direct__item{min-width:0}.contact-direct__v{overflow-wrap:anywhere}
@media (max-width:743px){#ct-file{min-height:44px;width:100%}.contact-direct__item{padding:14px}}
@media (max-width:743px){.acm-label,.anav__gl{font-size:12px}}
@media (max-width:743px){.demo-flag{font-size:12px}}

/* 1.1.11 · Home Ask chat in a ChatGPT-style window */
.askg{display:flex;flex-direction:column;padding:0;gap:0}
.askg__bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;height:52px;padding:0 10px 0 16px;border-bottom:1px solid rgb(255 255 255 / .06)}
.askg__name{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--text-primary)}
.askg__av{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:rgb(255 255 255 / .06);box-shadow:0 0 0 1px rgb(255 255 255 / .08)}
.askg__av img{width:18px;height:18px;object-fit:contain}
.askg__new{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;border:0;background:transparent;color:var(--text-secondary);cursor:pointer}
.askg__new:hover:not(:disabled){background:rgb(255 255 255 / .06);color:var(--text-primary)}
.askg__new:disabled{opacity:.35;cursor:default}
.askg__body{flex:1;min-height:0;overflow-y:auto;padding:20px clamp(16px,2.6vw,28px) 8px;scrollbar-width:thin}
.askg__empty{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px}
.askg__title{margin:0;font-size:clamp(22px,1.9vw,28px);font-weight:500;letter-spacing:-.015em;color:var(--text-primary)}
.askg__sub{margin:0 0 14px;font-size:14px;color:var(--text-secondary)}
.askg__sugg{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:520px}
.askg__tile{font-family:inherit;display:flex;flex-direction:column;gap:2px;text-align:left;padding:12px 14px;border-radius:16px;border:0;background:transparent;box-shadow:0 0 0 1px rgb(255 255 255 / .10);color:var(--text-primary);cursor:pointer;transition:background .16s}
.askg__tile:hover{background:rgb(255 255 255 / .05)}
.askg__tile b{font-size:14px;font-weight:600}
.askg__tile small{font-size:13px;color:var(--text-secondary)}
.askg__log{display:flex;flex-direction:column;gap:18px;padding-bottom:4px}
.askg__msg{display:flex;gap:12px;font-size:15px;line-height:1.6;animation:askin .3s var(--ease-standard) both}
.askg__msg p{margin:0}
.askg__msg--user{align-self:flex-end;max-width:82%;padding:10px 16px;border-radius:22px;background:rgb(255 255 255 / .09);color:var(--text-primary)}
.askg__msg--ai{align-self:stretch;align-items:flex-start;color:var(--text-primary)}
.askg__ans{min-width:0;padding-top:2px}
.askg__ans p+p,.askg__ans p+a{margin-top:8px}
.askg__ans .askc__topic{font-size:11px!important;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-ion-cyan)}
.askg__ans .askc__act{display:inline-block;font-weight:600;font-size:14px;color:var(--brand-ion-cyan);text-decoration:none}
.askg__ans .askc__act:hover{text-decoration:underline}
.askg__typing{display:flex;gap:5px;padding:10px 0}
.askg__typing i{width:7px;height:7px;border-radius:99px;background:var(--text-muted);animation:askdot 1.1s ease-in-out infinite}
.askg__typing i:nth-child(2){animation-delay:.15s}.askg__typing i:nth-child(3){animation-delay:.3s}
.askg__chips{display:flex;flex-wrap:wrap;gap:8px;padding-left:40px}
.askg__chip{height:32px;padding:0 14px;border-radius:999px;border:0;background:transparent;box-shadow:0 0 0 1px rgb(255 255 255 / .12);color:var(--text-secondary);font-family:inherit;font-size:13px;font-weight:500;line-height:1;cursor:pointer}
.askg__chip:hover{color:var(--text-primary);background:rgb(255 255 255 / .05)}
.askg__foot{flex:none;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px clamp(14px,2.4vw,22px) clamp(14px,2vw,18px)}
.askg__composer{display:flex;align-items:flex-end;gap:8px;width:100%;padding:8px 8px 8px 18px;border-radius:28px;background:rgb(255 255 255 / .07);box-shadow:0 0 0 1px rgb(255 255 255 / .08)}
.askg__composer:focus-within{box-shadow:0 0 0 1px rgb(255 255 255 / .22)}
.askg__composer textarea{flex:1;min-width:0;height:24px;max-height:140px;margin:0 0 7px;padding:0;resize:none;background:transparent;border:0;outline:0;color:var(--text-primary);font-family:inherit;font-size:15px;font-weight:400;line-height:24px}
.askg__composer textarea::placeholder{color:var(--text-muted)}
.askg__send{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:999px;border:0;background:#f2f4f6;color:#0a0d11;cursor:pointer;transition:opacity .16s,transform .16s}
.askg__send:disabled{background:rgb(255 255 255 / .16);color:rgb(255 255 255 / .45);cursor:default}
.askg__send:active:not(:disabled){transform:scale(.96)}
.askg__new:focus-visible,.askg__tile:focus-visible,.askg__chip:focus-visible,.askg__send:focus-visible,.askg__human:focus-visible{outline:2px solid var(--brand-active-blue);outline-offset:2px}
.askg__human{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);text-decoration:none}
.askg__human:hover{color:var(--text-primary)}
@container (max-width:460px){.askg__sugg{grid-template-columns:1fr}.askg__chips{padding-left:0}}
@media (prefers-reduced-motion:reduce){.askg__msg{animation:askfade .2s linear both}.askg__typing i{animation:none;opacity:.6}}

/* 1.1.14: header stays put and keeps one size; sits under the WordPress admin bar when signed in. */
.site-head{position:sticky;top:0;transform:none!important;transition:none}
body.admin-bar .site-head{top:32px}
@media screen and (max-width:782px){body.admin-bar .site-head{top:46px}}
@media screen and (max-width:600px){body.admin-bar .site-head{top:0}}
/* 1.1.27: bundle tabs: one block per vial. */
.bundle-tabs{gap:clamp(48px,6vw,72px)}
/* 1.1.22: Specifications centered. */
.specs1{display:flex;justify-content:center}
.specs1>.stack{width:min(100%,760px)}
.specs1 .kv{grid-template-columns:auto minmax(0,1fr);column-gap:clamp(48px,12vw,200px);row-gap:12px;font-size:15px}
.specs1 .kv dd{font-size:14px}
@media (max-width:743px){.specs1 .kv{column-gap:20px;font-size:14px}.specs1 .kv dd{font-size:13px}}
/* 1.1.21: lab fields left, COA preview right. */
.doc-split__coa{display:flex;justify-content:center}
.doc-split__coa>.fade-in{width:100%}
.doc-split .coa-prev{width:min(100%,400px)}
/* 1.1.20: COA preview under the Documentation table. */
.coa-prev{display:block;width:min(100%,360px);padding:0;border:0;border-radius:var(--Card,12px);overflow:hidden;background:#fff;box-shadow:var(--Document,0 10px 30px -10px rgb(0 0 0 / .6));cursor:zoom-in;transition:transform .2s ease,box-shadow .2s ease}
.coa-prev img{display:block;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;aspect-ratio:1000/1294}
.coa-prev:hover{transform:translateY(-2px)}
.coa-prev:focus-visible{outline:2px solid var(--brand-active-blue);outline-offset:3px}
/* 1.1.19: tabs sit in the product section. */
.pdp-info{margin-top:clamp(48px,6vw,80px)}
/* 1.1.18: hover the product photo to see the back of the vial (tap on touch screens). */
.pdp-flip .pdp-flip__back{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:var(--pos);opacity:0;transition:opacity .45s var(--ease-standard,ease);z-index:2;cursor:pointer}
@media (hover:hover){.pdp-flip:hover .pdp-flip__back{opacity:1}}
.pdp-flip.is-back .pdp-flip__back{opacity:1}
@media (max-width:743px){.pdp-flip .pdp-flip__back{object-position:var(--mpos)}}
@media (prefers-reduced-motion:reduce){.pdp-flip .pdp-flip__back{transition:none}}
/* 1.1.17: Buy Now above Add to Cart. */
.buyblk__btns{display:flex;flex-direction:column;gap:10px}
.buyblk__btns .rrg-btn[aria-busy]{opacity:.7;cursor:progress}
/* 1.1.16: smaller quantity cards; typed quantity. */
.bopts{gap:8px}
.bopt{gap:0;padding:8px 12px;line-height:1.3}
.bopt__l{font-size:13px}
.bopt__total{font-size:15px;margin-top:2px}
.bopt__unit,.bopt__save{font-size:11.5px}
.bopt-other{padding:8px 12px}
.qty .qty__in{width:56px;height:44px;border:0;background:transparent;color:var(--text-primary);text-align:center;font-family:var(--rrg-mono);font-size:16px;padding:0;-moz-appearance:textfield}
.qty .qty__in:focus{outline:2px solid var(--brand-active-blue);outline-offset:-2px;border-radius:6px}
/* 1.1.42: Lot record page as one section. */
.lot-one{padding-bottom:clamp(56px,7vw,96px)!important}
.lot-next{margin-top:clamp(48px,6vw,88px);max-width:760px}
/* 1.1.15: Shop page as one section. */
.shop-one{padding-top:clamp(32px,4vw,56px)!important;padding-bottom:clamp(56px,7vw,96px)!important}
.shop-one__head{gap:4px;margin-bottom:clamp(24px,3vw,40px)}
.shop-one__head .shop-head__title{line-height:1.1}
.shop-ask{margin-top:clamp(40px,5vw,64px);flex-wrap:wrap}
.shop-ask .h2{font-size:clamp(22px,2.4vw,30px);margin:0}
/* 1.1.49 Ask Royal – ChatGPT-style layout (sidebar + centered conversation) */
/* No overflow lock on html/body: either one makes the page its own scroll box and pushes the sticky header down. The chat is sized to fit the window exactly instead. */
html[data-askapp],html[data-askapp] body{overscroll-behavior:none}
html[data-askapp] .site-foot{display:none}
.agpt-sec{padding:0;margin:0}
/* Let the CAS background show through: beat the site's section tint (html:root[data-deep] #main>section[data-tone]…). */
html:root[data-deep][data-deep] #main>section.agpt-sec.agpt-sec.agpt-sec,html #main>section.agpt-sec.agpt-sec{background:none!important;background-color:transparent!important;background-image:none!important}
.agpt{position:relative;display:flex;width:100%;height:calc(100svh - 88px);min-height:360px;overflow:hidden;background:transparent;color:var(--text-primary)}
.agpt button{font-family:inherit}
.agpt__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;border:0;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .16s,color .16s}
.agpt__icon:hover{background:var(--foundation-elevated);color:var(--text-primary)}
/* Sidebar */
.agpt__side{flex:none;width:272px;display:flex;flex-direction:column;background:rgb(13 16 20 / .35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-right:1px solid var(--rule);min-height:0}
.agpt__side[hidden]{display:none}
.agpt__side-top{display:flex;justify-content:space-between;align-items:center;padding:10px 10px 4px}
.agpt__newrow{display:flex;align-items:center;gap:10px;margin:4px 10px 8px;padding:10px 12px;border-radius:10px;border:0;background:transparent;color:var(--text-primary);font-size:15px;font-weight:500;text-align:left;cursor:pointer}
.agpt__newrow:hover{background:var(--foundation-elevated)}
.agpt__side-mid{flex:1;min-height:0;overflow-y:auto;padding:0 10px 12px;scrollbar-width:thin}
.agpt__label{margin:12px 12px 6px;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--text-muted)}
.agpt__empty{margin:4px 12px;font-size:14px;color:var(--text-secondary)}
.agpt__item{position:relative;display:flex;align-items:center;border-radius:10px}
.agpt__item:hover,.agpt__item.is-on{background:var(--foundation-elevated)}
.agpt__open{flex:1;min-width:0;padding:9px 12px;border:0;background:transparent;color:var(--text-primary);font-size:14px;line-height:1.35;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.agpt__del{flex:none;display:grid;place-items:center;width:32px;height:32px;margin-right:4px;border:0;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity .16s,color .16s}
.agpt__item:hover .agpt__del,.agpt__item.is-on .agpt__del,.agpt__del:focus-visible{opacity:1}
.agpt__del:hover{color:var(--text-primary)}
.agpt__confirm{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px 6px 12px;font-size:13px;color:var(--text-secondary)}
.agpt__confirm span{flex:1}
.agpt__confirm button{height:30px;padding:0 10px;border-radius:8px;border:1px solid var(--rule);background:transparent;color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer}
.agpt__confirm .agpt__yes{border-color:transparent;background:#b42318;color:#fff}
.agpt__side-foot{padding:10px;border-top:1px solid var(--rule)}
.agpt__me{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;color:var(--text-primary);text-decoration:none;font-size:14px;font-weight:500}
.agpt__me:hover{background:var(--foundation-elevated)}
.agpt__init{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:var(--brand-royal-blue);color:#fff;font-size:12px;font-weight:700}
.agpt__mename{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agpt__guest{padding:6px 6px 4px;display:flex;flex-direction:column;gap:10px}
.agpt__guest p{margin:0;font-size:14px;color:var(--text-secondary)}
.agpt__signin{display:inline-flex;align-items:center;justify-content:center;height:40px;border-radius:999px;background:var(--brand-royal-blue);color:#fff;font-size:14px;font-weight:600;text-decoration:none}
.agpt__signin:hover{background:var(--brand-active-blue)}
.agpt__scrim{display:none}
/* Main column */
.agpt__main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}
.agpt__top{display:flex;align-items:center;gap:4px;min-height:56px;padding:8px 12px}
.agpt__title{display:flex;align-items:baseline;gap:10px;min-width:0;flex:1;padding-left:8px}
.agpt__title strong{font-size:17px;font-weight:600;white-space:nowrap}
.agpt__title span{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agpt__contact{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--rule);color:var(--text-secondary);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
.agpt__contact:hover{color:var(--text-primary);border-color:rgb(119 196 234 / .5)}
.agpt__log{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}
.agpt__col{max-width:768px;margin:0 auto;padding:12px 20px 24px;display:flex;flex-direction:column;gap:28px}
.agpt__msg{display:flex;gap:14px;align-items:flex-start;animation:askin .3s var(--ease-standard) both}
.agpt__msg--user{justify-content:flex-end}
.agpt__bubble{max-width:min(620px,80%);padding:10px 18px;border-radius:22px;background:var(--foundation-elevated);font-size:16px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.agpt__bubble p{margin:0}
.agpt__av{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:var(--foundation-elevated);box-shadow:0 0 0 1px var(--rule)}
.agpt__av img{width:19px;height:auto}
.agpt__av--lg{width:52px;height:52px}
.agpt__av--lg img{width:32px}
.agpt__answer{flex:1;min-width:0;padding-top:3px;font-size:16px;line-height:1.65}
.agpt__answer p{margin:0}
.agpt__answer p+p{margin-top:12px}
.agpt__topic{font-size:12px!important;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-ion-cyan);margin-bottom:6px!important}
.agpt__acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.agpt__act{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--rule);color:var(--text-primary);font-size:14px;font-weight:600;text-decoration:none;transition:border-color .16s,color .16s}
.agpt__act:hover{border-color:rgb(119 196 234 / .6);color:var(--brand-ion-cyan)}
.agpt__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.agpt__hero .agpt__chips{justify-content:center;margin-top:4px}
.agpt__chip{height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--rule);background:rgb(13 16 20 / .35);color:var(--text-secondary);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:border-color .16s,color .16s,background .16s}
.agpt__chip:hover:not(:disabled){color:var(--text-primary);border-color:var(--brand-active-blue);background:rgb(42 143 211 / .08)}
.agpt__chip:disabled{opacity:.5;cursor:default}
.agpt__typing{display:flex;gap:5px;padding:12px 0}
.agpt__typing i{width:8px;height:8px;border-radius:99px;background:var(--text-muted);animation:askdot 1.1s ease-in-out infinite}
.agpt__typing i:nth-child(2){animation-delay:.15s}.agpt__typing i:nth-child(3){animation-delay:.3s}
/* Empty state: greeting + composer centered, like a new ChatGPT chat */
.agpt__hero{flex:1;min-height:0;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:24px 20px 10vh}
.agpt__hero-in{width:100%;max-width:768px;display:flex;flex-direction:column;align-items:center;gap:20px}
.agpt__h{margin:0;font-size:clamp(24px,3vw,30px)!important;line-height:1.2!important;font-weight:600;letter-spacing:-.01em;text-align:center}
.agpt__hero .agpt__composer{width:100%}
/* Composer */
.agpt__foot{padding:0 20px calc(10px + env(safe-area-inset-bottom))}
.agpt__foot-in{max-width:768px;margin:0 auto;display:flex;flex-direction:column;gap:8px}
.agpt__composer{display:flex;align-items:flex-end;gap:8px;padding:10px 10px 10px 20px;border-radius:28px;background:rgb(30 35 42 / .82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 0 1px var(--rule),0 8px 24px -12px rgb(0 0 0 / .5)}
.agpt__composer:focus-within{box-shadow:0 0 0 1px rgb(119 196 234 / .45),0 8px 24px -12px rgb(0 0 0 / .5)}
.agpt__composer textarea{flex:1;min-width:0;resize:none;border:0;outline:0;background:transparent;color:var(--text-primary);font-family:var(--rrg-sans)!important;font-size:16px!important;line-height:1.5;padding:7px 0;max-height:200px;letter-spacing:normal}
.agpt__composer textarea::placeholder{color:var(--text-muted)}
.agpt__send{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:999px;border:0;background:var(--text-primary);color:var(--foundation-canvas);cursor:pointer;transition:opacity .16s}
.agpt__send:disabled{opacity:.3;cursor:default}
.agpt__note{margin:0;text-align:center;font-size:12px;color:var(--text-muted)}
.agpt__icon:focus-visible,.agpt__newrow:focus-visible,.agpt__open:focus-visible,.agpt__del:focus-visible,.agpt__chip:focus-visible,.agpt__act:focus-visible,.agpt__send:focus-visible,.agpt__contact:focus-visible,.agpt__me:focus-visible,.agpt__signin:focus-visible,.agpt__confirm button:focus-visible{outline:2px solid var(--brand-active-blue);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.agpt__msg{animation:none}.agpt__typing i{animation:none;opacity:.6}}
/* Phones and tablets: the sidebar slides over the chat */
@media (max-width:743px){
  .agpt__side{position:absolute;inset:0 auto 0 0;z-index:5;width:min(300px,86vw);background:rgb(13 16 20 / .94);box-shadow:16px 0 40px -12px rgb(0 0 0 / .6)}
  .agpt__scrim{display:block;position:absolute;inset:0;z-index:4;border:0;padding:0;background:rgb(0 0 0 / .5)}
  .agpt__del{opacity:1}
  .agpt__title span{display:none}
  .agpt__contact span{display:none}
  .agpt__contact{width:40px;padding:0;justify-content:center}
  .agpt__col{padding:8px 16px 20px;gap:24px}
  .agpt__foot{padding:0 12px calc(8px + env(safe-area-inset-bottom))}
  .agpt__hero{align-items:flex-end;padding:16px 12px calc(12px + env(safe-area-inset-bottom))}
  .agpt__hero .agpt__chips{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;width:100%;scrollbar-width:none}
  .agpt__chip,.agpt__icon,.agpt__open{min-height:44px}
  .agpt__send{width:44px;height:44px}
}
/* 1.1.51 Home "Ask Royal" card – compact, no header or sidebar, see-through glass so the CAS background shows */
.askh{display:flex;width:100%;max-width:500px;margin-inline:auto;border-radius:var(--Panel,20px);overflow:hidden;background:rgb(13 16 20 / .38);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 0 1px var(--rule),14px 22px 48px -18px rgb(0 0 0 / .55);color:var(--text-primary)}
.askh__main{flex:1;min-width:0;display:flex;flex-direction:column}
.askh__hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px 22px 22px}
.askh .agpt__av--lg{width:44px;height:44px}
.askh .agpt__av--lg img{width:27px}
.askh__h{margin:0;font-size:clamp(20px,1.9vw,23px)!important;line-height:1.2!important;font-weight:600;letter-spacing:-.01em;text-align:center}
.askh__composer{width:100%;padding:8px 8px 8px 18px;background:rgb(255 255 255 / .06)}
.askh__composer .agpt__send{width:34px;height:34px}
.askh__composer textarea{font-size:15px!important}
.askh__chips{justify-content:center;margin-top:0;gap:6px}
.askh .agpt__chip{height:32px;padding:0 12px;font-size:13px;background:rgb(13 16 20 / .3)}
.askh__human{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-secondary);text-decoration:none}
.askh__human:hover{color:var(--text-primary)}
.askh__human:focus-visible{outline:2px solid var(--brand-active-blue);outline-offset:2px;border-radius:6px}
@media (max-width:599px){
  .askh__hero{padding:20px 14px 16px;gap:12px}
  .askh__chips{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;width:100%;scrollbar-width:none}
  .askh__composer textarea{font-size:16px!important}
  .askh .agpt__chip{height:40px}
}
/* 1.1.51: section 4 keeps a full-height feel after the card got smaller (was ~500px tall, now ~680px on desktop). */
@media (min-width:744px){
  html #main>section.sec-ask.sec-ask.sec-ask{min-height:min(680px,calc(100svh - 88px))!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
  #main>section.sec-ask.sec-ask>*{width:100%}
}
/* 1.1.52: Contact page as one section. */
.contact-one{padding-bottom:clamp(56px,7vw,96px)!important}
.contact-next{margin-top:clamp(56px,7vw,104px)}
/* 1.1.53: Contact support hours as an indented day / time list. */
.ct-hours{display:grid;grid-template-columns:max-content 1fr;column-gap:28px;row-gap:6px;margin:4px 0 0;padding-left:16px;border-left:2px solid var(--rule)}
.ct-hours dt{margin:0;font-weight:600;color:var(--text-primary)}
.ct-hours dd{margin:0;color:var(--text-secondary);font-variant-numeric:tabular-nums}
/* 1.1.54: Order Support and Track pages as one section. */
.order-one{padding-top:clamp(48px,7vw,96px)}
.order-one__head{max-width:760px;margin-bottom:clamp(16px,2.5vw,32px)}
/* 1.1.55: About hero – floating vial cut-out over the site background (no photo box, no fade). */
.about-hero15 .about-hero15__art.about-float{position:absolute;inset:clamp(28px,6vh,64px) 0 clamp(4px,1.5vh,20px) auto;width:min(50vw,820px);right:max(0px,calc((100vw - 1440px) / 2));display:flex;align-items:center;justify-content:center;overflow:visible!important;pointer-events:none;-webkit-mask-image:none!important;mask-image:none!important;background:none!important}
.about-hero15 .about-float::before{content:"";position:absolute;left:12%;right:12%;top:18%;bottom:18%;border-radius:50%;background:radial-gradient(closest-side,rgb(24 111 175 / .16),rgb(24 111 175 / .05) 60%,transparent 100%);filter:blur(18px)}
.about-hero15 .about-float img{position:relative;inset:auto!important;transform:none!important;translate:none!important;display:block;width:auto;height:min(100%,840px);max-width:100%;object-fit:contain;-webkit-mask-image:none!important;mask-image:none!important;border-radius:0!important;opacity:1!important;filter:none!important}
.std-hero8 .std-hero8__img--m.about-float__m{-webkit-mask-image:none!important;mask-image:none!important;border-radius:0!important;object-fit:contain!important;background:none!important;box-shadow:none!important}
@media (max-width:1279px) and (min-width:744px){.about-hero15 .about-hero15__art.about-float{width:48vw;height:auto;aspect-ratio:auto}}
@media (max-width:743px){.about-hero15 .about-hero15__art.about-float{display:none!important}}

/* 1.1.58 About closing CTA: more room between the text and the image (desktop / tablet). */
@media (min-width:744px){html[data-v15] .std-cta.about-cta .g12{column-gap:clamp(72px,10vw,176px)!important}}

/* 1.1.60 My Account in the 1.5 design (theme templates woocommerce/myaccount/*, inc/account.php). Base rules (.acct .anav .acctm .acm-*) come from the design CSS above. */
body.rrg-acct-page .rrg-wp-title{display:none}
body.rrg-acct-page .rrg-wp-page{padding-top:40px}
.woocommerce-account .woocommerce:has(> .rrg-acct){display:block!important}
.rrg-acct .woocommerce-MyAccount-navigation{float:none;width:auto}
.rrg-acct .woocommerce-MyAccount-content{float:none;width:auto;padding:0!important;background:none!important;box-shadow:none!important}
.rrg-acct .anav__since{font-size:12px}
@media (min-width:744px){
  .acct.rrg-acct:has(.anav){display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;gap:clamp(24px,4vw,56px);align-items:start}
  .rrg-acct .anav{position:sticky;top:104px;width:260px;padding:16px 12px 12px;border-radius:var(--Panel);background:#15191e!important;box-shadow:0 0 0 1px var(--rule);flex-direction:column;overflow:visible;margin:0}
  .rrg-acct .anav__me{display:flex}.rrg-acct .anav__gl{display:block}
  .rrg-acct .anav__rows,.rrg-acct .anav__grp{flex-direction:column;gap:0}
  .rrg-acct .anav__rows{padding-top:8px}
  .rrg-acct .anav__out{margin:12px 0 0;padding-top:8px;border-top:1px solid var(--rule)}
  .rrg-acct .anav__row{min-height:40px;padding:0 12px;border-radius:8px;box-shadow:none;font-size:15px}
  .rrg-acct .anav__row[aria-current="page"]{background:rgb(42 143 211 / .12);color:var(--brand-ion-cyan)}
  .rrg-acct .anav__row[aria-current="page"] svg{color:var(--brand-ion-cyan)}
  .rrg-acct .anav__row[aria-current="page"]::before{display:block}
  .rrg-acct .anav__badge{font-size:0;margin-left:0}
  .rrg-acct .acm-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rrg-acct .acm-me{flex-wrap:nowrap}
  .rrg-acct .acm-alert{flex-wrap:nowrap}.rrg-acct .acm-alert .rrg-btn{width:auto}
}
@media (min-width:744px) and (max-width:1180px){.rrg-acct .acm-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rrg-acct .acctm{gap:20px!important}
.rrg-acct .acctm>h1.h2{margin-bottom:4px}
.rrg-acct .acm-back{font-size:14px;color:var(--text-secondary);text-decoration:none}
.rrg-acct .acm-back:hover{color:var(--text-primary)}
.rrg-acct .acm-pad{padding:20px 24px;display:flex;flex-direction:column;gap:12px}
.rrg-acct .acm-empty{padding:24px;display:flex;flex-direction:column;gap:8px}
.rrg-acct .acm-empty p{margin:0}
.rrg-acct .acm-alert--ok::before{background:var(--states-success,#43b985)}
.rrg-acct .rrg-btn--sm{min-height:36px;height:36px;padding:0 14px;font-size:14px}
.rrg-acct .acm-row .rrg-btn{min-height:36px;height:36px;padding:0 14px;font-size:14px;border-radius:8px}
.rrg-acct .acm-row .rrg-badge{font-size:12px;height:24px;padding:0 10px;box-shadow:none;text-transform:uppercase;letter-spacing:.08em}
.rrg-acct .rrg-badge--verified{color:#7fd3ae;background:rgb(67 185 133 / .10)}
.rrg-acct .rrg-badge--royal,.rrg-acct .rrg-badge--testing{color:var(--brand-ion-cyan);background:rgb(42 143 211 / .14)}
.rrg-acct .acm-row__title.mono,.rrg-acct .acm-row .mono{font-family:var(--rrg-mono)}
.rrg-acct .acm-thumbs{display:flex;gap:6px;flex:none}
.rrg-acct .acm-thumbs img,.rrg-acct img.acm-thumb{width:40px;height:40px;border-radius:8px;object-fit:cover;background:var(--foundation-canvas)}
.rrg-acct details.acm-order>summary{list-style:none;cursor:pointer}
.rrg-acct details.acm-order>summary::-webkit-details-marker{display:none}
.rrg-acct .acm-expand__close{display:none}
.rrg-acct details[open] .acm-expand__open{display:none}
.rrg-acct details[open] .acm-expand__close{display:inline}
.rrg-acct details[open]>summary{border-bottom:1px solid var(--rule)}
.rrg-acct .acm-odetail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:32px;padding:20px}
.rrg-acct .acm-oline{display:flex;justify-content:space-between;gap:16px;padding:8px 0;font-size:15px}
.rrg-acct .acm-oline a{color:var(--text-primary)}
.rrg-acct .acm-kv{display:grid;grid-template-columns:minmax(0,1fr) auto;margin:12px 0 0;font-size:15px}
.rrg-acct .acm-kv dt,.rrg-acct .acm-kv dd{margin:0;padding:12px 0;border-top:1px solid var(--rule)}
.rrg-acct .acm-kv dt{color:var(--text-secondary)}
.rrg-acct .acm-kv dd{text-align:right}
.rrg-acct .acm-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:16px 0 0}
.rrg-acct .acm-actions--end{justify-content:flex-end}
.rrg-acct .acm-odetail__side{display:flex;flex-direction:column;gap:10px}
.rrg-acct .acm-ship{border-radius:12px;box-shadow:0 0 0 1px var(--rule);padding:18px 20px;display:flex;flex-direction:column;gap:10px}
.rrg-acct .acm-ship p{margin:0;font-size:15px}
.rrg-acct .acm-ship__head{display:flex;align-items:center;gap:10px}
.rrg-acct .acm-ship__head strong{flex:1}
.rrg-acct .acm-pager{display:flex;gap:10px;justify-content:flex-end}
.rrg-acct .acm-sub{margin:0;font-size:15px}
.rrg-acct .acm-req{margin:0;padding-left:18px;display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;font-size:15px;color:var(--text-primary)}
.rrg-acct .acm-pad>p{margin:0}
.rrg-acct .acm-prefs{margin:8px 0 0}
.rrg-acct .acm-prefs__head,.rrg-acct .acm-prefs__row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 12px}
.rrg-acct .acm-prefs__head{border-bottom:1px solid var(--text-secondary)}
.rrg-acct .acm-prefs__row{border-bottom:1px solid var(--rule);cursor:pointer;font-size:15px}
.rrg-acct .acm-switch{position:relative;display:inline-block;width:40px;height:24px;flex:none}
.rrg-acct .acm-switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.rrg-acct .acm-switch i{position:absolute;inset:0;border-radius:99px;background:rgb(255 255 255 / .12);box-shadow:inset 0 0 0 1px var(--rule);transition:background .16s}
.rrg-acct .acm-switch i::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:99px;background:#d9dee2;transition:transform .16s}
.rrg-acct .acm-switch input:checked+i{background:var(--brand-royal-blue)}
.rrg-acct .acm-switch input:checked+i::after{transform:translateX(16px);background:#fff}
.rrg-acct .acm-switch input:focus-visible+i{outline:2px solid var(--brand-active-blue);outline-offset:2px}
.rrg-acct .acm-cardhead{display:flex;justify-content:space-between;align-items:center;gap:12px}
.rrg-acct .acm-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.rrg-acct .acm-span2{grid-column:1 / -1}
.rrg-acct .acm-fieldrow{display:flex;flex-direction:column;gap:6px;margin:0}
.rrg-acct .acm-fieldrow label{font-size:14px;color:var(--text-secondary)}
.rrg-acct .acm-fieldrow input,.rrg-acct .acctm .woocommerce-address-fields input,.rrg-acct .acctm .woocommerce-address-fields select{min-height:44px;padding:10px 14px;border-radius:8px;border:0;background:#0b0e11;color:var(--text-primary);font:500 15px/1.3 var(--rrg-sans);box-shadow:inset 0 1px 2px rgb(0 0 0 / .35),0 0 0 1px var(--rule)}
.rrg-acct .acm-fieldrow input:focus{outline:2px solid var(--brand-active-blue);outline-offset:1px}
.rrg-acct .acm-help{font-size:13px;color:var(--text-muted,#87949e)}
.rrg-acct .acm-form{display:flex;flex-direction:column;gap:20px}
.rrg-acct .acm-addr{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:16px;border-radius:10px;box-shadow:0 0 0 1px var(--rule)}
.rrg-acct .acm-addr address{font-style:normal;font-size:14px;line-height:1.6}
.rrg-acct .acm-tile__ico svg{display:block}
.rrg-acct .acm-row>.acm-tile__ico{flex:none}
.rrg-acct .acctm .woocommerce-order-details,.rrg-acct .acctm .woocommerce-customer-details,.rrg-acct .acctm .woocommerce-address-fields{background:#15191e;border-radius:12px;box-shadow:0 0 0 1px var(--rule);padding:20px 24px}
.rrg-acct .acctm .woocommerce-order-details__title,.rrg-acct .acctm .woocommerce-column__title{font-size:11px!important;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 8px}
.rrg-acct .acctm>p:first-of-type mark{background:none;color:var(--text-primary);font-weight:600}
@media (max-width:743px){
  .rrg-acct .acm-odetail{grid-template-columns:minmax(0,1fr);gap:20px;padding:16px}
  .rrg-acct .acm-grid2,.rrg-acct .acm-req{grid-template-columns:minmax(0,1fr)}
  .rrg-acct .acm-thumbs{display:none}
}
.rrg-acct a.anav__row,.rrg-acct a.acm-tile,.rrg-acct a.acm-row__title{color:var(--text-primary);text-decoration:none}
.rrg-acct a.anav__row--out{color:var(--text-secondary)}
.rrg-acct a.anav__row[aria-current="page"]{color:var(--brand-ion-cyan)}
.rrg-acct a.rrg-btn{text-decoration:none}
.rrg-acct a.rrg-btn--secondary{color:var(--text-primary)}
.rrg-acct a.rrg-btn--primary{color:#fff}
body.woocommerce-account:not(.logged-in) .woocommerce{display:block}
/* 1.1.60b: account fixes */
.rrg-acct [hidden]{display:none!important}
.rrg-acct .rrg-ref__head>.rrg-ref__muted{display:none}
.rrg-acct .rrg-ref__head{justify-content:flex-end}
.rrg-acct .woocommerce-info{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px}
.rrg-acct .woocommerce-info .button{float:none;order:2;margin:0}
@media (max-width:743px){
.rrg-acct .acm-me{flex-direction:column;align-items:flex-start;gap:12px}
.rrg-acct .acm-me .acm-h{font-size:28px;line-height:1.15}
.rrg-acct .acm-cardhead{flex-direction:column;align-items:flex-start;gap:4px}
}
/* 1.1.63: Partner Access + Research Workspace */
.rrg-acct .acm-partner__name{display:flex;align-items:center;gap:10px;font-size:17px;color:var(--text-primary)}
.rrg-acct .acm-partner__name svg{color:var(--brand-ion-cyan,#6ec6e8)}
.rrg-acct .acm-partner .acm-kv{margin:0}
.rrg-acct .acm-partner .acm-actions{margin:0}
.rrg-acct .acm-note{font-size:14px;margin:0}
.rrg-acct .acm-gate{align-items:flex-start;padding:28px}
.rrg-acct .acm-gate__ico{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--foundation-raised,#161b20);box-shadow:inset 0 0 0 1px var(--rule)}
.rrg-acct .acm-gate__h{font-size:22px;line-height:1.25;color:var(--text-primary)}
.rrg-acct .acm-gate p{margin:0}
.rrg-acct .acm-ws{display:flex;flex-direction:column;gap:16px}
.rrg-acct .acm-ws__tools{display:flex;gap:8px;flex-wrap:wrap}
.rrg-acct .acm-ws__tools button{min-height:40px;padding:0 16px;border-radius:99px;border:0;background:transparent;color:var(--text-secondary);font:500 14px/1 var(--rrg-sans);box-shadow:inset 0 0 0 1px var(--rule);cursor:pointer}
.rrg-acct .acm-ws__tools button[aria-selected=true]{background:var(--brand-royal-blue);color:#fff;box-shadow:none}
.rrg-acct .acm-ws__h{font-size:22px;color:var(--text-primary)}
.rrg-acct .acm-ws__calc{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;margin-top:8px}
.rrg-acct .acm-ws__in{display:flex;flex-direction:column;gap:14px}
.rrg-acct .acm-ws__inp{display:flex;align-items:center;gap:10px}
.rrg-acct .acm-ws__inp input{flex:1;min-width:0;font-family:var(--rrg-mono)}
.rrg-acct .acm-ws__inp .mono{font-size:13px;color:var(--text-secondary);min-width:44px}
.rrg-acct .acm-ws__out{display:flex;flex-direction:column;gap:16px}
.rrg-acct .acm-ws__row{display:flex;flex-direction:column;gap:4px}
.rrg-acct .acm-ws__val{font-size:30px;color:var(--text-primary)}
.rrg-acct .acm-ws__formula{padding:12px;border-radius:8px;background:var(--foundation-raised,#161b20);font-size:13px;color:var(--text-secondary)}
.rrg-acct .acm-ws__warn{margin:0;padding:10px 12px;border-radius:8px;background:rgb(230 170 60 / .1);color:#e9c46a;font-size:14px}
.rrg-acct .acm-fieldrow select{min-height:44px;padding:10px 14px;border-radius:8px;border:0;background:#0b0e11;color:var(--text-primary);font:500 15px/1.3 var(--rrg-sans);box-shadow:inset 0 1px 2px rgb(0 0 0 / .35),0 0 0 1px var(--rule)}
.rrg-acct .acm-ws__saved{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.rrg-acct .acm-ws__item{display:flex;align-items:center;gap:12px;border-top:1px solid var(--rule)}
.rrg-acct .acm-ws__item:first-child{border-top:0}
.rrg-acct .acm-ws__open{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 0;border:0;background:none;color:var(--text-primary);font:500 15px/1.3 var(--rrg-sans);text-align:left;cursor:pointer}
.rrg-acct .acm-ws__open .acm-muted{font-size:13px}
.rrg-acct .acm-ws__del{border:0;background:none;color:var(--text-secondary);font:500 13px/1 var(--rrg-sans);cursor:pointer;padding:8px}
.rrg-acct .acm-ws__del:hover{color:var(--text-primary)}
.rrg-acct .acm-ws__notes{margin:0;padding-left:18px;color:var(--text-secondary);font-size:14px;line-height:1.6}
@media (max-width:743px){.rrg-acct .acm-ws__calc{grid-template-columns:1fr;gap:20px}}
/* 1.1.65: Search page as one section */
.search-one{padding-top:clamp(48px,7vw,96px)}
.search-one__head{max-width:760px}
/* 1.1.66: compact 1.5 footer */
.site-foot--15{padding:56px 0 28px}
.site-foot--15 .foot-contact{gap:6px;color:var(--text-secondary)}
.site-foot--15 .foot-contact a{display:inline;padding:0}
.site-foot--15 .foot-line{display:flex;flex-wrap:wrap;gap:0 6px}
.site-foot--15 .foot-bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding-top:20px;border-top:1px solid var(--rule);color:var(--text-muted)}
.site-foot--15 .foot-contact a,.site-foot--15 .foot-hrs{display:block;white-space:nowrap}
@media (min-width:744px){.site-foot--15 .foot-grid{grid-template-columns:minmax(280px,1.7fr) repeat(4,minmax(0,1fr))}}
.site-foot--15 .foot-contact a{font-size:inherit;font-weight:inherit}
/* ===== 1.1.70 tablet tier (Markus, Nov 3): 744–1023 uses the desktop layout, slightly tighter ===== */
@media (min-width:744px) and (max-width:1023px){
  /* Full menu: tighter link spacing so it fits from about 760px (NavHeader collapses only when it truly can't fit). */
  .rrg-nav__link{padding:0 8px!important;letter-spacing:.02em!important}
  /* Shop and Lab reports: narrower filter column, two cards per row. */
  .catalog{grid-template-columns:184px minmax(0,1fr)!important;gap:24px!important}
  .catalog .grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  /* Policies: contents as the dropdown above the text, text full width. */
  .catalog:has(.legal-toc-d){grid-template-columns:minmax(0,1fr)!important}
  .rail:has(.legal-toc-d){position:static!important}
  .legal-toc-d{display:none!important}
  .legal-toc-m{display:block!important}
  /* Verify: vial left, lookup panel right, panel gets the room. */
  .vfy2--15{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;column-gap:28px!important}
  .vfy2--15 .vfy2__photo{width:100%!important}
  .vfy2:not(.vfy2--15){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;column-gap:28px!important;justify-content:stretch!important}
  .vfy2:not(.vfy2--15) .vfy2__intro{max-width:none!important}
  .vfy2:not(.vfy2--15) .vfy2__photo{width:100%!important}
  .vfy2__panel{padding:24px!important}
  /* Lot record: details above the test results. */
  .lot-frame{grid-template-columns:minmax(0,1fr)!important}
  /* Contact: intro and hours above the form. */
  .contact-one .split{grid-template-columns:minmax(0,1fr)!important;gap:32px!important}
  /* Footer: brand on its own row, the four link columns below. */
  .site-foot--15 .foot-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;row-gap:32px!important}
  .site-foot--15 .foot-brand{grid-column:1 / -1}
  .site-foot--15 .foot-grid a{white-space:nowrap}
  /* Two buttons stay on one row at their natural width. */
  .actions{flex-wrap:wrap}
  .actions>.rrg-btn,.actions>a.rrg-btn{flex:0 0 auto!important;width:auto!important}
  /* Hero and section buttons: slightly smaller so two fit side by side in a half-width column. */
  .actions .rrg-btn--lg{padding:0 18px!important;height:48px!important}
  .actions{gap:10px!important}
  /* Hero text gets a little more room; the art moves right so it never sits under the words. */
  .hero-split__grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important}
  .std-hero8__text{max-width:54%!important}
  .std-hero8{min-height:min(calc(100svh - 88px),700px)!important}
  .std-hero8:not(.about-hero15) .std-hero8__img{object-position:66% 50%!important}
  .std-hero8__text .lead{max-width:100%!important}
  /* Picture-and-text sections: picture capped near half so the text column holds two buttons. */
  .g12>.c6-12{max-width:48%!important}
  /* Filter column search box fits the column. */
  .rail .rrg-control--search,.rail .rrg-search .rrg-control{width:100%!important;min-width:0!important;max-width:100%!important}
  .rail .rrg-control__input{min-width:0!important;width:100%!important}
}
@media (min-width:744px) and (max-width:799px){
  .rrg-nav__link{padding:0 5px!important;letter-spacing:0!important}
}
@media (min-width:744px) and (max-width:899px){
  .std-hero8:not(.about-hero15) .std-hero8__img{object-position:54% 50%!important}
}
@media (min-width:1024px) and (max-width:1199px){
  .actions .rrg-btn--lg{padding:0 22px!important}
}
@media (min-width:1024px) and (max-width:1279px){
  .catalog .grid-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
}
/* ===== 1.1.70 phone patterns A–F (Markus, Nov 3): under 744px ===== */
@media (max-width:743px){

  /* A · Art behind the headline. The hero art moves up behind the text, fades at the bottom, and the
     headline sits over its lower part, so the whole hero fits on one screen. */
  html:root:root:root .hero-split__grid{display:flex!important;flex-direction:column!important;position:relative}
  html:root:root:root .hero-split__vials{order:-1!important;position:relative;z-index:0;width:100%!important;height:230px!important;
    margin:0 0 -96px!important;opacity:.62;pointer-events:none;
    -webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}
  html:root:root:root .hero-split__vials .hero-vials{width:100%!important;height:100%!important;transform:translateX(22%) scale(.9)}
  html:root:root:root .hero-split__copy{position:relative;z-index:1}
  html:root:root:root .hero-split{min-height:0!important}

  html:root:root:root .std-hero8{display:flex!important;flex-direction:column!important;min-height:0!important}
  html:root:root:root .std-hero8 .std-hero8__img--m{order:0!important;position:relative;z-index:0;display:block!important;
    width:100%!important;margin:0 0 -120px!important;height:300px!important;aspect-ratio:auto!important;
    object-fit:cover!important;object-position:62% 40%!important;border-radius:0!important;opacity:.6;pointer-events:none;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 48%,transparent 100%)!important;
    mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 48%,transparent 100%)!important}
  html:root:root:root .std-hero8 .std-hero8__img--m.about-float__m{object-fit:contain!important;object-position:100% 30%!important;
    width:78%!important;align-self:flex-end;margin-right:-6%!important;opacity:.7}
  html:root:root:root .std-hero8 .std-hero8__wrap{order:1!important;position:relative;z-index:1;padding-top:0!important;padding-bottom:32px!important}

  /* B · Swipe rails with dots (dots are added by boot.js). */
  html:root:root:root .wt__grid,html:root:root:root .os__row,html:root:root:root .hbund__list{display:grid!important;grid-auto-flow:column!important;
    grid-template-columns:none!important;grid-template-rows:none!important;grid-auto-columns:84%!important;
    gap:12px!important;overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x mandatory;
    margin-left:-20px!important;margin-right:-20px!important;padding:2px 20px 4px!important;scroll-padding:0 20px;
    scrollbar-width:none;overscroll-behavior-x:contain;align-items:stretch!important}
  html:root:root:root .wt__grid::-webkit-scrollbar,html:root:root:root .os__row::-webkit-scrollbar,html:root:root:root .hbund__list::-webkit-scrollbar,
  html:root:root:root .rel-row::-webkit-scrollbar{display:none}
  html:root:root:root .wt__grid>li,html:root:root:root .os__row>li,html:root:root:root .hbund__list>li{scroll-snap-align:start;margin:0!important;min-width:0}
  html:root:root:root .rel-row{scroll-snap-type:x mandatory;scroll-padding:0 20px;scrollbar-width:none}
  html:root:root:root .rel-row>*{scroll-snap-align:start}
  html:root:root:root .wt__card{height:100%}
  /* Steps: the vertical thread is for the stacked list; in a rail each card carries its own icon. */
  html:root:root:root .os__thread{display:none!important}
  html:root:root:root .os__row>.os__card{position:relative;left:auto!important;width:auto!important;padding:20px!important;padding-top:96px!important;height:100%}
  html:root:root:root .os__row>.os__card .os__ic{left:20px!important;top:20px!important}
  html:root:root:root .hbund__list>li{display:flex}
  html:root:root:root .hbund__list>li>*{flex:1 1 auto;width:100%}
  .rrg-dots{display:flex;justify-content:center;gap:8px;margin-top:16px;height:6px}
  .rrg-dots>span{width:6px;height:6px;border-radius:99px;background:rgb(255 255 255 / .22);transition:width .2s ease,background-color .2s ease}
  .rrg-dots>span.on{width:20px;background:rgb(var(--accent-rgb,47 128 214))}

  /* C · 2×2 fact tiles. */
  html:root:root:root .diff2__col{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:stretch}
  html:root:root:root .diff2__col>.diff2__label{grid-column:1 / -1}
  html:root:root:root .diff2__col>.diff2__row{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;
    padding:14px!important;height:100%;margin:0!important}
  html:root:root:root .diff2__col>.diff2__row p{font-size:13.5px!important;line-height:1.42!important;margin:0}
  html:root:root:root .diff2__col>.diff2__row b{display:block}
  html:root:root:root .svc15__cards{gap:12px!important}
  html:root:root:root .svc15__card{display:grid!important;grid-template-columns:40px minmax(0,1fr);column-gap:14px;row-gap:10px;
    padding:18px!important;align-items:center}
  html:root:root:root .svc15__card>.why15__ic{width:40px!important;height:40px!important;margin:0!important}
  html:root:root:root .svc15__card>h3{margin:0!important}
  html:root:root:root .svc15__card>:not(.why15__ic):not(h3){grid-column:1 / -1}

  /* D · Two buttons share one row (wraps only when the labels can't fit). */
  html:root:root:root .actions:has(>.rrg-btn + .rrg-btn){display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:10px!important}
  html:root:root:root .actions:has(>.rrg-btn + .rrg-btn)>.rrg-btn{flex:1 1 0!important;width:auto!important;min-width:max-content!important;
    padding:0 14px!important;letter-spacing:.02em!important}
  html:root:root:root .actions:has(>.rrg-btn + .rrg-btn)>.rrg-btn .rrg-btn__icon{display:none!important}

  /* E · Picture-card closer: the picture fills one card, heading and buttons over its darker bottom edge. */
  html:root:root:root .sec-cta .g12{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;gap:0!important;position:relative;border-radius:var(--Card,16px);overflow:hidden;
    border:1px solid rgb(255 255 255 / .08);background:#0b0e13}
  html:root:root:root .sec-cta .g12>*{grid-area:1 / 1!important;width:100%!important;max-width:none!important;margin:0!important;order:0!important}
  html:root:root:root .sec-cta .g12>.c6-12{align-self:stretch;position:relative}
  html:root:root:root .sec-cta .g12>.c6-12 .photo{border-radius:0!important;box-shadow:none!important;height:100%!important;min-height:520px;aspect-ratio:auto!important}
  html:root:root:root .sec-cta .g12>.c6-12 .photo img{height:100%!important;object-fit:cover!important}
  html:root:root:root .sec-cta .g12>.c6-12::after{content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(180deg,rgb(9 11 15 / 0) 14%,rgb(9 11 15 / .88) 46%,rgb(9 11 15 / .98) 72%)}
  html:root:root:root .sec-cta .g12>.c1-5{align-self:end;position:relative;z-index:2;padding:22px 20px 22px!important;gap:14px!important}

  /* F · Set rhythm: split sections always read text first, then the picture or card. */
  html:root:root:root .sec-verify:not(.sec-cta) .g12>.c1-5,html:root:root:root .sec-ask .g12>.c1-5{order:0!important}
  html:root:root:root .sec-verify:not(.sec-cta) .g12>:not(.c1-5),html:root:root:root .sec-ask .g12>:not(.c1-5){order:1!important}

  /* Product page: shorter photo so the price shows sooner; tabs scroll sideways; one compact document row. */
  html:root:root:root .pdp-gallery .scene-frame{height:260px!important;aspect-ratio:auto!important}
  html:root:root:root .pdp-info .tabs{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none;
    margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;width:auto!important}
  html:root:root:root .pdp-info .tabs::-webkit-scrollbar{display:none}
  html:root:root:root .pdp-info .tabs>.tab{flex:0 0 auto!important;white-space:nowrap}
  html:root:root:root .pdp-info .rrg-table tbody>tr.rrg-row{display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto;
    column-gap:10px;row-gap:4px;padding:12px 0!important;align-items:center}
  html:root:root:root .pdp-info .rrg-table tbody>tr.rrg-row>.rrg-cell{display:block!important;width:auto!important;height:auto!important;
    min-height:0!important;padding:0!important;border:0!important}
  html:root:root:root .pdp-info .rrg-table tbody>tr.rrg-row>th.rrg-cell{grid-column:1 / 4;grid-row:1}
  html:root:root:root .pdp-info .rrg-table tbody>tr.rrg-row>td.rrg-cell:not(.rrg-cell--end){grid-row:2;font-size:13px;color:var(--text-secondary)}
  html:root:root:root .pdp-info .rrg-table tbody>tr.rrg-row>.rrg-cell--end{grid-column:4!important;grid-row:1 / span 2!important}
  html:root:root:root .pdp-info .rrg-table tbody>tr.rrg-row>.rrg-cell::before{display:none!important}

  /* Search page: the box shrinks so the Search button stays on screen. */
  html:root:root:root .rrg-search__row>.rrg-control{flex:1 1 0!important;min-width:0!important;width:auto!important}
  html:root:root:root .rrg-search__row .rrg-control__input{min-width:0!important;width:100%!important}
  html:root:root:root .rrg-search__row>.rrg-btn{flex:0 0 auto!important}
}