:root{ --navy:#0A1628;--navy2:#0D1B35;--navy3:#0F2040; --gold:#C9922A;--gold2:#E8B04A;--gold3:#F5C86A; --teal:#0F6E56;--red:#8B2020;--blue:#185FA5;--purple:#3A1A7A; --white:#F5F0E8;--off:#E0D8C8;--cream:#D4CCBC;--mg:#777;--dg:#333; --gap:2px; } html{scroll-behavior:smooth;overflow-x:hidden} body{background:var(--navy);color:var(--white);font-family:'Barlow',sans-serif;min-height:100vh} /* ══ TYPOGRAPHY ══ */ .f-bebas{font-family:'Bebas Neue',sans-serif;letter-spacing:2px} .f-cond{font-family:'Barlow Condensed',sans-serif} .f-mono{font-family:'Source Code Pro',monospace} .f-body{font-family:'Barlow',sans-serif} /* ══ NAV ══ */ nav{ position:fixed;top:0;left:0;right:0;z-index:999; height:60px;display:flex;align-items:center;justify-content:space-between; padding:0 40px; background:rgba(10,22,40,0.97); border-bottom:1px solid rgba(201,146,42,0.75); backdrop-filter:blur(24px); } .nav-logo{font-family:'Bebas Neue',sans-serif;font-size:26px;color:var(--gold);letter-spacing:3px;cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:8px;flex-shrink:0} .nav-logo span{font-family:'Source Code Pro',monospace;font-size:10px;color:rgba(201,146,42,0.75);letter-spacing:1px} .nav-links{display:flex;align-items:center;gap:2px;list-style:none;flex:1;justify-content:center} .nav-links li{position:relative} .nav-links a,.nav-links button{ display:inline-flex;align-items:center;gap:5px;padding:0 10px;height:38px; font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase; color:rgba(245,240,232,.65);text-decoration:none;background:none;border:none;cursor:pointer;border-radius:2px; transition:color .15s,background .15s;white-space:nowrap } .nav-links a:hover,.nav-links button:hover,.nav-links li:hover>a,.nav-links li:hover>button{color:var(--white);background:rgba(201,146,42,0.75)} .nav-links a.active,.nav-links button.active{color:var(--gold)} .nav-links i{font-size:13px} .nav-lock{display:inline-flex;align-items:center;gap:5px;padding:0 10px;height:38px;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:rgba(245,240,232,0.75);cursor:default;position:relative} .nav-lock i{font-size:12px;color:rgba(201,146,42,0.75)} .nav-lock:hover .lock-tip{opacity:1;transform:translateX(-50%) translateY(0)} .lock-tip{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(-4px);background:var(--navy3);border:1px solid rgba(201,146,42,0.75);padding:6px 12px;white-space:nowrap;font-family:'Source Code Pro',monospace;font-size:9px;color:rgba(201,146,42,.75);letter-spacing:1.5px;text-transform:uppercase;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:200} .dropdown{position:absolute;top:calc(100% + 1px);left:50%;transform:translateX(-50%) translateY(-6px);background:var(--navy2);border:1px solid rgba(201,146,42,0.75);min-width:248px;z-index:500;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;box-shadow:0 20px 60px rgba(0,0,0,.7)} .nav-links li:hover .dropdown{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)} .dd-section{padding:5px 0;border-bottom:1px solid rgba(201,146,42,0.75)} .dd-section:last-child{border-bottom:none} .dd-label{font-family:'Source Code Pro',monospace;font-size:9px;color:rgba(201,146,42,0.75);letter-spacing:3px;text-transform:uppercase;padding:3px 14px 1px} .dropdown a{display:flex;align-items:center;gap:10px;padding:8px 14px;font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:rgba(245,240,232,.65);text-decoration:none;transition:all .1s} .dropdown a:hover{background:rgba(201,146,42,0.75);color:var(--white);padding-left:18px} .dropdown a i{font-size:14px;opacity:.65} .dropdown a:hover i{opacity:1} .tier{margin-left:auto;font-family:'Source Code Pro',monospace;font-size:9px;padding:2px 6px;letter-spacing:1px;flex-shrink:0} .tg{background:rgba(15,110,86,0.75);color:#2ECC71} .ta{background:rgba(201,146,42,0.75);color:var(--gold)} .tb{background:rgba(24,95,165,0.75);color:#4A9FE5} .tr{background:rgba(139,32,32,0.75);color:#E05555} .tp{background:rgba(58,26,122,0.75);color:#A880FF} .nav-ctas{display:flex;align-items:center;gap:8px;flex-shrink:0} .live-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(15,110,86,0.75);border:1px solid rgba(15,110,86,0.75);padding:3px 9px;border-radius:2px;font-family:'Source Code Pro',monospace;font-size:11px;color:#2ECC71;letter-spacing:1px;cursor:default;flex-shrink:0} .live-dot{width:7px;height:7px;border-radius:50%;background:#2ECC71;animation:pulse 2s ease-in-out infinite;flex-shrink:0} @keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}} .btn-in{height:34px;padding:0 14px;font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(245,240,232,.65);background:transparent;border:1px solid rgba(245,240,232,0.75);border-radius:2px;cursor:pointer;transition:all .15s;white-space:nowrap} .btn-in:hover{color:var(--white);border-color:rgba(245,240,232,0.75)} .btn-sub{height:34px;padding:0 16px;font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--navy);background:var(--gold);border:none;border-radius:2px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:all .15s;white-space:nowrap} .btn-sub:hover{background:var(--gold2);transform:translateY(-1px)} /* ══ TICKER ══ */ .ticker{background:rgba(201,146,42,.04);border-bottom:1px solid rgba(201,146,42,0.75);padding:7px 0;overflow:hidden;white-space:nowrap} .ticker-inner{display:inline-flex;gap:52px;animation:tick 32s linear infinite} .ticker-item{font-family:'Source Code Pro',monospace;font-size:11px;color:rgba(201,146,42,.6);letter-spacing:1.5px;text-transform:uppercase;flex-shrink:0} .ticker-item span{color:#2ECC71;margin-right:4px} @keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}} /* ══ REVEAL ══ */ .reveal{opacity:1;transform:none;transition:opacity .8s,transform .8s} .reveal.vis{opacity:1;transform:none} .r1{transition-delay:.1s}.r2{transition-delay:.2s}.r3{transition-delay:.3s}.r4{transition-delay:.4s}.r5{transition-delay:.5s}.r6{transition-delay:.6s} /* ══ HERO ══ */ .hero{ min-height:100vh;padding:120px 48px 80px; display:flex;align-items:flex-end; position:relative;overflow:hidden; } .hero-bg{position:absolute;inset:0;background:linear-gradient(145deg,#0A1628 0%,#0D1B35 60%,#0A1628 100%);z-index:0} .hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(201,146,42,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(201,146,42,.025) 1px,transparent 1px);background-size:56px 56px;z-index:1;pointer-events:none} .hero-diag{position:absolute;bottom:-120px;right:-80px;width:640px;height:640px;border:1px solid rgba(201,146,42,.06);transform:rotate(15deg);z-index:1;pointer-events:none} .hero-diag2{position:absolute;bottom:-60px;right:-20px;width:480px;height:480px;border:1px solid rgba(201,146,42,.04);transform:rotate(30deg);z-index:1;pointer-events:none} .hero-num{position:absolute;right:-30px;bottom:-100px;font-family:'Bebas Neue',sans-serif;font-size:32vw;color:rgba(201,146,42,.025);line-height:1;z-index:1;user-select:none;pointer-events:none} .hero-content{position:relative;z-index:2;max-width:1000px;width:100%} .hero-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:24px} .hero-eyebrow-line{width:44px;height:1px;background:var(--gold)} .hero-eyebrow-text{font-family:'Source Code Pro',monospace;font-size:11px;color:rgba(201,146,42,.7);letter-spacing:4px;text-transform:uppercase} .hero-h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(64px,10vw,130px);line-height:.84;letter-spacing:2px;margin-bottom:0} .hero-h1 .gold{color:var(--gold);display:block} .hero-h1 .white{color:var(--white);display:block} .hero-tagline{font-size:clamp(17px,1.8vw,22px);color:rgba(224,216,200,.72);max-width:620px;line-height:1.75;margin:28px 0 44px} .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:60px} .btn-primary{padding:16px 44px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:15px;letter-spacing:1.5px;text-transform:uppercase;color:var(--navy);background:var(--gold);border:none;border-radius:2px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s} .btn-primary:hover{background:var(--gold2);transform:translateY(-2px)} .btn-secondary{padding:16px 44px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:15px;letter-spacing:1.5px;text-transform:uppercase;color:var(--white);background:transparent;border:2px solid rgba(245,240,232,0.75);border-radius:2px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s} .btn-secondary:hover{border-color:var(--gold);color:var(--gold)} .hero-stats{display:flex;gap:0;border-top:1px solid rgba(201,146,42,0.75);padding-top:0} .hero-stat{padding:28px 44px 0 0;flex:none} .hero-stat:first-child{padding-left:0} .hero-stat+.hero-stat{border-left:1px solid rgba(201,146,42,0.75);padding-left:44px} .hs-n{font-family:'Bebas Neue',sans-serif;font-size:52px;color:var(--gold);line-height:1;margin-bottom:4px} .hs-l{font-family:'Barlow Condensed',sans-serif;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--mg)} /* ══ STAGE LAG EXPLAINER (Law 5 — Contrast) ══ */ .lag-section{padding:100px 48px;position:relative;overflow:hidden} .lag-bg{position:absolute;inset:0;background:var(--navy2)} .lag-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1200px;margin:0 auto} .section-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:20px} .section-line{width:36px;height:1px;background:var(--gold)} .section-tag{font-family:'Source Code Pro',monospace;font-size:11px;color:rgba(201,146,42,.7);letter-spacing:4px;text-transform:uppercase} .section-h{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,4.5vw,62px);line-height:.88;margin-bottom:22px} .section-body{font-size:17px;color:rgba(224,216,200,.72);line-height:1.8} .bq{border-left:3px solid var(--gold);padding-left:22px;margin:28px 0;font-size:20px;font-style:italic;color:rgba(224,216,200,.8);line-height:1.55} .lag-visual{border:1px solid rgba(201,146,42,0.75);padding:32px;background:var(--navy)} .lag-title{font-family:'Source Code Pro',monospace;font-size:10px;color:rgba(201,146,42,0.75);letter-spacing:3px;text-transform:uppercase;margin-bottom:20px} .lag-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.04)} .lag-row:last-child{border-bottom:none} .lag-label{font-family:'Barlow Condensed',sans-serif;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--mg)} .lag-val{font-family:'Bebas Neue',sans-serif;font-size:30px;line-height:1} .lag-bar{flex:1;height:3px;background:rgba(255,255,255,.06);margin:0 16px;position:relative} .lag-fill{height:100%;transition:width 1.2s ease} /* ══ INSTRUMENTS (Law 16 — Commitment Ladder) ══ */ .instr-section{padding:100px 48px} .instr-inner{max-width:1200px;margin:0 auto} .instr-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;flex-wrap:wrap;gap:20px} .instr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)} .instr-card{padding:32px 28px;background:var(--navy2);position:relative;cursor:pointer;transition:transform .2s;border-top:3px solid transparent;overflow:hidden} .instr-card::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .3s;background:linear-gradient(135deg,rgba(201,146,42,.05),transparent)} .instr-card:hover{transform:translateY(-3px)} .instr-card:hover::before{opacity:1} .instr-num{font-family:'Bebas Neue',sans-serif;font-size:42px;line-height:1;opacity:.1;margin-bottom:10px} .instr-badge{display:inline-block;font-family:'Source Code Pro',monospace;font-size:9px;letter-spacing:2px;padding:3px 8px;margin-bottom:12px} .instr-name{font-family:'Bebas Neue',sans-serif;font-size:21px;color:var(--white);letter-spacing:1px;margin-bottom:7px} .instr-desc{font-size:13px;color:var(--mg);line-height:1.65} .instr-arrow{position:absolute;bottom:18px;right:18px;font-size:16px;color:var(--mg);transition:all .2s} .instr-card:hover .instr-arrow{transform:translate(2px,-2px)} /* ══ THE THESIS (Law 17 — Legacy Frame) ══ */ .thesis-section{padding:100px 48px;background:var(--navy3);position:relative;overflow:hidden} .thesis-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(201,146,42,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(201,146,42,.02) 1px,transparent 1px);background-size:56px 56px;pointer-events:none} .thesis-inner{max-width:1200px;margin:0 auto;position:relative;z-index:2} .thesis-statement{font-family:'Bebas Neue',sans-serif;font-size:clamp(48px,6vw,88px);line-height:.86;letter-spacing:2px;text-align:center;margin-bottom:48px} .thesis-gold{color:var(--gold)} .thesis-three{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)} .thesis-block{padding:40px 36px;background:var(--navy);border-top:2px solid rgba(201,146,42,0.75)} .tb-num{font-family:'Bebas Neue',sans-serif;font-size:56px;color:var(--gold);opacity:.2;line-height:1;margin-bottom:8px} .tb-title{font-family:'Bebas Neue',sans-serif;font-size:24px;color:var(--white);letter-spacing:1px;margin-bottom:10px} .tb-body{font-size:14px;color:var(--mg);line-height:1.75} /* ══ INDICES (Law 8 — Specificity) ══ */ .indices-section{padding:100px 48px} .indices-inner{max-width:1200px;margin:0 auto} .indices-scroll{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-top:48px} .idx-card{padding:28px 24px;background:var(--navy2);border-left:3px solid transparent;transition:border-color .2s} .idx-card:hover{border-left-color:var(--gold)} .idx-ticker{font-family:'Source Code Pro',monospace;font-size:12px;font-weight:600;color:var(--gold);margin-bottom:6px} .idx-name{font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;color:var(--white);margin-bottom:6px;letter-spacing:.5px} .idx-desc{font-size:13px;color:var(--mg);line-height:1.6} .idx-score{margin-top:14px;display:flex;align-items:center;gap:12px} .idx-score-n{font-family:'Bebas Neue',sans-serif;font-size:36px;line-height:1} .idx-score-l{font-family:'Source Code Pro',monospace;font-size:10px;color:var(--mg);letter-spacing:1.5px;line-height:1.5} .idx-badge{display:inline-block;font-family:'Source Code Pro',monospace;font-size:9px;letter-spacing:1.5px;padding:3px 7px;margin-top:12px} /* ══ RALI PROOF (Law 7 — Social Proof) ══ */ .rali-section{padding:100px 48px;background:var(--navy2)} .rali-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center} .rali-table{width:100%;border-collapse:collapse;margin-top:28px} .rali-table th{font-family:'Source Code Pro',monospace;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--mg);padding:10px 14px;border-bottom:1px solid rgba(201,146,42,0.75);text-align:left} .rali-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.04);font-size:14px;color:rgba(224,216,200,.75)} .rali-table tr:hover td{background:rgba(201,146,42,.04)} .rali-table .mono{font-family:'Source Code Pro',monospace;font-size:12px;color:var(--gold)} .rali-table .red{color:#E05555} .rali-number-hero{font-family:'Bebas Neue',sans-serif;font-size:clamp(80px,12vw,160px);color:var(--gold);line-height:.85;margin:20px 0} .rali-number-label{font-family:'Barlow Condensed',sans-serif;font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--mg)} /* ══ DESIGN PARTNERS (Law 7 — Social Proof, renamed per earlier fix) ══ */ .partners-section{padding:80px 48px;border-top:1px solid rgba(201,146,42,0.75);border-bottom:1px solid rgba(201,146,42,0.75)} .partners-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:48px;flex-wrap:wrap} .partners-label{font-family:'Source Code Pro',monospace;font-size:10px;color:rgba(201,146,42,0.75);letter-spacing:3px;text-transform:uppercase;flex-shrink:0;white-space:nowrap} .partners-divider{width:1px;height:32px;background:rgba(201,146,42,0.75);flex-shrink:0} .partner-item{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);cursor:default} .partners-note{margin-left:auto;font-family:'Source Code Pro',monospace;font-size:10px;color:rgba(201,146,42,0.75);letter-spacing:1.5px;white-space:nowrap} /* ══ GOVERNED OBSERVER (Law 14 — Reciprocity) ══ */ .observer-section{padding:100px 48px;background:var(--navy3)} .observer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center} .observer-features{margin-top:32px;display:flex;flex-direction:column;gap:0} .obs-feat{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.05)} .obs-feat:last-child{border-bottom:none} .obs-feat-icon{font-size:22px;flex-shrink:0;color:rgba(58,106,74,.8)} .obs-feat-title{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;color:var(--white);letter-spacing:.5px;margin-bottom:3px} .obs-feat-body{font-size:13px;color:var(--mg);line-height:1.65} .obs-card{border:1px solid rgba(58,106,74,0.75);padding:36px;background:rgba(58,106,74,.06)} .obs-card-header{font-family:'Source Code Pro',monospace;font-size:10px;color:rgba(58,106,74,.8);letter-spacing:3px;text-transform:uppercase;margin-bottom:20px} .obs-cta{display:block;margin-top:24px;padding:14px 28px;background:#3A6A4A;color:var(--white);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;text-align:center;text-decoration:none;cursor:pointer;border:none;transition:all .2s;border-radius:2px;width:100%} .obs-cta:hover{background:#4A8A5A;transform:translateY(-1px)} .obs-legal{margin-top:14px;font-family:'Source Code Pro',monospace;font-size:9px;color:rgba(255,255,255,0.75);line-height:1.7;letter-spacing:.3px} /* ══ CTA BANNER (Law 12 — Urgency + Law 15 — Pattern Interrupt) ══ */ .cta-section{padding:120px 48px;position:relative;overflow:hidden;background:var(--navy)} .cta-accent{position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--gold)} .cta-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(201,146,42,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(201,146,42,.02) 1px,transparent 1px);background-size:56px 56px;pointer-events:none} .cta-inner{max-width:1000px;margin:0 auto;position:relative;z-index:2;text-align:center} .cta-h{font-family:'Bebas Neue',sans-serif;font-size:clamp(52px,7vw,100px);line-height:.86;letter-spacing:2px;margin-bottom:24px} .cta-gold{color:var(--gold)} .cta-sub{font-size:18px;color:rgba(224,216,200,.7);margin-bottom:48px;max-width:900px;margin-left:auto;margin-right:auto;line-height:1.75} .cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap} /* ══ FOOTER ══ */ footer{background:#060E1C;padding:72px 48px 32px;border-top:1px solid rgba(201,146,42,0.75)} .footer-inner{max-width:1200px;margin:0 auto} .footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:48px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,.06)} .footer-brand{} .footer-logo{font-family:'Bebas Neue',sans-serif;font-size:32px;color:var(--gold);letter-spacing:3px;margin-bottom:14px} .footer-tagline{font-size:14px;color:rgba(224,216,200,0.75);line-height:1.75;max-width:260px;margin-bottom:28px} .footer-socials{display:flex;gap:10px} .footer-social{width:36px;height:36px;border:1px solid rgba(201,146,42,0.75);display:flex;align-items:center;justify-content:center;color:rgba(201,146,42,0.75);font-size:15px;text-decoration:none;transition:all .15s;border-radius:2px} .footer-social:hover{border-color:var(--gold);color:var(--gold);background:rgba(201,146,42,0.75)} .footer-col-title{font-family:'Source Code Pro',monospace;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:rgba(201,146,42,0.75);margin-bottom:18px} .footer-links{list-style:none;display:flex;flex-direction:column;gap:10px} .footer-links a{font-size:14px;color:rgba(224,216,200,0.75);text-decoration:none;transition:color .15s;display:flex;align-items:center;gap:6px;font-family:'Barlow Condensed',sans-serif;font-weight:600;letter-spacing:.5px} .footer-links a:hover{color:var(--white)} .footer-links .new{font-family:'Source Code Pro',monospace;font-size:8px;padding:2px 5px;background:rgba(201,146,42,0.75);color:var(--gold);letter-spacing:1px;margin-left:4px} .footer-mid{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:40px 0;border-bottom:1px solid rgba(255,255,255,.06)} .footer-live{display:flex;align-items:center;gap:16px} .footer-live-dot{width:8px;height:8px;border-radius:50%;background:#2ECC71;animation:pulse 2s ease-in-out infinite;flex-shrink:0} .footer-live-text{font-family:'Source Code Pro',monospace;font-size:11px;color:rgba(45,204,113,.7);letter-spacing:2px;text-transform:uppercase} .footer-disclaimer{font-family:'Source Code Pro',monospace;font-size:10px;color:rgba(255,255,255,0.75);line-height:1.7;letter-spacing:.3px} .footer-bottom{padding-top:28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px} .footer-bottom-left{font-family:'Source Code Pro',monospace;font-size:10px;color:rgba(255,255,255,0.75);letter-spacing:.5px} .footer-bottom-right{display:flex;gap:20px} .footer-bottom-right a{font-family:'Source Code Pro',monospace;font-size:10px;color:rgba(255,255,255,0.75);text-decoration:none;letter-spacing:.5px;transition:color .15s} .footer-bottom-right a:hover{color:rgba(255,255,255,0.75)} /* ══ RESPONSIVE ══ */ @media(max-width:1100px){ .instr-grid{grid-template-columns:repeat(2,1fr)} . } @media(max-width:900px){ nav{padding:0 20px} .nav-links{display:none} .hero,.lag-section,.instr-section,.thesis-section,.indices-section,.rali-section,.observer-section,.cta-section,footer{padding-left:20px;padding-right:20px} .lag-inner,.rali-inner,.observer-inner,.footer-mid{grid-template-columns:1fr} .thesis-three,.indices-scroll{grid-template-columns:1fr} . .hero-stats{flex-wrap:wrap;gap:0} .hero-stat{padding:20px 28px 0 0} .hero-stat+.hero-stat{border-left:none;padding-left:0;border-top:1px solid rgba(201,146,42,0.75);padding-top:20px} } /* ═══════════════════════════════════════════════ CANONICAL NAV + FOOTER CSS — DO NOT MODIFY Identical across all 25 pages ═══════════════════════════════════════════════ */ :root{ --navy:#0A1628;--navy2:#0D1B35;--navy3:#0F2040; --gold:#C9922A;--gold2:#E8B04A;--gold3:#F5C86A; --teal:#0F6E56;--red:#8B2020;--blue:#185FA5;--purple:#3A1A7A; --white:#F5F0E8;--off:#E0D8C8;--cream:#D4CCBC;--mg:#777;--dg:#333; --gap:2px; } /* Nav */ navy:#0A1628;--navy2:#0D1B35;--navy3:#0F2040; --gold:#C9922A;--gold2:#E8B04A;--gold3:#F5C86A; --teal:#0F6E56;--red:#8B2020;--blue:#185FA5;--purple:#3A1A7A; --white:#F5F0E8;--off:#E0D8C8;--cream:#D4CCBC;--mg:#777;--dg:#333; --gap:2px; html{scroll-behavior:smooth;overflow-x:hidden} navy);color:var(--white);font-family:'Barlow',sans-serif;min-height:100vh /* ══ TYPOGRAPHY ══ */ .f-bebas{font-family:'Bebas Neue',sans-serif;letter-spacing:2px} /* Dropdown open on click (aria-expanded) AND hover */ .nav-links li:has(button[aria-expanded="true"]) .dropdown{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)} button[aria-expanded="true"] + .dropdown{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)} /* ── PAGE STYLES ── */ body{} in shared CSS affects ALL pages The fix used for Signal Feed was: scoped .sf-* max-width:none The same fix is needed for ALL other pages OR we fix the shared CSS body rule directly body max-width:900px in hp_pieces STYLE: True Context: ht:.88;margin-bottom:22px .section-body{font-size:17px;color:rgba(224,216,200,.72);line-height:1.8} .bq{border-left:3px solid var(--gold);padding-left:22px;margin:28px 0;font-size:20p \",\"stderr\":\"\"}" } }, { "start_timestamp": "2026-05-21T01:12:52.310114Z", "stop_timestamp": "2026-05-21T01:13:07.852834Z", "flags": null, "type": "tool_use", "id": "toolu_01FS6o23nZ4VcZm5S9VhuTUM", "name": "bash_tool", "input": { "command": "python3 << 'PYEOF' import re # CRITICAL DISCOVERY: # The rule is NOT body{} — it's .section-body{} # But it RENDERS as a body rule because the CSS in the style block was # incorrectly captured — let me look at it more carefully import json with open('/home/claude/hp_pieces.json') as f: p = json.load(f) # Find exact context of max-width:900px style = p['style'] idx = style.find('max-width:900px') print(\"Exact context in hp_pieces STYLE:\") print(repr(style[max(0,idx-200):idx+200])) # So .section-body has max-width:900px — that's CORRECT for prose sections # The issue is NOT body{} # Let me re-examine: WHY does the footer look misaligned in Company Landing Pages # but looks OK in the screenshot for other pages? # # Looking at the screenshot again: # The footer has 4 columns: Sectors | Instruments | Company | Access # But footer-top CSS says: grid-template-columns:2fr 1fr 1fr 1fr 1fr (5 columns) # The footer HTML has: brand col + Sectors + Instruments + Company + Access = 5 cols # This IS correct for homepage # # But on Company Landing Pages — does the page-level CSS override footer-top # with a different grid? We saw in there! with open('/mnt/user-data/outputs/EWOX_Company_Landing_Pages.html') as f: co = f.read() co_style = re.search(r'