:root{
  --ink:#073f45;
  --ink-2:#0c5960;
  --muted:#607b7e;
  --teal:#0b9da6;
  --teal-dark:#087d84;
  --blue:#1688d8;
  --line:#d6e8e7;
  --bg:#f4faf9;
  --white:#fff;
  --soft:#eaf7f5;
  --warm:#fff7e6;
  --rose:#fff0f2;
  --shadow:0 18px 55px rgba(7,59,63,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#f3faf9 0,#fff 340px);line-height:1.58}
a{color:inherit;text-decoration:none}
.shell{width:min(1120px,calc(100% - 36px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.bar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{font-weight:900;letter-spacing:-.035em;font-size:21px}.brand span{color:var(--teal)}
nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}nav a{padding:9px 14px;border-radius:999px;font-weight:750;font-size:14px;color:#41696c}nav a:hover,nav a.active{background:#e8f7f5;color:var(--teal-dark)}nav .home{border:1px solid var(--line);background:#fff}
.hero{padding:78px 0 44px}.hero-grid{display:grid;grid-template-columns:1.5fr .65fr;gap:30px;align-items:end}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--teal)}
h1{font-size:clamp(44px,6.3vw,72px);line-height:1.01;letter-spacing:-.052em;margin:13px 0 20px;max-width:870px}.lead{font-size:19px;color:var(--muted);max-width:820px;margin:0}.hero-note{background:linear-gradient(145deg,#e9f8f6,#fff);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.hero-note strong{font-size:18px}.hero-note p{margin:8px 0 0;color:var(--muted);font-size:14px}
.publications{display:grid;gap:24px;padding:8px 0 70px}.paper{background:var(--white);border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:var(--shadow);position:relative;overflow:hidden}.paper.featured{border-color:#b9e2df}.paper.featured:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--teal),var(--blue))}.paper-top{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}.paper h2{font-size:clamp(25px,3vw,36px);line-height:1.13;letter-spacing:-.035em;margin:13px 0 6px;max-width:940px}.author{margin:0;color:var(--teal-dark);font-weight:800}.paper-number{font-size:50px;line-height:1;font-weight:950;color:#e1efee;letter-spacing:-.06em}.meta-row{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;color:#7b9294;font-size:13px}.tag{display:inline-flex;padding:6px 9px;border-radius:999px;background:#e7f7f5;color:var(--teal-dark);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.summary{font-size:17px;color:#4f7073;margin:23px 0 0;max-width:1000px}
.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.insight{padding:18px;border:1px solid #dcebea;border-radius:18px;background:#fbfefe}.insight strong{display:block;margin-bottom:7px}.insight span{font-size:14px;color:var(--muted)}
.comparison{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:24px}.compare-card{border-radius:20px;padding:20px;border:1px solid var(--line)}.compare-card h3{margin:0 0 8px;font-size:18px}.compare-card p{margin:0;color:#587477;font-size:14px}.compare-card.good{background:#effbf4;border-color:#ccebd7}.compare-card.caution{background:var(--warm);border-color:#f1dfb7}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.metric{background:#f5fbfb;border:1px solid #dbeceb;border-radius:18px;padding:18px}.metric strong{display:block;font-size:25px;letter-spacing:-.035em;color:var(--ink-2)}.metric span{display:block;font-size:12px;color:var(--muted);margin-top:3px;text-transform:uppercase;letter-spacing:.055em;font-weight:750}.finding{margin-top:17px;background:#f7f9ff;border:1px solid #dbe5f2;border-radius:18px;padding:19px}.finding strong{display:block;margin-bottom:5px}.finding p{margin:0;color:#587477;font-size:14px}
.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:25px;padding-top:22px;border-top:1px solid #e2eeee}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:13px;padding:12px 17px;font-weight:850;font-size:14px}.btn.primary{background:linear-gradient(135deg,var(--teal-dark),var(--teal));color:#fff;box-shadow:0 10px 25px rgba(12,159,166,.18)}.btn.primary:hover{filter:brightness(.96);transform:translateY(-1px)}.record{font-size:12px;color:#89a0a2}
.context-section{padding-bottom:75px}.context-card{display:grid;grid-template-columns:.7fr 1.3fr;gap:34px;align-items:start;background:linear-gradient(135deg,#eaf8f7,#f8fcff);border:1px solid var(--line);border-radius:26px;padding:30px}.context-card h2{font-size:30px;letter-spacing:-.035em;margin:7px 0 0}.context-card p{margin:4px 0 0;color:#557477;font-size:16px}
footer{border-top:1px solid var(--line);padding:27px 0;color:#789093;font-size:13px}.foot{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a:hover{color:var(--teal-dark)}
@media(max-width:860px){.hero-grid,.context-card{grid-template-columns:1fr}.insight-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.bar{align-items:flex-start;flex-direction:column;padding:14px 0}.bar nav{width:100%}.bar nav a{flex:1;text-align:center}.hero{padding:55px 0 34px}.paper{padding:22px;border-radius:22px}.paper-top{grid-template-columns:1fr}.paper-number{display:none}.comparison,.metrics{grid-template-columns:1fr}.summary{font-size:16px}.actions{align-items:stretch}.btn{width:100%}.record{text-align:center;width:100%}}