/* HooksHook Invites — light wedding theme over style.css */
:root{--bg:#fbf5ec;--bg2:#fffaf3;--card:#ffffff;--line:rgba(90,20,30,.13);--ink:#3a0d16;--mute:#6b5058;--dim:#9a8288;--acc:#b8213f;--acc2:#d6a548;--gold:#c8952e}
body{background:radial-gradient(900px 500px at 85% -5%,rgba(214,165,72,.18),transparent 60%),var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}
.serif{font-family:"Great Vibes","Instrument Serif",cursive;font-style:normal;color:var(--acc);font-size:1.18em}
nav{background:rgba(251,245,236,.9);border-bottom:1px solid var(--line)} .logo{color:var(--ink)} .logo span{color:var(--acc)} .navr a{color:var(--mute)}
.btn{background:linear-gradient(90deg,#b8213f,#8e1530);color:#fff;box-shadow:0 10px 30px rgba(184,33,63,.25)} .btn:hover{box-shadow:0 14px 40px rgba(184,33,63,.35)}
.btn.gold{background:linear-gradient(90deg,#e2b65a,#c8952e);color:#3a0d16;box-shadow:0 10px 30px rgba(200,149,46,.3)}
.btn.ghost{background:#fff;color:var(--acc);border:1.5px solid rgba(184,33,63,.4);box-shadow:none}
.kicker{color:var(--gold)} h1,h2{color:var(--ink)} .lead,.sub,.card p,details p{color:var(--mute)}
.hero:before{background:radial-gradient(closest-side,rgba(214,165,72,.22),transparent)}
.card,details{background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(90,20,30,.06)}
.topbar{background:linear-gradient(90deg,#6b1426,#8e1530,#6b1426);color:#fbe7c6;text-align:center;font:600 14px Inter,sans-serif;padding:9px 14px}
.phone{background:linear-gradient(160deg,#3a0d16,#1c060b);border-color:rgba(214,165,72,.5);box-shadow:0 30px 80px rgba(90,20,30,.3)}
.demos{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.demo{background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 10px 30px rgba(90,20,30,.06)}
.demo video{width:100%;aspect-ratio:9/16;border-radius:12px;background:#eee;object-fit:cover}
.demo h3{margin:10px 4px 2px;font-size:17px}.demo p{margin:0 4px 10px;font-size:13px;color:var(--mute)}
.demo .row{display:flex;gap:6px;flex-wrap:wrap;padding:0 4px 6px}.demo .btn{padding:10px 12px;font-size:13px}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.plan{background:#fff;border:1.5px solid var(--line);border-radius:24px;padding:26px;position:relative}
.plan.best{border-color:rgba(200,149,46,.7);box-shadow:0 20px 50px rgba(200,149,46,.18)}
.plan .tag{position:absolute;top:-13px;left:24px;background:var(--gold);color:#fff;font:800 11px Inter;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border-radius:999px}
.plan .pr{font:800 44px Inter;letter-spacing:-.02em;margin:6px 0 2px}.plan .pr small{font-size:16px;color:var(--mute);font-weight:600}
.plan .tot{color:var(--mute);font-size:14px;margin-bottom:12px}
.checks li{border-bottom:1px solid var(--line)} .checks li:before{background:var(--gold);color:#fff}
.steps .card:before{background:var(--acc);color:#fff}
footer{color:var(--dim)} footer a{color:var(--mute)}
.modal .sheet{background:#fffaf3;border-color:var(--line);color:var(--ink)} input,select,textarea{background:#fff;color:var(--ink);border:1px solid rgba(90,20,30,.2)} label{color:var(--mute)}
.opt{display:flex;gap:10px;flex-wrap:wrap}.opt label{flex:1;min-width:140px;margin:0;border:1.5px solid rgba(90,20,30,.18);border-radius:14px;padding:12px;cursor:pointer;color:var(--ink);font-weight:700}.opt input{width:auto;margin-right:8px}.opt label:has(input:checked){border-color:var(--acc);background:rgba(184,233,63,.0);box-shadow:0 0 0 3px rgba(184,33,63,.12)}
.sumrow{display:flex;justify-content:space-between;font-weight:800;margin-top:14px;font-size:18px}
.mbar{background:rgba(255,250,243,.96)!important;border-top:1px solid var(--line)!important}
.sp-toast{background:#fff!important;color:var(--ink)!important;border-color:rgba(200,149,46,.5)!important}
@media (max-width:860px){.demos{grid-template-columns:1fr 1fr}.plans{grid-template-columns:1fr}}