:root { --ink:#101828; --mint:#ff715b; --paper:#f7f4ed; --line:#cfd5df; --muted:#5e6878; --white:#fff; --font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font); line-height:1.55; }
a { color:inherit; }
.skip-link { position:absolute; left:-9999px; } .skip-link:focus { left:1rem; top:1rem; background:var(--mint); padding:.6rem; z-index:9; }
.info-header { min-height:78px; padding:0 clamp(22px,5vw,72px); background:var(--ink); color:white; display:flex; align-items:center; justify-content:space-between; }
.info-brand { display:flex; gap:13px; align-items:center; text-decoration:none; }
.info-brand img { width:115px; height:auto; }
.info-brand span { border-left:1px solid #526079; padding-left:13px; color:#bec9dc; text-transform:uppercase; letter-spacing:.12em; font-size:.65rem; }
.info-header nav { display:flex; gap:24px; align-items:center; } .info-header nav a { color:#c9d2e1; font-size:.8rem; text-decoration:none; }
.info-header nav a:last-child { background:var(--mint); color:var(--ink); padding:10px 14px; font-weight:700; }
.info-hero { background:var(--ink); color:white; padding:90px clamp(22px,7vw,108px) 105px; display:grid; grid-template-columns:1.25fr .75fr; gap:8vw; }
.eyebrow { color:var(--mint); text-transform:uppercase; letter-spacing:.16em; font-weight:700; font-size:.7rem; }
.info-hero h1 { margin:16px 0 26px; font:400 clamp(3.1rem,6.5vw,7.2rem)/.95 Georgia,"Times New Roman",serif; letter-spacing:-.06em; }
.info-hero h1 em { font-style:normal; color:var(--mint); }
.info-hero .lede { color:#cbd4e3; font-size:1.15rem; max-width:720px; }
.hero-proof { align-self:end; border-top:1px solid #4e6962; padding-top:22px; }
.hero-proof strong { display:block; font:700 2rem var(--font); color:var(--mint); }
.hero-proof span { color:#a9beb7; font-size:.82rem; }
.info-section { padding:92px clamp(22px,7vw,108px); }
.info-section.white { background:white; } .info-section.green { background:#dce7ff; } .info-section.dark { background:var(--ink); color:white; }
.section-head { display:grid; grid-template-columns:1fr 1fr; gap:8vw; margin-bottom:50px; }
.section-head h2 { font:400 clamp(2.3rem,4.2vw,4.8rem)/1.03 Georgia,"Times New Roman",serif; letter-spacing:-.05em; margin:0; }
.section-head p { margin:0; color:var(--muted); font-size:1.05rem; }
.dark .section-head p { color:#bec9dc; }
.facts,.thesis-grid,.truth-grid,.role-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.facts article,.thesis-grid article,.truth-grid article,.role-grid article { background:var(--paper); padding:27px; }
.white .facts article,.white .thesis-grid article,.white .truth-grid article { background:white; }
.facts strong { display:block; font:700 2.4rem var(--font); }
.facts span,.thesis-grid span,.truth-grid span,.role-grid span { display:block; margin-bottom:14px; color:var(--muted); font-size:.65rem; letter-spacing:.13em; font-weight:700; }
.facts p,.thesis-grid p,.truth-grid p,.role-grid p { color:var(--muted); margin:8px 0 0; font-size:.88rem; }
.facts a { font-size:.72rem; color:#275f57; }
.thesis-grid h3,.truth-grid h3,.role-grid h3 { font:700 1.35rem var(--font); margin:0; }
.dark .thesis-grid,.dark .role-grid { background:#43506a; border-color:#43506a; }
.dark .thesis-grid article,.dark .role-grid article { background:#17233d; }
.dark .thesis-grid p,.dark .role-grid p { color:#bec9dc; }
.dark .thesis-grid span,.dark .role-grid span { color:var(--mint); }
.sequence { list-style:none; margin:0; padding:0; border-top:1px solid var(--line); }
.sequence li { display:grid; grid-template-columns:90px 1fr 1fr; gap:35px; padding:22px 0; border-bottom:1px solid var(--line); }
.sequence li>span { color:var(--muted); font-size:.72rem; letter-spacing:.1em; }
.sequence h3 { margin:0; font:700 1.15rem var(--font); } .sequence p { margin:0; color:var(--muted); }
.boundary { margin-top:34px; background:var(--mint); padding:20px 24px; font-weight:600; }
.cta-line { text-align:center; padding:80px 22px; background:white; }
.cta-line h2 { margin:0 auto 24px; max-width:900px; font:650 clamp(2.5rem,5vw,5.6rem)/1 var(--font); letter-spacing:-.05em; }
.button { display:inline-block; background:var(--ink); color:white; padding:14px 19px; text-decoration:none; font-weight:700; }
.info-footer { padding:36px clamp(22px,5vw,72px); background:#080e1b; color:#8d9ab0; display:flex; justify-content:space-between; gap:20px; font-size:.73rem; }
.info-footer nav { display:flex; gap:18px; } .info-footer a { color:#c7d5d1; text-decoration:none; }
.prose { max-width:840px; margin:auto; }
.prose h1 { font:650 clamp(2.8rem,5vw,5.5rem)/1 var(--font); letter-spacing:-.05em; }
.prose h2 { margin-top:44px; font:700 1.6rem var(--font); }
.prose p,.prose li { color:#536761; }
.prose .notice { background:#dce7ff; border-left:4px solid var(--ink); padding:18px 20px; }
@media (max-width:850px) { .info-header nav a:not(:last-child){display:none}.info-hero,.section-head{grid-template-columns:1fr}.facts,.thesis-grid,.truth-grid,.role-grid{grid-template-columns:1fr}.sequence li{grid-template-columns:55px 1fr}.sequence li p{grid-column:2}.info-footer{flex-direction:column} }