/* Inline funnel + visible forms */
.hero-photo { transform:none !important; will-change:auto; }
.hero-copy { opacity:1 !important; transform:none !important; }
.hero { overflow:hidden; }

.funnel, .grab, .stay { padding:44px 28px 0; }
.funnel .lead { margin-top:12px; }
.ff { margin-top:22px; padding:20px; border:1px solid #dcff0055; border-radius:16px; background:#1a1d13; position:relative; }
.ff-top { display:flex; align-items:center; gap:12px; font-size:12px; font-weight:600; color:var(--lime); margin-bottom:18px; }
.ff-bar { flex:1; height:6px; border-radius:6px; background:#ffffff1c; overflow:hidden; }
.ff-bar i { display:block; height:100%; width:12%; background:var(--lime); border-radius:6px; transition:width .5s cubic-bezier(.16,1,.3,1); }
.ff-step { border:0; margin:0; padding:0; min-width:0; animation:stage .45s cubic-bezier(.16,1,.3,1); }
.ff-step[hidden] { display:none; }
.ff-step legend, .ff-q { font:500 24px/1.1 var(--display); letter-spacing:-.03em; margin-bottom:16px; padding:0; display:block; width:100%; text-wrap:balance; }
.ff-opts { display:grid; gap:10px; }
.ff-opts .q-opt { min-height:54px; }
.ff-opts .q-opt::after { content:"→"; color:var(--lime); opacity:.0; transition:.2s; }
.ff-opts .q-opt:hover::after { opacity:1; }
.ff-opts .q-opt.picked::after { content:"✓"; color:#111; opacity:1; }
.ff-recap { font-size:14px; line-height:1.6; color:#e2e2dc; padding:12px 14px; border-left:3px solid var(--lime); background:#ffffff0a; border-radius:0 10px 10px 0; margin-bottom:16px; }
.ff-back { background:none; border:0; color:#aaa9a3; font-size:12px; text-decoration:underline; text-underline-offset:4px; min-height:44px; padding:0 4px; margin-top:4px; }
.ff-trust { display:flex; flex-wrap:wrap; justify-content:center; gap:4px 14px; margin:12px 0 0; padding:0; list-style:none; font-size:12px; color:#c9c9c2; }
.ff-trust li::before { content:"✓ "; color:var(--lime); font-weight:700; }
.funnel .success { margin-top:22px; padding:22px; border:1px solid #dcff0055; border-radius:16px; background:#1a1d13; }
.funnel .success .button { margin-top:6px; }

.grab-card { display:grid; grid-template-columns:96px 1fr; gap:18px; align-items:center; padding:20px; border:1px solid var(--line); border-radius:16px; background:#171717; }
.grab-card img { width:96px; height:auto; transform:rotate(-5deg); box-shadow:7px 10px 16px #0008; }
.grab-card h3 { font-size:22px; }
.grab-card p { font-size:13px; color:#c7c7bf; margin:8px 0 0; line-height:1.6; }
.grab-card form { grid-column:1/-1; margin-top:4px; }
.grab-card .success { grid-column:1/-1; padding-top:4px; }
.stay { text-align:center; }
.stay h3 { font-size:26px; }
.stay>p { color:#c7c7bf; font-size:14px; margin:8px 0 16px; }
.stay form { max-width:420px; margin:auto; }
.stay .success { text-align:center; }
.compact-card { grid-column:1/-1; }
@media(max-width:680px) { .funnel, .grab, .stay { padding:38px 18px 0; } .ff { padding:18px 16px; } }
