:root { --ink:#171515; --paper:#f3efe7; --orange:#ff7b22; --orange-dark:#c84e08; --line:#d8d0c2; --muted:#6f6a62; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif; }
a { color:inherit; text-decoration:none; }
a:focus-visible { outline:3px solid var(--orange); outline-offset:4px; border-radius:2px; }
.shell { width:min(1160px,calc(100% - 48px)); margin-inline:auto; }
.nav { height:96px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:12px; font-size:19px; font-weight:760; letter-spacing:-.02em; }
.nav-links { display:flex; gap:30px; color:var(--muted); font-size:15px; }
.nav-links a:hover,.legal-nav>a:last-child:hover,.inline-link:hover { color:var(--orange-dark); }
.book-mark { width:31px; height:31px; position:relative; display:inline-block; }
.book-page { position:absolute; top:4px; width:14px; height:24px; background:var(--orange); }
.book-page-left { left:1px; border-radius:7px 2px 2px 5px; transform:skewY(5deg); }
.book-page-right { right:1px; border-radius:2px 7px 5px 2px; transform:skewY(-5deg); }
.book-wave { position:absolute; z-index:2; left:11px; top:4px; color:#fff; font:800 19px/1 Georgia,serif; transform:rotate(-8deg); }
.hero { padding:104px 0 110px; position:relative; }
.eyebrow,.section-index { font-size:12px; font-weight:800; letter-spacing:.16em; }
.eyebrow { display:flex; align-items:center; gap:10px; color:var(--orange-dark); }
.eyebrow span { width:9px; height:9px; background:var(--orange); border-radius:50%; box-shadow:0 0 0 5px rgba(255,123,34,.16); }
.hero h1,.legal h1 { font-family:Georgia,"Times New Roman",serif; font-size:clamp(64px,9vw,126px); line-height:.88; letter-spacing:-.06em; margin:34px 0; max-width:980px; font-weight:400; }
.hero h1 em { color:var(--orange); font-weight:400; }
.lede { max-width:600px; font-size:20px; line-height:1.55; color:var(--muted); }
.primary-button { margin-top:28px; display:inline-flex; gap:40px; align-items:center; background:var(--ink); color:white; padding:17px 19px 17px 24px; border-radius:4px; font-weight:720; }
.primary-button span { color:var(--orange); font-size:20px; }
.hero-note { position:absolute; right:0; bottom:52px; color:var(--muted); font-size:13px; transform:rotate(-2deg); }
.help-section { background:var(--ink); color:#fff; padding:94px 0 105px; }
.section-heading { display:flex; justify-content:space-between; align-items:end; border-bottom:1px solid #45403e; padding-bottom:26px; }
.section-index { margin:0; color:var(--orange); }
.section-heading h2,.details h2,.contact h2 { font-family:Georgia,serif; font-size:clamp(42px,5vw,72px); margin:0; font-weight:400; letter-spacing:-.04em; }
.topic-grid { display:grid; grid-template-columns:repeat(2,1fr); }
.topic { min-height:290px; padding:38px 40px 38px 0; border-bottom:1px solid #45403e; }
.topic:nth-child(odd) { border-right:1px solid #45403e; }
.topic:nth-child(even) { padding-left:40px; }
.topic-number { color:var(--orange); font-family:Georgia,serif; font-style:italic; }
.topic h3 { font-size:27px; margin:56px 0 12px; }
.topic p { color:#bdb6ad; line-height:1.65; max-width:430px; margin:0; }
.details,.contact { display:grid; grid-template-columns:1fr 1fr; gap:72px; padding-block:100px; }
.details-copy,.contact-copy { padding-top:26px; font-size:19px; line-height:1.65; color:var(--muted); }
.text-link,.support-link,.inline-link { color:var(--ink); font-weight:750; border-bottom:2px solid var(--orange); padding-bottom:5px; }
.text-link { display:inline-flex; gap:16px; margin-top:22px; }
.contact { width:min(1160px,calc(100% - 48px)); background:var(--orange); color:#1b130f; margin-bottom:84px; padding-inline:70px; }
.contact .light { color:#fff4ea; }
.contact-copy { color:#56250d; }
.support-link { display:inline-flex; gap:16px; margin-top:18px; border-color:#1b130f; }
.operator { font-size:13px; margin-top:22px; }
.footer { min-height:120px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--line); color:var(--muted); font-size:14px; }
.footer div { display:flex; gap:26px; }
.legal-nav { color:var(--muted); }
.legal { max-width:820px; padding:90px 0 120px; }
.platform-switch { display:inline-flex; gap:4px; margin-bottom:34px; padding:4px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:14px; font-weight:700; }
.platform-switch a { padding:9px 15px; border-radius:999px; }
.platform-switch a:hover { color:var(--orange-dark); }
.platform-switch .current { background:var(--ink); color:#fff; }
.platform-switch .current:hover { color:#fff; }
.legal h1 { font-size:clamp(62px,9vw,104px); margin-bottom:18px; }
.legal-date { color:var(--muted); margin:0 0 70px; }
.legal h2 { font-family:Georgia,serif; font-size:30px; margin:48px 0 12px; }
.legal p { font-size:17px; line-height:1.75; color:#4e4a44; }
.legal ul { margin:12px 0 0; padding-left:24px; color:#4e4a44; }
.legal li { padding-left:4px; font-size:17px; line-height:1.75; }
.legal-back { margin-top:72px; font-weight:750; }
@media (max-width:720px) {
  .shell { width:min(100% - 32px,1160px); }
  .nav { height:78px; }
  .nav-links { gap:16px; font-size:14px; }
  .nav-links a:first-child { display:none; }
  .hero { padding:74px 0 86px; }
  .hero h1 { font-size:62px; }
  .hero-note { position:static; margin-top:50px; transform:none; }
  .section-heading { align-items:start; flex-direction:column; gap:28px; }
  .topic-grid { grid-template-columns:1fr; }
  .topic,.topic:nth-child(even) { padding:32px 0; min-height:240px; }
  .topic:nth-child(odd) { border-right:0; }
  .topic h3 { margin-top:42px; }
  .details,.contact { grid-template-columns:1fr; gap:18px; padding-block:72px; }
  .contact { padding-inline:28px; }
  .footer { align-items:flex-start; flex-direction:column; justify-content:center; gap:14px; }
  .legal { padding-top:66px; }
  .platform-switch { margin-bottom:28px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }