/* TB-500 Peptide — Flagship Stylesheet */
/* Accent: Cerulean #0EA5E9 */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --accent:#0EA5E9;--accent-dim:rgba(14,165,233,.12);--accent-glow:rgba(14,165,233,.3);
  --accent-hover:#38bdf8;--bg:#080810;--bg-card:#0f0f1a;--bg-card-hover:#141420;
  --bg-surface:#0b0b15;--text:#d4d4d8;--text-dim:#8b8b9e;--text-bright:#f1f5f9;
  --border:rgba(255,255,255,.06);--border-accent:rgba(14,165,233,.2);
  --font-body:'IBM Plex Sans',system-ui,sans-serif;
  --font-display:'IBM Plex Serif',Georgia,serif;
  --font-mono:'IBM Plex Mono',monospace;
  --max-w:1140px;--radius:10px;
}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.72;font-size:16.5px}
a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}
img{max-width:100%;display:block}::selection{background:var(--accent);color:#080810}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-bright);line-height:1.22;letter-spacing:-.025em}
h1{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:700;margin-bottom:1.2rem}
h2{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700;margin:3rem 0 1rem}
h3{font-size:1.12rem;font-weight:600;margin:2rem 0 .7rem}
h4{font-size:1rem;font-weight:600;margin:1.5rem 0 .5rem}
p{margin-bottom:1rem}strong{color:var(--text-bright);font-weight:600}

/* NAV */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(8,8,16,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}
.nav-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;gap:1rem;padding:.8rem 2rem;overflow-x:auto;scrollbar-width:none}
.nav-inner::-webkit-scrollbar{display:none}
.nav-brand{font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--text-bright);white-space:nowrap;flex-shrink:0}
.nav-links{display:flex;gap:.1rem;margin-left:auto;flex-shrink:0}
.nav-links a{font-size:.8rem;padding:.38rem .65rem;border-radius:6px;color:var(--text-dim);transition:all .2s;white-space:nowrap;font-weight:500}
.nav-links a:hover,.nav-links a.active{color:var(--accent);background:var(--accent-dim)}

/* HERO */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:7rem 2rem 4rem;
  background:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(14,165,233,.08) 0%,transparent 70%),
             radial-gradient(ellipse 50% 80% at 80% 70%,rgba(14,165,233,.04) 0%,transparent 60%),
             var(--bg)}
.hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0v60M0 30h60' stroke='%23ffffff' stroke-opacity='.02' stroke-width='.5'/%3E%3C/svg%3E");opacity:.5}
.hero-content{position:relative;z-index:2;max-width:740px;text-align:center}
.hero-eyebrow{font-family:var(--font-mono);font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;opacity:.85}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero-desc{font-size:1.02rem;color:var(--text-dim);line-height:1.75;max-width:620px;margin:0 auto 2rem}
.hero-ctas{display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap}
.btn-primary,.btn-secondary{font-size:.86rem;padding:.65rem 1.5rem;border-radius:8px;font-weight:600;transition:all .25s;display:inline-block;cursor:pointer;border:none;font-family:var(--font-body)}
.btn-primary{background:var(--accent);color:#080810}.btn-primary:hover{background:var(--accent-hover);color:#080810;transform:translateY(-1px)}
.btn-secondary{border:1px solid var(--border-accent);color:var(--accent);background:transparent}.btn-secondary:hover{border-color:var(--accent);background:var(--accent-dim)}

/* MOLECULE BAR */
.mol-bar{background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1.5rem 2rem}
.mol-bar-inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem}
.mol-stat{text-align:center}.mol-stat-label{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);margin-bottom:.3rem}
.mol-stat-value{font-family:var(--font-display);font-size:1rem;color:var(--text-bright);font-weight:600}

/* SECTIONS */
.section{max-width:var(--max-w);margin:0 auto;padding:4rem 2rem}
.section-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:.6rem}

