/* ═══════════════════════════════════════════
   FLUUEXQR v4 — ULTRA PREMIUM HOMEPAGE
   Aesthetic: Dark ember luxury SaaS
   Fonts: Syne (display) · Bricolage Grotesque (body)
   ═══════════════════════════════════════════ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --f:#FF4500;--f2:#FF6B28;--f3:#FF8C55;
  --amber:#FFB800;--gold:#FFC947;
  --ink:#05050F;--ink2:#0A0A1A;--ink3:#101022;
  --card:#12121E;--card2:#18182A;--card3:#1E1E30;
  --rim:rgba(255,255,255,.06);--rim2:rgba(255,255,255,.10);--rim3:rgba(255,255,255,.16);
  --txt:#D8D8F0;--muted:#7070A0;--faint:#3A3A5A;
  --green:#00E5A0;--blue:#4F8EFF;--violet:#A78BFA;
  --fh:'Syne',sans-serif;--fb:'Bricolage Grotesque',sans-serif;
  --ease:cubic-bezier(.4,0,.2,1);--spring:cubic-bezier(.34,1.56,.64,1);
}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--fb);background:var(--ink);color:var(--txt);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
::selection{background:rgba(255,69,0,.3);color:#fff}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button{font-family:var(--fb);cursor:pointer;border:none;background:none}

/* ── SCROLLBAR ── */
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--ink2)}::-webkit-scrollbar-thumb{background:var(--f2);border-radius:999px}

