/* US Peptide Board design system — reference: hellopepti.com (approved by owner) */
:root{
  --lime:#e4f253;        /* hero chartreuse */
  --lime-pale:#f4f5d3;   /* page tint */
  --yellow:#f5eb80;      /* accent panel */
  --sage:#97c3b4;        /* product cards */
  --sage-soft:#dfe9e4;   /* section gradient base */
  --mint:#00d492;        /* accent */
  --ink:#101828;         /* near-black */
  --forest:#12291f;      /* display headings */
  --paper:#ffffff;
  --gray:#f3f4f6;
  --muted:#5b6470;
  --r-card:24px;
  --r-canvas:36px;
  --pill:999px;
  --w:1180px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--lime-pale);line-height:1.55;font-size:16px}
.display{font-family:Orbitron,'Space Grotesk',Inter,sans-serif;font-weight:800;letter-spacing:-.02em;line-height:.95;color:var(--forest)}
h1.display{font-size:clamp(38px,7vw,88px)}
h2.display{font-size:clamp(30px,4.6vw,56px);margin-bottom:18px}
h3{font-size:20px;font-weight:700;line-height:1.25}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* announcement + header */
.annbar{background:var(--lime-pale);text-align:center;font-size:13.5px;padding:9px 16px;font-weight:500}
.annbar b{font-weight:700}
header.site{position:sticky;top:0;z-index:50;background:rgba(244,245,211,.85);backdrop-filter:blur(14px)}
.nav{max-width:var(--w);margin:0 auto;display:flex;align-items:center;gap:26px;padding:14px 20px}
.logo{font-family:Orbitron,Inter,sans-serif;font-weight:800;font-size:24px;letter-spacing:-.02em;color:var(--forest);display:flex;align-items:center;gap:10px;line-height:1}
.logo span{font-family:Inter,sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;opacity:.8;max-width:120px;line-height:1.35}
.nav-links{display:flex;gap:22px;font-size:14.5px;font-weight:600;margin-left:auto}
.nav-links a{opacity:.85}
.nav-links a:hover{opacity:1;color:var(--forest)}
.nav .cta{margin-left:8px}

