:root{--navy:#0f2747;--gold:#f5b82e;--ink:#1a2433;--muted:#51607a;--bg:#fff;--soft:#f3f6fa;--line:#dbe3ee;--h:"Montserrat","Trebuchet MS",Arial,sans-serif;--b:"Open Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:1rem/1.65 var(--b);color:var(--ink);background:var(--bg)}
h1,h2,h3{font-family:var(--h);line-height:1.15;margin:0 0 .5em;color:var(--navy)}
h2{font-size:clamp(1.5rem,4vw,2.1rem);font-weight:800}h3{font-size:1.05rem}
p{margin:0 0 1em}a{color:var(--navy)}
.wrap{max-width:1080px;margin:0 auto;padding:0 1.25rem}.narrow{max-width:760px}
section{padding:3.5rem 0}
.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding-top:.7rem;padding-bottom:.7rem}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--navy)}
.brand b{display:block;font:800 .85rem var(--h);letter-spacing:.02em}.brand small{font-size:.55rem;letter-spacing:.12em;color:var(--muted)}
.mark{font:800 2.2rem/1 Georgia,serif;color:var(--navy)}.mark sup{font-size:.9rem;color:var(--gold)}
nav{display:flex;gap:1rem;flex-wrap:wrap;margin-left:auto;font:600 .8rem var(--h)}
nav a{text-decoration:none;color:var(--ink);padding:.3rem 0;border-bottom:3px solid transparent}
nav a:hover,nav a.on{border-color:var(--gold)}
.btn{display:inline-block;background:var(--gold);color:#111;font:700 .9rem var(--h);padding:.8rem 1.3rem;border-radius:6px;text-decoration:none;margin:.3rem .4rem .3rem 0}
.btn.sm{padding:.5rem .9rem;font-size:.78rem}.btn.dark{background:var(--navy);color:#fff}
.btn.ghost{background:#fff;border:2px solid var(--navy);color:var(--navy)}.btn.ghost-d{background:#fff;border:2px solid var(--navy)}
.btn:hover{filter:brightness(.95)}
.hero{background:linear-gradient(120deg,#fff 0%,#fff 38%,#fde7c4 62%,#f4a65b 82%,#5c6f9a 100%);padding:4.5rem 0}
.hero h1{font-size:clamp(2rem,6vw,3.6rem);font-weight:800;max-width:15ch}.hero h1 span{color:var(--gold)}
.hero p{max-width:52ch;font-size:1.1rem}
.kick{display:block;font:700 .8rem var(--h);letter-spacing:.15em;color:var(--navy);margin-bottom:.6rem}
.kick::before{content:"";display:inline-block;width:28px;height:3px;background:var(--gold);vertical-align:middle;margin-right:.6rem}
.navy{background:var(--navy);color:#fff}.navy h2,.navy h3{color:#fff}.navy p{color:#cfd9ea}
.four,.cards{display:grid;gap:1rem}
.four{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:center}
.four i{font-size:2rem;font-style:normal}
.cards.four{text-align:left;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.cards.three{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.cards>div{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:1.4rem;text-align:center}
.cards i{font-style:normal;font-size:2rem;display:block;margin-bottom:.4rem}
.cards p{color:var(--muted);font-size:.92rem}
.rule::before{content:"";display:inline-block;width:32px;height:4px;background:var(--gold);margin-right:.7rem;vertical-align:middle}
.band{background:var(--soft);text-align:center}.band p{color:var(--muted)}
.note{font:italic 500 1rem "Brush Script MT",cursive;color:var(--navy);margin-left:.5rem}
.gold{background:var(--gold)}.gold h2,.gold p{color:#1a1500}
.info{display:grid;gap:1rem;max-width:620px}
.info>div{display:flex;gap:1rem;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:1rem 1.2rem}
.info i{font-style:normal;font-size:1.6rem}.info h3{margin:0}.info p{margin:0;color:var(--muted)}
blockquote{margin:1.5rem 0;padding-left:1rem;border-left:5px solid var(--gold);font:500 1.25rem/1.4 var(--h);color:var(--navy)}
.pull{font:700 1.3rem/1.35 var(--h);color:var(--navy);border-top:4px solid var(--gold);padding-top:1rem;margin-top:2rem}
li{margin-bottom:.5em}
footer{background:var(--navy);color:#cfd9ea;padding:2rem 0;font-size:.9rem}footer a{color:var(--gold)}footer p{margin:.3em 0}footer b{color:#fff}