:root{--v-green: #00ff88;--v-purple: #b060ff;--v-cyan: #00e5ff;--v-gold: #ffd060;--v-orange: #ff7b00;--v-pink: #ff60b0;--panel: #0d1219;--bdr: #1e2d3d}.about-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(0,229,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.018) 1px,transparent 1px);background-size:44px 44px}.orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;contain:layout paint style}.orb-1{width:640px;height:640px;background:radial-gradient(circle,rgba(0,255,136,.05) 0%,rgba(0,255,136,.014) 42%,transparent 72%);top:-220px;right:-200px}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(176,96,255,.06) 0%,rgba(176,96,255,.016) 42%,transparent 72%);bottom:-80px;left:-200px}.about-page{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 1.5rem 5rem}.about-hero{padding:5rem 0 3.5rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero-eyebrow{font-family:var(--font-ui);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--green);margin-bottom:1rem}.hero-title{font-family:var(--font-head);font-size:clamp(2.25rem,5vw,3.5rem);line-height:.9;text-transform:uppercase;color:var(--white);margin-bottom:1.5rem}.hero-title span{color:var(--green)}.hero-body{font-family:var(--font-body);font-size:1rem;line-height:1.75;color:var(--muted);max-width:500px}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat-box{background:var(--panel);border:1px solid var(--bdr);padding:1.25rem 1.5rem;position:relative;overflow:hidden}.stat-box:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--green);box-shadow:0 0 10px var(--green)}.stat-val{font-family:var(--font-head);font-size:2.5rem;line-height:1;color:var(--white)}.stat-label{font-family:var(--font-ui);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-top:.3rem}.section-label{font-family:var(--font-ui);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);padding-bottom:1rem;border-bottom:1px solid var(--bdr);margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.section-label span{color:var(--green)}.peptide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-bottom:3rem}.peptide-card{background:var(--panel);border:1px solid var(--bdr);padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden;animation:fadeUp .5s ease both}.peptide-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000080}.peptide-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity .2s}.peptide-card:hover:after{opacity:1}.card-green{border-top:2px solid var(--v-green)}.card-purple{border-top:2px solid var(--v-purple)}.card-cyan{border-top:2px solid var(--v-cyan)}.card-gold{border-top:2px solid var(--v-gold)}.card-orange{border-top:2px solid var(--v-orange)}.card-pink{border-top:2px solid var(--v-pink)}.peptide-card:hover.card-green{border-color:var(--v-green);box-shadow:0 12px 32px #00ff881f}.peptide-card:hover.card-purple{border-color:var(--v-purple);box-shadow:0 12px 32px #b060ff1f}.peptide-card:hover.card-cyan{border-color:var(--v-cyan);box-shadow:0 12px 32px #00e5ff1f}.peptide-card:hover.card-gold{border-color:var(--v-gold);box-shadow:0 12px 32px #ffd0601f}.peptide-card:hover.card-orange{border-color:var(--v-orange);box-shadow:0 12px 32px #ff7b001f}.peptide-card:hover.card-pink{border-color:var(--v-pink);box-shadow:0 12px 32px #ff60b01f}.vial-stage{width:56px;height:68px;position:relative;display:flex;flex-direction:column;align-items:center}.vial-cap{width:32px;height:10px;border-radius:3px 3px 0 0;position:relative;z-index:2;flex-shrink:0}.vial-body{width:32px;flex:1;border-radius:0 0 5px 5px;position:relative;overflow:hidden}.vial-body:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.14) 0%,transparent 55%)}.vial-label{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:18px;height:11px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);z-index:2}.vial-glow{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:44px;height:16px;border-radius:50%;filter:blur(7px);opacity:.55}.cap-green{background:linear-gradient(180deg,#3dff99,#00c060)}.body-green{background:linear-gradient(180deg,#1a3d28,#0d2218)}.glow-green{background:var(--v-green)}.cap-purple{background:linear-gradient(180deg,#d080ff,#8030cc)}.body-purple{background:linear-gradient(180deg,#2a1a4a,#160d2a)}.glow-purple{background:var(--v-purple)}.cap-cyan{background:linear-gradient(180deg,#40f0ff,#00a8c8)}.body-cyan{background:linear-gradient(180deg,#0a2a35,#041520)}.glow-cyan{background:var(--v-cyan)}.cap-gold{background:linear-gradient(180deg,#ffe080,#c80)}.body-gold{background:linear-gradient(180deg,#2a1e08,#150f00)}.glow-gold{background:var(--v-gold)}.cap-orange{background:linear-gradient(180deg,#ff9840,#c40)}.body-orange{background:linear-gradient(180deg,#2a1400,#150900)}.glow-orange{background:var(--v-orange)}.cap-pink{background:linear-gradient(180deg,#ff80c8,#cc2080)}.body-pink{background:linear-gradient(180deg,#2a0820,#150412)}.glow-pink{background:var(--v-pink)}.card-category{font-family:var(--font-ui);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}.cat-green{color:var(--v-green)}.cat-purple{color:var(--v-purple)}.cat-cyan{color:var(--v-cyan)}.cat-gold{color:var(--v-gold)}.cat-orange{color:var(--v-orange)}.cat-pink{color:var(--v-pink)}.card-name{font-family:var(--font-head);font-size:1.35rem;letter-spacing:.04em;text-transform:uppercase;color:var(--white);text-align:center;line-height:1.05}.card-desc{font-family:var(--font-body);font-size:.75rem;color:var(--muted);text-align:center;line-height:1.5}.card-price{font-family:var(--font-ui);font-size:.72rem;letter-spacing:.08em;color:var(--muted);margin-top:auto}.card-price strong{font-family:var(--font-head);font-size:1rem;color:var(--white)}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:3.5rem}.trust-card{background:var(--panel);border:1px solid var(--bdr);padding:1.5rem}.trust-icon{font-size:1.4rem;margin-bottom:.75rem}.trust-title{font-family:var(--font-ui);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--white);margin-bottom:.5rem}.trust-body{font-family:var(--font-body);font-size:.85rem;color:var(--muted);line-height:1.6}.cta-band{background:var(--panel);border:1px solid var(--bdr);padding:2.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;overflow:hidden}.cta-band:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 100% at 100% 50%,rgba(0,255,136,.06) 0%,transparent 70%);pointer-events:none}.cta-copy{flex:1}.cta-title{font-family:var(--font-head);font-size:clamp(1.5rem,3vw,2.25rem);text-transform:uppercase;color:var(--white);line-height:.95;margin-bottom:.5rem}.cta-sub{font-family:var(--font-body);font-size:.9rem;color:var(--muted)}.cta-actions{display:flex;gap:1rem;flex-shrink:0}.btn-primary{font-family:var(--font-ui);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:.9rem 2rem;background:var(--green);color:#050a0e;display:inline-flex;align-items:center;gap:.5rem;transition:transform .15s,box-shadow .15s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00ff8859}.btn-secondary{font-family:var(--font-ui);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:.9rem 2rem;border:1px solid var(--border);color:var(--muted);display:inline-flex;align-items:center;transition:border-color .2s,color .2s}.btn-secondary:hover{border-color:var(--green);color:var(--green)}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.peptide-card:nth-child(1){animation-delay:.04s}.peptide-card:nth-child(2){animation-delay:.08s}.peptide-card:nth-child(3){animation-delay:.12s}.peptide-card:nth-child(4){animation-delay:.16s}.peptide-card:nth-child(5){animation-delay:.2s}.peptide-card:nth-child(6){animation-delay:.24s}.peptide-card:nth-child(7){animation-delay:.28s}.peptide-card:nth-child(8){animation-delay:.32s}.peptide-card:nth-child(9){animation-delay:.36s}.peptide-card:nth-child(10){animation-delay:.4s}.peptide-card:nth-child(11){animation-delay:.44s}@media(max-width:900px){.about-hero{grid-template-columns:1fr}.trust-row{grid-template-columns:repeat(2,1fr)}.cta-band{flex-direction:column;text-align:center}.cta-actions{justify-content:center}}@media(max-width:600px){.hero-stats,.trust-row{grid-template-columns:1fr 1fr}.peptide-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}

/* ── About page v2: vial.js hero + featured grid ── */
.skip-nav{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-nav:focus{position:fixed;left:1rem;top:1rem;width:auto;height:auto;z-index:10000;padding:.65rem 1.25rem;background:var(--green);color:#050a0e;font-family:var(--font-ui);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-radius:6px;overflow:visible}
.about-hero--vial{align-items:stretch;padding-top:4.5rem}
.about-hero-copy{min-width:0}
.about-hero-bullets{list-style:none;margin:1.25rem 0 0;padding:0;display:flex;flex-direction:column;gap:.55rem;max-width:520px}
.about-hero-bullets li{font-family:var(--font-body);font-size:.88rem;color:var(--text-secondary);line-height:1.5;padding-left:1.1rem;position:relative}
.about-hero-bullets li::before{content:"";position:absolute;left:0;top:.55rem;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(0,255,136,.35)}
.about-hero-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px}
.about-hero-vial-ring{position:absolute;inset:8% 12%;border-radius:50%;background:radial-gradient(ellipse 55% 45% at 50% 58%,rgba(0,255,136,.09),transparent 72%);pointer-events:none}
.about-hero-vial-slot{width:min(220px,52vw);filter:drop-shadow(0 22px 48px rgba(0,0,0,.45))}
.about-hero-vial-slot .vial-svg{width:100%;height:auto;display:block}
.about-hero-vial-caption{font-family:var(--font-ui);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);margin-top:1rem;text-align:center;max-width:14rem;line-height:1.5}
.about-stats{margin-bottom:3rem}
.section-sub{font-family:var(--font-body);font-size:.88rem;color:var(--text-secondary);line-height:1.6;max-width:720px;margin:-1.25rem 0 2rem}
.about-panel{margin-bottom:3rem;border:1px solid var(--bdr);border-radius:14px;background:linear-gradient(165deg,rgba(13,18,25,.92),rgba(8,12,16,.75));overflow:hidden;position:relative}
.about-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 0% 0%,rgba(0,255,136,.06),transparent 55%);pointer-events:none}
.about-panel-inner{position:relative;padding:2rem 2rem 2.25rem;z-index:1}
.about-panel-title{font-family:var(--font-head);font-size:clamp(1.35rem,3vw,1.85rem);text-transform:uppercase;color:var(--white);letter-spacing:.04em;margin:0 0 .85rem;line-height:1.1}
.about-panel-lede{font-family:var(--font-body);font-size:.95rem;color:var(--muted);line-height:1.75;margin:0;max-width:58rem}
.about-panel-lede a{color:var(--green);text-decoration:none}
.about-panel-lede a:hover{text-decoration:underline}
.about-vial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:3.5rem}
.about-vial-card{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:inherit;background:var(--panel);border:1px solid var(--bdr);border-radius:14px;padding:1.35rem 1rem 1.5rem;transition:border-color .22s,transform .22s,box-shadow .22s;animation:fadeUp .55s ease both;position:relative;overflow:hidden}
.about-vial-card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,136,.25),transparent);opacity:.6}
.about-vial-card:hover{border-color:rgba(0,255,136,.35);transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.35)}
.about-vial-card__stage{width:100%;max-width:130px;min-height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}
.about-vial-card__stage .vial-svg{width:100%;height:auto;display:block;filter:drop-shadow(0 12px 28px rgba(0,0,0,.4))}
.about-vial-card__cat{font-family:var(--font-ui);font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:.35rem}
.about-vial-card__name{font-family:var(--font-head);font-size:1.05rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--white);line-height:1.15}
.about-vial-card__hint{font-family:var(--font-body);font-size:.72rem;color:var(--text-secondary);line-height:1.45;margin-top:.4rem}
.about-disclaimer{font-family:var(--font-ui);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);line-height:1.75;text-align:center;max-width:52rem;margin:0 auto 2.5rem;padding:0 1rem}
.about-disclaimer strong{color:var(--muted)}
.about-vial-card:nth-child(1){animation-delay:.04s}.about-vial-card:nth-child(2){animation-delay:.08s}.about-vial-card:nth-child(3){animation-delay:.12s}.about-vial-card:nth-child(4){animation-delay:.16s}.about-vial-card:nth-child(5){animation-delay:.2s}.about-vial-card:nth-child(6){animation-delay:.24s}.about-vial-card:nth-child(7){animation-delay:.28s}.about-vial-card:nth-child(8){animation-delay:.32s}.about-vial-card:nth-child(9){animation-delay:.36s}.about-vial-card:nth-child(10){animation-delay:.4s}.about-vial-card:nth-child(11){animation-delay:.44s}.about-vial-card:nth-child(12){animation-delay:.48s}
.trust-body a{color:var(--green);text-decoration:none}
.trust-body a:hover{text-decoration:underline}
@media(max-width:900px){.about-hero--vial .about-hero-visual{min-height:260px;order:-1}}
@media(max-width:600px){.about-vial-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.about-panel-inner{padding:1.5rem 1.25rem}}