/* canvas sections */
.canvas{max-width:1400px;margin:14px auto;border-radius:var(--r-canvas);overflow:hidden;padding:64px 20px}
.canvas-inner{max-width:var(--w);margin:0 auto}
.bg-lime{background:linear-gradient(160deg,var(--lime) 0%,#eef760 60%,var(--yellow) 100%)}
.bg-paper{background:var(--paper)}
.bg-sage{background:linear-gradient(150deg,#eef3f0 0%,var(--sage-soft) 45%,#b9cfc5 100%)}
.bg-silver{background:linear-gradient(150deg,#f6f7f8 0%,#e3e6ea 100%)}
.bg-yellow{background:linear-gradient(160deg,#f7f3a9 0%,var(--yellow) 100%)}
.bg-ink{background:var(--ink);color:#fff}
.bg-ink .display{color:#fff}

.eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--forest);opacity:.75;margin-bottom:14px}
.bg-ink .eyebrow{color:var(--lime);opacity:1}
.lead{font-size:18px;color:var(--muted);max-width:560px}
.bg-ink .lead{color:#c8cdd5}

/* pills and chips */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--pill);font-weight:700;font-size:15.5px;padding:14px 28px;border:0;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{box-shadow:0 8px 24px rgba(16,24,40,.25)}
.btn-light{background:#fff;color:var(--ink)}
.btn-mint{background:var(--mint);color:var(--forest)}
.chip{display:inline-block;background:#fff;border-radius:var(--pill);padding:8px 16px;font-size:13.5px;font-weight:600;color:var(--ink);box-shadow:0 1px 3px rgba(16,24,40,.08)}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.checks{list-style:none;display:grid;gap:10px;margin:22px 0;max-width:620px}
.checks li{background:rgba(255,255,255,.85);border-radius:var(--pill);padding:12px 20px 12px 46px;font-size:15px;font-weight:500;position:relative;color:var(--ink)}
.checks li::before{content:'';position:absolute;left:18px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;background:var(--forest) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="4"><path d="M5 13l4 4 10-10"/></svg>') center/9px no-repeat}

/* cards */
.grid{display:grid;gap:18px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--sage);border-radius:var(--r-card);padding:26px;color:var(--forest)}
.card h3{margin-bottom:6px}
.card .sub{font-size:14.5px;opacity:.85;margin-bottom:14px}
.card-white{background:#fff;color:var(--ink)}
.card .tagpill{display:inline-block;background:rgba(255,255,255,.7);border-radius:var(--pill);font-size:12px;font-weight:700;padding:5px 12px;margin-bottom:14px;letter-spacing:.06em;text-transform:uppercase}
.card .rows{font-size:13.5px;display:grid;gap:7px;margin-top:12px}
.card .rows span{display:block;padding-left:0}
.stat{font-family:Orbitron,Inter,sans-serif;font-weight:800;font-size:34px;color:var(--forest)}

/* content pages */
.article{max-width:820px;margin:0 auto;padding:0 20px}
.article h2{font-size:26px;font-weight:800;margin:38px 0 12px;color:var(--forest)}
.article p{margin:12px 0;font-size:16.5px}
.article ul{margin:12px 0 12px 20px}
.article li{margin:6px 0}
.factbox{background:#fff;border-radius:var(--r-card);padding:22px 26px;margin:26px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}
.factbox b{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.factbox span{font-weight:600;font-size:15px}
details.faq{background:var(--gray);border-radius:18px;margin:10px 0;padding:0 22px}
details.faq summary{cursor:pointer;font-weight:700;font-size:15.5px;padding:16px 0;list-style:none}
details.faq summary::-webkit-details-marker{display:none}
details.faq[open] summary{border-bottom:1px solid var(--gray)}
details.faq div{padding:14px 0 18px;font-size:15px;color:#333}
.note{background:var(--yellow);border-radius:18px;padding:16px 22px;font-size:14.5px;margin:26px 0;font-weight:500}
.refs{font-size:13px;color:var(--muted);margin-top:34px}
.refs a{text-decoration:underline}
.reviewed{display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--muted);margin:20px 0}

/* calculator */
.calc{background:#fff;border-radius:var(--r-card);padding:30px;max-width:640px}
.calc label{display:block;font-size:13px;font-weight:700;letter-spacing:.04em;margin:16px 0 6px;color:var(--forest)}
.calc input,.calc select{width:100%;font-size:17px;padding:13px 16px;border:1.5px solid #dfe3e8;border-radius:14px;background:var(--gray);font-family:inherit}
.calc input:focus,.calc select:focus{outline:2px solid var(--mint);background:#fff}
.calc-result{background:var(--forest);color:#fff;border-radius:18px;padding:22px;margin-top:22px}
.calc-result .big{font-family:Orbitron,Inter,sans-serif;font-size:36px;font-weight:800;color:var(--lime)}
.calc-result .row{display:flex;justify-content:space-between;font-size:14.5px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.calc-result .row:last-child{border:0}

.split2{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.split2 h1.display{font-size:clamp(36px,4.2vw,60px)}
@media(max-width:900px){.split2{grid-template-columns:1fr}}

.hero-card{display:block;max-width:420px;justify-self:end;width:100%;box-shadow:0 24px 60px rgba(16,24,40,.28);transition:transform .2s ease}
.hero-card:hover{transform:translateY(-4px)}
@media(max-width:900px){.hero-card{justify-self:start;max-width:100%}}

.thumb{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:14px;margin-bottom:14px}
.hero-photo{width:100%;height:100%;min-height:320px;max-height:460px;object-fit:cover;border-radius:24px;box-shadow:0 24px 60px rgba(16,24,40,.18)}
@media(max-width:640px){.hero-photo{min-height:0;max-height:240px}}

table.vs{width:100%;border-collapse:collapse;margin:18px 0;background:#fff;border-radius:16px;overflow:hidden;font-size:15px}
table.vs th{background:var(--forest);color:#fff;text-align:left;padding:12px 16px;font-size:13.5px;letter-spacing:.04em}
table.vs td{padding:11px 16px;border-top:1px solid var(--gray);vertical-align:top}
table.vs td:first-child{font-weight:600;width:30%}
@media(max-width:640px){table.vs{font-size:13.5px}table.vs th,table.vs td{padding:9px 10px}}

/* footer */
footer.site{background:var(--ink);color:#aeb4bd;border-radius:var(--r-canvas) var(--r-canvas) 0 0;margin-top:40px;padding:54px 20px 34px}
footer .cols{max-width:var(--w);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}
footer .logo{color:#fff;margin-bottom:10px}
footer h4{color:#fff;font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
footer a{display:block;font-size:14px;padding:4px 0}
footer a:hover{color:#fff}
footer .fine{max-width:var(--w);margin:34px auto 0;font-size:12.5px;line-height:1.6;border-top:1px solid #232b3a;padding-top:22px}

/* trust bar */
.trust{display:flex;justify-content:center;gap:46px;flex-wrap:wrap;padding:10px 0}
.trust div{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.06em}
.trust small{display:block;font-weight:500;opacity:.7;letter-spacing:.04em}

@media(max-width:900px){
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  footer .cols{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .canvas{margin:8px;padding:40px 16px;border-radius:26px}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .nav-links{display:none}
  h1.display{font-size:32px}
  h2.display{font-size:26px}
  .nav .cta{font-size:13.5px;padding:10px 16px;white-space:nowrap}
  .calc{padding:22px}
  .hide-m{display:none}
  .article h2{font-size:21px}
}

/* v3 motion layer */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
.btn-dark,.btn-mint{position:relative;overflow:hidden}
.btn-dark::after,.btn-mint::after{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:shine 4.2s ease-in-out infinite}
@keyframes shine{0%,72%{left:-80%}88%{left:130%}100%{left:130%}}
.card{transition:transform .28s ease,box-shadow .28s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(16,24,40,.16)}
.card .thumb{transition:transform .5s ease}
.card:hover .thumb{transform:scale(1.045)}
.hero-photo{animation:heroGlow 5s ease-in-out infinite}
@keyframes heroGlow{0%,100%{box-shadow:0 24px 60px rgba(16,24,40,.18)}50%{box-shadow:0 24px 80px rgba(0,212,146,.35)}}

/* floating pill header + callout */
header.site{background:transparent;backdrop-filter:none;padding:10px 12px 0}
.nav{background:rgba(16,24,40,.92);backdrop-filter:blur(14px);border-radius:var(--pill);max-width:1080px;padding:10px 12px 10px 24px;box-shadow:0 10px 30px rgba(16,24,40,.25)}
.nav .logo,.nav .logo span{color:#fff}
.nav-links a{color:#e6e9ee}
.nav .cta{background:var(--lime);color:var(--ink)}
.annbar{max-width:1080px;margin:8px auto 0;background:var(--lime);border-radius:var(--pill);font-weight:600;box-shadow:0 6px 18px rgba(16,24,40,.12)}

/* wave texture for cards */
.card{background-color:var(--sage);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'%3E%3Cpath d='M0 96c70-40 140 40 210 0s140-40 210 0v40c-70 40-140-40-210 0s-140 40-210 0z' fill='%23ffffff' fill-opacity='.10'/%3E%3Cpath d='M0 268c70-40 140 40 210 0s140-40 210 0v40c-70 40-140-40-210 0s-140 40-210 0z' fill='%23101828' fill-opacity='.05'/%3E%3C/svg%3E");background-size:420px 420px}
.card-white{background-color:#fff;background-image:none}

/* marquee */
.tickerband{background:var(--ink);color:#fff;transform:rotate(-2.4deg) scale(1.04);margin:34px -30px;box-shadow:0 18px 40px rgba(16,24,40,.28)}
.ticker{display:flex;overflow:hidden;gap:0;padding:16px 0;white-space:nowrap}
.ticker .track{display:flex;gap:44px;padding-right:44px;animation:tickmove 38s linear infinite;flex-shrink:0;align-items:center}
.ticker.rev .track{animation-direction:reverse}
@keyframes tickmove{to{transform:translateX(-100%)}}
.ticker b{color:var(--lime);font-weight:700}
.ticker span{font-size:15px;font-weight:500;opacity:.95}
.ticker .dotsep{width:6px;height:6px;border-radius:50%;background:var(--mint);flex-shrink:0}

/* mini UI mockups */
.mini-ui{background:#fff;border-radius:18px;box-shadow:0 14px 34px rgba(16,24,40,.14);padding:18px;font-size:12.5px;max-width:330px;margin-top:18px}
.mini-ui .mu-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.mini-ui .mu-ava{width:34px;height:34px;border-radius:50%;background:var(--sage-soft);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--forest);font-size:12px}
.mini-ui .mu-title{font-weight:700;font-size:13px}
.mini-ui .mu-sub{color:var(--muted);font-size:11px}
.mu-row{background:var(--gray);border-radius:12px;padding:11px 16px;margin:8px 0;display:block}
.mu-row b{display:block;font-size:14px}
.mini-ui .mu-row b{font-size:12.5px}
.mu-row small{color:var(--muted);font-size:12.5px;display:block;line-height:1.4}
.mini-ui .mu-row small{font-size:10.5px}
.mini-ui .mu-btn{background:var(--forest);color:#fff;border-radius:10px;text-align:center;font-weight:700;padding:10px;margin-top:10px;font-size:12.5px}
.mini-ui .mu-track{display:grid;gap:8px;margin-top:6px}
.mini-ui .mu-step{display:flex;align-items:center;gap:9px;font-weight:600;font-size:12px}
.mini-ui .mu-dot{width:15px;height:15px;border-radius:50%;background:var(--mint);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.mini-ui .mu-dot.off{background:#e3e6ea}
.mini-ui .mu-bar{height:7px;border-radius:4px;background:var(--gray);overflow:hidden;margin-top:8px}
.mini-ui .mu-bar i{display:block;height:100%;width:70%;background:var(--mint);border-radius:4px}
.stepnum{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--muted);margin-bottom:8px}
@media(max-width:640px){.tickerband{transform:rotate(-2deg);margin:24px -18px}.nav{padding:8px 8px 8px 18px}}

.hero-wrap{position:relative}
.hero-wrap .mini-ui{position:absolute;left:-28px;bottom:-24px;margin:0}
@media(max-width:900px){.hero-wrap .mini-ui{position:static;margin-top:14px;max-width:100%}}
.stats{display:flex;gap:40px;flex-wrap:wrap;margin-top:34px}
.stats b{font-family:Orbitron,Inter,sans-serif;font-size:34px;font-weight:800;color:var(--forest);display:block;line-height:1}
.stats small{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.04em}

/* matcher stepper */
.mstep{background:#fff;border-radius:20px;margin:12px 0;overflow:hidden;border:1.5px solid var(--gray)}
.mstep .mhead{display:flex;align-items:center;gap:14px;padding:18px 22px;cursor:pointer;font-weight:700}
.mstep .mnum{width:30px;height:30px;border-radius:50%;background:var(--gray);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0}
.mstep.done .mnum{background:var(--mint);color:var(--forest)}
.mstep .mchosen{margin-left:auto;font-weight:600;font-size:13.5px;color:var(--muted);text-align:right}
.mstep .mbody{display:none;padding:0 22px 22px}
.mstep.open .mbody{display:block}
.mstep.open{border-color:var(--forest)}
.mstep .chips{margin:0}
.mstep .chip{cursor:pointer;border:1.5px solid var(--gray)}
.mstep .chip:hover{border-color:var(--forest)}
.mcard{background:var(--forest);color:#fff;border-radius:24px;padding:30px;margin-top:16px}
.mcard h3{font-size:24px;margin:8px 0 4px}
.mcard .eyebrow{color:var(--lime);opacity:1}
.mcard .mev{color:var(--lime);font-weight:700;font-size:13.5px;letter-spacing:.03em;margin-bottom:10px}
.mcard p{font-size:15.5px}
.mcard .mlinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.mcard .note{background:var(--yellow);color:var(--ink)}
.mcard.stop{background:#5b1f1f}

.hero-photo,.thumb{clip-path:inset(0 0 0 0 round 24px)}
.rv .hero-photo,.rv.in .hero-photo{transition:transform .9s cubic-bezier(.22,.61,.36,1)}

.mobonly{display:none}
@media(max-width:760px){.deskonly{display:none}.mobonly{display:grid}}

/* v4: lazy-user fixes */
.canvas{scroll-margin-top:130px}
.chip-lg{display:inline-block;background:#fff;border-radius:999px;padding:14px 22px;font-size:16px;font-weight:700;color:var(--ink);box-shadow:0 2px 8px rgba(16,24,40,.10);transition:transform .15s ease}
.chip-lg:hover{transform:translateY(-2px)}
.card-sm{background:#fff;border-radius:16px;padding:10px;display:block;border:1.5px solid var(--gray)}
.card-sm .thumb{aspect-ratio:16/10;margin-bottom:8px;border-radius:10px}
.card-sm h4{font-size:15px;font-weight:800;line-height:1.2}
.card-sm p{font-size:12px;color:var(--muted);line-height:1.35;margin-top:2px}
.grid-compact{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:900px){.grid-compact{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.grid-compact{grid-template-columns:repeat(2,1fr)}}
.pricelist{display:grid;gap:10px;max-width:640px}
.pricelist a{display:flex;justify-content:space-between;align-items:baseline;background:rgba(255,255,255,.08);border-left:4px solid var(--mint);border-radius:12px;padding:13px 18px;color:#fff}
.pricelist a b{font-family:Orbitron,Inter,sans-serif;font-size:19px;color:var(--lime);white-space:nowrap;margin-left:14px}
.pricelist a span{font-weight:600;font-size:15.5px}
.bottomnav{display:none}
@media(max-width:640px){
  header.site{position:static}
  body{padding-bottom:74px}
  .bottomnav{display:flex;position:fixed;bottom:10px;left:10px;right:10px;z-index:60;background:rgba(16,24,40,.96);backdrop-filter:blur(12px);border-radius:999px;padding:8px;box-shadow:0 12px 30px rgba(16,24,40,.35)}
  .bottomnav a{flex:1;text-align:center;color:#e6e9ee;font-size:12.5px;font-weight:800;padding:11px 0;border-radius:999px;letter-spacing:.02em}
  .bottomnav a.bn-hot{background:var(--lime);color:var(--ink)}
  .steps-grid .mini-ui{display:none}
}

/* site search */
.searchbox{position:relative;max-width:560px;margin-top:20px}
.searchbox input{width:100%;font-size:16.5px;font-family:inherit;padding:16px 22px;border-radius:999px;border:0;background:#fff;box-shadow:0 4px 16px rgba(16,24,40,.12)}
.searchbox input:focus{outline:3px solid var(--mint)}
.search-results{position:absolute;top:60px;left:0;right:0;background:#fff;border-radius:18px;box-shadow:0 18px 44px rgba(16,24,40,.22);z-index:40;overflow:hidden}
.search-results a{display:block;padding:12px 20px;border-bottom:1px solid var(--gray)}
.search-results a:hover{background:var(--lime-pale)}
.search-results a b{display:block;font-size:14.5px}
.search-results a small{color:var(--muted);font-size:12px;display:block;line-height:1.35}
.search-empty{padding:16px 20px;font-size:14px;color:var(--muted)}

/* verdict traffic-light */
.vd{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 16px;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.vd::before{content:'';width:9px;height:9px;border-radius:50%;background:currentColor}
.vd-green{background:#d8f5e7;color:#0a7a4b}
.vd-lime{background:var(--lime);color:#3d4d00}
.vd-yellow{background:var(--yellow);color:#7a5d00}
.vd-red{background:#fbdcdc;color:#a02222}
.rankrow{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1.5px solid var(--gray);border-radius:16px;padding:16px 18px;margin:10px 0}
.rankrow img{width:64px;height:64px;object-fit:cover;border-radius:12px;flex-shrink:0}
.rankrow b{font-size:16px;display:block}
.rankrow p{font-size:13.5px;color:var(--muted);margin-top:2px;line-height:1.4}
.rankrow .vd{margin-left:auto;flex-shrink:0}
@media(max-width:640px){.rankrow{flex-wrap:wrap}.rankrow .vd{margin-left:78px;order:3}}

/* goal cards, Pepti-style */
.goalcards{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 18px;-webkit-overflow-scrolling:touch}
.goalcards::-webkit-scrollbar{display:none}
.gcard{position:relative;flex:0 0 300px;scroll-snap-align:start;border-radius:24px;overflow:hidden;background:#eef3d0;box-shadow:0 10px 28px rgba(16,24,40,.12);transition:transform .25s ease}
.gcard:hover{transform:translateY(-5px)}
.gcard img{width:100%;height:360px;object-fit:cover;display:block}
.gcard .gname{position:absolute;left:18px;bottom:64px;font-family:Orbitron,Inter,sans-serif;font-weight:800;font-size:26px;color:#fff;text-shadow:0 2px 14px rgba(16,24,40,.45);letter-spacing:-.01em}
.gcard .gtag{position:absolute;background:rgba(255,255,255,.92);border-radius:999px;padding:4px 10px;font-size:10.5px;font-weight:800;letter-spacing:.08em;color:var(--ink)}
.gcard .gtag::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:6px;vertical-align:1px}
.gcard .gfoot{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);padding:12px 16px}
.gcard .gfoot b{font-size:15px}
.gcard .gfoot span{background:var(--ink);color:#fff;border-radius:999px;font-size:12.5px;font-weight:700;padding:8px 16px}
@media(min-width:1100px){.gcard{flex-basis:340px}.gcard img{height:400px}}

.trust-band{display:flex;justify-content:space-between;gap:18px;padding:16px 0;color:#fff}
.trust-band div{font-size:12px;font-weight:800;letter-spacing:.06em;white-space:nowrap}
.trust-band small{display:block;font-weight:500;opacity:.7;letter-spacing:.03em;font-size:11px}
@media(max-width:900px){.trust-band{flex-wrap:wrap;justify-content:flex-start;gap:12px 26px}.trust-band div{white-space:normal}}