:root{
  --bg:#0a0f17;
  --surface:#0d141d;
  --surface-2:#101821;
  --text:#f4f7fb;
  --muted:#9aa6b6;
  --quiet:#697587;
  --line:rgba(255,255,255,.095);
  --cyan:#91e6ec;
  --tier-b:#8fdbe2;
  --tier-c:#a7b9df;
  --tier-d:#d6be8a;
  --tier-e:#d79b88;
  --tier-f:#c97e83;
  --font:"Aptos Display",Aptos,"Segoe UI Variable Display","Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;overflow-x:hidden}
a{color:inherit}button,input{font:inherit}button{color:inherit}
button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.shell{width:min(1240px,calc(100% - 72px));margin:0 auto}
.eyebrow{margin:0 0 10px;color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}

.site-header{background:#0a0f17;border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:20}
.nav-shell{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:baseline;gap:17px;text-decoration:none}
.brand-mark{color:var(--cyan);font-size:24px;font-weight:900;letter-spacing:-.03em}
.brand-name{font-size:15px;letter-spacing:.13em;text-transform:uppercase;color:#dce2ea;white-space:nowrap}
.nav-links{display:flex;align-items:center;gap:24px}
.nav-links a{font-size:15px;font-weight:650;text-decoration:none;color:#b8c1cd}
.nav-links a:hover{color:#fff}.main-site-link{color:var(--cyan)!important}

.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:78px;padding:62px 0 56px;align-items:end}
.hero h1{margin:0;max-width:12ch;font-size:clamp(58px,6vw,86px);line-height:.93;letter-spacing:-.06em;font-weight:720}
.hero h1 span{color:#a7b2c1}
.hero-lead{max-width:700px;margin:25px 0 0;color:#d8e0e9;font-size:20px;line-height:1.62}
.hero-rule{max-width:700px;margin:23px 0 0;color:var(--muted);font-size:14px;line-height:1.65}
.hero-rule strong{color:#fff;font-weight:720}
.hero-method{padding:0 0 4px}
.method-list{margin:0;display:grid;border-top:1px solid var(--line)}
.method-list>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;padding:15px 0;border-bottom:1px solid var(--line)}
.method-list dt{font-size:14px;font-weight:700;color:#eef2f7}
.method-list dd{margin:0;color:var(--muted);font-size:13px;line-height:1.55}

.controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.68fr);gap:56px;align-items:end;padding:24px 0 26px;border-top:1px solid var(--line)}
.controls h2{margin:0;font-size:clamp(38px,4vw,54px);line-height:.98;letter-spacing:-.045em;font-weight:690}
.search-box{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid rgba(145,230,236,.34)}
.search-box span{font-size:10px;color:var(--quiet);text-transform:uppercase;letter-spacing:.13em}
.search-box input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:17px;padding:4px 0}
.search-box input::placeholder{color:#566273}

.tier-board{padding-bottom:76px}
.tier-row{display:grid;grid-template-columns:150px minmax(0,1fr);border-top:1px solid var(--line);min-height:112px}
.tier-row:last-child{border-bottom:1px solid var(--line)}
.tier-label{padding:23px 20px 18px 0;display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.tier-letter{font-size:54px;line-height:.82;font-weight:830;letter-spacing:-.06em}
.tier-definition{font-size:11px;line-height:1.45;color:var(--quiet);max-width:15ch}
.tier-content{padding:18px 0 18px 26px;border-left:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start}
.tier-empty{grid-column:1/-1;align-self:center;margin:11px 0;color:#707c8c;font-size:14px}.tier-empty strong{color:#aab4c1;font-weight:700}
.tier-S .tier-letter,.tier-A .tier-letter{color:#778292}.tier-B .tier-letter{color:var(--tier-b)}.tier-C .tier-letter{color:var(--tier-c)}.tier-D .tier-letter{color:var(--tier-d)}.tier-E .tier-letter{color:var(--tier-e)}.tier-F .tier-letter{color:var(--tier-f)}
.peptide-card{appearance:none;border:0;border-bottom:1px solid rgba(255,255,255,.075);background:transparent;min-width:0;padding:15px 18px 14px 0;text-align:left;cursor:pointer;transition:color .15s ease,background .15s ease;padding-left .15s ease}
.peptide-card:nth-child(3n+2),.peptide-card:nth-child(3n+3){padding-left:18px;border-left:1px solid rgba(255,255,255,.055)}
.peptide-card:hover{color:var(--cyan);background:rgba(255,255,255,.018)}
.peptide-card strong{display:block;font-size:17px;line-height:1.18;margin-bottom:7px}
.peptide-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}
.peptide-status{font-size:10px;text-transform:uppercase;letter-spacing:.095em;color:#7d8999;white-space:normal}
.peptide-open{font-size:16px;color:var(--cyan);padding-right:4px}
.peptide-card[hidden]{display:none!important}

.method,.sources{display:grid;grid-template-columns:minmax(0,.78fr) minmax(400px,1.22fr);gap:86px;padding:54px 0;border-top:1px solid var(--line)}
.method h2,.sources h2{margin:0;max-width:13ch;font-size:clamp(38px,4.4vw,60px);line-height:.99;letter-spacing:-.048em;font-weight:690}
.method-copy p{margin:0 0 16px;color:#cbd4df;font-size:16px;line-height:1.7}.method-copy strong{color:#fff}.method-disclaimer{color:#7f8a9a!important;font-size:13px!important;padding-top:4px}
.source-list{display:grid;border-top:1px solid var(--line)}
.source-list a{padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;color:#b8c2cf;font-size:14px}
.source-list a:hover{color:var(--cyan)}

.site-footer{border-top:1px solid var(--line);min-height:88px}
.footer-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px;color:#718094;font-size:12px}
.footer-inner>div{display:flex;align-items:center;gap:16px}.footer-inner .brand-mark{font-size:17px}.footer-meta a{text-decoration:none}.footer-meta a:hover{color:var(--cyan)}

.modal-backdrop{position:fixed;inset:0;background:rgba(2,6,10,.78);z-index:100;display:grid;place-items:center;padding:24px}
.modal-backdrop[hidden]{display:none!important}
.peptide-modal{width:min(680px,100%);position:relative;background:#0c131c;border:1px solid rgba(255,255,255,.10);padding:30px 32px 28px;box-shadow:0 30px 90px rgba(0,0,0,.48)}
.modal-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:30px;line-height:1;color:#7f8a9b;cursor:pointer}.modal-close:hover{color:#fff}
.modal-topline{display:flex;align-items:center;gap:12px;margin-bottom:14px}.modal-tier{color:var(--cyan);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.modal-status{color:#7f8b9b;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.peptide-modal h2{margin:0 48px 20px 0;font-size:clamp(34px,4vw,48px);line-height:1;letter-spacing:-.045em}
.modal-bullets{display:grid}.modal-bullet{display:grid;grid-template-columns:108px minmax(0,1fr);gap:18px;padding:15px 0;border-top:1px solid var(--line)}.modal-bullet strong{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--cyan)}.modal-bullet p{margin:0;color:#d3dbe5;font-size:15px;line-height:1.6}
.modal-source{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px}.modal-source a{font-size:11px;color:#8794a5;text-decoration:underline;text-underline-offset:3px}.modal-source a:hover{color:var(--cyan)}
.no-results{padding:22px 0;color:#8e99a9;font-size:14px}

@media(max-width:980px){.hero,.method,.sources,.controls{grid-template-columns:1fr;gap:30px}.hero{padding-top:44px}.hero-method{max-width:760px}.tier-row{grid-template-columns:116px 1fr}.tier-content{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:20px}.peptide-card:nth-child(3n+2),.peptide-card:nth-child(3n+3){padding-left:0;border-left:0}.peptide-card:nth-child(even){padding-left:16px;border-left:1px solid rgba(255,255,255,.055)}}
@media(max-width:700px){.shell{width:min(100% - 30px,1240px)}.site-header{position:static}.nav-shell{min-height:68px;align-items:flex-start;padding:14px 0}.brand-name{display:none}.nav-links{gap:12px;flex-wrap:wrap;justify-content:flex-end}.nav-links a{font-size:13px}.hero{padding:36px 0 38px}.hero h1{font-size:clamp(48px,13vw,68px)}.hero-lead{font-size:17px}.method-list>div{grid-template-columns:120px 1fr}.controls h2{font-size:42px}.search-box{grid-template-columns:1fr;gap:2px}.tier-row{grid-template-columns:78px 1fr}.tier-label{padding-right:9px}.tier-letter{font-size:42px}.tier-definition{font-size:9px}.tier-content{grid-template-columns:1fr;padding:12px 0 12px 12px}.peptide-card,.peptide-card:nth-child(even),.peptide-card:nth-child(3n+2),.peptide-card:nth-child(3n+3){padding:14px 0;border-left:0}.method,.sources{padding:42px 0}.modal-backdrop{padding:12px}.peptide-modal{padding:26px 20px 22px}.modal-bullet{grid-template-columns:1fr;gap:5px}.footer-inner{align-items:flex-start;flex-direction:column;justify-content:center;padding:20px 0}.footer-meta{align-items:flex-start!important;flex-direction:column;gap:5px!important}}