:root { --green:#00b759; --ink:#111; --muted:#444748; --paper:#fff; --pad:clamp(18px,6.15vw,26px); }
* { box-sizing:border-box; }
html { background:#eef2f1; scroll-behavior:smooth; }
body { margin:0; color:var(--ink); font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif; }
body.menu-open { overflow:hidden; }
button,a { -webkit-tap-highlight-color:transparent; }
img { display:block; max-width:100%; }
.page-shell { width:100%; max-width:430px; min-height:100svh; margin:0 auto; overflow:hidden; background:var(--paper); box-shadow:0 0 30px rgb(0 0 0/.06); }
.section-pad { padding-left:var(--pad); padding-right:var(--pad); }
.topbar { position:sticky; z-index:20; top:0; height:calc(61px + env(safe-area-inset-top)); padding:env(safe-area-inset-top) var(--pad) 0; display:flex; align-items:center; justify-content:space-between; background:rgb(251 249 248/.84); border-bottom:1px solid rgb(196 199 199/.3); backdrop-filter:blur(6px); }
.topbar h1 { margin:0; font-size:12px; line-height:1; letter-spacing:2.4px; }
.icon-button { width:24px; height:44px; padding:0; border:0; background:transparent; display:grid; place-items:center; }
.menu-icon,.menu-icon::before,.menu-icon::after { display:block; width:18px; height:1.5px; background:#111; content:""; }
.menu-icon { position:relative; }.menu-icon::before { position:absolute; top:-5px }.menu-icon::after { position:absolute; top:5px }
.bag-icon { width:16px; height:18px; border:1.7px solid #111; border-radius:1px; position:relative; }
.bag-icon::before { content:""; position:absolute; width:7px; height:5px; left:2.7px; top:-6px; border:1.7px solid #111; border-bottom:0; border-radius:6px 6px 0 0; }
[id] { scroll-margin-top:calc(76px + env(safe-area-inset-top)); }
.menu-backdrop { position:fixed; z-index:39; inset:0; background:transparent; opacity:0; visibility:hidden; transition:opacity .2s ease,visibility .2s; }
.site-menu { position:fixed; z-index:40; top:calc(69px + env(safe-area-inset-top)); left:max(12px,calc(50% - 203px)); width:min(calc(100vw - 24px),270px); padding:18px; color:#fff; background:linear-gradient(155deg,#075d61,#073f44); border:1px solid rgb(255 255 255/.12); border-radius:14px; box-shadow:0 18px 50px rgb(0 35 30/.26); opacity:0; transform:translateY(-10px) scale(.96); transform-origin:24px top; visibility:hidden; transition:opacity .24s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility .3s; }
.site-menu::before { content:""; position:absolute; top:-7px; left:18px; width:13px; height:13px; background:#075a5f; border-left:1px solid rgb(255 255 255/.12); border-top:1px solid rgb(255 255 255/.12); transform:rotate(45deg); }
.menu-open .menu-backdrop { opacity:1; visibility:visible; }
.menu-open .site-menu { opacity:1; transform:translateY(0) scale(1); visibility:visible; }
.menu-header { display:flex; align-items:center; justify-content:space-between; padding-bottom:12px; border-bottom:1px solid rgb(255 255 255/.2); }
.menu-header p { margin:0; font-size:11px; font-weight:700; letter-spacing:2px; }
.menu-close { width:28px; height:28px; border:0; border-radius:50%; background:rgb(255 255 255/.12); position:relative; }
.menu-close span::before,.menu-close span::after { content:""; position:absolute; top:13px; left:7px; width:14px; height:1.5px; background:#fff; }
.menu-close span::before { transform:rotate(45deg); }.menu-close span::after { transform:rotate(-45deg); }
.site-menu nav { display:flex; flex-direction:column; padding-top:8px; }
.site-menu nav a { display:flex; align-items:center; gap:13px; padding:12px 4px; color:#fff; text-decoration:none; font-family:Georgia,"Songti SC",serif; font-size:17px; border-bottom:1px solid rgb(255 255 255/.12); transition:padding-left .25s ease,color .25s ease; }
.site-menu nav a:hover,.site-menu nav a:focus-visible { padding-left:8px; color:#b8ffc2; outline:0; }
.site-menu nav span { color:#85c5bd; font-family:Inter,sans-serif; font-size:10px; letter-spacing:1px; }
.menu-note { margin:13px 4px 1px; color:rgb(255 255 255/.5); font-size:9px; letter-spacing:1.4px; }
.hero { height:clamp(540px,78svh,624px); min-height:540px; position:relative; }
.hero>img { width:100%; height:100%; object-fit:cover; object-position:center; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(to top,rgb(251 249 248/.92),rgb(251 249 248/.3) 28%,transparent 56%); }
.hero-copy { position:absolute; inset:auto var(--pad) 24px; text-align:center; }
.hero-copy h2 { margin:0 0 15px; color:#00c010; font-family:Georgia,"Songti SC",serif; font-size:36px; line-height:1.2; font-weight:900; }
.hero-copy p { margin:0; color:var(--muted); font-size:16px; line-height:1.6; }
.features { padding-top:65px; padding-bottom:112px; }
.section-heading { text-align:center; margin-bottom:24px; }
.eyebrow,.feature-card h3,.advisor-card h3,.specs h2 { margin:0; font-size:12px; line-height:1; font-weight:700; letter-spacing:1.8px; }
.section-heading .eyebrow { font-size:20px; letter-spacing:1.2px; }
.section-heading ul { display:inline-block; margin:8px 0 0; padding:0; list-style:none; text-align:left; font-family:Georgia,"Songti SC",serif; font-size:16px; line-height:2.6; }
.section-heading li::before { content:"· "; color:red; }
.feature-card { margin-top:24px; }.feature-crop { width:100%; aspect-ratio:342/192; overflow:hidden; margin-bottom:16px; }
.feature-crop img { width:100%; height:286%; object-fit:cover; object-position:center 31%; }
.feature-card h3 { margin-bottom:4px; }.feature-card p,.advisor-card p { margin:0; color:var(--muted); font-size:16px; line-height:1.6; }
.text-only { margin-top:24px; }.advisor-card { padding-top:48px; text-align:center; }
.advisor-card img { width:100%; aspect-ratio:342/461; object-fit:cover; margin-bottom:16px; }
.advisor-card h3 { margin-bottom:4px; }
.full-banner { width:100%; object-fit:cover; }.full-banner:not(.guidance) { height:323px; }.guidance { height:464px; }
.pharmacology { padding-top:48px; padding-bottom:86px; text-align:center; }
.pharmacology h2 { margin:0 0 22px; font-family:Georgia,"Songti SC",serif; font-size:32px; font-weight:400; }
.pharmacology p { margin:0 auto; max-width:350px; color:var(--muted); font-size:18px; font-weight:300; line-height:1.6; letter-spacing:.18px; }
.primary-button { display:inline-flex; margin-top:18px; padding:16px 32px; color:#fff; background:var(--green); text-decoration:none; font-size:12px; font-weight:700; letter-spacing:1.2px; }
.articles { padding-top:62px; padding-bottom:68px; display:grid; gap:48px; }
.articles article { overflow:hidden; background:#f2f7f9; }.articles img { width:100%; aspect-ratio:344/164; object-fit:cover; }
.articles article div { min-height:170px; padding:24px 20px 18px; }.articles h2 { margin:0 0 27px; text-align:center; font-size:clamp(20px,6.15vw,24px); line-height:1.2; font-weight:400; }
.articles p { margin:0; color:#9da2a3; font-size:18px; line-height:1.25; }
.specs { padding-top:31px; padding-bottom:32px; background:#eeffec; }.specs h2 { margin-bottom:9px; }
.specs dl { margin:0; }.specs dl div { min-height:30px; padding:8px 17px; display:flex; justify-content:space-between; border-bottom:1px solid rgb(0 0 0/.28); font-size:12px; line-height:1; font-weight:600; letter-spacing:1px; }
.specs dt,.specs dd { margin:0; }.disclaimer { margin:30px auto 0; max-width:304px; text-align:center; font-size:14px; line-height:1.83; }
.contact { padding-top:31px; padding-bottom:30px; background:#005d64; color:#fff; }.contact h2 { margin:0 0 23px; font-size:26px; font-weight:400; }.contact p { margin:0 0 19px; font-size:16px; line-height:1.2; }.contact p:last-child { margin:0; }
.legal { padding:34px 16px calc(34px + env(safe-area-inset-bottom)); text-align:center; color:#fff; background:#0a545a; }.legal p { margin:0 0 10px; font-size:14px; }.legal p:last-child { margin:0; font-size:10px; line-height:1.3; }.legal a { color:inherit; }
.reveal { opacity:0; transform:translateY(34px); transition:opacity .72s ease,transform .72s cubic-bezier(.22,1,.36,1); transition-delay:var(--reveal-delay,0ms); }
.reveal.reveal-left { transform:translateX(-30px); }.reveal.reveal-right { transform:translateX(30px); }
.reveal.is-visible { opacity:1; transform:translate(0,0); }
.feature-card img,.advisor-card img,.articles img,.full-banner { transition:transform .9s cubic-bezier(.22,1,.36,1); }
.feature-card.is-visible img,.advisor-card.is-visible img,.articles article.is-visible img,.full-banner.is-visible { transform:scale(1.025); }
.hero-copy { animation:hero-in .95s .18s both cubic-bezier(.22,1,.36,1); }
@keyframes hero-in { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }
@media (max-width:350px) { :root{--pad:18px}.hero-copy h2{font-size:32px}.articles p{font-size:16px}.pharmacology p{font-size:16px}.specs dl div{padding-inline:10px;letter-spacing:.3px} }
@media (min-width:431px) { body{padding-block:24px}.page-shell{border-radius:18px}.topbar{border-radius:18px 18px 0 0} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.reveal,.hero-copy,.feature-card img,.advisor-card img,.articles img,.full-banner{opacity:1;transform:none;animation:none;transition:none}.site-menu,.menu-backdrop{transition:none} }