*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#3b2f2a;background:#fffaf4;line-height:1.6}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}h1,h2,h3{font-family:Georgia,serif;color:#5a3d31}
.nav{position:sticky;top:0;background:#fffaf4ee;border-bottom:1px solid #f0e3d6}.nav .wrap{display:flex;justify-content:space-between;align-items:center;height:60px}
.logo{font-family:Georgia,serif;font-size:1.4rem;font-weight:bold;color:#b5654a}
.btn{display:inline-block;background:#c8704f;color:#fff;padding:14px 26px;border-radius:999px;text-decoration:none;font-weight:600}.btn.small{padding:8px 18px}
.hero{background:linear-gradient(160deg,#fde8d8,#fffaf4);padding:56px 0 64px;text-align:center}
.hero h1{font-size:2.4rem;line-height:1.15;margin:16px 0}.lead{font-size:1.1rem;max-width:620px;margin:0 auto 28px}
.pill{display:inline-block;background:#fff;border:1px solid #e8c9b6;color:#9a5a43;border-radius:999px;padding:4px 14px;font-size:.85rem}
section{padding:40px 0}.steps li{margin-bottom:14px}
.band{background:#f4ebe1}.grid{display:grid;gap:20px}
.embed-placeholder{border:2px dashed #c8704f;border-radius:12px;padding:48px 20px;text-align:center;color:#9a5a43;background:#fff}
.privacy{font-size:.9rem;background:#fff;border-left:4px solid #8fae9a;padding:12px 16px}
footer{background:#5a3d31;color:#f4ebe1;padding:24px 0;font-size:.9rem;text-align:center}footer a{color:#fde8d8}
@media(min-width:720px){.hero h1{font-size:3.4rem}.grid{grid-template-columns:repeat(3,1fr)}}

.rotator{display:grid;max-width:760px;margin:16px auto}
.rotator .t{grid-area:1/1;align-self:center;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s}
.rotator .t.on{opacity:1;visibility:visible}
@media(prefers-reduced-motion:reduce){.rotator .t{transition:none}}
@media(max-width:719px){.hero h1.rotator{font-size:1.75rem;line-height:1.2;margin:12px auto}}
.rotator{grid-template-columns:minmax(0,1fr);width:100%;text-align:center;justify-items:center}
.rotator .t{width:100%;text-align:center}
.hero h1.rotator{margin-left:auto;margin-right:auto}