*{margin:0;padding:0;box-sizing:border-box;}
:root{--black:#111;--white:#fff;--gray-light:#f5f5f5;--gray-mid:#e0e0e0;--gray-dark:#555;--font-main:'Montserrat',sans-serif;--font-body:'Inter',sans-serif;}
body{font-family:var(--font-body);color:var(--black);background:var(--white);overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}

/* TOP BANNER */
.top-banner{background:var(--black);color:var(--white);text-align:center;padding:10px 20px;font-family:var(--font-main);font-size:11px;font-weight:600;letter-spacing:1.5px;}
.banner-inner{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;}
.banner-inner svg{vertical-align:middle;margin:0 4px;}
.divider{opacity:.4;}

/* NAVBAR */
.navbar{position:sticky;top:0;z-index:1000;background:var(--white);border-bottom:1px solid var(--gray-mid);transition:box-shadow .3s;}
.navbar.scrolled{box-shadow:0 2px 20px rgba(0,0,0,.08);}
.nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.logo{display:flex;align-items:center;gap:10px;}
.logo-icon{display:flex;align-items:center;}
.logo-text{display:flex;flex-direction:column;line-height:1;}
.logo-main{font-family:var(--font-main);font-size:20px;font-weight:800;letter-spacing:4px;color:var(--black);}
.logo-sub{font-family:var(--font-main);font-size:8px;font-weight:500;letter-spacing:4px;color:var(--gray-dark);}
.nav-links{display:flex;align-items:center;gap:32px;}
.nav-link{font-family:var(--font-main);font-size:12px;font-weight:600;letter-spacing:1.5px;color:var(--black);display:flex;align-items:center;gap:4px;transition:opacity .2s;}
.nav-link:hover,.nav-link.active{opacity:.5;}
.nav-dropdown{position:relative;}
.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:var(--white);border:1px solid var(--gray-mid);min-width:160px;z-index:200;box-shadow:0 8px 24px rgba(0,0,0,.1);}
.nav-dropdown:hover .dropdown-menu{display:block;}
.dropdown-item{display:block;padding:12px 20px;font-family:var(--font-main);font-size:11px;font-weight:600;letter-spacing:1px;transition:background .2s;}
.dropdown-item:hover{background:var(--gray-light);}
.nav-actions{display:flex;align-items:center;gap:8px;}
.icon-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;transition:opacity .2s;}
.icon-btn:hover{opacity:.5;}
.cart-btn{position:relative;}
.cart-count{position:absolute;top:2px;right:2px;background:var(--black);color:var(--white);border-radius:50%;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;}
.hamburger span{display:block;width:22px;height:2px;background:var(--black);transition:.3s;}

/* SEARCH BAR */
.search-bar{display:none;background:var(--gray-light);border-top:1px solid var(--gray-mid);}
.search-bar.active{display:block;}
.search-inner{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:12px;}
.search-inner input{flex:1;border:none;background:none;font-family:var(--font-main);font-size:13px;letter-spacing:1px;outline:none;}
#search-close{background:none;border:none;cursor:pointer;opacity:.5;}
#search-close:hover{opacity:1;}

/* HERO */
.hero{min-height:75vh;background:var(--gray-light);display:flex;align-items:center;overflow:hidden;}
.hero-content{max-width:1200px;margin:0 auto;padding:60px 24px;display:flex;align-items:center;justify-content:space-between;gap:40px;width:100%;}
.hero-text{flex:1;max-width:480px;}
.hero-title{font-family:var(--font-main);font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.05;letter-spacing:2px;margin-bottom:20px;}
.hero-title span{display:block;}
.hero-divider{display:flex;align-items:center;gap:8px;margin-bottom:20px;}
.dash{display:block;width:32px;height:2px;background:var(--black);}
.dot{display:block;width:6px;height:6px;border-radius:50%;background:var(--black);}
.hero-subtitle{font-size:14px;color:var(--gray-dark);line-height:1.7;margin-bottom:32px;}
.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-family:var(--font-main);font-size:11px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:.25s;border:2px solid transparent;}
.btn-dark{background:var(--black);color:var(--white);border-color:var(--black);}
.btn-dark:hover{background:var(--white);color:var(--black);}
.btn-outline{background:var(--white);color:var(--black);border-color:var(--black);}
.btn-outline:hover{background:var(--black);color:var(--white);}
.btn-outline-dark{background:transparent;color:var(--black);border-color:var(--black);}
.btn-outline-dark:hover{background:var(--black);color:var(--white);}
.btn-outline-light{background:transparent;color:var(--white);border-color:var(--white);}
.btn-outline-light:hover{background:var(--white);color:var(--black);}
.full-width{width:100%;}

