:root{--teal:#0d3b3c;--teal2:#14504f;--gold:#e7c079;--bronze:#906018;--ivory:#fbf9f4;--cream:#f2ece0;--line:#e6dcc6;--ink:#2b2721;--muted:#6b6358}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font:400 17px/1.7 Lato,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--teal);text-underline-offset:3px}
a:hover{color:var(--bronze)}
img{max-width:100%;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.narrow{max-width:820px}
h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:500;color:var(--teal);line-height:1.15;margin:0 0 14px}
h2{font-size:clamp(28px,4vw,40px)}
h3{font-size:21px}
.kicker{font:600 12px/1.4 Poppins,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--bronze);margin:0 0 10px}
.muted{color:var(--muted);margin-top:-6px}
/* nav */
.nav{position:sticky;top:0;z-index:20;background:rgba(13,59,60,.96);backdrop-filter:blur(8px);border-bottom:1px solid rgba(231,192,121,.25)}
.nav__in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:var(--ivory);text-decoration:none;font:600 13px Poppins,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.brand:hover{color:var(--gold)}
.brand__mark{width:26px;height:26px;border-radius:7px;background:url(/favicon.svg) center/cover}
.nav__links{display:flex;gap:4px 20px;flex-wrap:wrap;align-items:center}
.nav__links a{color:#d9e4e1;text-decoration:none;font:500 14px Poppins,sans-serif}
.nav__links a:hover,.nav__links a[aria-current]{color:var(--gold)}
.nav__links .nav__shop{border:1px solid var(--gold);color:var(--gold);padding:6px 16px;border-radius:100px}
/* hero */
.hero{position:relative;background:var(--teal);color:var(--ivory);overflow:hidden}
.hero::before{content:"";position:absolute;top:0;bottom:0;right:0;left:50%;background:var(--hero) center 22%/cover}
.hero::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:24%;background:linear-gradient(90deg,rgba(13,59,60,1) 0%,rgba(13,59,60,.55) 45%,rgba(13,59,60,0) 100%)}
.hero .hero__in{position:relative;z-index:1;padding:96px 20px 88px;max-width:1120px}
.pill{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(231,192,121,.6);border-radius:100px;padding:7px 16px;font:500 13px Poppins,sans-serif;letter-spacing:.06em;color:var(--gold);margin:0 0 26px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(231,192,121,.25)}
.hero h1{color:var(--ivory);font-size:clamp(48px,6.4vw,92px);text-shadow:0 2px 18px rgba(6,40,42,.35);line-height:.98;letter-spacing:-.01em;margin:0 0 16px}
.hero__tag{font:italic 400 clamp(22px,3vw,30px)/1.3 Fraunces,Georgia,serif;color:var(--gold);margin:0 0 18px;max-width:560px}
.hero__lede{font-size:19px;max-width:540px;color:#e8eeec;margin:0 0 30px}
.hero__btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}
.hero__aka{font-size:14px;color:#b9c9c6;max-width:620px;margin:0}
.hero__aka a{color:var(--gold)}
.hero__aka strong{color:var(--ivory)}
.btn{display:inline-block;padding:14px 30px;border-radius:100px;font:600 14px Poppins,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:.2s}
.btn--gold{background:var(--gold);color:var(--teal)}
.btn--gold:hover{background:#f0d29a;color:var(--teal)}
.btn--ghost{border:1.5px solid rgba(251,249,244,.6);color:var(--ivory)}
.btn--ghost:hover{border-color:var(--gold);color:var(--gold)}
.btn--teal{background:var(--teal);color:var(--ivory)}
.btn--teal:hover{background:var(--teal2);color:var(--gold)}
/* sections */
.sec{padding:84px 0}
.sec--tint{background:var(--cream)}
.defbox{border-left:4px solid var(--bronze);background:#fff;padding:28px 32px;box-shadow:0 10px 30px rgba(13,59,60,.07);font-size:19px;line-height:1.7}
.defbox p{margin:0}
.origin{font-style:italic;color:var(--muted);margin:18px 0 0;font-size:15px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.card{background:#fff;border:1px solid var(--line);padding:26px;border-radius:4px}
.card p{margin:0}
.num{font:600 13px Poppins,sans-serif;letter-spacing:.14em;color:var(--bronze);margin:0 0 10px!important;text-transform:uppercase}
.card--link{display:block;text-decoration:none;color:var(--ink);transition:.2s}
.card--link:hover{border-color:var(--bronze);transform:translateY(-2px);color:var(--ink)}
.card--link.is-cur{background:var(--teal);border-color:var(--teal);color:#d9e4e1}
.card--link.is-cur h3{color:var(--ivory)}
.card--link.is-cur .num{color:var(--gold)}
.more{display:inline-block;margin-top:14px;font:600 12px Poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze)}
.is-cur .more{color:var(--gold)}
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}
.split--center{align-items:center}
.tiles{display:grid;gap:10px;margin:14px 0 18px}
.tile{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);padding:10px 14px 10px 10px;text-decoration:none;color:var(--ink);border-radius:4px;transition:.2s}
.tile:hover{border-color:var(--bronze);color:var(--ink)}
.tile img{width:84px;height:84px;object-fit:contain;flex:0 0 84px;background:#fff}
.tile strong{display:block;color:var(--teal);font-size:16px;line-height:1.3}
.tile em{display:block;font-style:normal;font-size:14px;color:var(--muted);line-height:1.4;margin:2px 0 3px}
.tile b{font-size:15px}
.tile u{text-decoration:none;color:var(--bronze);font:600 12px Poppins,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-left:6px}
.tiles{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.split .tiles{grid-template-columns:1fr!important}
.note{font-size:16px;color:var(--muted)}
.ticks{list-style:none;padding:0;margin:0}
.ticks li{position:relative;padding:0 0 12px 34px}
.ticks li::before{content:"";position:absolute;left:0;top:7px;width:18px;height:18px;border-radius:50%;background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' stroke='%23e7c079' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/14px no-repeat}
.vs{display:grid;gap:14px}
.vs--wide{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.vs>div{background:#fff;border:1px solid var(--line);padding:24px;border-radius:4px}
.vs p:last-child{margin:0}
.vs .vs__win{background:var(--teal);border-color:var(--teal);color:#e8eeec}
.vs__win .kicker{color:var(--gold)}
.science{background:#fff;border:1px solid var(--line);padding:40px;border-radius:4px}
.science h3{font-size:19px}
.science>.kicker{margin-bottom:22px}
.science p{margin:0;font-size:16px}
.refs{margin-top:26px!important;padding-top:18px;border-top:1px solid var(--line);font-size:14px!important;color:var(--muted)}
details{border-bottom:1px solid var(--line);padding:18px 0}
summary{cursor:pointer;font:500 20px/1.35 Fraunces,Georgia,serif;color:var(--teal);list-style:none;position:relative;padding-right:30px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:0;top:-2px;font:400 26px Poppins,sans-serif;color:var(--bronze)}
details[open] summary::after{content:"–"}
details p{margin:12px 0 0}
.timeline{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:14px}
.timeline li{display:grid;grid-template-columns:150px 1fr;gap:24px;background:#fff;border:1px solid var(--line);padding:24px;border-radius:4px}
.timeline span{font:600 13px Poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze);padding-top:4px}
.timeline p{margin:0}
.about p:not(.kicker){font-size:18px}
.cta{background:var(--teal);color:#e8eeec;text-align:center;padding:84px 0}
.cta h2{color:var(--ivory)}
.cta__in p{max-width:620px;margin:0 auto 26px}
.cta__trust{font:500 13px Poppins,sans-serif;letter-spacing:.08em;color:var(--gold);margin:22px auto 0!important}
.foot{background:#082a2b;color:#9fb4b1;padding:50px 0 40px;font-size:15px}
.foot__top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.foot__brand{font:600 13px Poppins,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0}
.foot nav{display:flex;gap:6px 20px;flex-wrap:wrap}
.foot a{color:#d9e4e1;text-decoration:none}
.foot a:hover{color:var(--gold)}
.small{font-size:13px;color:#7e9592}
@media (max-width:700px){
 body{font-size:16px}
 .nav{position:relative}
 .nav .nav__in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px 6px;padding-top:26px;padding-bottom:14px;min-height:0}
 .brand{grid-column:1/3;grid-row:1;font-size:clamp(11px,3.1vw,12.5px);letter-spacing:.12em;gap:9px;white-space:nowrap}
 .brand__mark{width:30px;height:30px;flex:0 0 30px}
 .nav__links{display:contents}
 .nav__links .nav__shop{grid-column:3;grid-row:1;justify-self:end;background:var(--gold);border-color:var(--gold);color:var(--teal);font:600 13px Poppins,sans-serif;letter-spacing:.04em;padding:8px 20px}
 .nav__links a:not(.nav__shop){grid-row:2;display:block;text-align:center;font:500 clamp(11px,3.2vw,13px) Poppins,sans-serif;padding:10px 4px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(231,192,121,.2);color:#e8eeec;white-space:nowrap}
 .nav__links a[aria-current]:not(.nav__shop){background:rgba(231,192,121,.14);border-color:var(--gold);color:var(--gold)}
 .hero .hero__in{padding:56px 16px 52px}
 .hero::before{left:0;bottom:auto;height:62vw;max-height:420px;background-position:center 20%}
 .hero::after{left:0;width:auto;right:0;top:0;bottom:auto;height:62vw;max-height:420px;background:linear-gradient(180deg,rgba(13,59,60,0) 55%,rgba(13,59,60,1) 100%)}
 .hero .hero__in{padding-top:min(58vw,390px)}
 .sec{padding:56px 0}
 .wrap{padding:0 16px}
 .defbox{padding:22px;font-size:17px}
 .science{padding:24px}
 .timeline li{grid-template-columns:1fr;gap:6px}
 .split{grid-template-columns:1fr}
 .tiles{grid-template-columns:1fr}
}