/* ── UTILITY ── */
.wrap{max-width:1260px;margin:0 auto;padding:0 24px}
.sec{padding:110px 0;position:relative}
.sec-sm{padding:70px 0;position:relative}
.center{text-align:center}
.tag{display:inline-flex;align-items:center;gap:7px;font-family:var(--fh);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--f2);background:rgba(255,69,0,.1);border:1px solid rgba(255,69,0,.22);padding:6px 14px;border-radius:999px;margin-bottom:18px}
.tag-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
h1,h2,h3{font-family:var(--fh)}
.h1{font-size:clamp(2.8rem,6vw,4.8rem);font-weight:800;line-height:1.05;letter-spacing:-.04em;color:#fff}
.h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:#fff}
.h3{font-size:1.1rem;font-weight:700;color:#fff;line-height:1.35}
.lead{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:580px}
.ember{background:linear-gradient(135deg,var(--f2) 0%,var(--amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.white-em{color:#fff;font-weight:700}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 30px;border-radius:14px;font-family:var(--fb);font-weight:600;font-size:.95rem;transition:all .28s var(--ease);white-space:nowrap;position:relative;overflow:hidden}
.btn::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,0);transition:background .2s}
.btn:hover::after{background:rgba(255,255,255,.06)}
.btn-fire{background:linear-gradient(135deg,var(--f),var(--f2));color:#fff;box-shadow:0 4px 28px rgba(255,69,0,.4),inset 0 1px 0 rgba(255,255,255,.15)}
.btn-fire:hover{transform:translateY(-3px);box-shadow:0 10px 40px rgba(255,69,0,.55)}
.btn-ghost{background:var(--card2);color:#fff;border:1px solid var(--rim2)}
.btn-ghost:hover{transform:translateY(-3px);border-color:var(--rim3);box-shadow:0 8px 28px rgba(0,0,0,.3)}
.btn-lg{padding:18px 36px;font-size:1.05rem;border-radius:16px}
.btn-sm{padding:10px 20px;font-size:.85rem;border-radius:10px}
.btn-pill{border-radius:999px}

/* ════════════════════════════════
   NAV
════════════════════════════════ */
.nav{
  position:fixed;top:16px;left:50%;transform:translateX(-50%);
  width:calc(100% - 48px);max-width:1100px;
  z-index:1000;
  background:rgba(10,10,26,.75);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border:1px solid var(--rim2);
  border-radius:20px;
  padding:0 20px;
  height:64px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  transition:all .4s var(--ease);
}
.nav.scrolled{background:rgba(5,5,15,.9);border-color:var(--rim3);box-shadow:0 8px 40px rgba(0,0,0,.5)}
.nav-logo{display:flex;align-items:center;gap:10px;font-family:var(--fh);font-size:1.3rem;font-weight:800;color:#fff}
.nav-logo-mark{width:36px;height:36px;background:linear-gradient(135deg,var(--f),var(--f2));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 4px 14px rgba(255,69,0,.4)}
.nav-logo span{color:var(--f2)}
.nav-links{display:flex;align-items:center;gap:2px}
.nav-links a{padding:8px 14px;border-radius:10px;font-size:.88rem;font-weight:500;color:var(--muted);transition:all .2s}
.nav-links a:hover{color:#fff;background:var(--rim)}
.nav-actions{display:flex;align-items:center;gap:10px}
.nav-login{padding:9px 18px;border-radius:10px;font-size:.87rem;font-weight:600;color:var(--muted);border:1px solid var(--rim);transition:all .2s}
.nav-login:hover{color:#fff;border-color:var(--rim2)}
.hamburger{display:none;flex-direction:column;gap:5px;padding:9px;background:var(--card2);border-radius:10px;border:1px solid var(--rim)}
.hamburger span{display:block;width:20px;height:2px;background:#fff;border-radius:2px;transition:all .3s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-nav{display:none;position:fixed;top:96px;left:24px;right:24px;background:rgba(10,10,26,.97);backdrop-filter:blur(24px);border:1px solid var(--rim2);border-radius:20px;padding:20px;z-index:999;flex-direction:column;gap:6px;animation:slideDown .3s var(--ease)}
.mobile-nav.show{display:flex}
@keyframes slideDown{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
.mobile-nav a{display:block;padding:13px 16px;border-radius:12px;font-weight:600;color:var(--txt);font-size:.95rem;transition:all .2s}
.mobile-nav a:hover{background:var(--card2);color:#fff}
.mobile-nav .btn{margin-top:6px;width:100%}

/* ════════════════════════════════
   HERO
════════════════════════════════ */
.hero{min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;position:relative;overflow:hidden}

/* Hero BG */
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-mesh{position:absolute;inset:0;
  background:
    radial-gradient(ellipse 65% 55% at 65% 25%, rgba(255,69,0,.13) 0%, transparent 55%),
    radial-gradient(ellipse 40% 50% at 10% 80%, rgba(255,184,0,.08) 0%, transparent 50%),
    radial-gradient(ellipse 30% 40% at 90% 85%, rgba(79,142,255,.07) 0%, transparent 45%);
}
.hero-grid{position:absolute;inset:0;
  background-image:linear-gradient(var(--rim) 1px,transparent 1px),linear-gradient(90deg,var(--rim) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:radial-gradient(ellipse 90% 90% at 50% 30%,black 20%,transparent 75%);
  mask-image:radial-gradient(ellipse 90% 90% at 50% 30%,black 20%,transparent 75%);
}
/* Floating orbs */
.orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.18;animation:orbDrift 12s ease-in-out infinite}
.orb1{width:560px;height:560px;background:var(--f);top:-20%;right:-10%;animation-delay:0s}
.orb2{width:400px;height:400px;background:var(--amber);bottom:-15%;left:-8%;animation-delay:-5s}
.orb3{width:280px;height:280px;background:var(--blue);top:40%;left:45%;animation-delay:-3s}
@keyframes orbDrift{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.92)}}

/* Hero layout */
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.hero-content{animation:heroIn .9s var(--ease) both}
@keyframes heroIn{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}

/* Typing headline animation */
.hero-headline{margin:0 0 20px}
.hero-headline span.line{display:block}

/* Pills */
.hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 30px}
.pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--card2);border:1px solid var(--rim);border-radius:999px;font-size:.77rem;font-weight:600;color:var(--txt);transition:all .25s var(--ease)}
.pill:hover{border-color:rgba(255,107,40,.35);background:rgba(255,107,40,.07);transform:translateY(-2px)}
.pdot{width:6px;height:6px;border-radius:50%;flex-shrink:0}

/* Trust row */
.trust-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:32px}
.trust-avs{display:flex}
.trust-avs .av{width:34px;height:34px;border-radius:50%;border:2px solid var(--ink);font-family:var(--fh);font-weight:800;font-size:.62rem;color:#fff;display:flex;align-items:center;justify-content:center;margin-left:-10px;background:linear-gradient(135deg,var(--f),var(--amber))}
.trust-avs .av:first-child{margin-left:0}
.trust-txt{font-size:.82rem;color:var(--muted);line-height:1.4}
.trust-txt b{display:block;color:#fff;font-size:.88rem}
.trust-sep{width:1px;height:36px;background:var(--rim2)}
.trust-stat{font-size:.8rem;color:var(--muted)}
.trust-stat b{display:block;font-family:var(--fh);font-size:1.15rem;font-weight:800;color:#fff}

/* ── PHONE MOCKUP ── */
.hero-visual{display:flex;justify-content:center;align-items:center;position:relative;animation:heroIn .9s .2s var(--ease) both}
.phone-wrap{position:relative;width:290px;height:600px}
.phone{width:100%;height:100%;background:var(--card);border-radius:48px;border:2px solid rgba(255,255,255,.12);box-shadow:0 60px 120px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.04),inset 0 1px 0 rgba(255,255,255,.1);overflow:hidden;position:relative}
.phone-island{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:90px;height:30px;background:#000;border-radius:999px;z-index:10;display:flex;align-items:center;justify-content:flex-end;padding-right:9px;gap:5px}
.cam{width:10px;height:10px;border-radius:50%;background:#1a1a30;border:2px solid #2a2a40}
.cam-led{width:5px;height:5px;border-radius:50%;background:rgba(0,229,160,.6);animation:camBlink 4s ease-in-out infinite}
@keyframes camBlink{0%,100%{opacity:.6}50%{opacity:1}}
.phone-screen{height:100%;background:#fff;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}
.phone-screen::-webkit-scrollbar{width:0}

/* Phone screen content */
.ps-header{background:linear-gradient(160deg,#1a0a00,var(--f),#c53a00);padding:20px 16px 24px;color:#fff;position:relative;overflow:hidden}
.ps-header::before{content:'';position:absolute;top:-30px;right:-30px;width:100px;height:100px;background:rgba(255,255,255,.08);border-radius:50%}
.ps-restaurant{font-family:var(--fh);font-size:1rem;font-weight:800;margin-bottom:3px}
.ps-sub{font-size:.62rem;opacity:.75;margin-bottom:12px}
.ps-table-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.15);padding:5px 12px;border-radius:999px;font-size:.62rem;font-weight:700}
.ps-search{margin:12px 12px 8px;background:#f4f4f8;border-radius:10px;padding:9px 12px;display:flex;align-items:center;gap:7px;font-size:.65rem;color:#aaa;border:1px solid #e8e8f0}
.ps-cat-row{display:flex;gap:7px;padding:0 12px 8px;overflow-x:auto}
.ps-cat-row::-webkit-scrollbar{display:none}
.ps-cat{padding:5px 12px;border-radius:999px;font-size:.6rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:all .2s}
.ps-cat.active{background:var(--f);color:#fff}
.ps-cat:not(.active){background:#f4f4f8;color:#666}
.ps-section{padding:4px 12px 2px;font-size:.58rem;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.06em}
.ps-item{margin:4px 10px;background:#fff;border-radius:12px;border:1px solid #f0f0f8;display:flex;gap:9px;padding:10px;align-items:center;transition:border-color .2s}
.ps-item:hover{border-color:#ffd0c0}
.ps-img{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.ps-info{flex:1;min-width:0}
.ps-name{font-size:.68rem;font-weight:700;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ps-desc{font-size:.55rem;color:#aaa;margin:1px 0}
.ps-row{display:flex;align-items:center;justify-content:space-between}
.ps-price{font-size:.68rem;font-weight:800;color:var(--f)}
.ps-add{width:24px;height:24px;border-radius:8px;background:var(--f);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s;flex-shrink:0}
.ps-add:hover{transform:scale(1.15)}
.ps-cart-bar{position:sticky;bottom:0;background:#fff;border-top:1px solid #eee;padding:10px 12px;display:flex;gap:8px}
.ps-cart-btn{flex:2;padding:10px;border-radius:10px;background:linear-gradient(135deg,var(--f),var(--f2));color:#fff;font-size:.65rem;font-weight:700;text-align:center;cursor:pointer}
.ps-call-btn{flex:1;padding:10px;border-radius:10px;background:#f4f4f8;color:#333;font-size:.65rem;font-weight:700;text-align:center;cursor:pointer;border:1px solid #eee}

/* Floating notification cards */
.notif{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(18,18,30,.92);backdrop-filter:blur(16px);border:1px solid var(--rim2);border-radius:16px;padding:11px 16px;font-size:.73rem;font-weight:600;color:#fff;box-shadow:0 12px 40px rgba(0,0,0,.5);white-space:nowrap;animation:notifFloat 6s ease-in-out infinite;z-index:5}
.notif-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.notif-meta{line-height:1.35}
.notif-meta span{display:block;font-size:.6rem;color:var(--muted);font-weight:400;margin-top:1px}
.n1{top:-12px;right:-70px;animation-delay:0s}
.n2{bottom:130px;left:-90px;animation-delay:-2.2s}
.n3{top:190px;right:-85px;animation-delay:-4s}
.n4{top:55%;left:-80px;animation-delay:-1.1s}
@keyframes notifFloat{0%,100%{transform:translateY(0)}40%{transform:translateY(-12px)}70%{transform:translateY(-6px)}}
.n2{animation-name:nf2}@keyframes nf2{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
.n3{animation-name:nf3}@keyframes nf3{0%,100%{transform:translateY(0)}35%{transform:translateY(-9px)}}
.n4{animation-name:nf4}@keyframes nf4{0%,100%{transform:translateY(0)}45%{transform:translateY(-11px)}}

/* ════════════════════════════════
   MARQUEE STRIP
════════════════════════════════ */
.marquee-strip{background:var(--ink2);border-top:1px solid var(--rim);border-bottom:1px solid var(--rim);padding:16px 0;overflow:hidden;position:relative}
.marquee-strip::before,.marquee-strip::after{content:'';position:absolute;top:0;bottom:0;width:160px;z-index:2;pointer-events:none}
.marquee-strip::before{left:0;background:linear-gradient(90deg,var(--ink2),transparent)}
.marquee-strip::after{right:0;background:linear-gradient(-90deg,var(--ink2),transparent)}
.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite;gap:0}
.marquee-track:hover{animation-play-state:paused}
.marquee-item{display:inline-flex;align-items:center;gap:10px;padding:0 28px;font-size:.83rem;font-weight:600;color:var(--muted);white-space:nowrap}
.marquee-item b{color:var(--txt);font-weight:700}
.mdot{width:4px;height:4px;border-radius:50%;background:var(--f2);opacity:.7;flex-shrink:0}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ════════════════════════════════
   STATS
════════════════════════════════ */
.stats-sec{background:var(--ink3);border-bottom:1px solid var(--rim)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stat-cell{padding:52px 28px;text-align:center;border-right:1px solid var(--rim);position:relative;overflow:hidden;transition:background .3s}
.stat-cell:last-child{border-right:none}
.stat-cell::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,69,0,.04),transparent);opacity:0;transition:opacity .4s}
.stat-cell:hover::before{opacity:1}
.stat-cell::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--f),var(--amber));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.stat-cell:hover::after{transform:scaleX(1)}
.stat-num{font-family:var(--fh);font-size:clamp(2.4rem,4vw,3.4rem);font-weight:800;line-height:1;color:#fff;margin-bottom:8px}
.stat-num .unit{font-size:1.4rem;color:var(--f2)}
.stat-lbl{font-size:.82rem;color:var(--muted)}

/* ════════════════════════════════
   HOW IT WORKS
════════════════════════════════ */
.how-sec{background:var(--ink)}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px;position:relative}
.how-grid::before{content:'';position:absolute;top:60px;left:calc(16.66% + 20px);right:calc(16.66% + 20px);height:1px;background:linear-gradient(90deg,transparent,var(--rim2),var(--rim2),transparent);z-index:0}
.how-card{background:var(--card);border:1px solid var(--rim);border-radius:24px;padding:36px 28px;transition:all .4s var(--ease);position:relative;z-index:1;overflow:hidden}
.how-card::before{content:'';position:absolute;inset:-1px;border-radius:25px;background:linear-gradient(135deg,rgba(255,107,40,.5),rgba(255,184,0,.3));opacity:0;transition:opacity .4s;z-index:-1}
.how-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(0,0,0,.4);border-color:transparent}
.how-card:hover::before{opacity:1}
.how-num{font-family:var(--fh);font-size:4.5rem;font-weight:800;line-height:1;color:rgba(255,255,255,.04);position:absolute;top:16px;right:20px;user-select:none}
.how-icon{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,var(--f),var(--f2));display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin-bottom:22px;box-shadow:0 8px 28px rgba(255,69,0,.35);transition:all .4s var(--spring)}
.how-card:hover .how-icon{transform:scale(1.1) rotate(-8deg);box-shadow:0 12px 36px rgba(255,69,0,.5)}
.how-card h3{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.35}
.how-card p{font-size:.88rem;color:var(--muted);line-height:1.7}

/* ════════════════════════════════
   FEATURES GRID
════════════════════════════════ */
.feat-sec{background:var(--ink2)}
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:56px}
.feat-card{background:var(--card);border:1px solid var(--rim);border-radius:20px;padding:26px 22px;transition:all .35s var(--ease);position:relative;overflow:hidden;cursor:default}
.feat-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--f),var(--amber));transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.feat-card:hover{transform:translateY(-5px);border-color:rgba(255,107,40,.25);background:rgba(255,69,0,.04);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.feat-card:hover::after{transform:scaleX(1)}
.feat-ico{width:50px;height:50px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--rim);display:flex;align-items:center;justify-content:center;font-size:1.45rem;margin-bottom:16px;transition:all .35s var(--spring)}
.feat-card:hover .feat-ico{background:linear-gradient(135deg,var(--f),var(--f2));border-color:transparent;transform:scale(1.1) rotate(-6deg);box-shadow:0 6px 22px rgba(255,69,0,.4)}
.feat-card h3{font-size:.92rem;font-weight:700;color:#fff;margin-bottom:7px;line-height:1.35}
.feat-card p{font-size:.8rem;color:var(--muted);line-height:1.65}
.feat-new{position:absolute;top:14px;right:14px;font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(135deg,var(--f),var(--amber));color:#fff;padding:3px 8px;border-radius:999px}

/* ════════════════════════════════
   DASHBOARD PREVIEW
════════════════════════════════ */
.dash-sec{background:var(--ink)}
.dash-inner{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:center;margin-top:60px}
.dash-copy .lead{margin:14px 0 28px}
.check-list{display:flex;flex-direction:column;gap:13px;margin-bottom:32px;list-style:none}
.check-list li{display:flex;align-items:flex-start;gap:12px;font-size:.9rem;color:var(--txt)}
.check-ico{width:22px;height:22px;border-radius:7px;background:rgba(0,229,160,.12);border:1px solid rgba(0,229,160,.25);display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--green);flex-shrink:0;margin-top:1px}

/* Dashboard mockup */
.dash-mockup{background:var(--card);border:1px solid var(--rim2);border-radius:24px;overflow:hidden;box-shadow:0 50px 100px rgba(0,0,0,.5)}
.dash-bar{background:var(--card2);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rim)}
.dash-dots{display:flex;gap:6px}.dot-r{width:11px;height:11px;border-radius:50%;background:#FF5F57}.dot-y{width:11px;height:11px;border-radius:50%;background:#FEBC2E}.dot-g{width:11px;height:11px;border-radius:50%;background:#28C840}
.dash-tit{font-size:.72rem;color:var(--faint);font-weight:500}
.dash-body{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.d-card{background:var(--card2);border-radius:14px;padding:16px;border:1px solid var(--rim)}
.d-card-title{font-size:.67rem;color:var(--muted);font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}
.d-val{font-family:var(--fh);font-size:1.7rem;font-weight:800;color:#fff;line-height:1}
.d-trend{font-size:.67rem;color:var(--green);margin-top:5px}
.d-chart{grid-column:1/-1;background:var(--card2);border-radius:14px;padding:16px;border:1px solid var(--rim)}
.d-bars{display:flex;align-items:flex-end;gap:8px;height:72px;margin-top:10px}
.d-bar{flex:1;border-radius:6px 6px 0 0;background:var(--card3);min-height:10px;position:relative;transition:opacity .3s}
.d-bar.hi{background:linear-gradient(180deg,var(--f2),var(--f));box-shadow:0 -4px 16px rgba(255,107,40,.4)}
.d-bar-lbl{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:.52rem;color:var(--faint);white-space:nowrap}
.d-orders{grid-column:1/-1;background:var(--card2);border-radius:14px;padding:16px;border:1px solid var(--rim)}
.d-row{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:10px;margin-bottom:7px;font-size:.72rem}
.d-row:last-child{margin-bottom:0}
.d-row.pend{background:rgba(255,184,0,.07);border:1px solid rgba(255,184,0,.15)}
.d-row.ready{background:rgba(0,229,160,.07);border:1px solid rgba(0,229,160,.15)}
.d-row.new{background:rgba(255,69,0,.07);border:1px solid rgba(255,69,0,.15)}
.d-badge{padding:3px 10px;border-radius:999px;font-size:.62rem;font-weight:700}
.d-badge.p{background:rgba(255,184,0,.2);color:var(--amber)}
.d-badge.r{background:rgba(0,229,160,.2);color:var(--green)}
.d-badge.n{background:rgba(255,69,0,.2);color:var(--f2)}

/* ════════════════════════════════
   USE CASE TABS
════════════════════════════════ */
.uc-sec{background:var(--ink2)}
.tabs{display:flex;gap:8px;padding:7px;background:var(--card);border:1px solid var(--rim);border-radius:16px;width:fit-content;margin:0 auto 48px}
.tab{padding:12px 26px;border-radius:10px;font-weight:700;font-size:.9rem;color:var(--muted);cursor:pointer;transition:all .28s;border:none;background:none}
.tab.on{background:linear-gradient(135deg,var(--f),var(--f2));color:#fff;box-shadow:0 4px 20px rgba(255,69,0,.4)}
.tab-panels{position:relative}
.tab-panel{display:none;animation:panelIn .4s var(--ease)}
.tab-panel.on{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@keyframes panelIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.uc-card{background:var(--card);border:1px solid var(--rim);border-radius:22px;padding:32px}
.uc-card-tag{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:5px 12px;border-radius:999px;margin-bottom:16px}
.uc-card-tag.res{background:rgba(255,184,0,.12);color:var(--gold)}
.uc-card-tag.hot{background:rgba(167,139,250,.12);color:var(--violet)}
.uc-card-tag.cld{background:rgba(0,229,160,.12);color:var(--green)}
.uc-card-tag.kit{background:rgba(79,142,255,.12);color:var(--blue)}
.uc-card h3{color:#fff;font-size:1.15rem;font-weight:800;margin-bottom:10px}
.uc-card p{font-size:.88rem;color:var(--muted);margin-bottom:18px;line-height:1.7}
.uc-list{list-style:none;display:flex;flex-direction:column;gap:9px}
.uc-list li{display:flex;align-items:flex-start;gap:10px;font-size:.86rem;color:var(--txt)}
.uc-check{width:20px;height:20px;border-radius:6px;background:rgba(0,229,160,.1);border:1px solid rgba(0,229,160,.2);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:var(--green);flex-shrink:0;margin-top:1px;font-weight:700}

/* ════════════════════════════════
   COMPARE TABLE
════════════════════════════════ */
.cmp-sec{background:var(--ink)}
.cmp-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:48px;border-radius:20px;overflow:hidden;border:1px solid var(--rim2)}
.cmp-table thead th{padding:16px 22px;font-family:var(--fh);font-size:.77rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:left}
.cmp-table thead th:first-child{background:var(--card2);color:var(--muted)}
.cmp-table thead th.hi{background:linear-gradient(135deg,rgba(255,69,0,.3),rgba(255,107,40,.2));color:#fff;border-left:1px solid rgba(255,69,0,.3)}
.cmp-table thead th.lo{background:var(--card);color:var(--muted);border-left:1px solid var(--rim)}
.cmp-table tbody td{padding:13px 22px;border-bottom:1px solid var(--rim);font-size:.86rem;vertical-align:middle}
.cmp-table tbody tr:last-child td{border-bottom:none}
.cmp-table tbody td:first-child{background:var(--card2);color:#ffffff;font-weight:500}
.cmp-table tbody td.hi{background:rgba(255,69,0,.03);color:#171753;font-weight:600;border-left:1px solid rgba(255,69,0,.15)}
.cmp-table tbody td.lo{background:var(--card);color:#bbbbc5;border-left:1px solid var(--rim)}
.cmp-table tbody tr:hover td.hi{background:rgba(255,69,0,.07)}

/* ════════════════════════════════
   TESTIMONIALS
════════════════════════════════ */
.testi-sec{background:var(--ink2)}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}
.testi-card{background:var(--card);border:1px solid var(--rim);border-radius:22px;padding:28px;transition:all .4s var(--ease);position:relative;overflow:hidden}
.testi-card::before{content:'\201C';position:absolute;top:8px;right:16px;font-family:Georgia,serif;font-size:5rem;line-height:1;color:rgba(255,107,40,.1);user-select:none}
.testi-card:hover{transform:translateY(-7px);border-color:rgba(255,107,40,.3);box-shadow:0 24px 56px rgba(0,0,0,.4)}
.t-stars{color:var(--amber);font-size:.88rem;margin-bottom:12px;letter-spacing:2px}
.t-text{font-size:.87rem;color:var(--txt);line-height:1.75;margin-bottom:20px}
.t-author{display:flex;align-items:center;gap:12px}
.t-av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--f),var(--amber));display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-weight:800;font-size:.9rem;color:#fff;flex-shrink:0}
.t-meta b{display:block;font-size:.88rem;color:#fff;font-weight:700}
.t-meta span{font-size:.75rem;color:var(--muted)}

/* ════════════════════════════════
   PRICING
════════════════════════════════ */
.pricing-sec{background:var(--ink)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px;align-items:start}
.price-card{background:var(--card);border:1px solid var(--rim);border-radius:24px;padding:36px 28px;transition:all .4s var(--ease);position:relative}
.price-card:hover{transform:translateY(-8px);box-shadow:0 32px 64px rgba(0,0,0,.4)}
.price-card.pop{background:var(--card2);border-color:rgba(255,69,0,.4);box-shadow:0 0 0 1px rgba(255,69,0,.2),0 20px 60px rgba(255,69,0,.15)}
.pop-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--f),var(--f2));color:#fff;padding:5px 20px;border-radius:999px;font-size:.72rem;font-weight:800;white-space:nowrap;box-shadow:0 4px 16px rgba(255,69,0,.4)}
.price-name{font-family:var(--fh);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:14px}
.price-amt{font-family:var(--fh);font-size:3.2rem;font-weight:800;color:#fff;line-height:1;margin-bottom:4px}
.price-amt sup{font-size:1.3rem;vertical-align:super;font-weight:600;color:var(--muted)}
.price-amt sub{font-size:.9rem;font-weight:400;color:var(--muted)}
.price-note{font-size:.8rem;color:var(--muted);margin-bottom:22px}
.price-hr{border:none;border-top:1px solid var(--rim);margin:20px 0}
.price-feats{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:26px}
.price-feats li{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--txt)}
.pf-check{color:var(--green);font-size:.85rem;width:18px;text-align:center;flex-shrink:0}

/* ════════════════════════════════
   FINAL CTA
════════════════════════════════ */
.cta-sec{
  padding:120px 0;position:relative;overflow:hidden;
  background:linear-gradient(160deg,var(--ink3) 0%,var(--ink2) 50%,var(--ink3) 100%);
  border-top:1px solid var(--rim);
}
.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:300px;background:rgba(255,69,0,.1);filter:blur(100px);border-radius:50%;pointer-events:none}
.cta-grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--rim) 1px,transparent 1px),linear-gradient(90deg,var(--rim) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 10%,transparent 80%);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 10%,transparent 80%)}
.cta-inner{position:relative;z-index:1;max-width:680px;margin:0 auto;text-align:center;padding:0 24px}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:32px}

/* ════════════════════════════════
   FOOTER
════════════════════════════════ */
.footer{background:var(--ink2);border-top:1px solid var(--rim);padding:72px 0 32px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;margin-bottom:52px}
.footer-brand p{font-size:.87rem;color:var(--muted);line-height:1.75;margin:14px 0 22px;max-width:260px}
.footer-socials{display:flex;gap:8px}
.soc{width:38px;height:38px;background:var(--card);border:1px solid var(--rim);border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--muted);transition:all .25s;text-decoration:none}
.soc:hover{background:rgba(255,69,0,.12);border-color:rgba(255,69,0,.3);color:var(--f2);transform:translateY(-2px)}
.footer-col h5{font-family:var(--fh);font-size:.73rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:18px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-col ul a{font-size:.87rem;color:var(--muted);transition:color .2s}
.footer-col ul a:hover{color:#fff}
.footer-bottom{border-top:1px solid var(--rim);padding-top:28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer-bottom p,.footer-bottom a{font-size:.8rem;color:var(--faint)}
.footer-bottom a:hover{color:#fff}
.footer-btm-links{display:flex;gap:20px}

/* ════════════════════════════════
   SCROLL REVEAL
════════════════════════════════ */
.sr{opacity:0;transform:translateY(32px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.sr.up{opacity:1;transform:translateY(0)}
.sr.d1{transition-delay:.1s}.sr.d2{transition-delay:.2s}.sr.d3{transition-delay:.3s}.sr.d4{transition-delay:.4s}

/* ════════════════════════════════
   RESPONSIVE
════════════════════════════════ */
@media(max-width:1100px){
  .feat-grid{grid-template-columns:repeat(2,1fr)}
  .dash-inner,.hero-inner{grid-template-columns:1fr;text-align:center;gap:48px}
  .hero-inner .hero-visual{order:-1}
  .lead,.trust-row,.hero-pills{margin-left:auto;margin-right:auto;justify-content:center}
  .lead{max-width:100%}
  .check-list,.dash-copy .btn{text-align:left;width:fit-content;margin:0 auto}
  .check-list{width:100%;max-width:480px}
  .stats-grid{grid-template-columns:repeat(2,1fr)}.stat-cell{border-right:none;border-bottom:1px solid var(--rim)}
  .stat-cell:nth-child(odd){border-right:1px solid var(--rim)}
  .stat-cell:last-child,.stat-cell:nth-last-child(2):nth-child(odd){border-bottom:none}
  .pricing-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}
  .testi-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
}
@media(max-width:768px){
  .nav-links,.nav-login,.nav-actions .btn{display:none}
  .hamburger{display:flex}
  .how-grid,.tab-panel.on{grid-template-columns:1fr}
  .how-grid::before{display:none}
  .cmp-table{font-size:.78rem}.cmp-table thead th,.cmp-table tbody td{padding:10px 14px}
  .phone-wrap{width:240px;height:500px}
  .notif{display:none}
  .footer-grid{grid-template-columns:1fr}
  .tab-panel.on{grid-template-columns:1fr}
}
@media(max-width:480px){
  .h1{font-size:2.4rem}.h2{font-size:1.9rem}
  .hero-btns{flex-direction:column}
  .btn-lg{width:100%;text-align:center}
  .feat-grid{grid-template-columns:1fr}
  .tabs{flex-wrap:wrap;width:100%;border-radius:14px}
  .tab{flex:1;text-align:center}
  .cta-btns{flex-direction:column;align-items:stretch}
}


/* ═════════ FLUUEXQR v5 EXTRA RESPONSIVE + SEO SECTIONS ═════════ */
.local-seo-sec{background:linear-gradient(180deg,var(--ink2),var(--ink));border-top:1px solid var(--rim);border-bottom:1px solid var(--rim)}
.local-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:46px}
.local-card{background:var(--card);border:1px solid var(--rim);border-radius:22px;padding:26px 22px;transition:all .35s var(--ease);position:relative;overflow:hidden}
.local-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(255,107,40,.14),transparent 38%);opacity:.75;pointer-events:none}
.local-card:hover{transform:translateY(-6px);border-color:rgba(255,107,40,.35);box-shadow:0 22px 50px rgba(0,0,0,.36)}
.local-card h3{font-size:1.02rem;margin-bottom:8px;position:relative;z-index:1}
.local-card p{font-size:.84rem;color:var(--muted);line-height:1.7;position:relative;z-index:1}
.local-keywords{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;position:relative;z-index:1}
.local-keywords span{font-size:.67rem;font-weight:700;color:#fff;background:rgba(255,69,0,.12);border:1px solid rgba(255,69,0,.22);padding:5px 9px;border-radius:999px}
.faq-sec{background:var(--ink2)}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:42px}
.faq-item{background:var(--card);border:1px solid var(--rim);border-radius:18px;padding:22px}
.faq-item h3{font-size:.98rem;margin-bottom:8px;color:#fff}
.faq-item p{font-size:.84rem;color:var(--muted);line-height:1.7}
@media(max-width:1100px){.local-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){
  html{font-size:15px}.nav{top:10px;width:calc(100% - 20px);height:58px;border-radius:16px;padding:0 14px}.mobile-nav{top:78px;left:10px;right:10px;border-radius:16px}.nav-logo{font-size:1.08rem}.nav-logo-mark{width:32px;height:32px}
  .hero{min-height:auto;padding:98px 0 54px}.hero-inner{gap:28px}.hero-inner .hero-visual{order:2}.hero-content{text-align:left}.hero-pills,.trust-row{justify-content:flex-start}.hero-btns{display:grid!important;grid-template-columns:1fr;gap:10px!important}.hero .btn-lg{width:100%;padding:15px 18px}.trust-row{gap:12px}.trust-sep{display:none}
  .phone-wrap{width:min(270px,82vw);height:560px}.phone{border-radius:38px}.ps-header{padding-top:42px}.stats-grid{grid-template-columns:1fr}.stat-cell,.stat-cell:nth-child(odd){border-right:none;border-bottom:1px solid var(--rim)}.stat-cell:last-child{border-bottom:none}.dash-body{grid-template-columns:1fr}.d-card,.d-chart,.d-orders{grid-column:1/-1}.tabs{display:grid;grid-template-columns:1fr;gap:8px}.cmp-table{display:block;overflow-x:auto;white-space:nowrap}.footer-bottom{align-items:flex-start;flex-direction:column}.local-grid,.faq-grid{grid-template-columns:1fr}.sec{padding:78px 0}.sec-sm{padding:50px 0}.wrap{padding:0 16px}
}
@media(max-width:420px){.h1{font-size:2.15rem;line-height:1.08}.h2{font-size:1.72rem}.lead{font-size:.98rem}.tag{font-size:.62rem}.pill{font-size:.7rem;padding:6px 10px}.phone-wrap{height:505px}.stat-cell{padding:34px 18px}.how-card,.uc-card,.price-card,.testi-card{padding:24px 20px}.btn{white-space:normal}.cmp-table thead th,.cmp-table tbody td{padding:9px 12px}.marquee-item{padding:0 18px}.local-card,.faq-item{padding:22px 18px}}



/* ═══════════════════════════════════════════
   FLUUEXQR v6 — TRUE MOBILE RESPONSIVE FIX
   Fixes: horizontal scroll, hero order, phone view, nav, tables, cards
   ═══════════════════════════════════════════ */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
body{touch-action:manipulation}
.wrap{width:100%;max-width:1260px}
.nav,.mobile-nav,.hero,.sec,.sec-sm,.footer{max-width:100vw}
.phone-wrap,.dash-mockup,.cmp-table,.tabs,.local-grid,.faq-grid,.pricing-grid,.feat-grid,.how-grid,.testi-grid{max-width:100%}

@media(max-width:900px){
  .nav{top:10px;width:calc(100% - 20px);height:58px;border-radius:16px;padding:0 12px}
  .nav-logo{font-size:1.08rem;min-width:0;white-space:nowrap}
  .nav-logo-mark{width:32px;height:32px;border-radius:9px;font-size:.95rem}
  .mobile-nav{top:76px;left:10px;right:10px;border-radius:16px;padding:12px;max-height:calc(100vh - 90px);overflow:auto}
  .mobile-nav a{padding:12px 14px;font-size:.92rem}

  .hero{min-height:auto;padding:96px 0 54px;display:block}
  .hero-inner{display:flex!important;flex-direction:column!important;gap:34px;text-align:left!important;align-items:stretch!important}
  .hero-inner .hero-content{order:1!important;width:100%}
  .hero-inner .hero-visual{order:2!important;width:100%;justify-content:center!important;overflow:visible}
  .h1{font-size:clamp(2.05rem,10vw,3.1rem)!important;line-height:1.08!important;letter-spacing:-.035em}
  .h2{font-size:clamp(1.65rem,8vw,2.3rem)!important;line-height:1.14!important}
  .lead{font-size:.96rem!important;line-height:1.65!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
  .hero-pills{justify-content:flex-start!important;margin:18px 0 22px!important;gap:7px}
  .pill{font-size:.7rem;padding:6px 10px;max-width:100%}
  .hero-btns{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:22px 0!important}
  .btn,.btn-lg{width:100%;white-space:normal;text-align:center;padding:14px 18px;font-size:.94rem;min-height:48px}
  .trust-row{justify-content:flex-start!important;gap:14px;margin-top:22px!important}
  .trust-sep{display:none}
  .trust-stat{width:calc(50% - 8px);background:rgba(255,255,255,.04);border:1px solid var(--rim);border-radius:14px;padding:10px 12px}

  .phone-wrap{width:min(82vw,270px)!important;height:min(162vw,560px)!important;margin:0 auto}
  .phone{border-radius:36px}
  .phone-island{top:12px;width:78px;height:25px}
  .ps-header{padding:17px 13px 20px}
  .ps-restaurant{font-size:.9rem}.ps-sub{font-size:.56rem}.ps-table-tag{font-size:.56rem}
  .ps-search{margin:10px 9px 7px;padding:8px 10px}
  .ps-cat-row{padding:0 9px 7px}
  .ps-item{margin:4px 8px;padding:8px;gap:7px}.ps-img{width:34px;height:34px;font-size:1rem}.ps-name{font-size:.62rem}.ps-desc{font-size:.5rem}.ps-price{font-size:.62rem}.ps-add{width:22px;height:22px;border-radius:7px}
  .notif{display:none!important}

  .sec{padding:64px 0!important}.sec-sm{padding:42px 0!important}.wrap{padding:0 16px!important}
  .stats-grid,.feat-grid,.how-grid,.pricing-grid,.testi-grid,.footer-grid,.local-grid{grid-template-columns:1fr!important;gap:14px!important}
  .stat-cell{border-right:none!important;border-bottom:1px solid var(--rim)!important;padding:30px 18px!important}.stat-cell:last-child{border-bottom:none!important}
  .how-card,.feat-card,.uc-card,.price-card,.testi-card,.local-card,.faq-item{padding:22px 18px!important;border-radius:18px!important}
  .how-grid::before{display:none!important}
  .dash-inner,.tab-panel.on{display:grid!important;grid-template-columns:1fr!important;gap:24px!important;text-align:left!important}
  .dash-copy .btn{width:100%!important}.check-list{width:100%!important;max-width:100%!important;margin-bottom:22px!important}
  .dash-body{grid-template-columns:1fr!important;padding:12px!important}.dash-mockup{border-radius:18px!important}.dash-bar{padding:12px 14px}.dash-tit{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  .tabs{display:grid!important;grid-template-columns:1fr!important;width:100%!important;margin-bottom:28px!important;padding:6px}.tab{width:100%;padding:11px 14px;font-size:.86rem}
  .cmp-table{display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;white-space:nowrap;border-radius:16px!important}.cmp-table table{min-width:600px}.cmp-table thead th,.cmp-table tbody td{padding:10px 12px!important;font-size:.78rem!important}
  .footer-bottom{align-items:flex-start!important;flex-direction:column!important}.footer-btm-links{flex-wrap:wrap;gap:12px!important}
  .marquee-strip::before,.marquee-strip::after{width:50px!important}.marquee-item{padding:0 18px!important;font-size:.76rem!important}
}

@media(max-width:420px){
  .nav{height:56px}.nav-logo{font-size:1rem}.hamburger{padding:8px}
  .hero{padding-top:86px!important}.tag{font-size:.58rem;padding:5px 10px}.hero-pills{gap:6px}.pill{font-size:.64rem;padding:5px 8px}
  .phone-wrap{width:min(88vw,250px)!important;height:min(176vw,515px)!important}
  .trust-stat{width:100%}.trust-avs .av{width:30px;height:30px;font-size:.56rem}.trust-txt{font-size:.76rem}
  .stat-num{font-size:2.2rem!important}.price-amt{font-size:2.55rem!important}
  .cta-sec{padding:72px 0!important}.footer{padding:52px 0 26px!important}
}

@media(max-width:360px){
  .wrap{padding:0 12px!important}.h1{font-size:1.9rem!important}.phone-wrap{width:92vw!important;height:500px!important}.btn{font-size:.88rem;padding:13px 14px}.ps-item{padding:7px}.ps-img{width:32px;height:32px}.ps-name{font-size:.58rem}
}



/* FLUUEXQR v91 WordPress integration fixes */
.nav-logo img,.footer-brand .nav-logo img{max-height:42px;width:auto;display:block;object-fit:contain;border-radius:0;filter:drop-shadow(0 6px 16px rgba(0,0,0,.25))}
.nav-logo .fq91-logo-text,.footer-brand .fq91-logo-text{font-family:var(--fh);font-size:1.18rem;font-weight:800;color:#fff}.nav-logo .fq91-logo-text span,.footer-brand .fq91-logo-text span{color:var(--f2)}
.fq90-public-main{padding-top:0!important}.fq91-wp-home{background:var(--ink);color:var(--txt);margin-top:0!important}.fq91-wp-home main{padding-top:0!important}
@media(max-width:900px){.nav-logo img{max-height:36px}.nav-logo .fq91-logo-text{font-size:1rem}.hamburger{display:flex!important;position:relative;z-index:1002}.mobile-nav{z-index:1001}.mobile-nav.show{display:flex!important}}

/* FluuexQR AI Support Chatbot - responsive input fix */
.fq91-chatbot{position:fixed;right:22px;bottom:22px;z-index:99999;font-family:var(--fb),system-ui,sans-serif;color:#fff}
.fq91-chat-toggle{width:60px;height:60px;border-radius:20px;background:linear-gradient(135deg,var(--f),var(--f2));display:grid;place-items:center;font-size:1.45rem;box-shadow:0 16px 44px rgba(255,69,0,.45);border:1px solid rgba(255,255,255,.16);cursor:pointer;transition:.25s}
.fq91-chat-toggle:hover{transform:translateY(-3px)}
.fq91-chat-window{position:absolute;right:0;bottom:76px;width:min(380px,calc(100vw - 28px));height:min(560px,calc(100vh - 120px));background:rgba(10,10,26,.98);border:1px solid var(--rim2);border-radius:24px;box-shadow:0 32px 90px rgba(0,0,0,.58);overflow:hidden;display:none;flex-direction:column;backdrop-filter:blur(22px)}
.fq91-chatbot.open .fq91-chat-window{display:flex}
.fq91-chat-head{padding:16px 18px;background:linear-gradient(135deg,rgba(255,69,0,.22),rgba(255,107,40,.08));border-bottom:1px solid var(--rim);display:flex;justify-content:space-between;gap:12px;align-items:center}
.fq91-chat-title{display:flex;gap:10px;align-items:center}.fq91-chat-title b{display:block;color:#fff;font-size:.96rem}.fq91-chat-title span{display:block;color:var(--muted);font-size:.72rem;line-height:1.2}.fq91-chat-avatar{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--f),var(--amber));display:grid;place-items:center;box-shadow:0 8px 20px rgba(255,69,0,.3)}
.fq91-chat-close{width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.06);color:#fff;border:1px solid var(--rim);font-size:1.1rem;cursor:pointer}.fq91-chat-close:hover{background:rgba(255,69,0,.14)}
.fq91-chat-body{padding:14px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:10px}.fq91-msg{max-width:88%;padding:10px 12px;border-radius:15px;font-size:.86rem;line-height:1.5}.fq91-msg.bot{align-self:flex-start;background:var(--card2);border:1px solid var(--rim);color:var(--txt);border-bottom-left-radius:5px}.fq91-msg.user{align-self:flex-end;background:linear-gradient(135deg,var(--f),var(--f2));color:#fff;border-bottom-right-radius:5px}
.fq91-quick{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}.fq91-quick button{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,107,40,.25);background:rgba(255,69,0,.08);color:#fff;font-size:.75rem;cursor:pointer}.fq91-quick button:hover{background:rgba(255,69,0,.18)}
.fq91-chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--rim);background:rgba(18,18,30,.98);align-items:center}.fq91-chat-form input{flex:1;min-width:0;height:44px;border-radius:14px;border:1px solid var(--rim2);background:#fff;color:#101022;padding:0 13px;font-size:16px;outline:none}.fq91-chat-form input:focus{border-color:var(--f2);box-shadow:0 0 0 3px rgba(255,69,0,.12)}.fq91-chat-form button{height:44px;min-width:48px;border-radius:14px;background:linear-gradient(135deg,var(--f),var(--f2));color:#fff;border:0;font-weight:800;cursor:pointer;padding:0 14px}.fq91-chat-form button:hover{filter:brightness(1.08)}
@media(max-width:600px){.fq91-chatbot{right:12px;bottom:12px}.fq91-chat-toggle{width:54px;height:54px;border-radius:18px}.fq91-chat-window{position:fixed;left:10px;right:10px;bottom:76px;width:auto;height:min(72vh,560px);border-radius:22px}.fq91-chat-head{padding:13px}.fq91-chat-body{padding:12px}.fq91-chat-form{padding:10px;gap:7px}.fq91-msg{font-size:.82rem}.fq91-quick button{font-size:.7rem;padding:7px 9px}}

/* v92 logo text removal + comparison table color fix */
.nav-logo .fq91-logo-text,.footer-brand .fq91-logo-text{display:none!important}
.nav-logo img{display:block;max-height:46px;width:auto;object-fit:contain}
.footer-brand .nav-logo img{display:block;max-height:58px;width:auto;object-fit:contain}
.cmp-table tbody td.lo{background:var(--card)!important;color:#bbbbc5!important;border-left:1px solid var(--rim)!important}
.cmp-table tbody td.hi{background:rgba(255,69,0,.03)!important;color:#171753!important;font-weight:600!important;border-left:1px solid rgba(255,69,0,.15)!important}
.cmp-table tbody td:first-child{background:var(--card2)!important;color:#ffffff!important;font-weight:500!important}
@media(max-width:900px){.nav-logo img{max-height:40px}.footer-brand .nav-logo img{max-height:54px}}


/* v93 FluuexQR AI Support step-by-step setup guide chatbot */
.fq91-msg{white-space:pre-line}
.fq91-quick.fqr-ai-quick{display:grid;grid-template-columns:1fr;gap:8px;margin-top:6px;width:100%}
.fq91-quick.fqr-ai-quick .fqr-ai-chip{width:100%;text-align:left;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,107,40,.28);background:rgba(255,69,0,.10);color:#fff;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .22s var(--ease)}
.fq91-quick.fqr-ai-quick .fqr-ai-chip:hover,.fq91-quick.fqr-ai-quick .fqr-ai-chip:focus{background:linear-gradient(135deg,rgba(255,69,0,.26),rgba(255,107,40,.14));border-color:rgba(255,107,40,.55);transform:translateY(-1px);outline:none}
.fqr-ai-form{position:relative}.fqr-ai-input{font-family:var(--fb),system-ui,sans-serif}.fqr-ai-send{font-family:var(--fb),system-ui,sans-serif}
.fq91-msg.bot strong{color:#fff}.fq91-msg.bot{word-break:break-word}.fq91-msg.user{word-break:break-word}
@media(max-width:600px){
  .fq91-chat-window{height:min(78vh,620px)!important;bottom:74px!important}
  .fq91-quick.fqr-ai-quick{gap:7px}
  .fq91-quick.fqr-ai-quick .fqr-ai-chip{font-size:.72rem!important;padding:9px 10px!important;border-radius:13px}
  .fq91-chat-form.fqr-ai-form{display:flex!important;align-items:center!important;gap:7px!important;padding:10px!important}
  .fq91-chat-form.fqr-ai-form .fqr-ai-input{height:44px!important;font-size:16px!important;min-width:0!important;flex:1 1 auto!important}
  .fq91-chat-form.fqr-ai-form .fqr-ai-send{height:44px!important;min-width:58px!important;padding:0 12px!important;flex:0 0 auto!important}
}

/* v94 intent-based AI support chatbot improvements */
.fq91-chat-title span{max-width:240px}
.fq91-quick.fqr-ai-quick{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.fq91-quick.fqr-ai-quick .fqr-ai-chip{min-height:42px;line-height:1.25;display:flex;align-items:center;justify-content:flex-start}
.fq91-msg.bot{color:#d8d8f0!important}
.fq91-msg.user{color:#fff!important}
.fq91-chat-body{scrollbar-width:thin;scrollbar-color:var(--f2) transparent}
@media(max-width:600px){
  .fq91-chat-title span{font-size:.68rem;max-width:190px}
  .fq91-quick.fqr-ai-quick{grid-template-columns:1fr!important}
  .fq91-chat-window{height:min(82vh,650px)!important}
}

/* v180 home same-to-same marquee + stats working fix */
.fq91-wp-home .marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite;gap:0;will-change:transform}.fq91-wp-home .marquee-track:empty{min-height:20px}.fq91-wp-home .marquee-track:hover{animation-play-state:paused}.fq91-wp-home .marquee-item{display:inline-flex;align-items:center;gap:10px;padding:0 28px;font-size:.83rem;font-weight:600;color:var(--muted);white-space:nowrap}.fq91-wp-home .marquee-item b{color:var(--txt);font-weight:700}.fq91-wp-home .mdot{width:4px;height:4px;border-radius:50%;background:var(--f2);opacity:.7;flex-shrink:0}.fq91-wp-home .stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.fq91-wp-home .stat-cell{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center}.fq91-wp-home .sr.up{opacity:1;transform:translateY(0)}@media(max-width:1100px){.fq91-wp-home .stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){.fq91-wp-home .stats-grid{grid-template-columns:1fr!important}.fq91-wp-home .marquee-item{padding:0 18px!important;font-size:.76rem!important}}