/* TOPIC GRID */
.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.2rem;margin-top:1.5rem}
.topic-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem;transition:all .3s;display:flex;flex-direction:column}
.topic-card:hover{border-color:var(--border-accent);background:var(--bg-card-hover);transform:translateY(-2px)}
.topic-card .card-num{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);margin-bottom:.7rem;opacity:.7}
.topic-card h3{font-size:1.05rem;margin:0 0 .6rem;line-height:1.35}
.topic-card p{font-size:.88rem;color:var(--text-dim);line-height:1.6;flex:1}
.topic-card .card-link{font-size:.82rem;color:var(--accent);margin-top:1rem;display:inline-flex;align-items:center;gap:.3rem;font-weight:500}

/* FACTS TABLE */
.facts-table{width:100%;border-collapse:collapse;margin:1.5rem 0}
.facts-table th,.facts-table td{padding:.9rem 1.1rem;text-align:left;border-bottom:1px solid var(--border);font-size:.9rem}
.facts-table th{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);background:var(--bg-card);font-weight:600;width:160px;vertical-align:top}
.facts-table td{color:var(--text);line-height:1.6}

/* CONTENT LAYOUT */
.content-wrap{max-width:var(--max-w);margin:0 auto;padding:6.5rem 2rem 4rem;display:grid;grid-template-columns:1fr 260px;gap:3rem}
.content-main{min-width:0}.content-sidebar{position:sticky;top:6rem;align-self:start;display:flex;flex-direction:column;gap:1.2rem}
.breadcrumb{font-size:.82rem;color:var(--text-dim);margin-bottom:1.5rem}.breadcrumb a{color:var(--text-dim)}.breadcrumb a:hover{color:var(--accent)}

/* KEY TAKEAWAYS */
.key-takeaways{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius);padding:1.5rem 1.8rem;margin:1.5rem 0 2.5rem}
.key-takeaways h4{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 1rem}
.key-takeaways ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}
.key-takeaways li{font-size:.9rem;line-height:1.6;padding-left:1.2rem;position:relative}
.key-takeaways li::before{content:'';position:absolute;left:0;top:.55rem;width:5px;height:5px;border-radius:50%;background:var(--accent)}

/* CONTENT TABLES */
.content-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.88rem}
.content-table th,.content-table td{padding:.7rem .9rem;text-align:left;border-bottom:1px solid var(--border)}
.content-table th{background:var(--bg-card);color:var(--accent);font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.content-table td{color:var(--text);line-height:1.5}.content-table tr:hover td{background:rgba(14,165,233,.03)}

/* SIDEBAR */
.sidebar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.3rem}
.sidebar-card h4{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:0 0 .8rem}
.sidebar-card ul{list-style:none;display:flex;flex-direction:column;gap:.3rem}
.sidebar-card li a{display:block;font-size:.84rem;padding:.35rem .5rem;border-radius:5px;color:var(--text-dim);transition:all .15s}
.sidebar-card li a:hover,.sidebar-card li a.active{color:var(--accent);background:var(--accent-dim)}

/* FAQ */
.faq-section{margin:3rem 0 2rem}.faq-item{border-bottom:1px solid var(--border);padding:1.2rem 0}
.faq-item h3{font-size:1rem;margin:0 0 .5rem}.faq-item p{font-size:.9rem;color:var(--text-dim);line-height:1.65;margin:0}

/* FOOTER */
.site-footer{border-top:1px solid var(--border);padding:3rem 2rem;margin-top:4rem}
.footer-inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2rem}
.footer-brand{font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--text-bright);margin-bottom:.8rem}
.footer-desc{font-size:.82rem;color:var(--text-dim);line-height:1.6}
.footer-col h4{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:.8rem;font-weight:600}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.3rem}
.footer-col li a{font-size:.82rem;color:var(--text-dim);transition:color .15s}.footer-col li a:hover{color:var(--accent)}
.footer-disclaimer{grid-column:1/-1;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.74rem;color:var(--text-dim);line-height:1.65;opacity:.7}

/* RESPONSIVE */
@media(max-width:900px){.content-wrap{grid-template-columns:1fr;padding-top:5.5rem}.content-sidebar{position:static;order:-1}.footer-inner{grid-template-columns:1fr}.mol-bar-inner{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.hero{min-height:80vh;padding-top:5rem}.topic-grid{grid-template-columns:1fr}.nav-links a{font-size:.75rem;padding:.3rem .5rem}.section{padding:3rem 1.2rem}.content-wrap{padding:5rem 1.2rem 3rem}}