:root{color-scheme:light;--navy:#1b365d;--gold:#c8922a;--ink:#3d4c5e;--paper:#f5f5f0}
.mode-shot{display:block;width:100%;height:auto;aspect-ratio:1306/602;object-fit:contain;background:#0b1729;border-radius:9px;margin-bottom:22px}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.hero-shots img{display:block;width:100%;height:auto;object-fit:contain;border:5px solid #1b365d;border-radius:14px;box-shadow:0 12px 30px #0b172922}
.hero-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px -10px 0}
.hero h1{font-size:clamp(40px,4.5vw,62px)}
@media(max-width:760px){.hero{grid-template-columns:1fr}.hero-details{margin:12px 0 0;gap:8px}.hero-shots img{border-width:3px;border-radius:9px}}
*{box-sizing:border-box}html{scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:var(--navy);text-underline-offset:4px}a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.guide{max-width:1120px;margin:auto;padding:28px 24px 0}.back{font-size:13px;font-weight:700;text-decoration:none}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:#896017;margin:0 0 12px}h1,h2,h3{color:var(--navy)}h1,h2{font-family:Georgia,serif;line-height:1.1}h1{font-size:clamp(44px,6.3vw,76px);letter-spacing:-.035em;margin:0 0 22px}h2{font-size:34px;letter-spacing:-.02em;margin:0 0 23px}h3{font-size:19px;line-height:1.3;margin:0 0 10px}p{margin:0 0 16px}.hero{padding:65px 0 58px;border-bottom:1px solid #d9dedf}.lede{font-size:21px;color:var(--navy);max-width:630px}.jump{display:inline-flex;gap:35px;align-items:center;border:1px solid var(--gold);border-radius:8px;padding:11px 20px;margin-top:10px;text-decoration:none;font-weight:700;background:#fff}.jump:hover{background:#fbf4e5}.ways,#modes{padding-top:50px}.ways-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 30px}.ways-grid p{font-size:15px}.connection-note{font-size:13px;border-left:3px solid var(--gold);padding:10px 18px;background:#eeeee7;margin:15px 0 0}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.mode{background:#fff;border:1px solid #d9dedf;border-radius:14px;padding:30px;scroll-margin-top:90px}.mode h3{font:700 30px/1.2 Georgia,serif;letter-spacing:-.02em;margin:14px 0 6px}.mode p{font-size:15px}.mode p:last-child{margin-bottom:0}.mode .hook{font-weight:700;color:var(--navy);margin-bottom:18px}.badges{display:flex;flex-wrap:wrap;gap:6px}.badges span{font-size:11px;font-weight:700;border-radius:20px;padding:3px 10px;background:#eef0e9;color:#465237}.next{margin-top:45px;padding:30px;border-radius:14px;background:var(--navy);color:#fff}.next h2{color:#fff;font-size:28px}.next>div{display:flex;flex-wrap:wrap;gap:16px 30px}.next a{color:#fff;font-size:14px;font-weight:700}
@media(max-width:760px){.guide{padding:22px 18px 0}.hero{padding:38px 0}.hero>p br{display:none}.lede{font-size:19px}h2{font-size:29px}.ways-grid,.mode-grid{grid-template-columns:1fr}.ways-grid{gap:12px}.ways,#modes{padding-top:36px}.mode{padding:24px}.mode h3{font-size:28px}.next{padding:25px}.next>div{flex-direction:column}}