*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;background:#f7f9fb;color:#102033}.testbar{background:#0c1a2a;color:white;text-align:center;padding:8px;font-size:12px;letter-spacing:.08em}header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:10px 5vw;background:#fff;border-bottom:1px solid #dbe2e8}.logo{height:58px}nav{display:flex;gap:20px;align-items:center}nav a{text-decoration:none;color:#102033;font-weight:700}nav button,.cta,.coa button{border:0;background:#0c1a2a;color:#fff;padding:12px 16px;border-radius:999px;font-weight:700;text-decoration:none}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:70px 7vw;background:linear-gradient(135deg,#f7fbff,#e7eef4)}h1,h2,h3{font-family:Georgia,serif;color:#0c1a2a;margin:0}h1{font-size:clamp(50px,7vw,96px);line-height:.95}h2{font-size:clamp(38px,5vw,64px)}.hero p{font-size:19px;color:#5d6b78;margin-bottom:28px}.heroimg{width:100%;background:#fff;border-radius:28px;box-shadow:0 20px 50px #7892a622}.kicker{font-size:12px;letter-spacing:.18em;font-weight:800;color:#657f97}.trust{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-block:1px solid #dbe2e8}.trust div{padding:22px 5vw;border-right:1px solid #dbe2e8;display:grid;gap:5px}.trust span{font-size:13px;color:#687783}.section{padding:85px 7vw}.head{display:flex;justify-content:space-between;align-items:end;gap:30px}.head p{max-width:580px;color:#667482}.search{width:100%;margin:28px 0 24px;padding:14px 16px;border:1px solid #dbe2e8;border-radius:12px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid #dbe2e8;border-radius:22px;overflow:hidden}.visual{height:170px;background:linear-gradient(145deg,#f3f7fa,#dce7ee);display:grid;place-items:center}.vial{width:76px;height:105px;border:2px solid #b9c4cc;border-radius:12px 12px 18px 18px;background:linear-gradient(#fff,#eef4f7);position:relative}.vial:before{content:"";position:absolute;width:58px;height:18px;left:7px;top:-20px;background:#adb8c2;border-radius:5px}.vial:after{content:"PURINVIAL";position:absolute;left:8px;right:8px;top:38px;padding:8px 2px;background:#fff;border:1px solid #d5dde3;text-align:center;font-size:8px;font-weight:800}.body{padding:17px}.body h3{font-size:22px}.dose{color:#647280;font-size:13px;min-height:34px;margin:8px 0}.price{font-size:19px;font-weight:900;margin-bottom:10px}.tiers{display:grid;gap:6px;margin:10px 0}.tier{display:flex;justify-content:space-between;background:#f3f6f8;border-radius:8px;padding:7px 9px;font-size:12px}.add{width:100%;border:0;background:#0c1a2a;color:#fff;padding:12px;border-radius:12px;font-weight:800}.alt{background:#eef4f8}.coa{display:flex;gap:10px;max-width:650px;margin-top:20px}.coa input{flex:1;padding:14px;border:1px solid #dbe2e8;border-radius:12px}.result{background:#fff;padding:14px;border-radius:12px;max-width:650px;color:#697783}footer{display:flex;justify-content:space-between;align-items:center;padding:30px 7vw;background:#fff;border-top:1px solid #dbe2e8}footer img{height:62px}.cart{position:fixed;right:0;top:0;width:min(430px,100%);height:100vh;background:#fff;z-index:30;padding:24px;transform:translateX(105%);transition:.25s;box-shadow:-20px 0 50px #0002}.cart.open{transform:translateX(0)}.carthead{display:flex;justify-content:space-between}.carthead button{border:0;background:none;font-size:30px}.line{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #e1e6ea}.total{display:flex;justify-content:space-between;margin:20px 0;font-size:18px}.disabled{width:100%;padding:14px;border:0;border-radius:12px;background:#8b98a3;color:white}.overlay{position:fixed;inset:0;background:#0b1a2944;opacity:0;pointer-events:none;z-index:20}.overlay.show{opacity:1;pointer-events:auto}@media(max-width:1050px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.head{display:grid}.trust{grid-template-columns:1fr}}@media(max-width:560px){header{padding:8px 14px}.logo{height:48px}nav a{display:none}.section,.hero{padding-left:18px;padding-right:18px}.grid{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start}.coa{flex-direction:column}}