/* Velvet Scoop — Sleek Modern Theme */
:root{ --cream:#F6EEDD; --ink:#201A19; --burgundy:#6E2C2C; --line: color-mix(in srgb, var(--burgundy) 14%, white); }
*{box-sizing:border-box}
html,body{height:100%}
body{ margin:0; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"; color:var(--ink); background:var(--cream); line-height:1.65; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
.container{ width:min(1100px,92%); margin-inline:auto }
header{ position:sticky; top:0; z-index:20; backdrop-filter:saturate(160%) blur(6px); background:color-mix(in srgb, var(--cream) 80%, white); border-bottom:1px solid var(--line) }
.navbar{ display:flex; align-items:center; justify-content:space-between; padding:14px 0 }
.brand{ display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.3px; color:var(--burgundy) }
.brand img{ height:44px; width:auto }
nav ul{ display:flex; gap:14px; list-style:none; margin:0; padding:0 }
nav a{ display:inline-block; padding:8px 12px; border-radius:999px; font-weight:600; color:var(--ink); text-decoration:none; transition: background .2s, color .2s }
nav a.active, nav a:hover{ background: color-mix(in srgb, var(--burgundy) 16%, white); color: var(--burgundy) }
.hero{ padding: clamp(40px, 6vw, 72px) 0 }
.hero-inner{ display:grid; grid-template-columns: 1.15fr 1fr; gap:24px; align-items:center }
.hero h1{ margin:0 0 10px 0; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(32px, 5vw, 52px); color:var(--burgundy) }
.hero p{ margin:0 0 22px 0; font-size:1.05rem }
.cta-row{ display:flex; gap:12px; flex-wrap:wrap }
.btn{ display:inline-block; padding:12px 18px; border-radius:14px; font-weight:700; border:1.5px solid var(--burgundy); background:var(--burgundy); color:white; transition: transform .15s ease, box-shadow .15s ease; box-shadow: 0 6px 14px rgba(0,0,0,.06) }
.btn.secondary{ background:transparent; color:var(--burgundy) }
.btn:hover{ transform: translateY(-1px) }
.banner{ border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:0 12px 24px rgba(0,0,0,.06) }
.banner img{ display:block; width:100%; height:auto }
.features{ display:grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap:16px; margin:22px 0 0 }
.card{ background:white; border:1px solid var(--line); border-radius:16px; padding:18px; box-shadow: 0 10px 22px rgba(0,0,0,.05); transition: transform .15s ease }
.card:hover{ transform: translateY(-3px) }
.form-embed{ background:white; border:1px solid var(--line); border-radius:18px; padding:8px; box-shadow:0 12px 26px rgba(0,0,0,.06) }
iframe.google-form{ width:100%; min-height:820px; height:clamp(820px, 90vh, 1200px); border:0 }
.notice{ background: color-mix(in srgb, var(--burgundy) 6%, white); border:1px solid var(--line); padding:12px 14px; border-radius:12px; margin:16px 0 }
footer{ border-top:1px dashed var(--line); padding:22px 0 46px; margin-top:36px; color: color-mix(in srgb, var(--ink) 70%, white) }
@media (max-width:880px){ .hero-inner{ grid-template-columns: 1fr } .brand img{ height:40px } }