/* Funnels: demo, audit, checkout, onboarding + generated preview site */
.funnel-wrap{max-width:900px;margin:0 auto}
.funnel-hero{padding:48px 0 32px}
.funnel-grid{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start}
@media (max-width:960px){.funnel-grid{grid-template-columns:1fr}}
.side-card{position:sticky;top:calc(var(--header-h) + 20px)}
.analyzing{padding:48px 24px;text-align:center}
.analyzing .orb{width:120px;height:120px;margin:0 auto 26px;border-radius:50%;background:conic-gradient(from 0deg,#FF5A3C,#FFB547,#34D399,#FF5A3C);animation:spin 2.4s linear infinite;position:relative;filter:drop-shadow(0 10px 40px rgba(255,90,60,.5))}
.analyzing .orb::after{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}
.analyzing ul{list-style:none;padding:0;max-width:440px;margin:0 auto;text-align:left;display:grid;gap:10px}
.analyzing li{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:.95rem;opacity:.35;transition:.3s}
.analyzing li.on{opacity:1;color:var(--ink)}
.analyzing li.done{opacity:1;color:var(--ink)}
.analyzing li .s{width:20px;height:20px;border-radius:50%;border:2px solid var(--line);flex:0 0 auto}
.analyzing li.on .s{border-color:var(--brand);border-top-color:transparent;animation:spin .8s linear infinite}
.analyzing li.done .s{border:0;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath d='M8.1 13.3 4.8 10l-1.1 1.1 4.4 4.4 9-9-1.1-1.1z'/%3E%3C/svg%3E") center/12px no-repeat}
.result-head{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-end;margin-bottom:20px}
.result-tabs{position:sticky;top:var(--header-h);z-index:5;background:var(--bg);padding:10px 0;margin-bottom:10px;overflow-x:auto;white-space:nowrap;display:flex;gap:6px}
.result-tabs .tab{flex:0 0 auto}
.preview-grid{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}
@media (max-width:1100px){.preview-grid{grid-template-columns:1fr}.preview-grid .phone-col{display:none}}

/* ---- generated preview site (pv-) ---- */
.pv{--a:#C2410C;--a2:#F59E0B;--dk:#1C1917;font-size:15px;color:#1F2937;background:#fff}
.pv a{color:inherit}
.pv-nav{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid #eee;background:#fff;position:relative}
.pv-logo{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--dk)}
.pv-logo img{width:30px;height:30px;object-fit:contain;border-radius:6px}
.pv-logo .ph{width:30px;height:30px;border-radius:8px;background:var(--a);color:#fff;display:grid;place-items:center;font-size:.8rem}
.pv-links{display:flex;gap:14px;margin-left:auto;font-size:.82rem;color:#4B5563}
.pv-cta{background:var(--a);color:#fff!important;padding:8px 14px;border-radius:9px;font-weight:700;font-size:.82rem;white-space:nowrap}
.pv-hero{position:relative;min-height:320px;display:grid;align-items:end;padding:28px;color:#fff;background:linear-gradient(135deg,var(--dk),var(--a) 70%,var(--a2));overflow:hidden}
.pv-hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.pv-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),rgba(0,0,0,.05))}
.pv-hero>div{position:relative;z-index:1;max-width:520px}
.pv-hero .k{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.pv-hero h2{color:#fff;font-size:clamp(1.6rem,3.5vw,2.4rem);margin:8px 0}
.pv-hero p{opacity:.92;margin-bottom:16px}
.pv-hero .btns{display:flex;gap:8px;flex-wrap:wrap}
.pv-hero .b1{background:#fff;color:#111!important;padding:10px 16px;border-radius:10px;font-weight:800;font-size:.88rem}
.pv-hero .b2{border:1px solid #fff9;padding:10px 16px;border-radius:10px;font-weight:700;font-size:.88rem}
.pv-sec{padding:26px 22px;border-bottom:1px solid #f1f1f1}
.pv-sec h3{font-size:1.15rem;margin-bottom:12px;color:var(--dk)}
.pv-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.pv-item{border:1px solid #eee;border-radius:12px;padding:12px;display:flex;justify-content:space-between;gap:10px}
.pv-item b{display:block;font-size:.92rem}
.pv-item span{font-size:.78rem;color:#6B7280}
.pv-item em{font-style:normal;font-weight:800;color:var(--a)}
.pv-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pv-gallery>*{aspect-ratio:1;border-radius:10px;object-fit:cover;width:100%;background:linear-gradient(135deg,var(--a),var(--a2));opacity:.9}
.pv-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pv-reviews div{border:1px solid #eee;border-radius:12px;padding:12px;font-size:.85rem}
.pv-reviews .st{color:#F59E0B}
.pv-contact{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pv-map{border-radius:12px;min-height:150px;background:repeating-linear-gradient(45deg,#E5E7EB 0 2px,#F3F4F6 2px 18px);display:grid;place-items:center;color:#6B7280;font-size:.8rem;font-weight:700}
.pv-band{padding:22px;background:var(--dk);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.pv-band b{font-size:1.05rem}
.pv-footer{padding:14px 22px;font-size:.75rem;color:#6B7280;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.pv.mobile .pv-links{display:none}
.pv.mobile .pv-hero{min-height:360px;padding:20px}
.pv.mobile .pv-gallery{grid-template-columns:repeat(2,1fr)}
.pv.mobile .pv-reviews,.pv.mobile .pv-contact{grid-template-columns:1fr}
.pv.mobile .pv-items{grid-template-columns:1fr}
.pv.mobile .pv-sec{padding:20px 16px}
.pv-sample{font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#FEF3C7;color:#92400E;padding:2px 7px;border-radius:5px;margin-left:6px;vertical-align:middle}
@media (max-width:640px){.pv-links{display:none}.pv-gallery{grid-template-columns:repeat(2,1fr)}.pv-reviews,.pv-contact{grid-template-columns:1fr}}

/* google mock */
.gbp{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;max-width:560px}
.gbp-top{height:120px;background:linear-gradient(135deg,var(--a,#C2410C),var(--a2,#F59E0B));position:relative;overflow:hidden}
.gbp-top img{width:100%;height:100%;object-fit:cover}
.gbp-body{padding:16px}
.gbp-body h3{font-size:1.3rem;margin:0}
.gbp-meta{font-size:.85rem;color:var(--muted)}
.gbp-acts{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}
.gbp-acts span{border:1px solid var(--line);border-radius:99px;padding:6px 12px;font-size:.8rem;font-weight:700;color:#1A73E8}
.serp{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;font-family:Arial,sans-serif}
.serp .u{font-size:.8rem;color:#202124}
.serp .t{color:#1A0DAB;font-size:1.15rem;margin:4px 0}
.serp .d{color:#4D5156;font-size:.88rem}
.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:760px){.social-grid{grid-template-columns:1fr}}
.ig{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ig-h{display:flex;align-items:center;gap:8px;padding:10px;font-weight:700;font-size:.82rem}
.ig-h i{width:26px;height:26px;border-radius:50%;background:linear-gradient(45deg,#F59E0B,#EC4899,#FF6A45);display:block}
.ig-img{aspect-ratio:1;background:linear-gradient(135deg,var(--a,#C2410C),var(--a2,#F59E0B));display:grid;place-items:center;color:#fff;font-weight:800;text-align:center;padding:16px;font-size:1.1rem;position:relative}
.ig-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ig-img span{position:relative;z-index:1;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.ig-c{padding:10px;font-size:.82rem;color:var(--ink-2)}

/* checkout */
.summary-line{display:flex;justify-content:space-between;gap:10px;padding:8px 0;font-size:.92rem;border-bottom:1px dashed var(--line)}
.summary-line.total{font-weight:800;font-size:1.1rem;border:0;padding-top:14px}
.pkg-option{display:block;cursor:pointer}
.pkg-option input{position:absolute;opacity:0}
.pkg-option .card{transition:.15s;height:100%}
.pkg-option input:checked+.card{border-color:var(--brand);box-shadow:0 0 0 3px rgba(255,90,60,.15)}
.pkg-option input:focus-visible+.card{outline:3px solid var(--cyan)}
.stripe-ph{border:2px dashed #FED7C7;border-radius:16px;padding:24px;background:repeating-linear-gradient(-45deg,#F5F7FF,#F5F7FF 10px,#FFF1EB 10px,#FFF1EB 20px);text-align:center}
.stripe-ph code{font-size:.8rem;background:#fff;padding:2px 6px;border-radius:6px}

/* onboarding */
.ob-progress{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:22px}
.ob-progress div{font-size:.66rem;font-weight:800;letter-spacing:.08em;color:var(--muted)}
.ob-progress div i{display:block;height:6px;border-radius:9px;background:var(--line-2);margin-top:6px;overflow:hidden}
.ob-progress div i b{display:block;height:100%;width:0;background:var(--grad);transition:width .5s}
@media (max-width:640px){.ob-progress{grid-template-columns:repeat(4,1fr)}}
.ob-steps{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.ob-steps li{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:10px;font-size:.88rem;font-weight:600;color:var(--muted);cursor:pointer}
.ob-steps li .n{width:24px;height:24px;border-radius:50%;background:var(--line-2);display:grid;place-items:center;font-size:.72rem;flex:0 0 auto}
.ob-steps li.current{background:rgba(255,90,60,.08);color:var(--ink)}
.ob-steps li.current .n{background:var(--brand);color:#fff}
.ob-steps li.done .n{background:var(--mint);color:#fff}
.build-anim{position:relative;height:300px;display:grid;place-items:center}
.build-anim .core{width:110px;height:110px;border-radius:30px;background:var(--grad-btn);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 20px 60px rgba(255,90,60,.5);z-index:2;animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(1.06)}}
.build-anim .sat{position:absolute;padding:8px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:.78rem;font-weight:800;box-shadow:var(--shadow);opacity:.25;transition:.4s}
.build-anim .sat.on{opacity:1;border-color:var(--mint);color:#047857}
.ob-grid{grid-template-columns:260px minmax(0,1fr)}
@media (max-width:960px){.ob-grid{grid-template-columns:minmax(0,1fr)}
 .ob-grid .side-card{position:static;padding:8px!important;overflow-x:auto}
 .ob-steps{grid-auto-flow:column;grid-auto-columns:max-content}
 .ob-steps li{white-space:nowrap;padding:7px 10px}}
/* ---- personalized preview: device frame + live view ---- */
.pv-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px}
.pv-seg{display:inline-flex;padding:4px;border-radius:999px;background:#EEF0F6;border:1px solid var(--line,#e5e7eb)}
.pv-seg button{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 16px;border:0;border-radius:999px;background:transparent;font:700 .9rem system-ui,sans-serif;color:#374151;cursor:pointer}
.pv-seg button svg{width:16px;height:16px}
.pv-seg button[aria-pressed="true"]{background:#0B1020;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.pv-url-pill{flex:1 1 200px;min-width:0;padding:9px 14px;border-radius:999px;background:#F6F7FB;border:1px solid var(--line,#e5e7eb);font:600 .85rem ui-monospace,Menlo,monospace;color:#4B5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-tools{display:flex;gap:8px;flex-wrap:wrap}
.pv-tools svg{width:16px;height:16px}
.pv-stage{position:relative;display:flex;justify-content:center;align-items:flex-start;padding:22px 0 8px;border-radius:24px;background:radial-gradient(120% 120% at 50% 0%,#1b2040 0%,#070b18 70%);overflow:hidden}
.pv-device{position:relative;transform-origin:top center;flex:0 0 auto;transition:width .35s ease,height .35s ease}
.pv-screen{position:absolute;overflow:hidden;background:#000}
.pv-screen iframe{border:0;display:block;width:100%;height:100%;background:#0b0b14}
.pv-chrome{display:none}
.pv-notch{display:none}
.pv-stage[data-dev="desktop"] .pv-device{border-radius:14px;background:#1f2333;box-shadow:0 40px 90px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08)}
.pv-stage[data-dev="desktop"] .pv-chrome{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;color:#9CA3AF;font:600 12px ui-monospace,Menlo,monospace}
.pv-stage[data-dev="desktop"] .pv-chrome i{width:11px;height:11px;border-radius:50%;background:#ef4444}.pv-stage[data-dev="desktop"] .pv-chrome i:nth-child(2){background:#f59e0b}.pv-stage[data-dev="desktop"] .pv-chrome i:nth-child(3){background:#22c55e}
.pv-stage[data-dev="desktop"] .pv-chrome span{margin-left:14px;padding:4px 14px;border-radius:8px;background:rgba(255,255,255,.06)}
.pv-stage[data-dev="desktop"] .pv-screen{left:0;right:0;top:38px;bottom:0;border-radius:0 0 14px 14px}
.pv-stage[data-dev="phone"] .pv-device{border-radius:56px;background:linear-gradient(145deg,#2a2f3f,#0d0f16);box-shadow:0 40px 90px -30px rgba(0,0,0,.85),inset 0 0 0 2px rgba(255,255,255,.12)}
.pv-stage[data-dev="phone"] .pv-screen{inset:14px;border-radius:44px}
.pv-stage[data-dev="phone"] .pv-notch{display:block;position:absolute;z-index:3;top:24px;left:50%;width:110px;height:30px;margin-left:-55px;border-radius:20px;background:#000}
.pv-exit{position:fixed;z-index:10001;top:12px;left:50%;transform:translateX(-50%);padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(10,12,20,.75);color:#fff;font:700 .9rem system-ui,sans-serif;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.pv-exit kbd{margin-left:6px;padding:1px 6px;border-radius:5px;background:rgba(255,255,255,.15);font-size:.75rem}
.pv-stage.live{position:fixed;inset:0;z-index:10000;padding:0;border-radius:0;background:#000}
.pv-stage.live .pv-device{width:100%!important;height:100%!important;transform:none!important;border-radius:0;box-shadow:none;background:#000}
.pv-stage.live .pv-chrome,.pv-stage.live .pv-notch{display:none}
.pv-stage.live .pv-screen{inset:0;border-radius:0}
body.pv-live-open{overflow:hidden}
@media (max-width:640px){.pv-stage{padding:14px 0 6px;border-radius:18px}.pv-tools .btn-ghost{display:none}.pv-url-pill{order:3;flex-basis:100%}}

@media (max-width:600px){.pv-exit{top:74px;left:auto;right:12px;transform:none;padding:8px 14px;font-size:.82rem}.pv-exit kbd{display:none}}
/* free demo: presence score */
.score-ring{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:8px 0 14px}
.score-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.score-list li{display:flex;gap:10px;align-items:flex-start}.score-list li>span{flex:0 0 34px;height:26px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:.78rem}
.score-list li.ok>span{background:#DCFCE7;color:#166534}.score-list li.todo>span{background:#FEF3C7;color:#92400E}.score-list b{display:block;font-size:.9rem}.score-list small{color:var(--muted,#5B6478)}
.conv-list li{margin-bottom:6px}