/* ═══════════════════════════════════════════════════════════════════
   FORGE · instant site-preview demo — scoped styles
   Everything is namespaced under #forge, so this file is 100% isolated:
   delete <section id="forge">, this file, and js/forge.js → nothing breaks.
   Fonts used (Space Grotesk / Space Mono) are already loaded by your site.
   ═══════════════════════════════════════════════════════════════════ */

   #forge{
    --fg-bg:#040912;
    --fg-panel:#0a1119;
    --fg-line:rgba(86,207,252,.14);
    --fg-line-soft:rgba(255,255,255,.07);
    --fg-cyan:#56cffc;
    --fg-mint:#2dd4a0;
    --fg-ink:#e7eef7;
    --fg-mut:#7c8ba0;
    --fg-mono:'Space Mono',monospace;
    --fg-disp:'Space Grotesk',sans-serif;
    position:relative;
    max-width:1200px;
    margin:0 auto;
    padding:6.5rem 3rem;
    box-sizing:border-box;
    font-family:var(--fg-disp);
    color:var(--fg-ink);
  }
  #forge *,#forge *::before,#forge *::after{box-sizing:border-box;}
  
  #forge .fg-label{display:flex;align-items:center;gap:14px;margin-bottom:26px;}
  #forge .fg-l-mark{font-family:var(--fg-mono);color:var(--fg-cyan);font-size:.82rem;letter-spacing:1px;}
  #forge .fg-l-line{flex:1;height:1px;background:linear-gradient(90deg,var(--fg-line),transparent);}
  #forge .fg-l-txt{font-family:var(--fg-mono);color:var(--fg-mut);font-size:.82rem;letter-spacing:1px;white-space:nowrap;}
  
  #forge .fg-intro{max-width:640px;margin-bottom:34px;}
  #forge .fg-h{font-size:clamp(1.9rem,4.4vw,3rem);line-height:1.04;font-weight:600;margin:0 0 14px;letter-spacing:-.02em;}
  #forge .fg-h em{font-style:normal;color:var(--fg-cyan);}
  #forge .fg-sub{font-size:1.02rem;line-height:1.6;color:var(--fg-mut);margin:0;}
  
  #forge .fg-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:26px;align-items:start;}
  
  /* control panel */
  #forge .fg-panel{
    background:linear-gradient(180deg,var(--fg-panel),#070d14);
    border:1px solid var(--fg-line);border-radius:16px;padding:24px 22px;
  }
  #forge .fg-step{display:flex;align-items:center;gap:10px;margin-bottom:13px;}
  #forge .fg-step-2{margin-top:26px;}
  #forge .fg-step-n{font-family:var(--fg-mono);font-size:.72rem;color:var(--fg-cyan);border:1px solid var(--fg-line);border-radius:5px;padding:2px 6px;}
  #forge .fg-step-t{font-size:.9rem;color:var(--fg-mut);letter-spacing:.02em;}
  
  #forge .fg-chips{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
  #forge .fg-chip{
    display:flex;align-items:center;gap:9px;cursor:pointer;
    background:rgba(255,255,255,.02);border:1px solid var(--fg-line-soft);
    border-radius:10px;padding:12px 12px;color:var(--fg-ink);
    font-family:var(--fg-disp);font-size:.92rem;font-weight:500;
    transition:border-color .2s,background .2s,transform .12s;
  }
  #forge .fg-chip:hover{border-color:var(--fg-line);transform:translateY(-1px);}
  #forge .fg-chip.is-active{
    border-color:var(--fg-cyan);
    background:linear-gradient(180deg,rgba(86,207,252,.12),rgba(86,207,252,.03));
    box-shadow:0 0 0 1px rgba(86,207,252,.25) inset;
  }
  #forge .fg-chip-ico{font-size:1.05rem;line-height:1;}
  
  #forge .fg-input-row{display:flex;align-items:center;background:#060c13;border:1px solid var(--fg-line);border-radius:10px;overflow:hidden;}
  #forge .fg-input-row:focus-within{border-color:var(--fg-cyan);box-shadow:0 0 0 3px rgba(86,207,252,.1);}
  #forge .fg-input-pre{font-family:var(--fg-mono);color:var(--fg-mint);padding:0 4px 0 13px;font-size:.95rem;user-select:none;}
  #forge .fg-input{
    flex:1;background:transparent;border:0;outline:0;color:var(--fg-ink);
    font-family:var(--fg-disp);font-size:1rem;padding:13px 14px 13px 4px;
  }
  #forge .fg-input::placeholder{color:#3f4c5e;}
  
  #forge .fg-go{
    width:100%;margin-top:20px;cursor:pointer;
    background:linear-gradient(90deg,var(--fg-cyan),var(--fg-mint));
    color:#03202b;border:0;border-radius:10px;padding:14px;
    font-family:var(--fg-disp);font-weight:700;font-size:1rem;letter-spacing:.01em;
    transition:filter .2s,transform .12s;
  }
  #forge .fg-go:hover{filter:brightness(1.08);transform:translateY(-1px);}
  #forge .fg-go:active{transform:translateY(0);}
  #forge .fg-go-bolt{margin-right:4px;}
  #forge .fg-note{text-align:center;font-family:var(--fg-mono);font-size:.72rem;color:var(--fg-mut);margin:14px 0 0;letter-spacing:.02em;}
  
  /* browser mockup */
  #forge .fg-browser{border:1px solid var(--fg-line);border-radius:14px;overflow:hidden;background:#0b0f16;box-shadow:0 30px 60px -30px rgba(0,0,0,.7);}
  #forge .fg-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#0d141d;border-bottom:1px solid var(--fg-line-soft);}
  #forge .fg-dot{width:11px;height:11px;border-radius:50%;}
  #forge .fg-dot.r{background:#ff5f57;}#forge .fg-dot.y{background:#febc2e;}#forge .fg-dot.g{background:#28c840;}
  #forge .fg-url{margin-left:10px;font-family:var(--fg-mono);font-size:.78rem;color:var(--fg-mut);background:#070c12;border:1px solid var(--fg-line-soft);border-radius:6px;padding:4px 12px;flex:1;}
  #forge .fg-live{font-family:var(--fg-mono);font-size:.68rem;color:var(--fg-mint);letter-spacing:.05em;}
  
  #forge .fg-viewport{height:520px;overflow-y:auto;overflow-x:hidden;background:#fff;position:relative;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent;}
  #forge .fg-viewport::-webkit-scrollbar{width:8px;}
  #forge .fg-viewport::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18);border-radius:8px;}
  
  /* compile log */
  #forge .fg-compile{background:#04080d;height:100%;padding:22px 24px;font-family:var(--fg-mono);font-size:.82rem;line-height:1.9;color:#8fb9cf;}
  #forge .fg-compile .ok{color:var(--fg-mint);}
  #forge .fg-compile .cy{color:var(--fg-cyan);}
  #forge .fg-compile .cur{display:inline-block;width:8px;height:15px;background:var(--fg-cyan);vertical-align:-2px;animation:fg-blink 1s steps(1) infinite;}
  @keyframes fg-blink{50%{opacity:0;}}
  
  /* ── generated preview (the "client" site) ── */
  #forge .fp{min-height:100%;font-family:var(--pf-body);color:var(--pf-ink);background:var(--pf-bg);--pf-acc2:var(--pf-acc);--pf-scrim:linear-gradient(180deg,rgba(20,12,6,.30),rgba(16,10,6,.70));animation:fg-fade .5s ease both;}
  @keyframes fg-fade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
  @keyframes fg-rise{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
  #forge .fp-rise{animation:fg-rise .5s ease both;}
  #forge .fp-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 26px;border-bottom:1px solid var(--pf-hair);background:var(--pf-navbg);position:sticky;top:0;z-index:3;box-shadow:0 4px 14px -10px rgba(0,0,0,.35);}
  #forge .fp-logo{font-family:var(--pf-disp);font-weight:700;font-size:1.05rem;color:var(--pf-ink);letter-spacing:var(--pf-ls);}
  #forge .fp-logo b{color:var(--pf-acc);}
  #forge .fp-menu{display:flex;gap:18px;font-size:.76rem;color:var(--pf-mut);}
  #forge .fp-menu span{white-space:nowrap;}
  #forge .fp-hero{padding:52px 30px 46px;text-align:center;background:var(--pf-herobg);border-bottom:1px solid var(--pf-hair);}
  #forge .fp-kicker{font-family:var(--pf-body);text-transform:uppercase;letter-spacing:.25em;font-size:.62rem;color:var(--pf-acc);margin-bottom:16px;}
  #forge .fp-h1{font-family:var(--pf-disp);font-size:2.15rem;line-height:1.05;margin:0 0 14px;color:var(--pf-ink);letter-spacing:var(--pf-ls);font-weight:var(--pf-hw);}
  #forge .fp-tag{font-size:.95rem;color:var(--pf-mut);max-width:380px;margin:0 auto 22px;line-height:1.55;}
  
  /* photo hero */
  #forge .fp-hero.has-img{position:relative;padding:0;min-height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:0;}
  #forge .fp-hero-media{position:absolute;inset:0;}
  #forge .fp-hero-media img{width:100%;height:100%;object-fit:cover;display:block;}
  #forge .fp-hero-scrim{position:absolute;inset:0;background:var(--pf-scrim);}
  #forge .fp-hero-inner{position:relative;z-index:2;text-align:center;padding:56px 30px;max-width:440px;}
  #forge .fp-hero.has-img .fp-h1{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.4);}
  #forge .fp-hero.has-img .fp-tag{color:rgba(255,255,255,.9);}
  #forge .fp-hero.has-img .fp-kicker{color:#fff;opacity:.92;}
  #forge .fp-hero.has-img .fp-chip{color:rgba(255,255,255,.92);border-color:rgba(255,255,255,.4);}
  #forge .fp-hero.has-img .fp-btn.ghost{color:#fff;border-color:rgba(255,255,255,.6);}
  
  /* photo cards */
  #forge .fp-card.has-img{padding:0;overflow:hidden;}
  #forge .fp-card-media{height:118px;overflow:hidden;background:var(--pf-thumb);}
  #forge .fp-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
  #forge .fp-card.has-img:hover .fp-card-media img{transform:scale(1.05);}
  #forge .fp-card-b{padding:14px 16px 16px;}
  #forge .fp-card-b .fp-cn,#forge .fp-card-b .fp-cd,#forge .fp-card-b .fp-price{margin-left:0;margin-right:0;}
  
  /* ambiance strip */
  #forge .fp-gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;height:120px;}
  #forge .fp-gallery img{width:100%;height:100%;object-fit:cover;display:block;}
  
  
  #forge .fp-sec{padding:34px 30px;}
  #forge .fp-sec + .fp-sec{border-top:1px solid var(--pf-hair);}
  #forge .fp-st{font-family:var(--pf-disp);font-size:1.15rem;margin:0 0 18px;color:var(--pf-ink);letter-spacing:var(--pf-ls);}
  #forge .fp-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  #forge .fp-grid.three{grid-template-columns:1fr 1fr 1fr;}
  #forge .fp-card{background:var(--pf-card);border:1px solid var(--pf-hair);border-radius:var(--pf-rad);padding:16px;}
  #forge .fp-thumb{height:82px;border-radius:calc(var(--pf-rad) - 3px);margin-bottom:12px;display:flex;align-items:center;justify-content:center;font-size:1.9rem;background:var(--pf-thumb);}
  #forge .fp-cn{font-family:var(--pf-disp);font-weight:600;font-size:.9rem;margin:0 0 4px;color:var(--pf-ink);}
  #forge .fp-cd{font-size:.76rem;color:var(--pf-mut);line-height:1.5;margin:0;}
  #forge .fp-price{font-family:var(--pf-disp);font-weight:700;color:var(--pf-acc);font-size:.9rem;margin-top:8px;}
  #forge .fp-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px dashed var(--pf-hair);}
  #forge .fp-row:last-child{border-bottom:0;}
  #forge .fp-row .l{font-family:var(--pf-disp);font-weight:600;font-size:.9rem;color:var(--pf-ink);}
  #forge .fp-row .d{font-size:.74rem;color:var(--pf-mut);}
  #forge .fp-row .p{font-family:var(--pf-disp);font-weight:700;color:var(--pf-acc);font-size:.9rem;}
  #forge .fp-btn{display:inline-flex;align-items:center;gap:7px;background:var(--pf-acc);color:var(--pf-btnink);border:0;border-radius:var(--pf-rad);padding:11px 20px;font-family:var(--pf-disp);font-weight:600;font-size:.85rem;cursor:not-allowed;position:relative;}
  #forge .fp-btn.ghost{background:transparent;color:var(--pf-acc);border:1px solid var(--pf-acc);}
  #forge .fp-lock{position:relative;}
  #forge .fp-lock::after{content:"🔒 works in your real version";position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);background:#0a1119;color:#e7eef7;font-family:var(--fg-mono);font-size:.66rem;white-space:nowrap;padding:6px 10px;border-radius:6px;border:1px solid var(--fg-line);opacity:0;pointer-events:none;transition:opacity .18s;z-index:5;}
  #forge .fp-lock:hover::after{opacity:1;}
  #forge .fp-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:8px;}
  #forge .fp-chip{font-size:.68rem;padding:5px 11px;border-radius:20px;border:1px solid var(--pf-hair);color:var(--pf-mut);}
  #forge .fp-center{text-align:center;}
  #forge .fp-strip{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;padding:16px 30px;background:var(--pf-card);border-top:1px solid var(--pf-hair);border-bottom:1px solid var(--pf-hair);font-size:.72rem;color:var(--pf-mut);}
  #forge .fp-strip b{color:var(--pf-ink);font-family:var(--pf-disp);}
  #forge .fp-foot{padding:22px 30px;text-align:center;font-size:.72rem;color:var(--pf-mut);background:var(--pf-navbg);}
  
  /* ── rich section components ── */
  #forge .fp-sec.alt{background:var(--pf-alt);}
  #forge .fp-eyebrow{text-align:center;text-transform:uppercase;letter-spacing:.28em;font-size:.62rem;font-weight:600;color:var(--pf-acc);margin:0 0 12px;font-family:var(--pf-body);}
  #forge .fp-sec-head{text-align:center;max-width:420px;margin:0 auto 24px;}
  #forge .fp-sec-head .fp-st{margin:0 0 8px;}
  #forge .fp-sub2{font-size:.86rem;line-height:1.6;color:var(--pf-mut);margin:0;}
  #forge .fp-st.center{text-align:center;}
  
  /* premium feature / service cards */
  #forge .fp-features{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;}
  #forge .fp-feat{background:var(--pf-card);border:1px solid var(--pf-hair);border-radius:var(--pf-rad);padding:22px 18px;text-align:center;transition:transform .25s ease,box-shadow .25s ease;}
  #forge .fp-feat:hover{transform:translateY(-4px);box-shadow:0 16px 34px -20px rgba(60,30,10,.4);}
  #forge .fp-badge{width:46px;height:46px;margin:0 auto 14px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;background:var(--pf-acc-soft);color:var(--pf-acc);}
  #forge .fp-feat .fp-cn{font-size:.98rem;margin-bottom:6px;}
  #forge .fp-more{display:inline-block;margin-top:12px;font-family:var(--pf-disp);font-weight:600;font-size:.78rem;color:var(--pf-acc);}
  
  /* photo service cards (Business) */
  #forge .fp-scard{background:var(--pf-card);border:1px solid var(--pf-hair);border-radius:var(--pf-rad);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;}
  #forge .fp-scard:hover{transform:translateY(-4px);box-shadow:0 18px 38px -22px rgba(60,30,10,.45);}
  #forge .fp-scard-media{height:130px;overflow:hidden;background:var(--pf-acc-soft);}
  #forge .fp-scard-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
  #forge .fp-scard:hover .fp-scard-media img{transform:scale(1.06);}
  #forge .fp-scard-b{padding:16px 18px 18px;}
  #forge .fp-scard-b .fp-cn{font-size:.98rem;margin-bottom:5px;}
  
  /* stats row */
  #forge .fp-stats{display:flex;justify-content:center;gap:0;padding:8px 0;}
  #forge .fp-stat{flex:1;text-align:center;padding:6px 8px;position:relative;}
  #forge .fp-stat + .fp-stat::before{content:"";position:absolute;left:0;top:18%;height:64%;width:1px;background:var(--pf-hair);}
  #forge .fp-stat b{display:block;font-family:var(--pf-disp);font-size:1.5rem;font-weight:700;color:var(--pf-acc);line-height:1;}
  #forge .fp-stat span{font-size:.68rem;color:var(--pf-mut);text-transform:uppercase;letter-spacing:.12em;margin-top:6px;display:block;}
  
  /* testimonial */
  #forge .fp-quote{max-width:440px;margin:0 auto;text-align:center;}
  #forge .fp-quote-mark{font-family:Georgia,serif;font-size:2.6rem;line-height:.4;color:var(--pf-acc);opacity:.5;}
  #forge .fp-quote-txt{font-family:var(--pf-disp);font-size:1.12rem;line-height:1.5;color:var(--pf-ink);margin:10px 0 18px;font-weight:500;letter-spacing:var(--pf-ls);}
  #forge .fp-quote-who{display:flex;align-items:center;justify-content:center;gap:10px;}
  #forge .fp-avatar{width:34px;height:34px;border-radius:50%;background:var(--pf-acc-soft);color:var(--pf-acc);display:flex;align-items:center;justify-content:center;font-family:var(--pf-disp);font-weight:700;font-size:.85rem;}
  #forge .fp-who-n{font-family:var(--pf-disp);font-weight:600;font-size:.82rem;color:var(--pf-ink);}
  #forge .fp-who-r{font-size:.72rem;color:var(--pf-mut);}
  #forge .fp-stars{color:var(--pf-acc);font-size:.8rem;letter-spacing:2px;margin-bottom:10px;}
  
  /* gallery band (4-up, taller) */
  #forge .fp-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:0;height:150px;}
  #forge .fp-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .3s ease;filter:saturate(1.02);}
  #forge .fp-gallery img:hover{transform:scale(1.06);}
  
  /* warm CTA band */
  #forge .fp-cta-band{text-align:center;padding:44px 30px;background:var(--pf-ctaband);position:relative;overflow:hidden;}
  #forge .fp-cta-band .fp-st{color:var(--pf-ctaink);font-size:1.5rem;margin-bottom:8px;}
  #forge .fp-cta-band .fp-sub2{color:var(--pf-ctaink);opacity:.85;margin-bottom:20px;}
  #forge .fp-cta-band .fp-btn{background:#fff;color:var(--pf-acc);}
  #forge .fp-cta-band .fp-btn.ghost{background:transparent;color:var(--pf-ctaink);border-color:rgba(255,255,255,.6);}
  
  /* ── warm pastel palettes (one family each, kept distinct) ── */
  #forge .fp.p-resto{
    --pf-bg:#141011;--pf-alt:#1c1416;--pf-navbg:#181113;--pf-herobg:linear-gradient(180deg,#1c1416,#141011);
    --pf-card:#1e1618;--pf-thumb:linear-gradient(135deg,#2a1a1e,#181012);--pf-acc:#b83b4d;--pf-acc-soft:#3a2126;
    --pf-field:#241a1d;--pf-ink:#f3e8e1;--pf-mut:#ab9990;--pf-hair:rgba(212,168,95,.16);--pf-btnink:#fff;
    --pf-ctaband:linear-gradient(120deg,#7d2733,#ab3547);--pf-ctaink:#fff;
    --pf-disp:'Fraunces',Georgia,serif;--pf-body:'Fraunces',Georgia,serif;--pf-rad:10px;--pf-ls:0;--pf-hw:700;}
  #forge .fp.p-shop{
    --pf-bg:#fdf4f6;--pf-alt:#fae6ee;--pf-navbg:#fffbfc;--pf-herobg:linear-gradient(180deg,#fae6ee,#fdf4f6);
    --pf-card:#ffffff;--pf-thumb:linear-gradient(135deg,#f8dbe6,#efd3f0);--pf-acc:#d76a8f;--pf-acc-soft:#f8dce6;
    --pf-ink:#2c1f26;--pf-mut:#937985;--pf-hair:rgba(215,106,143,.15);--pf-btnink:#fff;
    --pf-ctaband:linear-gradient(120deg,#d76a8f,#e79ab3);--pf-ctaink:#fff;
    --pf-disp:'Space Grotesk',system-ui,sans-serif;--pf-body:system-ui,sans-serif;--pf-rad:16px;--pf-ls:-.01em;--pf-hw:600;}
  #forge .fp.p-travel{
    --pf-bg:#fdf5ec;--pf-alt:#fbe7d5;--pf-navbg:#fffbf6;--pf-herobg:linear-gradient(180deg,#fbe7d5,#fdf5ec);
    --pf-card:#ffffff;--pf-thumb:linear-gradient(135deg,#fadcbf,#f6c9a6);--pf-acc:#e07a4e;--pf-acc-soft:#fadfc9;
    --pf-ink:#2e241b;--pf-mut:#927e69;--pf-hair:rgba(224,122,78,.15);--pf-btnink:#fff;
    --pf-ctaband:linear-gradient(120deg,#e07a4e,#eaa06a);--pf-ctaink:#fff;
    --pf-disp:'Space Grotesk',system-ui,sans-serif;--pf-body:system-ui,sans-serif;--pf-rad:14px;--pf-ls:-.005em;--pf-hw:600;}
  #forge .fp.p-pro{
    --pf-bg:#f9f4f0;--pf-alt:#f0e6dd;--pf-navbg:#fffcf9;--pf-herobg:linear-gradient(180deg,#f0e6dd,#f9f4f0);
    --pf-card:#ffffff;--pf-thumb:linear-gradient(135deg,#e9dace,#dcc6b6);--pf-acc:#b26a4f;--pf-acc-soft:#eeddd0;
    --pf-ink:#2b2119;--pf-mut:#8a7a6d;--pf-hair:rgba(178,106,79,.14);--pf-btnink:#fff;
    --pf-ctaband:linear-gradient(120deg,#b26a4f,#cf9070);--pf-ctaink:#fff;
    --pf-disp:'Space Grotesk',system-ui,sans-serif;--pf-body:system-ui,sans-serif;--pf-rad:14px;--pf-ls:-.005em;--pf-hw:600;}
  
  /* conversion hook */
  #forge .fg-hook{margin-top:16px;border:1px solid var(--fg-line);border-radius:12px;padding:16px 18px;background:linear-gradient(90deg,rgba(86,207,252,.06),rgba(45,212,160,.04));display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
  #forge .fg-hook-txt{margin:0;font-size:.95rem;color:var(--fg-ink);line-height:1.5;}
  #forge .fg-hook-txt strong{color:var(--fg-cyan);}
  #forge .fg-hook-txt em{font-style:normal;color:var(--fg-mint);font-weight:600;}
  #forge .fg-hook-cta{display:flex;gap:10px;align-items:center;}
  #forge .fg-btn-wa{background:#25d366;color:#04250f;font-family:var(--fg-disp);font-weight:700;font-size:.85rem;text-decoration:none;padding:11px 16px;border-radius:9px;white-space:nowrap;transition:filter .2s,transform .12s;}
  #forge .fg-btn-wa:hover{filter:brightness(1.06);transform:translateY(-1px);}
  #forge .fg-btn-mail{color:var(--fg-mut);font-family:var(--fg-mono);font-size:.8rem;text-decoration:none;border-bottom:1px dashed var(--fg-mut);padding-bottom:1px;white-space:nowrap;}
  #forge .fg-btn-mail:hover{color:var(--fg-cyan);border-color:var(--fg-cyan);}
  
  #forge :focus-visible{outline:2px solid var(--fg-cyan);outline-offset:2px;}
  
  @media (max-width:820px){
    #forge{padding:28px 16px 16px;}
    #forge .fg-grid{grid-template-columns:1fr;gap:18px;}
  
    /* compact control panel → less scroll on mobile */
    #forge .fg-panel{position:static;padding:18px 16px;}
    #forge .fg-h{font-size:1.7rem;}
    #forge .fg-sub{font-size:.92rem;}
    #forge .fg-intro{margin-bottom:20px;}
    #forge .fg-draft-note{font-size:.72rem;padding:8px 11px;margin-top:12px;}
    #forge .fg-step{margin-bottom:9px;}
    #forge .fg-step-2{margin-top:16px;}
    #forge .fg-chips{gap:7px;}
    #forge .fg-chip{padding:9px 10px;font-size:.84rem;border-radius:9px;}
    #forge .fg-chip-ico{font-size:.95rem;}
    #forge .fg-input{padding:11px 12px 11px 4px;}
    #forge .fg-go{margin-top:14px;padding:12px;}
    #forge .fg-note{margin-top:10px;}
  
    #forge .fg-viewport{height:62vh;max-height:540px;min-height:380px;}
    #forge .fg-hook{padding:13px 14px;gap:12px;}
    #forge .fg-hook-txt{font-size:.9rem;}
  
    /* preview internals stack cleanly inside the narrow mockup */
    #forge .fp-menu{display:none;}
    #forge .fp-hero.has-img{min-height:270px;}
    #forge .fp-hero-inner{padding:44px 22px;}
    #forge .fp-h1{font-size:1.8rem;}
    #forge .fp-sec{padding:26px 20px;}
    #forge .fp-grid.three{grid-template-columns:1fr 1fr;}
    #forge .fp-features{grid-template-columns:1fr;}
    #forge .fp-foot-cols{grid-template-columns:1fr;gap:14px;}
    #forge .fp-gallery{grid-template-columns:1fr 1fr;height:auto;}
    #forge .fp-gallery img{height:120px;}
    #forge .fp-cta-band{padding:36px 22px;}
  }
  
  /* very narrow phones */
  @media (max-width:430px){
    #forge .fg-chip{font-size:.8rem;padding:9px 7px;gap:6px;}
    #forge .fp-grid{grid-template-columns:1fr 1fr;}
    #forge .fp-grid.three{grid-template-columns:1fr;}
    #forge .fp-form-row{grid-template-columns:1fr;}
    #forge .fp-hero-actions{flex-direction:column;width:100%;}
    #forge .fp-hero-actions .fp-lock{display:block;width:100%;}
    #forge .fp-hero-actions .fp-btn{width:100%;justify-content:center;}
    #forge .fp-stat b{font-size:1.25rem;}
    #forge .fp-inline{flex-direction:column;}
  }
  @media (prefers-reduced-motion:reduce){
    #forge .fp,#forge .fp-rise{animation:none;}
    #forge .fg-compile .cur{animation:none;}
  }
  
  /* ═══════════ WOW pass: banner · nav-cta · icons · forms · buttons ═══════════ */
  
  /* SVG icon sizing */
  #forge .fp-ic{width:16px;height:16px;vertical-align:-3px;flex:none;}
  #forge .fp-badge .fp-ic{width:22px;height:22px;}
  #forge .fp-btn .fp-ic{width:15px;height:15px;}
  #forge .fp-banner .fp-ic{width:14px;height:14px;}
  #forge .fp-nav-cta .fp-ic{width:13px;height:13px;}
  
  /* announcement banner */
  #forge .fp-banner{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--pf-acc);color:#fff;font-size:.74rem;font-weight:500;padding:9px 14px;text-align:center;letter-spacing:.01em;}
  #forge .fp-banner b{font-weight:700;}
  
  /* nav with CTA pill */
  #forge .fp-nav-r{display:flex;align-items:center;gap:16px;}
  #forge .fp-nav-cta{display:inline-flex;align-items:center;gap:6px;background:var(--pf-acc);color:#fff;font-family:var(--pf-disp);font-weight:600;font-size:.74rem;padding:8px 15px;border-radius:22px;white-space:nowrap;cursor:pointer;transition:filter .2s,transform .12s;}
  #forge .fp-nav-cta:hover{filter:brightness(1.07);transform:translateY(-1px);}
  
  /* hero: two actions + trust line */
  #forge .fp-hero-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
  #forge .fp-trust{margin-top:16px;font-size:.74rem;color:rgba(255,255,255,.88);display:flex;align-items:center;justify-content:center;gap:7px;}
  #forge .fp-trust .fp-stars{margin:0;color:#ffd27a;letter-spacing:1px;}
  
  /* buttons: variety + icons */
  #forge .fp-btn{gap:7px;}
  #forge .fp-btn.block{width:100%;justify-content:center;padding:13px;}
  #forge .fp-btn.pill{border-radius:24px;}
  
  /* forms */
  #forge .fp-form{background:var(--pf-card);border:1px solid var(--pf-hair);border-radius:calc(var(--pf-rad) + 2px);padding:24px;max-width:460px;margin:0 auto;box-shadow:0 18px 46px -28px rgba(60,30,10,.45);}
  #forge .fp-field{display:flex;flex-direction:column;gap:6px;margin-bottom:13px;}
  #forge .fp-field label{font-size:.68rem;font-weight:600;color:var(--pf-mut);text-transform:uppercase;letter-spacing:.09em;}
  #forge .fp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  #forge .fp-input2,#forge .fp-select,#forge .fp-area{width:100%;border:1px solid var(--pf-hair);background:var(--pf-field,#fff);border-radius:10px;padding:11px 12px;font-family:var(--pf-body);font-size:.86rem;color:var(--pf-ink);outline:none;transition:border-color .2s,box-shadow .2s;}
  #forge .fp-input2::placeholder,#forge .fp-area::placeholder{color:#b9a89b;}
  #forge .fp-input2:focus,#forge .fp-select:focus,#forge .fp-area:focus{border-color:var(--pf-acc);box-shadow:0 0 0 3px var(--pf-acc-soft);}
  #forge .fp-area{resize:none;min-height:78px;line-height:1.5;}
  #forge .fp-lock.block{display:block;margin-top:4px;}
  
  /* inline form (newsletter on CTA band) */
  #forge .fp-inline{display:flex;gap:8px;max-width:400px;margin:0 auto;}
  #forge .fp-inline .fp-input2{flex:1;background:rgba(255,255,255,.96);border-color:transparent;}
  #forge .fp-cta-band .fp-inline .fp-btn{background:#fff;color:var(--pf-acc);}
  
  /* small "trusted by" logo strip */
  #forge .fp-logos{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;opacity:.72;}
  #forge .fp-logos span{font-family:var(--pf-disp);font-weight:700;font-size:.82rem;color:var(--pf-mut);letter-spacing:.02em;}
  
  /* ═══════════ v4: color variety · hero rating · rich footer · ribbon · draft/live ═══════════ */
  
  /* palette variety refresh + duotone accents + tinted hero scrims */
  #forge .fp.p-resto{--pf-acc2:#d4a85f;--pf-scrim:linear-gradient(175deg,rgba(24,8,11,.42),rgba(10,4,6,.82));}
  #forge .fp.p-shop{--pf-acc:#c65b86;--pf-acc2:#8e6bb0;--pf-acc-soft:#f4d7e5;--pf-ctaband:linear-gradient(120deg,#c65b86,#9a6cb2);--pf-scrim:linear-gradient(175deg,rgba(70,25,55,.30),rgba(38,18,42,.72));}
  #forge .fp.p-travel{--pf-acc2:#2c8f93;--pf-scrim:linear-gradient(175deg,rgba(72,36,16,.28),rgba(28,26,32,.72));}
  #forge .fp.p-pro{--pf-bg:#f6f4ee;--pf-alt:#eae7dc;--pf-navbg:#fffdf8;--pf-herobg:linear-gradient(180deg,#eae7dc,#f6f4ee);--pf-thumb:linear-gradient(135deg,#d9e0d3,#c3d0bf);--pf-acc:#2f6f5e;--pf-acc2:#b0894a;--pf-acc-soft:#dce7df;--pf-hair:rgba(47,111,94,.14);--pf-ctaband:linear-gradient(120deg,#2f6f5e,#5a9a7f);--pf-ink:#22261f;--pf-mut:#7a8478;--pf-scrim:linear-gradient(175deg,rgba(15,45,35,.34),rgba(12,30,24,.74));}
  
  /* section title accent underline */
  #forge .fp-sec-head .fp-st.center{position:relative;padding-bottom:13px;}
  #forge .fp-sec-head .fp-st.center::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:40px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--pf-acc),var(--pf-acc2));}
  
  /* glassy rating chip on hero photo */
  #forge .fp-hero-rating{position:absolute;top:14px;right:14px;z-index:3;display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:#fff;font-family:var(--pf-disp);font-weight:600;font-size:.72rem;padding:6px 12px;border-radius:22px;}
  #forge .fp-hero-rating b{color:#ffd27a;font-weight:700;}
  #forge .fp-trust .fp-ic{width:14px;height:14px;color:#fff;opacity:.9;}
  
  /* featured ribbon on a card */
  #forge .fp-ribbon{position:absolute;top:10px;left:10px;z-index:2;background:var(--pf-acc);color:#fff;font-family:var(--pf-disp);font-weight:700;font-size:.6rem;text-transform:uppercase;letter-spacing:.09em;padding:4px 9px;border-radius:6px;box-shadow:0 6px 16px -6px rgba(0,0,0,.4);}
  
  /* rich multi-column footer */
  #forge .fp-foot.rich{padding:30px 30px 20px;text-align:left;background:var(--pf-alt);border-top:1px solid var(--pf-hair);color:var(--pf-mut);}
  #forge .fp-foot-cols{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px;margin-bottom:20px;}
  #forge .fp-foot-brand{font-family:var(--pf-disp);font-weight:700;font-size:1.05rem;color:var(--pf-ink);margin:0 0 6px;letter-spacing:var(--pf-ls);}
  #forge .fp-foot-col b{display:block;font-family:var(--pf-disp);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--pf-ink);margin-bottom:10px;}
  #forge .fp-foot-col a{display:block;font-size:.78rem;color:var(--pf-mut);margin-bottom:6px;cursor:pointer;}
  #forge .fp-foot-col a:hover{color:var(--pf-acc);}
  #forge .fp-foot-col p{font-size:.78rem;line-height:1.55;margin:0 0 12px;}
  #forge .fp-soc{display:flex;gap:8px;}
  #forge .fp-soc span{width:28px;height:28px;border-radius:50%;background:var(--pf-acc-soft);color:var(--pf-acc);display:flex;align-items:center;justify-content:center;}
  #forge .fp-soc .fp-ic{width:13px;height:13px;}
  #forge .fp-foot-bottom{border-top:1px solid var(--pf-hair);padding-top:15px;font-size:.72rem;color:var(--pf-mut);text-align:center;}
  
  /* pulsing "live" badge on the section label (live-rec style) */
  #forge .fg-live-badge{display:inline-flex;align-items:center;gap:9px;font-family:var(--fg-mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-ink);background:rgba(255,95,87,.08);border:1px solid rgba(255,95,87,.32);padding:6px 13px;border-radius:22px;}
  #forge .fg-rec-dot{width:8px;height:8px;border-radius:50%;background:#ff5f57;box-shadow:0 0 0 0 rgba(255,95,87,.55);animation:fg-rec 1.6s ease-out infinite;}
  @keyframes fg-rec{0%{box-shadow:0 0 0 0 rgba(255,95,87,.55);}70%{box-shadow:0 0 0 8px rgba(255,95,87,0);}100%{box-shadow:0 0 0 0 rgba(255,95,87,0);}}
  
  /* "quick draft" note under intro */
  #forge .fg-draft-note{display:inline-flex;align-items:center;gap:9px;margin-top:16px;font-family:var(--fg-mono);font-size:.75rem;line-height:1.5;color:var(--fg-mut);background:rgba(86,207,252,.05);border:1px dashed var(--fg-line);border-radius:9px;padding:9px 13px;}
  #forge .fg-draft-note b{color:var(--fg-cyan);font-weight:700;}
  
  /* floating "quick draft" tag over the mockup */
  #forge .fg-browser{position:relative;}
  #forge .fg-draft-tag{position:absolute;bottom:12px;right:12px;z-index:6;display:flex;align-items:center;gap:7px;font-family:var(--fg-mono);font-size:.66rem;letter-spacing:.05em;color:#eaf6ff;background:rgba(8,14,22,.8);backdrop-filter:blur(6px);border:1px solid var(--fg-line);padding:6px 11px;border-radius:9px;pointer-events:none;}
  #forge .fg-draft-tag .d{width:6px;height:6px;border-radius:50%;background:var(--fg-mint);}
  
  @media (prefers-reduced-motion:reduce){ #forge .fg-rec-dot{animation:none;} }
  
  /* ═══════════ v5: mobile modal preview · navbar live-demo · sticky WhatsApp ═══════════ */
  
  /* close button hidden on desktop (preview is inline) */
  #forge .fg-modal-close{display:none;}
  
  @media (max-width:820px){
    /* on mobile the preview opens as a full-screen modal → keeps the panel compact */
    #forge .fg-stage{position:fixed;inset:0;z-index:1300;background:radial-gradient(circle at 50% 28%,rgba(12,22,38,.55),rgba(4,9,18,.82));backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);padding:58px 12px 16px;overflow-y:auto;display:none;}
    #forge.fg-modal-open .fg-stage{display:block;animation:fg-smoke .3s ease both;}
    #forge.fg-modal-open .fg-browser{animation:fg-modal-in .38s cubic-bezier(.2,.8,.2,1) both;}
    #forge.fg-modal-open .fg-hook{animation:fg-modal-in .38s cubic-bezier(.2,.8,.2,1) .06s both;}
    #forge .fg-browser{max-width:520px;margin:0 auto;}
    #forge .fg-hook{max-width:520px;margin:14px auto 0;}
    #forge .fg-modal-close{display:flex;position:fixed;top:12px;right:14px;z-index:1310;width:42px;height:42px;border-radius:50%;border:1px solid var(--fg-line);background:rgba(10,17,25,.95);color:var(--fg-ink);font-size:1.05rem;line-height:1;cursor:pointer;align-items:center;justify-content:center;animation:fg-modal-in .3s ease .04s both;}
  }
  
  /* modal entrance animations (top-level so they apply within the media query) */
  @keyframes fg-smoke{from{opacity:0;}to{opacity:1;}}
  @keyframes fg-modal-in{from{opacity:0;transform:translateY(18px) scale(.965);}to{opacity:1;transform:none;}}
  
  /* navbar "live demo" — mirrors the other nav links; dot sits where the number is */
  .nav-live-dot{display:inline-block;vertical-align:middle;position:relative;top:-2px;margin-right:3px;width:8px;height:8px;border-radius:50%;background:#2dd4a0;box-shadow:0 0 0 0 rgba(45,212,160,.55);animation:navlive 1.6s ease-out infinite;flex:none;}
  @keyframes navlive{0%{box-shadow:0 0 0 0 rgba(45,212,160,.55);}70%{box-shadow:0 0 0 7px rgba(45,212,160,0);}100%{box-shadow:0 0 0 0 rgba(45,212,160,0);}}
  
  /* sticky WhatsApp floating button (global) */
  .wa-fab{position:fixed;right:18px;bottom:18px;z-index:1200;display:inline-flex;align-items:center;gap:9px;background:#25d366;color:#04250f;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.9rem;text-decoration:none;padding:13px 18px;border-radius:30px;box-shadow:0 12px 30px -8px rgba(37,211,102,.5);transition:transform .18s,box-shadow .2s;}
  .wa-fab:hover{transform:translateY(-2px);box-shadow:0 16px 38px -8px rgba(37,211,102,.6);}
  .wa-fab svg{width:22px;height:22px;flex:none;}
  @media (max-width:520px){ .wa-fab{padding:14px;border-radius:50%;gap:0;} .wa-fab .wa-label{display:none;} }
  @media (prefers-reduced-motion:reduce){ .nav-live-dot{animation:none;} #forge.fg-modal-open .fg-stage,#forge.fg-modal-open .fg-browser,#forge.fg-modal-open .fg-hook,#forge .fg-modal-close{animation:none;} }
  
  /* ── shop feature cards: gradient upgrade (scoped to shop only) ── */
  #forge .fp.p-shop .fp-feat{background:linear-gradient(180deg,#ffffff,#fdf3f8);border:1px solid var(--pf-hair);border-radius:16px;position:relative;overflow:hidden;padding:24px 18px 22px;}
  #forge .fp.p-shop .fp-feat::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--pf-acc),var(--pf-acc2));}
  #forge .fp.p-shop .fp-feat:hover{transform:translateY(-5px);box-shadow:0 22px 44px -22px rgba(198,91,134,.5);}
  #forge .fp.p-shop .fp-badge{background:linear-gradient(135deg,var(--pf-acc),var(--pf-acc2));color:#fff;box-shadow:0 10px 22px -8px rgba(198,91,134,.55);}
  #forge .fp.p-shop .fp-feat .fp-cn{background:linear-gradient(90deg,var(--pf-acc),var(--pf-acc2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:700;}
  
  /* ── travel feature cards: gradient upgrade (coral → teal, scoped to travel) ── */
  #forge .fp.p-travel .fp-feat{background:linear-gradient(180deg,#ffffff,#fdf0e6);border:1px solid var(--pf-hair);border-radius:14px;position:relative;overflow:hidden;padding:24px 18px 22px;}
  #forge .fp.p-travel .fp-feat::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--pf-acc),var(--pf-acc2));}
  #forge .fp.p-travel .fp-feat:hover{transform:translateY(-5px);box-shadow:0 22px 44px -22px rgba(224,122,78,.5);}
  #forge .fp.p-travel .fp-badge{background:linear-gradient(135deg,var(--pf-acc),var(--pf-acc2));color:#fff;box-shadow:0 10px 22px -8px rgba(224,122,78,.55);}
  #forge .fp.p-travel .fp-feat .fp-cn{background:linear-gradient(90deg,var(--pf-acc),var(--pf-acc2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:700;}
  
  /* ── business "how we work" steps: gradient upgrade (emerald → gold, scoped to pro) ── */
  #forge .fp.p-pro .fp-feat{background:linear-gradient(180deg,#ffffff,#f3f0e8);border:1px solid var(--pf-hair);border-radius:14px;position:relative;overflow:hidden;padding:24px 18px 22px;}
  #forge .fp.p-pro .fp-feat::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--pf-acc),var(--pf-acc2));}
  #forge .fp.p-pro .fp-feat:hover{transform:translateY(-5px);box-shadow:0 22px 44px -22px rgba(47,111,94,.45);}
  #forge .fp.p-pro .fp-badge{background:linear-gradient(135deg,var(--pf-acc),var(--pf-acc2));color:#fff;box-shadow:0 10px 22px -8px rgba(47,111,94,.5);}
  #forge .fp.p-pro .fp-feat .fp-cn{background:linear-gradient(90deg,var(--pf-acc),var(--pf-acc2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:700;}