
:root{--bg:#070809;--panel:#121416;--line:#303237;--red:#ef2530;--text:#f6f6f6;--muted:#aeb1b5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Inter,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#fff}img{max-width:100%}.wrap{max-width:1220px;margin:auto;padding:0 24px}.header{position:sticky;top:0;z-index:5;background:#08090aee;backdrop-filter:blur(16px);border-bottom:1px solid #292b2e}.head{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:245px;max-height:60px;object-fit:contain}.nav{display:flex;gap:25px;align-items:center}.nav a{font-size:13px;font-weight:700;letter-spacing:.05em;color:#ddd}.nav a:hover,.nav a[aria-current=page]{color:var(--red)}.menu{display:none;background:transparent;border:1px solid #555;color:white;padding:8px 12px;border-radius:4px}.hero{min-height:580px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 44%,#5c1119 0%,transparent 34%),linear-gradient(110deg,#08090b 20%,#1a1b1d 100%)}.hero .wrap{width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.eyebrow{color:#f34a52;text-transform:uppercase;letter-spacing:.24em;font-size:12px;font-weight:800}.hero h1,h1,h2{line-height:1.08;letter-spacing:-.045em}.hero h1{font-size:clamp(48px,6vw,90px);margin:18px 0 20px;text-transform:uppercase;font-style:italic}.hero h1 em{color:var(--red);font-style:normal}.lead{color:#d4d4d7;max-width:540px;font-size:18px}.hero-photo{height:470px;border-radius:12px;background:linear-gradient(90deg,#08090b30,#08090b00),url('assets/actual-vials.jpg') center 68%/cover;box-shadow:0 20px 100px #000a;border:1px solid #ffffff26}.btn{display:inline-block;border:1px solid var(--red);background:var(--red);color:#fff;padding:13px 22px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border-radius:5px;margin-top:16px}.btn.secondary{background:transparent;border-color:#707174}.section{padding:76px 0}.section h2{font-size:clamp(32px,4vw,48px);margin:6px 0 12px}.muted{color:var(--muted)}.rule{border-top:1px solid var(--line)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}.card img{width:100%;height:220px;object-fit:contain;background:#f4f4f4;padding:22px}.card .content{padding:21px}.card h3{margin:0 0 4px;font-size:20px}.card p{margin:0 0 8px}.tag{font-size:11px;letter-spacing:.08em;color:#ff777d;text-transform:uppercase;font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.feature{border:1px solid #34373a;background:#111315;border-radius:10px;padding:24px}.feature strong{display:block;font-size:19px;margin-bottom:8px}.feature .symbol{color:var(--red);font-size:30px}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.actual{width:100%;max-height:450px;object-fit:cover;object-position:center 72%;border-radius:12px}.footer{padding:44px 0;border-top:1px solid #303033;background:#0b0c0d}.footlinks{display:flex;flex-wrap:wrap;gap:15px 25px;font-size:13px;color:#bbb}.note{border-left:3px solid var(--red);background:#1a1315;padding:16px 20px;color:#e7d9db;margin:20px 0}.prose{max-width:820px}.prose h2{font-size:26px;margin-top:34px}.prose a{text-decoration:underline}.form{max-width:760px;display:grid;gap:14px}.form label{font-weight:700;font-size:13px}.form input,.form select,.form textarea{display:block;width:100%;background:#17191b;color:#fff;border:1px solid #4b4d50;padding:13px;border-radius:5px;font:inherit;margin-top:5px}.form button{cursor:pointer}.form .check{display:flex;align-items:flex-start;gap:12px}.form .check input{width:auto;margin-top:5px}.small{font-size:13px}.doc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.doc{background:#fff;color:#111;border-radius:8px;padding:8px}.doc img{height:260px;width:100%;object-fit:contain}.doc span{display:block;padding:8px;font-weight:700;font-size:12px}.pill{display:inline-block;border:1px solid #555;border-radius:30px;padding:5px 12px;font-size:12px;margin:4px;color:#ccc}
@media(max-width:900px){.nav{display:none;position:absolute;top:82px;left:0;right:0;background:#101112;flex-direction:column;padding:20px;border-bottom:1px solid #444}.nav.open{display:flex}.menu{display:block}.hero .wrap,.split{grid-template-columns:1fr}.hero{padding:50px 0}.hero-photo{height:330px}.cards{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.doc-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.wrap{padding:0 17px}.logo{width:205px}.hero h1{font-size:49px}.hero-photo{height:270px}.cards,.doc-grid{grid-template-columns:1fr}.card img{height:260px}.section{padding:50px 0}}

.request-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}.product-rows{display:grid;gap:8px;margin:25px 0 40px}.product-row{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#141618;border:1px solid #35383b;padding:13px 17px;border-radius:8px}.product-row strong,.product-row span{display:block}.product-row span{color:#aaa;font-size:13px}.product-row label{font-size:12px;color:#bbb}.product-row input{display:block;width:82px;background:#090a0b;color:white;border:1px solid #555;border-radius:5px;padding:9px;font-size:16px}.summary{position:sticky;top:110px;background:#151719;border:1px solid #424448;border-radius:10px;padding:24px}.summary h2{font-size:24px}.sum-line{display:flex;justify-content:space-between;gap:10px;margin:14px 0}.summary-item{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin:10px 0}.summary hr{border:0;border-top:1px solid #444;margin:20px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hidden-field{position:absolute;left:-9999px}.price{color:#fff;font-size:22px;font-weight:800}.product-placeholder{height:220px;display:grid;place-items:center;background:linear-gradient(130deg,#17191c,#390b12);font-size:56px;font-weight:900;color:white}.card .btn{margin-top:10px}@media(max-width:900px){.request-layout{grid-template-columns:1fr}.summary{position:static;grid-row:1}}@media(max-width:480px){.two-col{grid-template-columns:1fr}}


/* Premium V2 design layer */
:root{--bg:#08090b;--panel:#141619;--line:#292d33;--red:#e3283a;--muted:#aeb2ba}
body{background:radial-gradient(ellipse at 90% -10%,#35131b 0,transparent 38%),#08090b;font-family:Inter,"Helvetica Neue",Arial,sans-serif}
.header{background:rgba(8,9,11,.93);border-bottom:1px solid #ffffff1a;box-shadow:0 8px 28px #0004}
.head{height:94px}.logo{width:235px}.nav{gap:23px}.nav a{font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.nav a[href="request.html"]{padding:12px 18px;background:linear-gradient(120deg,#b70c23,#f03448);border-radius:4px;color:white;box-shadow:0 7px 28px #dc26302b}
.hero{min-height:720px;background:radial-gradient(circle at 74% 45%,#7b172a70 0%,transparent 38%),linear-gradient(105deg,#09090c 4%,#111217 68%,#250b11)}
.hero .wrap{grid-template-columns:1.05fr .95fr;gap:75px}.hero h1{font-style:normal;letter-spacing:-.075em;font-weight:900;font-size:clamp(58px,7.2vw,112px);line-height:.96}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#f74958,#a90e2a);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{font-size:18px;color:#c4c6cc;line-height:1.8}
.hero-photo{height:550px;border:1px solid #ffffff28;border-radius:18px;box-shadow:0 30px 120px #e3283a20,0 40px 90px #000a;transform:rotate(-1.5deg);background-position:center 62%}
.hero .eyebrow{display:inline-block;padding:9px 14px;border:1px solid #ed3d505c;border-radius:100px;background:#f12c3b0d;font-size:10px;letter-spacing:.2em}
.section{padding:105px 0}.section h2{font-size:clamp(38px,4.7vw,62px);letter-spacing:-.06em;font-weight:900}
.section>.wrap>.eyebrow{margin-bottom:14px;display:block}.feature-grid,.cards{gap:24px;margin-top:40px}
.feature{padding:34px;background:linear-gradient(155deg,#1b1d22,#101114);border:1px solid #ffffff17;border-radius:16px}
.feature .symbol{font-size:42px}.feature strong{font-size:22px}.feature p{font-size:14px;line-height:1.8}
.card{background:#14161a;border:1px solid #ffffff18;border-radius:15px;box-shadow:0 20px 40px #0003;transition:transform .2s,border-color .2s}
.card:hover{transform:translateY(-5px);border-color:#e3283a75}.card img{height:300px;object-fit:contain;padding:22px;background:radial-gradient(circle at 50% 48%,#fafafa,#d9dbdf)}
.card .content{padding:26px}.card h3{font-size:22px}.card .price{font-size:27px;letter-spacing:-.04em}.tag{color:#ff5769;letter-spacing:.16em}
.btn{padding:16px 26px;border-radius:5px;background:linear-gradient(115deg,#a80d24,#f33348);border:1px solid #f33348;box-shadow:0 8px 24px #e3283a25;transition:transform .2s}
.btn:hover{transform:translateY(-2px)}.btn.secondary{background:#ffffff07;box-shadow:none}
.split{gap:80px}.actual{border-radius:18px;box-shadow:0 30px 70px #0008}
.footer{background:#0b0c0f;padding:64px 0}.footer .logo{margin-bottom:18px}.footlinks{margin:28px 0}
.prose{max-width:900px}.note{border-radius:0 8px 8px 0}
.product-row{background:linear-gradient(115deg,#191b1f,#121417);border:1px solid #ffffff1a;border-radius:9px;padding:16px 20px}
.summary{background:linear-gradient(150deg,#1b1d22,#101115);border:1px solid #ffffff2b;border-radius:15px;box-shadow:0 20px 50px #0006}
.summary h2{font-size:24px}.form input:focus,.form select:focus,.form textarea:focus,.qty:focus{outline:2px solid #f43b4e;outline-offset:2px}
.discount-box{margin:24px 0;padding:18px;border:1px solid #ffffff24;border-radius:10px;background:#ffffff06}
.discount-box label{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}
.discount-actions{display:flex;gap:8px}.discount-actions input{width:100%;min-width:0;border:1px solid #555;border-radius:5px;background:#0b0d0f;color:white;padding:12px;font-size:15px;text-transform:uppercase}
.discount-actions button{margin:0;white-space:nowrap;cursor:pointer}.promo-status{font-size:12px;margin-top:10px;min-height:20px}.promo-status.ok{color:#7cdda1}.promo-status.error{color:#ff7885}
@media(max-width:900px){.head{height:82px}.hero .wrap{grid-template-columns:1fr;gap:35px}.hero{min-height:0}.hero-photo{height:400px;transform:none}.nav a[href="request.html"]{width:100%;text-align:center}.section{padding:65px 0}}
@media(max-width:580px){.hero h1{font-size:58px}.hero-photo{height:310px}.section{padding:52px 0}.card img{height:250px}.discount-actions{flex-wrap:wrap}.discount-actions button{width:100%}}

/* Launch visual polish */
.hero{min-height:720px;isolation:isolate;overflow:hidden}
.hero .wrap{position:relative;display:block;min-height:720px;padding-top:140px;padding-bottom:110px;z-index:1}
.hero .wrap>div:first-child{position:relative;z-index:2;max-width:760px}
.hero-photo{position:absolute;inset:0 0 0 auto;width:100%;height:100%;border:0;border-radius:0;transform:none;box-shadow:none;background:linear-gradient(90deg,#08090b 3%,#08090bdb 32%,#08090b10 64%),url("assets/hero-premium-4k.jpg") center center/cover no-repeat;z-index:0}
.hero h1{font-size:clamp(58px,7vw,110px)}.hero .lead{max-width:520px}
@media(max-width:900px){.hero .wrap{min-height:630px;padding-top:90px;padding-bottom:70px}.hero-photo{background:linear-gradient(90deg,#08090bee,#08090ba0 65%,#08090b35),url("assets/hero-premium-4k.jpg") 65% center/cover no-repeat}.hero h1{font-size:clamp(48px,10vw,85px)}}
@media(max-width:580px){.hero .wrap{min-height:640px;padding-top:75px}.hero h1{font-size:clamp(47px,13vw,65px)}.hero-photo{background:linear-gradient(180deg,#08090bf0,#08090b99 60%,#08090b44),url("assets/hero-premium-4k.jpg") 65% center/cover no-repeat}}

/* AI visual collection */
.hero-photo{background:linear-gradient(90deg,#08090b 0%,#08090bc9 32%,#08090b00 72%),url("assets/ai-vials-hero.jpg") 80% center/cover no-repeat}
.card img{background:radial-gradient(circle at 50% 44%,#252b31,#0b0d10 70%);object-fit:contain;padding:8px;height:310px}
@media(max-width:900px){.hero-photo{background:linear-gradient(90deg,#08090bd9,#08090b65),url("assets/ai-vials-hero.jpg") 60% center/cover no-repeat}}
@media(max-width:580px){.hero-photo{background:linear-gradient(180deg,#08090be8,#08090b55),url("assets/ai-vials-hero.jpg") center/cover no-repeat}}


/* VELOCITY RESEARCH — PREMIUM MOBILE PRESENTATION v3
   Visual-only overrides. All existing Netlify forms, field names, request.js,
   promo rules, shipping calculations, catalog data, and URLs are unchanged. */
:root{--bg:#050608;--panel:#101216;--line:#303238;--red:#f01936;--text:#fafafa;--muted:#b8bac1}
html{scroll-padding-top:112px}body{background:#060709;color:#f5f5f7;-webkit-font-smoothing:antialiased}
.header{z-index:100;background:rgba(5,6,8,.97);box-shadow:0 8px 35px #0009;border-bottom:1px solid #ffffff1c}
.head{height:78px}.logo{width:210px;max-height:60px;object-fit:contain}
.nav a{font-weight:750}.menu{border:1px solid #5d6066;border-radius:8px;padding:10px 15px;font-weight:700;cursor:pointer}
.btn,.discount-actions button{background:linear-gradient(110deg,#c40d2a,#ff2846);border-color:#ff3651;border-radius:8px;box-shadow:0 8px 28px #e20d3330;transition:filter .2s,transform .2s}
.btn:hover,.discount-actions button:hover{filter:brightness(1.1);transform:translateY(-1px)}
.section{padding:75px 0;scroll-margin-top:105px}.section h2{font-size:clamp(29px,3.8vw,50px);letter-spacing:-.052em;line-height:1.12}
.eyebrow{color:#ff5268;letter-spacing:.19em;font-weight:850}
.hero{min-height:610px;background:radial-gradient(ellipse at 80% 40%,#7c102d55,transparent 48%),#07080a}
.hero .wrap{min-height:610px;padding-top:120px;padding-bottom:85px}
.hero .wrap>div:first-child{max-width:650px}
.hero h1{font-size:clamp(48px,6vw,84px);line-height:1.02;letter-spacing:-.067em}
.hero .lead{line-height:1.65;max-width:430px}
.hero-photo{background:linear-gradient(90deg,#07080a 3%,#07080ae8 28%,#07080a44 60%,#07080a11 100%),radial-gradient(circle at 78% 55%,#8d102c80,transparent 46%),url('assets/product-01.webp') 84% center/auto 90% no-repeat!important;filter:contrast(1.08)}
.feature-grid{gap:14px}.feature{padding:25px;border-radius:16px;background:linear-gradient(140deg,#1b1d22,#101115)}
.feature .symbol{font-size:28px}.feature strong{font-size:20px}
.cards{gap:17px;margin-top:25px}.card{border:1px solid #ffffff22;border-radius:18px;background:linear-gradient(145deg,#17191d,#101115);overflow:hidden}
.card img{width:100%;height:265px;object-fit:contain;padding:10px;background:radial-gradient(ellipse at center,#22252b 0%,#090a0c 72%)}
.card .content{padding:18px 20px 23px}.card h3{font-size:20px;line-height:1.2}.card p{font-size:14px}
.card .price,.price{font-size:25px;font-weight:900;letter-spacing:-.04em}
.card .btn{display:block;text-align:center;padding:12px 13px}
.actual{object-fit:contain;max-height:460px;background:radial-gradient(circle,#29232a,#070809 70%);border-radius:16px}
.note{background:#1b1115;border-radius:0 9px 9px 0}
.prose{max-width:900px}.prose h2{line-height:1.15}.doc{border-radius:12px;overflow:hidden}.doc img{background:#fff}
.product-rows{gap:9px}.product-row{background:linear-gradient(115deg,#191b20,#111317);border-color:#ffffff20;border-radius:11px;padding:13px 15px;min-height:82px}
.product-row strong{font-size:15px}.product-row input{width:76px;border-radius:8px;background:#08090c;border-color:#50535a}
.summary{border-radius:17px;background:linear-gradient(155deg,#1b1d22,#101115);border-color:#ffffff27;box-shadow:0 16px 45px #0005;padding:24px}
.summary h2{font-size:24px;letter-spacing:-.04em}.sum-line{font-size:15px}
.discount-box{border-radius:12px}.discount-actions input{border-radius:8px}
.form input,.form select,.form textarea{border-radius:9px;background:#17191d;border-color:#50535b;min-height:48px;font-size:16px}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid #ed2648;outline-offset:1px}
.form textarea{min-height:105px}.form button{min-height:50px;position:relative;line-height:1.35;white-space:normal}
.footer{background:#07080a}.footlinks a:hover{color:#ff5b6e}
@media(max-width:900px){
 .head{height:72px}.nav{top:72px;z-index:101}.hero{min-height:0}.hero .wrap{min-height:590px;padding-top:85px;padding-bottom:65px}
 .hero-photo{background:linear-gradient(90deg,#07080af0 5%,#07080a99 53%,#07080a22),radial-gradient(circle at 85% 55%,#a10b2f77,transparent 40%),url('assets/product-01.webp') 96% center/auto 82% no-repeat!important}
 .request-layout{gap:22px}.summary{position:static}
}
@media(max-width:580px){
 html{scroll-padding-top:86px}.wrap{padding-left:17px;padding-right:17px}.head{height:72px}.logo{width:180px;max-height:52px}.menu{font-size:13px;padding:9px 11px}
 .hero .wrap{min-height:620px;padding-top:65px;padding-bottom:40px}.hero h1{font-size:clamp(44px,11.8vw,60px);max-width:330px}.hero .lead{max-width:320px;font-size:15px}
 .hero-photo{background:linear-gradient(180deg,#07080afa 0%,#07080abb 37%,#07080a44 78%,#07080a12),radial-gradient(circle at 76% 72%,#a10b2f99,transparent 44%),url('assets/product-01.webp') 84% 100%/auto 67% no-repeat!important}
 .section{padding:43px 0}.section h2{font-size:clamp(29px,8vw,39px)}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:22px}
 .card{border-radius:12px}.card img{height:185px;padding:3px}.card .content{padding:12px}.card h3{font-size:16px}.card .price{font-size:20px}.card .tag{font-size:9px;letter-spacing:.055em}.card p{font-size:12px}
 .card .btn{font-size:10px;letter-spacing:.01em;padding:10px 6px;margin-top:8px}.feature-grid{gap:12px}.feature{padding:21px}.feature strong{font-size:18px}
 .summary{padding:18px;border-radius:14px}.summary h2{font-size:23px}.request-layout{gap:18px}.product-row{min-height:76px;padding:12px}.product-row strong{font-size:14px}.product-row span{font-size:12px}
 .prose h2{font-size:24px}.doc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.doc img{height:175px}.doc span{font-size:11px}
 .form{gap:12px}.form label{font-size:13px}.form input,.form select,.form textarea{padding:11px}
}
@media(max-width:360px){.logo{width:155px}.cards{gap:8px}.card img{height:155px}.card .content{padding:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.btn{transition:none}}
