:root{color-scheme:light;background:#fff;--ink:#0b1d37;--navy:#07192e;--blue:#274f83;--muted:#50637b;--line:#dce4ed;--paper:#f3f6fa;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--white);color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 72px));margin:auto}.skip{position:absolute;left:15px;top:-70px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.notice{text-align:center;background:#08192e;color:#d6e1ef;padding:8px 12px;font-size:10px;letter-spacing:.14em;font-weight:700}.notice span:not([data-zh]){color:#8aaed6;margin:0 8px}header{position:sticky;top:0;background:white;z-index:5;border-bottom:1px solid var(--line)}nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}.brand{display:flex;align-items:center;gap:9px;font-weight:850;line-height:1;letter-spacing:.13em}.brand img{width:47px;height:35px;object-fit:contain}.brand small{display:block;margin-top:5px;font-size:8px;letter-spacing:.32em;color:var(--muted)}.navlinks{display:flex;gap:28px;font-size:14px;font-weight:650}.navlinks a:hover,.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 17px;border-radius:6px;border:1px solid transparent;font-size:14px;font-weight:720;white-space:nowrap}.outline{border-color:#b8c8d9}.outline:hover,.filter:hover{background:#eef3f9}.menu{display:none}.hero{background:radial-gradient(ellipse at 80% 36%,#254a77 0%,#102a48 42%,#081a30 78%);color:white}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:520px}.hero-copy{padding:48px 0;position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#325783;margin:0 0 17px}.eyebrow i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#729bcc;margin-right:6px}.hero .eyebrow{color:#bfd5ed}h1,h2,h3,p{margin-top:0}h1,h2{line-height:1.04;letter-spacing:-.058em}h1{font-size:clamp(49px,6vw,80px);margin-bottom:21px}h1 em{font-style:normal;color:#b6cce6}h2{font-size:clamp(36px,5vw,59px);margin-bottom:16px}h3{line-height:1.2}.intro{max-width:440px;color:#d5e1ee;font-size:17px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.primary{background:#dceafb;color:#0b2240}.primary:hover{background:#fff}.ghost{border-color:#8099b5;color:#fff}.ghost:hover{background:#ffffff19}.hero-art{position:relative;align-self:stretch;display:grid;align-content:center}.art-caption{display:flex;justify-content:space-between;border-top:1px solid #a9c4e24d;padding-top:9px;color:#c0d4e9;font-size:9px;letter-spacing:.16em}.rail{background:#eaf0f7;border-bottom:1px solid var(--line)}.rail-grid{display:grid;grid-template-columns:repeat(3,1fr)}.rail a{padding:19px 12px 19px 0;font-size:13px;font-weight:700}.rail b{color:#456b99;margin-right:8px}.section{padding-block:74px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px}.section-head p{max-width:350px;color:var(--muted)}.toolbar{margin:16px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter,.search{border:1px solid var(--line);background:white;color:var(--ink);border-radius:6px;padding:8px 12px;font-size:14px}.filter.active{color:white;background:#17365a;border-color:#17365a}.search{display:flex;gap:7px;align-items:center}.search input{border:0;background:transparent;min-width:0;color:inherit}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article{border:1px solid var(--line);border-radius:10px;overflow:hidden}.card-copy{padding:17px 19px}.badge{font-size:10px;font-weight:800;letter-spacing:.12em;color:#4e6b8d}.card-copy h3{margin:6px 0 10px}.docs,.faq{background:var(--paper)}.docs-grid,.about,.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.docs p,.about p,.faq p,footer p{color:var(--muted)}.doc-panel{background:white;border:1px solid var(--line);border-radius:10px;padding:26px}.doc-icon{font-size:27px;margin:0 0 6px}.badge{background:#eaf0f7;padding:5px 8px;border-radius:4px}.doc-panel h3{margin:15px 0 7px}.doc-panel p:last-child,.about p:last-child{margin-bottom:0}.about img{width:min(100%,340px);height:auto;justify-self:center;mix-blend-mode:multiply}.faq-grid{align-items:start}.faq details{border-bottom:1px solid #cdd8e5;padding:15px 0}.faq summary{font-weight:700;cursor:pointer}.faq details p{margin:9px 0 0}.faq details a{text-decoration:underline}footer{background:#08192e;color:#eef4fb}.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:30px}.footer-grid div:nth-child(2){display:flex;gap:14px;flex-wrap:wrap}footer p{color:#a8bbd1;margin:4px 0 0;font-size:13px}
@media(max-width:780px){.wrap{width:calc(100% - 36px)}.menu{display:block;background:white;border:1px solid var(--line);border-radius:5px;padding:6px 11px}.navcta{display:none}.navlinks{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:17px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:14px 22px}.navlinks.open{display:flex}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:48px 0 0}.hero-art{padding-bottom:22px}.section{padding-block:51px}.section-head{display:block}.docs-grid,.about,.faq-grid{grid-template-columns:1fr;gap:20px}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:470px){.rail a{font-size:11px}.rail b{display:block}.cards{grid-template-columns:1fr}.notice{letter-spacing:.08em;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.product-photo{position:relative;container-type:inline-size;background:#142d4b}
.vial-photo{width:100%;height:auto}
.vial-label{position:absolute;left:36.5%;top:41%;width:27%;height:34%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9cqw;text-align:center;color:#0b2547}
.vial-brand{display:flex;align-items:center;justify-content:center;gap:.65cqw;width:88%;padding-bottom:.75cqw;border-bottom:1px solid #7592b5;font-size:2.15cqw;letter-spacing:.075em;line-height:1}
.vial-brand img{width:3.6cqw;mix-blend-mode:multiply}
.label-name{font-size:3.65cqw;line-height:1.06;font-weight:850;overflow-wrap:anywhere;text-wrap:balance}
.label-name.long-name{font-size:2.95cqw}
.label-size{font-size:3.5cqw;line-height:1;font-weight:800;color:#234f7e}
.card-copy h3{margin:0 0 12px}
.sizes{display:flex;flex-wrap:wrap;gap:5px;min-height:30px;align-items:center;font-size:13px;font-weight:700}
.sizes button{border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink);padding:3px 8px}
.sizes button:hover{background:#eaf1fa}
.sizes button[aria-pressed="true"]{background:#17365a;border-color:#17365a;color:white}
.pack-size{margin:9px 0 0;font-size:12px;color:var(--muted)}

@media(max-width:780px){.hero-art{padding-top:22px}}
.hero-vial-stage{position:relative;isolation:isolate;aspect-ratio:1.32;margin:0 auto 10px;width:min(100%,560px)}
.hero-vial-stage::before{content:"";position:absolute;inset:9% 6% 1%;background:radial-gradient(ellipse at 50% 55%,#79a9de40,transparent 67%);z-index:-2}
.hero-vial-stage::after{content:"";position:absolute;inset:auto 8% 0;height:16%;background:radial-gradient(ellipse,#050f20b0,transparent 72%);z-index:-1}
.hero-vial{position:absolute;bottom:12%;width:27%;container-type:inline-size;filter:drop-shadow(0 9px 10px #06142880)}
.hero-vial--left{left:28%;transform:translateX(-50%)}
.hero-vial--right{left:72%;transform:translateX(-50%)}
.hero-vial--center{left:50%;bottom:4%;width:31.5%;transform:translateX(-50%);z-index:1}
.hero-vial-image{width:100%;height:auto}
.hero-vial-label{position:absolute;inset:42% 7% 17%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3cqw;text-align:center;color:#0b2547;line-height:1}
.hero-vial-label img{width:24cqw;mix-blend-mode:multiply}
.hero-vial-label b{font-size:13cqw;letter-spacing:.06em}
.hero-vial-label span{font-size:5cqw;font-weight:800;letter-spacing:.13em}

.catalog-section{background:var(--white);color:var(--ink)}
.catalog-section .cards article{background:var(--white)}

.about-section{color:var(--ink);background:#f1f5fa;background:radial-gradient(ellipse at 75% 58%,#fff 4%,#eef4fb 72%)}
@media(max-width:780px){
  .about-section{background:radial-gradient(ellipse at 50% 76%,#fff 8%,#eef4fb 75%)}
  .about img{width:min(78%,300px);margin-top:8px}
}
.quote-link{margin-top:12px}
.whatsapp-float{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,calc(env(safe-area-inset-bottom) + 8px));z-index:6;display:grid;place-items:center;width:52px;height:52px;border:1px solid #fff;border-radius:50%;background:#137c4d;color:#fff;box-shadow:0 4px 18px #07192e40}
.whatsapp-float:hover{background:#0e623c}
.quote-link[hidden],.whatsapp-float[hidden]{display:none}
.footer-contact{display:grid;gap:4px;align-content:start}
.footer-contact a{color:#d5e1ee;text-decoration:underline;text-underline-offset:3px}
#documentation{background:linear-gradient(145deg,#f7faff,#e9f0f8)}
.coa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr));gap:20px;margin-top:24px}
.coa-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--white);color:var(--ink);box-shadow:0 5px 15px #132c4910}
.coa-preview{display:grid;place-items:center;height:235px;padding:14px;background:radial-gradient(ellipse at top,#f5f9ff,#dce7f4)}
.coa-preview img{width:100%;height:100%;min-height:0;object-fit:contain;transition:transform .18s ease}
.coa-preview:hover img,.coa-preview:focus-visible img{transform:scale(1.035)}
.coa-preview:focus-visible{outline:2px solid #274f83;outline-offset:-3px}
.coa-copy{padding:15px 16px;border-top:1px solid var(--line)}
.coa-copy h3{margin:0;font-size:16px}
@media(prefers-reduced-motion:reduce){.coa-preview img{transition:none}}
.language-switch{flex:none;white-space:nowrap;border:1px solid #b8c8d9;border-radius:6px;background:#fff;color:var(--ink);padding:8px 11px;font-size:13px;font-weight:700}
.language-switch:hover{background:#eef3f9}
@media(max-width:980px){.navcta{display:none}}
@media(max-width:780px){nav{gap:8px}nav .brand{margin-right:auto}nav .menu{order:2}}
.sales-placeholder{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:5px;color:#d5e1ee;font-size:13px}
.sales-status{border:1px solid #829bb4;border-radius:99px;padding:1px 7px;font-size:11px;color:#e3edf8}
#sales-dialog{position:fixed;inset:auto max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) auto;margin:0;width:min(360px,calc(100% - 32px));max-height:calc(100% - 36px);padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 12px 40px #07192e40}
#sales-dialog::backdrop{background:#07192e55}
#sales-dialog h2{font-size:20px;letter-spacing:0;margin:3px 38px 14px 0}
.sales-close{position:absolute;top:10px;right:12px;width:34px;height:34px;border:0;border-radius:6px;background:#edf3fa;color:var(--ink);font-size:22px;line-height:1;cursor:pointer}
.sales-option{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px 12px;margin-top:7px;border-radius:7px;background:#f1f5fa;font-size:14px}
.sales-option small{color:var(--muted)}
.sales-active{flex-direction:column;align-items:flex-start;background:#e7f4ec;color:#14603d}
.sales-active:hover{background:#d7efe2}
.quote-link{background:#fff;color:var(--ink)}
#sales-selection{margin:0 0 12px;color:var(--muted);font-size:14px}

.hero-sales:not(:hover){background:transparent}

@keyframes hero-slide-in {
  from { opacity: .55; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}
@media(prefers-reduced-motion:no-preference) {
  .hero-copy { animation: hero-slide-in .56s cubic-bezier(.22,.68,.25,1) both; }
  .hero-art { animation: hero-slide-in .68s .10s cubic-bezier(.22,.68,.25,1) both; }
}
.catalog-groups{display:flex;gap:10px;flex-wrap:wrap;padding:8px 0 16px}
.catalog-groups a{padding:8px 12px;border:1px solid var(--line);border-radius:99px;font-size:13px;font-weight:700;background:#f1f6fc}
.oral-section{margin-top:60px;padding-top:44px;border-top:1px solid #c9d9eb;scroll-margin-top:90px}
.oral-filters{display:flex;gap:7px;flex-wrap:wrap}
.oral-filter{border:1px solid var(--line);background:white;color:var(--ink);border-radius:6px;padding:8px 12px;font-size:14px}
.oral-filter.active{background:#17365a;color:#fff;border-color:#17365a}
.oral-photo{width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:#142d4b}
.oral-card .card-copy h3{font-size:18px}
.oral-specs,.oral-pack{margin:6px 0;color:var(--muted);font-size:14px}
.oral-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:24px;color:var(--muted);font-size:14px}
#oral-more[hidden]{display:none}

main > section[hidden],.rail[hidden],#research-products[hidden],#oral-products[hidden]{display:none}
#navlinks a{padding:10px 2px;border-bottom:2px solid transparent}
#navlinks a[aria-current="page"]{color:#234f7e;border-bottom-color:#234f7e}
.catalog-groups a[aria-current="page"]{background:#17365a;border-color:#17365a;color:#fff}
.catalog-groups{border-bottom:1px solid var(--line);margin-bottom:22px}
.oral-section{margin-top:0;padding-top:4px;border-top:0}
@media(max-width:780px){
  header nav{display:grid;grid-template-columns:1fr auto;gap:6px 10px;padding-top:12px}
  header .brand{grid-column:1;grid-row:1;margin:0}
  header .language-switch{grid-column:2;grid-row:1;justify-self:end}
  header #navlinks{grid-column:1/-1;grid-row:2;position:static;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:12px;padding:0;border:0;background:white;overflow-x:auto;font-size:12px}
  header #navlinks a{white-space:nowrap;padding:11px 0 9px}
  .navcta{display:none}
  .catalog-groups{gap:8px}
  .catalog-groups a{font-size:12px;padding:9px 11px}
}
.contact-section{background:radial-gradient(ellipse at top,#f8fbff,#e8eff8);color:var(--ink)}
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}
.contact-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:230px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:14px}
.contact-card strong{font-size:21px}
.contact-card>span{font-size:14px;color:var(--muted)}
.contact-card .contact-avatar{display:grid;place-items:center;width:43px;height:43px;background:#e6edf7;border-radius:50%;color:#234f7e;font-size:20px;font-weight:800;margin-bottom:6px}
.contact-card .contact-action{margin-top:auto;color:#14603d;font-weight:750}
.contact-card-active:hover{border-color:#7597bf;box-shadow:0 4px 16px #17365a14}
.faq-contact{margin-top:20px}
@media(max-width:780px){
 .contact-cards{grid-template-columns:1fr}
 .contact-card{min-height:180px}
 header #navlinks{gap:10px;font-size:11px}
 .catalog-groups{padding-top:0}
}
main h1[tabindex="-1"]:focus,main h2[tabindex="-1"]:focus{outline:none}

.home-details{background:#fff;color:var(--ink)}
.hero .home-details .eyebrow{color:#325783}
.home-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}
.home-feature h2{font-size:clamp(34px,4.3vw,54px);max-width:520px}
.home-feature-copy>p:not(.eyebrow){color:var(--muted);font-size:16px}
.home-feature-copy .button{margin-top:10px}
.home-photo{margin:0}
.home-photo img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border:1px solid #d9e4ef;border-radius:14px}
.home-photo figcaption{margin-top:8px;font-size:11px;color:#60738b}
.home-formats{background:#eef4fa}
.home-quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}
.home-quality-item{padding:22px 0;border-top:1px solid #bdcede}
.home-step{font-size:12px;letter-spacing:.15em;color:#4874a3;font-weight:800}
.home-quality-item h3{margin:13px 0 10px;font-size:20px}
.home-quality-item p{color:var(--muted);font-size:15px}
.home-quality-item a{font-weight:750;font-size:14px;color:#234f7e}
.home-order{background:#102b49;color:#fff}
.home-order>.wrap{padding-block:48px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.hero .home-order .eyebrow{color:#b9d2ee}
.home-order h2{font-size:clamp(32px,4vw,48px);margin-bottom:12px}
.home-order p:not(.eyebrow){color:#c6d9ed;max-width:660px;margin-bottom:0}
@media(max-width:780px){
 .home-feature{grid-template-columns:1fr;gap:26px}
 .home-feature-reverse .home-photo{order:2}
 .home-quality-grid{grid-template-columns:1fr;gap:8px}
 .home-order>.wrap{display:block}
 .home-order .button{margin-top:24px}
}