:root{--navy:#0A1F3E;--gold:#D2A051;--light:#FBFBF9;--teal:#2D7080;--ink:#1d2633}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--light);line-height:1.6}
h1,h2,h3,.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.2}
a{color:var(--teal)}img{max-width:100%;height:auto}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header.nav{background:var(--navy);color:#fff;position:sticky;top:0;z-index:5}
header.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;flex-wrap:wrap}
header.nav a{color:#fff;text-decoration:none}.brand{font-family:Georgia,serif;font-size:1.15rem;color:var(--gold)!important}
header.nav nav{display:flex;gap:18px;flex-wrap:wrap;font-size:.95rem}
.preview{background:var(--gold);color:var(--navy);text-align:center;font-size:.85rem;padding:6px 12px;font-weight:bold}
.hero{color:#fff;text-align:center;padding:96px 20px 80px;background:linear-gradient(rgba(10,31,62,.38),rgba(10,31,62,.55)),url(assets/hero-background-BKUn5uNn.webp?v=lit2) center/cover}
.hero h1{font-size:clamp(2rem,5.5vw,3.6rem);margin:0 auto 18px;max-width:900px}.hero .sub{font-family:Georgia,serif;font-style:italic;color:var(--gold);font-size:clamp(1.1rem,2.4vw,1.5rem);margin:-6px 0 18px}.rule{width:80px;height:3px;background:var(--gold);margin:0 auto 18px;border:0}
.panel{border:2px solid var(--gold);border-radius:18px;background:rgba(10,31,62,.85);color:#fff;padding:28px;max-width:760px;margin:0 auto}.panel h2,.panel h3{color:#fff}.panel .lbl{font-family:Georgia,serif;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:.95rem}
.details{display:grid;grid-template-columns:120px 1fr;gap:8px 16px;text-align:left}.details dt{color:#cfd6e0;font-weight:bold;font-size:.85rem;letter-spacing:.06em}.details dd{margin:0;font-weight:bold}.details .g{color:var(--gold)}
.hero .hook{font-family:Georgia,serif;color:#fff;font-size:clamp(1.3rem,3vw,1.9rem);margin:0 0 14px}
.hero p.line{font-size:1.1rem;max-width:720px;margin:0 auto 28px;opacity:.95}
.btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 24px;border-radius:4px;font-weight:bold;text-decoration:none;border:2px solid var(--gold);cursor:pointer;font-size:1rem;font-family:Arial,sans-serif}
.btn.solid{background:var(--gold);color:var(--navy)}.btn.ghost{color:#fff;background:transparent}.btn.teal{background:var(--teal);border-color:var(--teal);color:#fff}
section{padding:64px 0}section.alt{background:#fff}section.dark{background:var(--navy) url(assets/hero-background-BKUn5uNn.webp) center/cover;background-blend-mode:multiply}section.dark{background:var(--navy);color:#fff}
section h2{font-size:clamp(1.6rem,3.5vw,2.3rem);margin:0 0 18px;color:var(--navy)}section.dark h2{color:var(--gold)}
.ph{border:2px dashed var(--teal);background:#eef4f5;color:var(--teal);padding:28px;border-radius:6px;text-align:center;font-weight:bold}
.video{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;max-width:860px;margin:0 auto}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:#fff;border:2px solid var(--gold);padding:24px;border-radius:14px;box-shadow:0 2px 10px rgba(10,31,62,.08)}
.card h3{color:var(--navy);margin-top:0}.turn{background:var(--light);border-left:3px solid var(--teal);padding:10px 14px;margin-top:12px;font-size:.95rem}
.turn b{color:var(--teal)}
form.signup{display:flex;flex-wrap:wrap;gap:10px;max-width:560px;margin:18px auto 0}
input,select,textarea{font:inherit;padding:12px;border:1px solid #c9ced6;border-radius:4px;flex:1 1 200px;min-width:0;width:100%}
form.stack{display:grid;gap:12px;max-width:640px}form.stack label{font-size:.9rem;font-weight:bold;color:var(--navy)}
.todo{font-size:.8rem;color:var(--teal);margin-top:8px}.ok{display:none;margin-top:12px;font-weight:bold;color:var(--gold)}
footer{background:var(--navy);color:#cfd6e0;padding:40px 0;font-size:.92rem}footer a{color:var(--gold)}
footer .row{display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between}
.center{text-align:center}.lead{font-size:1.15rem;max-width:760px}.center .lead{margin:0 auto}
ol.show{list-style:none;padding:0}ol.show li{padding:12px 0;border-bottom:1px solid #e3e6ea}ol.show b{color:var(--teal);display:inline-block;min-width:120px}
@media(max-width:600px){header.nav nav{gap:12px;font-size:.88rem}.hero{padding:64px 16px 56px}.btn{width:100%;text-align:center}section{padding:44px 0}}