/* HERO VIAL SCENE */
.hero-image{flex:1;display:flex;justify-content:center;align-items:center;}
.vial-scene{position:relative;width:340px;height:340px;}
.vial-group{position:relative;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:16px;}
.vial{display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 10px 30px rgba(0,0,0,.15));}
.vial-cap{width:28px;height:18px;background:linear-gradient(180deg,#333,#111);border-radius:4px 4px 0 0;}
.vial-body{width:60px;height:140px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(240,240,240,.7));border:1px solid rgba(200,200,200,.6);border-radius:2px 2px 6px 6px;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.vial-body::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.5) 0%,transparent 60%);}
.vial-label{text-align:center;padding:8px 4px;z-index:1;}
.vial-logo-small{display:flex;flex-direction:column;align-items:center;margin-bottom:6px;}
.vl-apex{font-family:var(--font-main);font-size:10px;font-weight:800;letter-spacing:2px;color:var(--black);}
.vl-sub{font-family:var(--font-main);font-size:5px;font-weight:500;letter-spacing:1.5px;color:var(--gray-dark);}
.vial-warning{font-family:var(--font-main);font-size:5px;font-weight:600;letter-spacing:.5px;color:var(--black);text-align:center;line-height:1.4;margin:4px 0;}
.vial-mg{font-family:var(--font-main);font-size:8px;font-weight:700;letter-spacing:1px;}
.vial-label.sm{padding:4px;}
.main-vial{transform:rotate(-5deg);margin-bottom:10px;}
.main-vial .vial-cap{width:32px;height:20px;}
.main-vial .vial-body{width:68px;height:155px;}
.side-vial-1{transform:rotate(8deg);margin-bottom:0;opacity:.85;}
.side-vial-1 .vial-cap{width:24px;height:16px;}
.side-vial-1 .vial-body{width:52px;height:120px;}
.product-box{width:80px;height:100px;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);border:1px solid #ccc;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;box-shadow:4px 4px 0 rgba(0,0,0,.05);}
.box-face{display:flex;flex-direction:column;align-items:center;gap:8px;}
.box-logo{display:flex;flex-direction:column;align-items:center;}
.box-apex{font-family:var(--font-main);font-size:11px;font-weight:800;letter-spacing:2px;}
.box-peptides{font-family:var(--font-main);font-size:5px;letter-spacing:1.5px;color:var(--gray-dark);}

/* FEATURES STRIP */
.features-strip{background:var(--white);border-bottom:1px solid var(--gray-mid);}
.features-inner{max-width:1200px;margin:0 auto;padding:48px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;}
.feature-item{text-align:center;}
.feature-icon{margin-bottom:16px;display:flex;justify-content:center;}
.feature-item h3{font-family:var(--font-main);font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:8px;}
.feature-item p{font-size:12px;color:var(--gray-dark);line-height:1.6;}

