:root{--color-navy: #0e1a2e;--color-gold: #a07c3a;--color-cream: #faf8f4;--color-parchment: #f0ece3;--color-navy-muted: rgba(14, 26, 46, .62);--color-border: rgba(14, 26, 46, .1);--color-border-gold: rgba(160, 124, 58, .45);--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--max-w: 1200px;--px: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{background:var(--color-cream);color:var(--color-navy);font-family:var(--font-body);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font:inherit}img,svg{display:block}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.15;color:var(--color-navy)}.page-hero{background:radial-gradient(circle at top left,rgba(160,124,58,.16),transparent 32%),linear-gradient(180deg,var(--color-parchment) 0%,var(--color-cream) 68%);padding:64px var(--px) 56px;border-bottom:.5px solid var(--color-border)}.page-hero-inner,.content-inner{max-width:var(--max-w);margin:0 auto}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;align-items:stretch}.hero-copy{padding:12px 0}.page-eyebrow,.section-kicker,.panel-eyebrow,.quote-label,.info-label,.next-card-label,.point-kicker{font-size:.68rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--color-gold)}.page-title{font-size:clamp(2.6rem,6vw,4.9rem);line-height:.94;max-width:10ch;margin:0 0 18px}.page-sub{font-size:1.08rem;font-weight:300;color:var(--color-navy-muted);max-width:58ch;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:11px 24px;border-radius:4px;border:.5px solid var(--color-border-gold);color:var(--color-navy);font-size:.875rem;font-weight:500;transition:border-color .15s,background .15s}.btn-secondary:hover{border-color:var(--color-gold);background:#a07c3a0f}.hero-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.hero-point{padding:16px 16px 18px;border-radius:14px;border:.5px solid var(--color-border);background:#faf8f4ad;backdrop-filter:blur(8px)}.hero-point p{margin-top:10px;font-size:.92rem;font-weight:300;color:var(--color-navy-muted);line-height:1.65}.hero-panel{padding:28px;border-radius:24px;border:.5px solid rgba(160,124,58,.18);background:linear-gradient(180deg,#0e1a2ef5,#121d30f0);box-shadow:0 20px 60px #0e1a2e1f}.panel-card-stack{display:grid;gap:14px;margin-top:18px}.panel-card{padding:18px 18px 20px;border-radius:16px;border:.5px solid rgba(250,248,244,.09);background:#faf8f40a}.panel-card-title{font-family:var(--font-display);font-size:1.08rem;font-weight:700;color:var(--color-cream)}.panel-card-body{margin-top:8px;font-size:.93rem;font-weight:300;line-height:1.68;color:#faf8f4b3}.content-section{flex:1;padding:64px var(--px) 88px}.content-inner{display:flex;flex-direction:column;gap:34px}.section-shell{padding:36px 38px;border-radius:24px;border:.5px solid var(--color-border);background:#f0ece3c7}.accent-shell{background:linear-gradient(180deg,var(--color-navy),#16233a);border-color:#a07c3a38}.intro-shell{background:linear-gradient(180deg,#f0ece3b8,#faf8f4eb)}.section-copy{max-width:72ch}.section-copy.narrow{max-width:58ch}.section-title{font-size:clamp(1.65rem,3vw,2.5rem);margin:10px 0 14px}.section-lead{font-size:1rem;font-weight:300;color:var(--color-navy-muted);line-height:1.8}.split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}.info-card,.step-card,.standard-card,.reader-card,.next-card{border-radius:18px;border:.5px solid var(--color-border);background:#faf8f4b8}.info-card{padding:24px}.info-card.contrast{background:#0e1a2ef2;border-color:#a07c3a33}.feature-list{list-style:none;display:grid;gap:12px;margin-top:14px}.feature-list li{position:relative;padding-left:18px;font-size:.96rem;font-weight:300;line-height:1.72;color:var(--color-navy-muted)}.feature-list li:before{content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;border-radius:999px;background:var(--color-gold)}.contrast .feature-list li{color:#faf8f4b8}.steps-grid,.standards-grid,.reader-grid,.next-grid{display:grid;gap:16px;margin-top:26px}.steps-grid,.standards-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reader-grid,.next-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.step-card,.standard-card,.reader-card,.next-card{padding:22px}.step-number{display:inline-block;font-size:.72rem;font-weight:500;letter-spacing:.2em;color:var(--color-gold)}.step-card h3,.standard-title,.reader-title,.next-card-title{margin-top:10px;font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--color-navy)}.step-card p,.standard-body,.reader-body,.next-card-body{margin-top:10px;font-size:.93rem;font-weight:300;line-height:1.68;color:var(--color-navy-muted)}.quote-band{padding:36px 38px;border-radius:24px;background:#a07c3a14;border:.5px solid rgba(160,124,58,.24)}.quote-text{max-width:22ch;margin-top:12px;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3rem);line-height:1.04;color:var(--color-navy)}.quote-note{margin-top:14px;font-size:.96rem;font-weight:300;color:var(--color-navy-muted)}.next-card{display:flex;flex-direction:column;gap:4px;transition:transform .15s,border-color .15s}.next-card:hover{transform:translateY(-2px);border-color:var(--color-gold)}.next-card-link{margin-top:auto;padding-top:12px;font-size:.84rem;font-weight:500;color:var(--color-gold)}[data-theme=dark] body{background:#0d1422;color:#e2ddd5}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3{color:#e2ddd5}[data-theme=dark] .page-hero{background:radial-gradient(circle at top left,rgba(160,124,58,.16),transparent 36%),linear-gradient(180deg,#10192b,#0d1422 68%)}[data-theme=dark] .page-sub,[data-theme=dark] .hero-point p,[data-theme=dark] .section-lead,[data-theme=dark] .step-card p,[data-theme=dark] .standard-body,[data-theme=dark] .reader-body,[data-theme=dark] .next-card-body,[data-theme=dark] .quote-note,[data-theme=dark] .feature-list li{color:#e2ddd5a8}[data-theme=dark] .btn-secondary{color:#e2ddd5;border-color:#a07c3a57}[data-theme=dark] .btn-secondary:hover{background:#a07c3a14}[data-theme=dark] .hero-point{background:#141d2fb8;border-color:#e2ddd514}[data-theme=dark] .hero-panel{background:linear-gradient(180deg,#111c30,#0f1728);border-color:#a07c3a38}[data-theme=dark] .section-shell{background:#141d2fe0;border-color:#e2ddd514}[data-theme=dark] .intro-shell{background:linear-gradient(180deg,#141d2fdb,#101828f0)}[data-theme=dark] .accent-shell{background:linear-gradient(180deg,#0e1a2e,#13213a);border-color:#a07c3a3d}[data-theme=dark] .info-card,[data-theme=dark] .step-card,[data-theme=dark] .standard-card,[data-theme=dark] .reader-card,[data-theme=dark] .next-card{background:#0e1522ad;border-color:#e2ddd514}[data-theme=dark] .info-card.contrast{background:linear-gradient(180deg,#111a2b,#0d1523);border-color:#a07c3a2e}[data-theme=dark] .quote-band{background:#a07c3a14;border-color:#a07c3a33}[data-theme=dark] .quote-text,[data-theme=dark] .step-card h3,[data-theme=dark] .standard-title,[data-theme=dark] .reader-title,[data-theme=dark] .next-card-title{color:#e2ddd5}@media(max-width:1100px){.hero-grid,.split-grid,.steps-grid,.standards-grid,.reader-grid,.next-grid{grid-template-columns:1fr 1fr}.hero-points{grid-template-columns:1fr}}@media(max-width:820px){:root{--px: 24px}.hero-grid,.split-grid,.steps-grid,.standards-grid,.reader-grid,.next-grid{grid-template-columns:1fr}.page-title{max-width:12ch}.section-shell,.quote-band,.hero-panel{padding:26px 24px;border-radius:20px}}@media(max-width:560px){:root{--px: 16px}.page-hero{padding:44px var(--px) 36px}.page-title{font-size:clamp(2.1rem,12vw,3.15rem);line-height:.98}.page-sub{font-size:.95rem;line-height:1.72}.content-section{padding:18px var(--px) 56px}.content-inner{gap:20px}.hero-actions{gap:10px}.btn-primary,.btn-secondary{width:100%;justify-content:center}.section-shell,.quote-band,.hero-panel,.info-card,.step-card,.standard-card,.reader-card,.next-card{padding:20px 18px;border-radius:16px}.section-title{font-size:1.75rem}.section-lead,.step-card p,.standard-body,.reader-body,.next-card-body,.quote-note,.feature-list li{font-size:.92rem;line-height:1.7}.quote-text{font-size:clamp(1.8rem,11vw,2.5rem)}}
