:root{--navy:#0a1628;--deep:#0f1d35;--mid:#1a3a5c;--gold:#c9a84c;--gold-lt:#e4cc7a;--cream:#faf8f4;--warm:#f5f0e8;--white:#fff;--text:#2a2a2a;--muted:#555;--border:#e0dbd2}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Source Sans 3',-apple-system,sans-serif;color:var(--text);background:var(--cream);line-height:1.85;font-size:17.5px;-webkit-font-smoothing:antialiased}
.tier-bar{height:5px;background:linear-gradient(90deg,var(--gold),var(--gold-lt),var(--gold))}

/* Hero */
.hero{background:var(--navy);color:#e8e6e1;padding:100px 0 80px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 80% 30%,rgba(201,168,76,.08) 0%,transparent 60%),radial-gradient(ellipse at 20% 70%,rgba(42,100,150,.06) 0%,transparent 50%)}
.hero-inner{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:0 48px}
.badge{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:3.5px;text-transform:uppercase;color:var(--gold);border:1px solid rgba(201,168,76,.35);padding:5px 16px;border-radius:3px;margin-bottom:24px}
.hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:3.6rem;font-weight:300;color:#fff;margin-bottom:16px;line-height:1.08}
.hero h1 em{color:var(--gold);font-style:normal}
.hero .tagline{font-size:1.15rem;font-weight:300;opacity:.75;max-width:680px;line-height:1.7;margin-bottom:40px}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.hero-stat .stat-num{font-family:'Cormorant Garamond',serif;font-size:2.6rem;font-weight:700;color:var(--gold);display:block;line-height:1.05}
.hero-stat .stat-label{font-size:.72rem;letter-spacing:1.5px;text-transform:uppercase;opacity:.6}
.hero-meta{font-size:.84rem;color:rgba(255,255,255,.45);margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}

/* Genesis wordmark */
@keyframes flowGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.genesis-word{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.8rem;font-weight:600;background:linear-gradient(135deg,#1a5276,#2e86c1,#1abc9c,#48c9b0,#2e86c1,#1a5276);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:flowGradient 6s ease infinite;letter-spacing:.03em;display:inline}
.living-intel{font-family:'Source Sans 3',sans-serif;font-size:.82rem;font-weight:400;color:rgba(255,255,255,.45);letter-spacing:.18em;text-transform:uppercase;display:block;margin-top:6px}

/* Main content */
.content{max-width:960px;margin:0 auto;padding:0 48px}

/* Section system */
.section{padding:72px 0}
.section-dark{background:var(--navy);color:#e8e6e1}
.section-cream{background:var(--cream)}
.section-warm{background:var(--warm)}
.section-white{background:var(--white)}
.section-label{font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:3.5px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-weight:500}
.section-dark .section-label{color:var(--gold)}
.section-title{font-family:'Playfair Display',Georgia,serif;font-weight:900;font-size:1.75rem;color:var(--navy);margin-bottom:28px;line-height:1.25}
.section-dark .section-title{color:#fff}
.section-desc{font-size:1.05rem;max-width:680px;line-height:1.8;margin-bottom:36px;color:var(--muted)}
.section-dark .section-desc{color:rgba(255,255,255,.7)}

/* Metric cards */
.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.metric-card{background:var(--white);border-radius:10px;padding:28px 24px;box-shadow:0 2px 16px rgba(10,22,40,.04);border:1px solid var(--border);transition:transform .2s,box-shadow .2s}
.metric-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(10,22,40,.08)}
.metric-card .mc-num{font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-weight:700;color:var(--navy);display:block;line-height:1.1;margin-bottom:4px}
.metric-card .mc-label{font-size:.88rem;color:var(--muted);line-height:1.5}
.metric-card .mc-sub{font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-top:8px;display:block}
.section-dark .metric-card{background:var(--deep);border-color:rgba(201,168,76,.12)}
.section-dark .metric-card .mc-num{color:var(--gold)}
.section-dark .metric-card .mc-label{color:rgba(255,255,255,.7)}

/* Innovation cards */
.innovation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.innovation-card{background:linear-gradient(135deg,#f8f5ee,#f3efe4);border:1px solid rgba(201,168,76,.2);border-radius:10px;padding:32px 28px;position:relative;overflow:hidden}
.innovation-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--gold),var(--gold-lt))}
.innovation-card .ic-title{font-family:'Playfair Display',serif;font-weight:800;font-size:1.1rem;color:var(--navy);margin-bottom:10px}
.innovation-card .ic-tag{font-family:'JetBrains Mono',monospace;font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:10px;display:block}
.innovation-card .ic-desc{font-size:.94rem;color:var(--muted);line-height:1.7}

/* Updates section */
.update-item{display:flex;gap:20px;margin-bottom:24px;position:relative;padding-left:24px}
.update-item::before{content:'';position:absolute;left:6px;top:0;bottom:-24px;width:2px;background:rgba(201,168,76,.2)}
.update-item:last-child::before{display:none}
.update-dot{width:14px;height:14px;border-radius:50%;background:var(--gold);flex-shrink:0;position:absolute;left:0;top:4px}
.update-content{flex:1}
.update-date{font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:4px;font-weight:500}
.update-title{font-family:'Source Sans 3',sans-serif;font-weight:700;font-size:1.05rem;color:var(--navy);margin-bottom:4px}
.update-desc{font-size:.92rem;color:var(--muted);line-height:1.65}

/* Architecture diagram */
.arch-row{display:flex;gap:16px;margin-bottom:16px;align-items:stretch}
.arch-box{flex:1;border-radius:8px;padding:18px 16px;text-align:center;font-size:.88rem;font-weight:600;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.arch-box .ab-sub{font-size:.72rem;font-weight:400;opacity:.7}
.arch-primary{background:linear-gradient(135deg,var(--navy),var(--mid))}
.arch-gold{background:linear-gradient(135deg,var(--gold),#b8943f)}
.arch-green{background:linear-gradient(135deg,#1e6b45,#3da876)}
.arch-blue{background:linear-gradient(135deg,#2e6baf,#4a90d9)}
.arch-full{flex:none;width:100%}

/* Bar charts (from doc standard) */
.bar-chart{margin:28px 0 8px}
.bar-row{display:flex;align-items:center;margin-bottom:14px}
.bar-label{width:180px;font-size:.88rem;font-weight:600;color:var(--navy);flex-shrink:0}
.bar-track{flex:1;height:30px;background:#f0ede6;border-radius:6px;overflow:hidden}
.bar-fill{height:100%;border-radius:6px;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;font-size:.78rem;font-weight:600;color:#fff;transition:width 1.5s ease}
.bar-fill.gold{background:linear-gradient(90deg,var(--gold),var(--gold-lt))}
.bar-fill.navy{background:linear-gradient(90deg,var(--navy),var(--mid))}
.section-dark .bar-label{color:rgba(255,255,255,.8)}
.section-dark .bar-track{background:rgba(255,255,255,.08)}

/* Velocity callout */
.velocity-box{background:var(--navy);border-radius:12px;padding:40px;text-align:center;margin-top:36px}
.velocity-box .vb-num{font-family:'Cormorant Garamond',serif;font-size:4rem;font-weight:700;color:var(--gold);line-height:1}
.velocity-box .vb-label{font-size:1.1rem;color:rgba(255,255,255,.7);margin-top:8px}
.velocity-box .vb-sub{font-size:.88rem;color:rgba(255,255,255,.45);margin-top:4px}

/* Footer */
.footer{background:var(--navy);color:rgba(255,255,255,.5);padding:60px 40px 48px;text-align:center;position:relative;overflow:hidden}
.footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.footer .quote{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.8rem;font-weight:400;font-style:italic;color:var(--gold);max-width:640px;margin:0 auto 32px;line-height:1.45}
.footer .division{font-size:.88rem;color:rgba(255,255,255,.4);margin-top:14px}
.footer .legal{font-size:.82rem;color:rgba(255,255,255,.38);margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}

/* Responsive */
@media(max-width:700px){
.hero h1{font-size:2.4rem}
.hero{padding:60px 0 48px}
.hero-inner,.content{padding:0 24px}
.hero-stats{grid-template-columns:repeat(2,1fr);gap:20px}
.metric-grid{grid-template-columns:1fr 1fr}
.innovation-grid{grid-template-columns:1fr}
.arch-row{flex-direction:column}
.bar-label{width:120px;font-size:.78rem}
}
@media(max-width:480px){
.hero-stats{grid-template-columns:1fr 1fr}
.metric-grid{grid-template-columns:1fr}
}

/* Print */
@media print{
body{font-size:11pt;background:#fff}
.tier-bar{display:none}
.hero{padding:40px 32px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.section{padding:36px 0}
.metric-card{box-shadow:none;border:1px solid #ddd}
.genesis-word{-webkit-text-fill-color:var(--gold);background:none;animation:none}
}