/* PRODUCTS SECTION */
.products-section{padding:80px 24px;background:var(--white);}
.section-header{text-align:center;margin-bottom:48px;}
.section-header h2{font-family:var(--font-main);font-size:clamp(20px,3vw,28px);font-weight:700;letter-spacing:4px;margin-bottom:16px;}
.section-divider{display:flex;align-items:center;justify-content:center;gap:8px;}
.products-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.product-card{border:1px solid var(--gray-mid);padding:24px 16px;text-align:center;transition:transform .25s,box-shadow .25s;cursor:pointer;}
.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.1);}
.product-card-image{height:180px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:var(--gray-light);}
.mini-vial{display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));}
.mini-vial-cap{width:24px;height:14px;background:linear-gradient(180deg,#333,#111);border-radius:3px 3px 0 0;}
.mini-vial-body{width:52px;height:110px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(235,235,235,.8));border:1px solid rgba(200,200,200,.5);border-radius:1px 1px 4px 4px;display:flex;align-items:center;justify-content:center;}
.mini-label{text-align:center;padding:6px 4px;}
.mini-label .vl-apex{font-size:8px;letter-spacing:1.5px;}
.mini-label .vl-sub{font-size:4px;letter-spacing:1px;}
.mini-label .vial-mg{font-size:7px;}
.product-name{font-family:var(--font-main);font-size:13px;font-weight:700;letter-spacing:1px;margin-bottom:6px;}
.product-price{font-family:var(--font-main);font-size:13px;font-weight:600;color:var(--gray-dark);margin-bottom:16px;}
.add-to-cart-btn{width:100%;padding:12px;background:var(--black);color:var(--white);border:none;font-family:var(--font-main);font-size:10px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:.25s;}
.add-to-cart-btn:hover{background:#333;}
.view-all-wrap{text-align:center;margin-top:48px;}

/* MISSION */
.mission-section{display:flex;min-height:480px;background:var(--black);}
.mission-image{flex:1;overflow:hidden;position:relative;}
.microscope-art{width:100%;height:100%;min-height:400px;}
.mission-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:60px 80px 60px 60px;}
.mission-label{font-family:var(--font-main);font-size:11px;font-weight:600;letter-spacing:3px;color:#888;margin-bottom:16px;}
.mission-divider{display:flex;align-items:center;gap:8px;margin-bottom:24px;}
.dash.light,.dot.light{background:var(--white);}
.mission-title{font-family:var(--font-main);font-size:clamp(24px,3vw,38px);font-weight:800;color:var(--white);letter-spacing:1px;line-height:1.2;margin-bottom:20px;}
.mission-text{font-size:13px;color:#aaa;line-height:1.8;margin-bottom:32px;max-width:380px;}

/* TRUST STRIP */
.trust-strip{background:var(--gray-light);border-top:1px solid var(--gray-mid);}
.trust-inner{max-width:1000px;margin:0 auto;padding:40px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.trust-item{display:flex;align-items:center;gap:16px;}
.trust-icon{flex-shrink:0;}
.trust-text h4{font-family:var(--font-main);font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:4px;}
.trust-text p{font-size:12px;color:var(--gray-dark);}

/* FOOTER */
.footer{background:#0d0d0d;color:#aaa;padding:60px 24px 0;}
.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid #222;}
.footer-brand p{font-size:12px;line-height:1.8;margin-bottom:24px;max-width:260px;}
.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.footer-logo-main{font-family:var(--font-main);font-size:18px;font-weight:800;letter-spacing:4px;color:var(--white);}
.footer-logo-sub{font-family:var(--font-main);font-size:7px;letter-spacing:3px;color:#666;display:block;}
.social-links{display:flex;gap:12px;}
.social-link{color:#555;padding:8px;border:1px solid #222;display:flex;transition:.2s;}
.social-link:hover{color:var(--white);border-color:#555;}
.footer-col h5{font-family:var(--font-main);font-size:11px;font-weight:700;letter-spacing:2px;color:var(--white);margin-bottom:20px;}
.footer-col li{margin-bottom:10px;}
.footer-col a{font-size:12px;color:#666;transition:.2s;}
.footer-col a:hover{color:var(--white);}
.footer-bottom{max-width:1200px;margin:0 auto;padding:20px 0;text-align:center;font-size:11px;color:#444;}

/* CART SIDEBAR */
.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1100;opacity:0;pointer-events:none;transition:opacity .3s;}
.cart-overlay.active{opacity:1;pointer-events:all;}
.cart-sidebar{position:fixed;right:0;top:0;bottom:0;width:380px;background:var(--white);z-index:1200;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;}
.cart-sidebar.active{transform:translateX(0);}
.cart-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--gray-mid);}
.cart-header h3{font-family:var(--font-main);font-size:13px;font-weight:700;letter-spacing:2px;}
#cart-close-btn{background:none;border:none;cursor:pointer;opacity:.6;}
#cart-close-btn:hover{opacity:1;}
.cart-items{flex:1;overflow-y:auto;padding:24px;}
.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:16px;color:#bbb;}
.cart-empty p{font-family:var(--font-main);font-size:12px;letter-spacing:1px;}
.cart-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--gray-mid);}
.cart-item-info{flex:1;}
.cart-item-name{font-family:var(--font-main);font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;}
.cart-item-price{font-size:12px;color:var(--gray-dark);}
.cart-item-remove{background:none;border:none;cursor:pointer;opacity:.4;font-size:18px;padding:4px;}
.cart-item-remove:hover{opacity:1;}
.cart-footer{padding:24px;border-top:1px solid var(--gray-mid);}
.cart-total{display:flex;justify-content:space-between;margin-bottom:16px;font-family:var(--font-main);font-size:12px;font-weight:700;letter-spacing:1px;}

/* NOTIFICATION */
.notification{position:fixed;bottom:24px;right:24px;background:var(--black);color:var(--white);padding:12px 20px;display:flex;align-items:center;gap:10px;font-family:var(--font-main);font-size:11px;font-weight:600;letter-spacing:1px;transform:translateY(80px);opacity:0;transition:.35s;z-index:2000;border-radius:2px;}
.notification.show{transform:translateY(0);opacity:1;}

/* RESPONSIVE */
@media(max-width:900px){
.features-inner{grid-template-columns:repeat(2,1fr);}
.products-grid{grid-template-columns:repeat(2,1fr);}
.mission-section{flex-direction:column;}
.mission-content{padding:48px 32px;}
.footer-inner{grid-template-columns:1fr 1fr;gap:32px;}
.trust-inner{grid-template-columns:1fr;}
}
@media(max-width:600px){
.nav-links{display:none;position:fixed;top:70px;left:0;right:0;background:var(--white);flex-direction:column;padding:24px;border-bottom:1px solid var(--gray-mid);gap:20px;}
.nav-links.open{display:flex;}
.hamburger{display:flex;}
.hero-content{flex-direction:column;text-align:center;}
.hero-image{display:none;}
.hero-buttons{justify-content:center;}
.features-inner{grid-template-columns:1fr;}
.products-grid{grid-template-columns:1fr;}
.footer-inner{grid-template-columns:1fr;}
.cart-sidebar{width:100%;}
}