*{box-sizing:border-box}
body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#1f2933;background:#fafaf7}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}
img{max-width:100%;height:auto;display:block;border-radius:10px;box-shadow:0 4px 18px rgba(0,0,0,.12);margin:24px 0}
.hero{background:#1e3a5f;color:#fff;padding:48px 0 20px;text-align:center}
.hero h1{font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.15;margin:.2em 0}
.tag{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:#f2b84b;margin:0}
.lead{font-size:1.15rem;max-width:620px;margin:0 auto 22px;opacity:.95}
.buy{display:inline-block;background:#f2b84b;color:#1e1e1e;font-weight:700;font-size:1.15rem;padding:14px 30px;border-radius:8px;text-decoration:none}
.buy:hover,.buy:focus{background:#ffcb63}
.small{font-size:.85rem;opacity:.85}
section{padding:28px 0;border-bottom:1px solid #e4e4dc}
h2{color:#1e3a5f;font-size:1.5rem;margin:0 0 .5em}
.list{padding-left:1.2em}.list li{margin:.35em 0}
.center{text-align:center}
.note{background:#fff7e6;border:1px solid #f2d79b;border-radius:10px;padding:20px;margin:28px 0}
details{background:#fff;border:1px solid #e4e4dc;border-radius:8px;padding:12px 16px;margin:10px 0}
summary{font-weight:600;cursor:pointer}
footer{background:#1e3a5f;color:#dde6f0;padding:24px 0;margin-top:30px;text-align:center}
footer a{color:#f2b84b}