:root{
  --ink:#111827;
  --ink-2:#334155;
  --muted:#64748b;
  --bg:#f7f1e7;
  --paper:#ffffff;
  --paper-2:#fffaf2;
  --dark:#07111f;
  --dark-2:#0f2137;
  --teal:#0f766e;
  --teal-2:#14b8a6;
  --coral:#ff6b35;
  --amber:#ffd166;
  --rose:#ff477e;
  --line:rgba(15,23,42,.10);
  --line-strong:rgba(15,23,42,.16);
  --glass:rgba(255,255,255,.78);
  --shadow:0 24px 70px rgba(15,23,42,.12);
  --shadow-soft:0 14px 40px rgba(15,23,42,.08);
  --radius:24px;
  --radius-lg:38px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 8% 6%,rgba(255,209,102,.45),transparent 24%),radial-gradient(circle at 88% 8%,rgba(20,184,166,.20),transparent 28%),radial-gradient(circle at 75% 78%,rgba(255,107,53,.16),transparent 30%),linear-gradient(180deg,#fffaf2 0%,#f7f1e7 48%,#fff 100%)}
body:after{content:"";position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(15,23,42,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 70%)}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
::selection{background:rgba(255,209,102,.65);color:#07111f}

.site-header{position:sticky;top:14px;z-index:50;margin:14px auto 0;width:min(calc(100% - 28px),1240px);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.9);box-shadow:0 16px 45px rgba(15,23,42,.10);border-radius:22px}
.brand{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:-.035em;font-size:20px;color:var(--dark)}
.brand-mark{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--dark),var(--teal));box-shadow:0 14px 28px rgba(15,118,110,.24);position:relative;overflow:hidden}
.brand-mark:after{content:"";position:absolute;right:-8px;top:-8px;width:26px;height:26px;border-radius:50%;background:var(--amber);opacity:.9}
.site-nav{display:flex;gap:4px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.site-nav a{padding:10px 13px;border-radius:999px;color:#475569;font-weight:850;font-size:13.5px;transition:.18s ease;white-space:nowrap}
.site-nav a:hover,.site-nav a.active{background:var(--dark);color:#fff;box-shadow:0 14px 30px rgba(7,17,31,.18);transform:translateY(-1px)}
.site-nav a[href="partner.html"]{background:#fff3e7;color:#c2410c;border:1px solid rgba(255,107,53,.20)}
.site-nav a[href="partner.html"]:hover{background:var(--coral);color:#fff}
.mobile-toggle{display:none;border:0;border-radius:14px;background:var(--dark);color:#fff;font-weight:900;padding:11px 13px;cursor:pointer}

.hero,.page-hero,.section{width:min(100%,var(--max));margin:auto;padding:72px 22px}
.hero{width:min(calc(100% - 36px),1240px);margin-top:26px;padding:62px;display:grid;grid-template-columns:1.03fr .97fr;gap:44px;align-items:center;min-height:680px;border-radius:44px;background:linear-gradient(135deg,#07111f 0%,#0f2137 52%,#123c36 100%);color:#fff;box-shadow:0 34px 90px rgba(7,17,31,.28);position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:auto -140px -180px auto;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(255,209,102,.34),rgba(255,107,53,.16),transparent 67%)}
.hero:after{content:"";position:absolute;left:-120px;top:-160px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(20,184,166,.28),transparent 68%)}
.hero>*{position:relative;z-index:1}
.page-hero{width:min(calc(100% - 36px),1240px);margin-top:26px;margin-bottom:10px;padding:62px;border-radius:42px;background:linear-gradient(135deg,#08111f,#102641 58%,#0f766e);color:#fff;box-shadow:0 28px 75px rgba(7,17,31,.22);overflow:hidden;position:relative}
.page-hero:after{content:"";position:absolute;right:-90px;top:-120px;width:320px;height:320px;border-radius:50%;background:rgba(255,209,102,.22)}
.page-hero>*{position:relative;z-index:1}
.compact{padding-bottom:28px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.20);box-shadow:0 10px 30px rgba(15,23,42,.08);font-weight:950;color:var(--amber);text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.section .eyebrow,.legal .eyebrow,.card .eyebrow{background:#fff3e7;border-color:rgba(255,107,53,.18);color:#c2410c;box-shadow:none}
.eyebrow:before{content:"✦";color:var(--amber)}
h1{margin:16px 0 18px;font-size:clamp(44px,6.8vw,86px);line-height:.91;font-weight:1000;letter-spacing:-.075em;color:inherit}
h1 .grad,.grad-text{background:linear-gradient(90deg,var(--amber),#fff,rgba(20,184,166,.95));-webkit-background-clip:text;background-clip:text;color:transparent}
.page-hero .grad-text{background:linear-gradient(90deg,var(--amber),#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:clamp(30px,4.1vw,54px);line-height:.98;margin:10px 0 18px;font-weight:1000;letter-spacing:-.055em;color:inherit}
h3{font-size:22px;margin:12px 0 8px;letter-spacing:-.03em;color:var(--ink)}
.hero h3,.gradient-panel h3,.cta h3{color:#fff}
.lead{font-size:19px;line-height:1.62;color:#dbeafe;max-width:820px}
.section .lead,.card .lead{color:#475569}
.muted{color:var(--muted);line-height:1.65}
.tiny{font-size:12px;color:#94a3b8;line-height:1.5}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;border-radius:16px;padding:14px 19px;font-weight:950;background:var(--dark);color:#fff;box-shadow:0 14px 34px rgba(7,17,31,.18);transition:.18s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(7,17,31,.22)}
.btn.orange{background:linear-gradient(135deg,var(--coral),#ff8a3d);box-shadow:0 18px 38px rgba(255,107,53,.28);color:#fff}
.btn.ghost{background:rgba(255,255,255,.82);color:var(--dark);border:1px solid rgba(255,255,255,.72);box-shadow:none}
.section .btn.ghost,.card .btn.ghost{background:#fff;color:var(--dark);border:1px solid var(--line)}
.btn.full{width:100%}.btn.small{padding:10px 12px;font-size:13px;border-radius:13px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}

.search-shell{display:flex;align-items:center;gap:8px;margin:28px 0 18px;padding:8px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.7);border-radius:22px;box-shadow:0 18px 55px rgba(7,17,31,.24);max-width:760px}
.ai-input,.input,select,textarea{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 16px;outline:none;transition:.15s ease}
.ai-input{border:0;background:transparent;font-size:17px}
.input:focus,select:focus,textarea:focus{border-color:rgba(15,118,110,.46);box-shadow:0 0 0 4px rgba(20,184,166,.10)}
.hero-pills,.meta,.vibe-grid,.filters,.wa-test{display:flex;gap:10px;flex-wrap:wrap}
.hero-pills span,.tag,.vibe-grid a,.vibe-grid span{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);font-weight:850;color:#f8fafc}
.section .tag,.card .tag,.page-band .tag,.restaurant-card .tag{background:#f8fafc;border-color:var(--line);color:#475569}
.hero-pills span:nth-child(1):before{content:"🍕"}.hero-pills span:nth-child(2):before{content:"🌙"}.hero-pills span:nth-child(3):before{content:"👨‍👩‍👧"}.hero-pills span:nth-child(4):before{content:"🍹"}
.quick-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}
.quick-strip a{padding:15px 16px;border-radius:18px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);font-weight:950;color:#fff;box-shadow:0 12px 30px rgba(7,17,31,.10);transition:.18s ease}
.quick-strip a:hover{background:rgba(255,255,255,.18);transform:translateY(-2px)}

.hero-art{position:relative;min-height:520px;display:grid;place-items:center}
.hero-card-stack{position:relative;width:min(100%,510px);height:520px}
.food-orbit{position:absolute;inset:0;border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.18);box-shadow:0 26px 70px rgba(0,0,0,.16);overflow:hidden}
.food-orbit:before{content:"";position:absolute;inset:-45px;background:radial-gradient(circle at 20% 20%,rgba(255,209,102,.45),transparent 24%),radial-gradient(circle at 80% 22%,rgba(255,107,53,.30),transparent 22%),radial-gradient(circle at 48% 70%,rgba(20,184,166,.30),transparent 27%);animation:floatBg 8s ease-in-out infinite alternate}
.phone-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-3deg);width:305px;border-radius:34px;background:#0b1220;color:#fff;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.36);border:1px solid rgba(255,255,255,.12)}
.phone-screen{border-radius:26px;background:#fff;color:var(--ink);padding:16px}.phone-screen h3{color:var(--ink)}
.deal-row{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:18px;background:#fff7ed;margin-top:10px}.deal-row b{font-size:16px}.deal-row span{font-weight:950;color:#c2410c}
.plate{height:150px;border-radius:26px;background:radial-gradient(circle at 50% 50%,#fff 0 22%,#ffe0c7 23% 42%,#ff8b47 43% 45%,#fff 46% 100%);box-shadow:inset 0 0 0 12px #fff4e8}
.floating-card{position:absolute;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.85);box-shadow:0 18px 52px rgba(0,0,0,.18);font-weight:950;color:var(--dark);animation:bob 4s ease-in-out infinite}.fc1{left:0;top:72px}.fc2{right:0;bottom:72px;animation-delay:.8s}.fc3{left:20px;bottom:30px;animation-delay:1.3s}

.section-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;margin-bottom:24px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.steps article,.card{position:relative;background:rgba(255,255,255,.90);border:1px solid rgba(255,255,255,.86);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-soft);overflow:hidden}
.steps article:before,.card:before{content:"";position:absolute;left:-50px;top:-70px;width:150px;height:150px;border-radius:50%;background:rgba(20,184,166,.08)}
.steps b{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--dark),var(--teal));color:#fff;font-size:21px}
.steps.small article{padding:20px}
.gradient-panel{width:min(calc(100% - 44px),var(--max));margin:18px auto 50px;padding:48px;border-radius:38px;background:linear-gradient(135deg,#07111f 0%,#123c36 55%,#0f766e 100%);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;box-shadow:0 30px 80px rgba(7,17,31,.22);position:relative;overflow:hidden}.gradient-panel:after{content:"";position:absolute;right:-70px;top:-90px;width:320px;height:320px;border-radius:50%;background:rgba(255,209,102,.15)}.gradient-panel>*{position:relative;z-index:1}.gradient-panel .lead,.gradient-panel .muted{color:rgba(255,255,255,.78)}.gradient-panel .vibe-grid a,.gradient-panel .vibe-grid span{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff}
.metric-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric-strip span{padding:18px;border-radius:20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-weight:850}.metric-strip b{display:block;font-size:32px;color:#fff}
.food-cloud{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.food-cloud span{display:grid;place-items:center;min-height:76px;border-radius:20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:34px}

.restaurants-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.restaurant-card{padding:0;overflow:hidden;transition:.18s ease}.restaurant-card:hover{transform:translateY(-5px);box-shadow:0 28px 80px rgba(15,23,42,.14)}.restaurant-img{height:210px;border-radius:24px 24px 0 0;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;padding:16px;color:#fff;font-weight:950;overflow:hidden}.restaurant-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(7,17,31,.78));z-index:0}.restaurant-img span{position:relative;z-index:1;background:rgba(7,17,31,.72);backdrop-filter:blur(9px);padding:8px 12px;border-radius:999px}.card-body{padding:20px}.card-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.rating{flex:0 0 auto;background:#eafff8;color:#0f766e;border:1px solid rgba(15,118,110,.15);border-radius:999px;padding:8px 10px;font-weight:950}.cuisine{min-height:48px}.offer{padding:12px 14px;background:#fff7ed;color:#c2410c;border:1px solid rgba(255,107,53,.18);border-radius:16px;font-weight:950;margin:14px 0}.big-offer{font-size:22px;display:inline-flex}.page-hero{position:relative}.filters{margin-top:26px}.filters .input{max-width:285px;background:#fff}.ai-note{margin-top:14px;color:#dbeafe;font-weight:850}.page-hero .filters .input{box-shadow:0 12px 28px rgba(7,17,31,.16)}

.detail-grid{display:grid;grid-template-columns:1fr 430px;gap:34px;align-items:start}.detail-img{height:260px;border-radius:24px}.booking-card{position:sticky;top:105px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}.notice{margin-top:14px;padding:13px;border-radius:16px;background:#f8fafc;color:#475569;border:1px solid var(--line)}.notice.ok{background:#ecfdf5;color:#047857;border-color:#bbf7d0}.notice.err{background:#fff1f2;color:#be123c;border-color:#fecdd3}
.cta{text-align:center;margin:22px auto 70px;padding:54px 22px;border-radius:38px;background:linear-gradient(135deg,#07111f,#0f2137);color:#fff;box-shadow:var(--shadow);width:min(calc(100% - 44px),var(--max));position:relative;overflow:hidden}.cta:after{content:"";position:absolute;right:-90px;bottom:-120px;width:280px;height:280px;border-radius:50%;background:rgba(255,209,102,.18)}.cta>*{position:relative;z-index:1}.cta p{color:rgba(255,255,255,.75)}
footer{width:min(calc(100% - 28px),1240px);margin:0 auto 18px;display:flex;justify-content:space-between;gap:20px;padding:24px;border:1px solid rgba(255,255,255,.78);background:rgba(255,255,255,.72);backdrop-filter:blur(16px);border-radius:24px;color:#64748b}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a:hover{color:var(--teal)}
.skeleton,.empty{grid-column:1/-1;background:#fff;border-radius:24px;padding:30px;box-shadow:var(--shadow-soft);font-weight:850}.split,.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.clean-list{padding-left:20px;line-height:2;color:var(--muted);font-weight:750}.legal{max-width:980px;background:rgba(255,255,255,.90);border-radius:32px;box-shadow:var(--shadow-soft);line-height:1.8}.legal h2{font-size:28px;margin-top:28px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--line);padding:13px}th{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#64748b;background:#f8fafc}.story-card{display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:start}.story-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#eafff8;color:var(--teal);font-size:26px}.page-band{margin-top:-16px;padding:0 22px 58px}.page-band-inner{width:min(100%,var(--max));margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes floatBg{0%{transform:scale(1) rotate(0)}100%{transform:scale(1.07) rotate(6deg)}}
@media(max-width:980px){.mobile-toggle{display:block}.site-nav{display:none}.mobile-menu-open .site-nav{display:flex;position:absolute;left:12px;right:12px;top:76px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:var(--shadow)}.mobile-menu-open .site-nav a{color:#475569}.mobile-menu-open .site-nav a:hover,.mobile-menu-open .site-nav a.active{color:#fff}.hero,.gradient-panel,.detail-grid,.split,.auth-grid{grid-template-columns:1fr}.restaurants-grid,.steps,.page-band-inner{grid-template-columns:1fr}.quick-strip{grid-template-columns:repeat(2,1fr)}.metric-strip{grid-template-columns:1fr}.hero,.page-hero,.section{padding:42px 18px}.hero{width:calc(100% - 24px);min-height:auto;border-radius:30px}.page-hero{width:calc(100% - 24px);border-radius:30px}.search-shell{flex-direction:column;align-items:stretch}.filters .input{max-width:none}.hero-card-stack{height:430px}.phone-card{width:280px}.floating-card{position:absolute}.fc1{left:4px;top:28px}.fc2{right:4px;bottom:45px}.fc3{left:14px;bottom:0}.booking-card{position:static}footer{flex-direction:column}.section-head{flex-direction:column;align-items:flex-start}h1{font-size:44px}.lead{font-size:17px}.form-grid{grid-template-columns:1fr}.restaurant-img{height:190px}.site-header{top:8px;margin-top:8px}.brand{font-size:18px}.gradient-panel{padding:32px;margin-bottom:34px}.food-cloud{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.quick-strip{grid-template-columns:1fr}.hero-card-stack{height:380px}.phone-card{width:250px}.plate{height:120px}.site-header{width:calc(100% - 18px)}.restaurants-grid{gap:16px}.search-shell{border-radius:20px}.btn{width:100%}.hero-actions .btn{width:100%}.page-hero h1{font-size:40px}.food-cloud span{min-height:64px;font-size:28px}.hero,.page-hero{padding:34px 16px}h1{font-size:40px}}


/* === Creative animated frontend refresh: CSS-only, backend-safe === */
:root{--cream:#fff8ec;--choco:#2a160f;--mint:#65e4cf;--hot:#ff4f2e;--gold:#ffd166;--deep:#06101d}
body{background:#fff8ec}
body:before{animation:bgDrift 14s ease-in-out infinite alternate;background:radial-gradient(circle at 7% 10%,rgba(255,209,102,.55),transparent 22%),radial-gradient(circle at 92% 8%,rgba(255,107,53,.22),transparent 25%),radial-gradient(circle at 78% 76%,rgba(20,184,166,.25),transparent 30%),linear-gradient(180deg,#fff7e7 0%,#f6efe2 48%,#fff 100%)}
body:after{opacity:.8;background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
.site-header{top:12px;background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.98);box-shadow:0 18px 60px rgba(71,35,12,.12)}
.brand-mark{background:conic-gradient(from 180deg,#07111f,#0f766e,#ff6b35,#07111f);animation:brandPulse 5s ease-in-out infinite}.brand-mark:before{content:"";position:absolute;inset:9px;border-radius:10px;background:rgba(7,17,31,.86);z-index:0}.brand-mark{isolation:isolate}.brand-mark>*{position:relative;z-index:1}
.site-nav a{position:relative;overflow:hidden}.site-nav a:before{content:"";position:absolute;inset:auto 16px 6px;height:2px;background:linear-gradient(90deg,var(--gold),var(--hot),var(--mint));border-radius:99px;transform:scaleX(0);transform-origin:left;transition:.22s ease}.site-nav a:hover:before,.site-nav a.active:before{transform:scaleX(1)}
.hero{background:radial-gradient(circle at 78% 18%,rgba(255,209,102,.22),transparent 24%),radial-gradient(circle at 15% 90%,rgba(20,184,166,.22),transparent 28%),linear-gradient(135deg,#06101d 0%,#0b1b2e 45%,#2a160f 100%);box-shadow:0 42px 110px rgba(7,17,31,.36);isolation:isolate}
.hero:before{width:620px;height:620px;background:conic-gradient(from 0deg,rgba(255,209,102,.34),rgba(255,107,53,.26),rgba(20,184,166,.22),rgba(255,209,102,.34));filter:blur(2px);animation:spinGlow 18s linear infinite}.hero:after{background:radial-gradient(circle,rgba(255,255,255,.14),transparent 62%);animation:floatBubble 9s ease-in-out infinite alternate}
.hero h1{text-shadow:0 12px 38px rgba(0,0,0,.25)}.lead{color:#eaf2ff}.grad,.grad-text{filter:drop-shadow(0 8px 22px rgba(255,209,102,.16))}
.search-shell{position:relative;overflow:hidden}.search-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,209,102,.25),transparent);transform:translateX(-100%);animation:sweep 3.5s ease-in-out infinite}.search-shell>*{position:relative;z-index:1}
.hero-pills span,.quick-strip a{backdrop-filter:blur(14px)}.hero-pills span{animation:chipFloat 4.5s ease-in-out infinite}.hero-pills span:nth-child(2){animation-delay:.25s}.hero-pills span:nth-child(3){animation-delay:.5s}.hero-pills span:nth-child(4){animation-delay:.75s}
.hero-art{perspective:1200px}.hero-illustration{position:absolute;inset:10px 0 auto auto;width:min(96%,560px);filter:drop-shadow(0 36px 60px rgba(0,0,0,.30));animation:heroIllustration 7s ease-in-out infinite;z-index:0}.hero-card-stack{z-index:2;transform-style:preserve-3d}.food-orbit{background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.04));backdrop-filter:blur(18px);animation:cardTilt 8s ease-in-out infinite}.food-orbit:after{content:"🍜  🍕  🥘  🍹  🍰";position:absolute;left:32px;right:32px;bottom:34px;display:flex;justify-content:space-between;font-size:34px;filter:drop-shadow(0 14px 12px rgba(0,0,0,.15));animation:foodFloat 5s ease-in-out infinite}.phone-card{animation:phoneFloat 6s ease-in-out infinite}.plate{background-image:url('../images/ai-food-2.svg');background-size:cover;background-position:center;border:8px solid #fff;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08),0 18px 35px rgba(255,107,53,.18)}.floating-card{animation:bob 4s ease-in-out infinite}.fc2{animation-delay:.45s}.fc3{animation-delay:.9s}
.steps article,.card,.bento-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.steps article:hover,.card:hover,.bento-card:hover{transform:translateY(-6px);box-shadow:0 28px 80px rgba(15,23,42,.14);border-color:rgba(255,107,53,.24)}
.gradient-panel,.page-hero,.cta{position:relative;isolation:isolate}.gradient-panel:before,.page-hero:before,.cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,209,102,.20),transparent 25%),radial-gradient(circle at 80% 20%,rgba(255,107,53,.16),transparent 24%),radial-gradient(circle at 80% 82%,rgba(20,184,166,.18),transparent 28%);z-index:-1;animation:bgDrift 10s ease-in-out infinite alternate}.page-hero{background:linear-gradient(135deg,#06101d,#102641 48%,#0f766e 100%)}
.food-cloud span{animation:emojiBounce 4s ease-in-out infinite}.food-cloud span:nth-child(2){animation-delay:.2s}.food-cloud span:nth-child(3){animation-delay:.4s}.food-cloud span:nth-child(4){animation-delay:.6s}.food-cloud span:nth-child(5){animation-delay:.8s}.food-cloud span:nth-child(6){animation-delay:1s}
.restaurant-card{background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.92)}.restaurant-img{height:230px;background-size:cover;background-position:center;position:relative;overflow:hidden}.restaurant-img:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 32%,rgba(255,255,255,.35) 45%,transparent 58%);transform:translateX(-120%);animation:imageShine 5s ease-in-out infinite}.restaurant-img span{position:absolute;left:14px;top:14px;padding:9px 12px;border-radius:999px;background:rgba(7,17,31,.70);color:#fff;backdrop-filter:blur(12px);font-weight:900}.restaurant-card:hover .restaurant-img{filter:saturate(1.08) contrast(1.04)}.card-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.rating{flex:0 0 auto;display:inline-flex;padding:8px 10px;border-radius:999px;background:#fff7ed;color:#c2410c;font-weight:950}.offer{margin:16px 0;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#fff7ed,#ecfeff);border:1px dashed rgba(255,107,53,.35);font-weight:950;color:#9a3412}.card-body{padding:22px}.cuisine{font-weight:850;color:#0f766e}.meta{margin-top:14px}
.creative-bento{padding-top:34px}.bento-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px}.bento-card{min-height:220px;padding:26px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,248,236,.82));border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.bento-card:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-60px;top:-70px;background:linear-gradient(135deg,rgba(255,209,102,.42),rgba(255,107,53,.16))}.bento-card span{font-size:42px;display:inline-grid;width:74px;height:74px;place-items:center;border-radius:24px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.08);position:relative}.bento-card.big{grid-row:span 2;background:linear-gradient(135deg,#07111f,#123c36);color:#fff}.bento-card.big h3,.bento-card.big p{color:#fff}.bento-card.wide{grid-column:span 2}.bento-card h3{position:relative;font-size:28px}.bento-card p{position:relative;color:#64748b;line-height:1.65}.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}
.detail-grid .lead{color:#475569}.detail-grid h1{color:#07111f}.booking-card{border:1px solid rgba(255,107,53,.20)}.detail-img{height:290px}.form-grid .input,textarea.input{background:#fffaf2}
footer{background:rgba(255,255,255,.82);box-shadow:0 20px 60px rgba(15,23,42,.08)}
@keyframes bgDrift{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(0,-16px,0) scale(1.03)}}
@keyframes brandPulse{0%,100%{filter:saturate(1)}50%{filter:saturate(1.45) brightness(1.05)}}
@keyframes spinGlow{to{transform:rotate(360deg)}}@keyframes floatBubble{to{transform:translate(30px,20px) scale(1.08)}}@keyframes sweep{0%,55%{transform:translateX(-115%)}100%{transform:translateX(115%)}}@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes heroIllustration{0%,100%{transform:translateY(0) rotate(1deg) scale(1)}50%{transform:translateY(-18px) rotate(-1deg) scale(1.015)}}@keyframes cardTilt{0%,100%{transform:rotateX(0) rotateY(0)}50%{transform:rotateX(4deg) rotateY(-5deg)}}@keyframes phoneFloat{0%,100%{transform:translate(-50%,-50%) rotate(-3deg)}50%{transform:translate(-50%,-55%) rotate(2deg)}}@keyframes foodFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes emojiBounce{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-4deg)}}@keyframes imageShine{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@media(max-width:980px){.hero-illustration{opacity:.68;right:50%;transform:translateX(50%);width:min(96%,520px)}.bento-grid{grid-template-columns:1fr}.bento-card.big,.bento-card.wide{grid-column:auto;grid-row:auto}.restaurant-img{height:210px}.hero{min-height:auto}.hero-art{min-height:460px}}
@media(max-width:520px){.hero-illustration{width:112%;opacity:.55}.hero-art{min-height:370px}.bento-card{min-height:180px;padding:22px}.restaurant-img{height:200px}.card-body{padding:18px}.site-header{top:8px}.page-hero h1,h1{letter-spacing:-.055em}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}


/* ============================== 
   DinePay brand refresh (blue-black theme)
   ============================== */
:root{
  --d-bg:#030712;
  --d-bg-2:#071227;
  --d-surface:rgba(7,18,39,.72);
  --d-surface-strong:#0b1730;
  --d-line:rgba(96,165,250,.20);
  --d-line-strong:rgba(96,165,250,.34);
  --d-text:#e7eefc;
  --d-muted:#9eb0cf;
  --d-accent:#2563eb;
  --d-accent-2:#38bdf8;
  --d-accent-3:#60a5fa;
}
html,body{background:
  radial-gradient(circle at 10% 0%, rgba(37,99,235,.14), transparent 28%),
  radial-gradient(circle at 90% 12%, rgba(56,189,248,.14), transparent 24%),
  radial-gradient(circle at 50% 100%, rgba(37,99,235,.10), transparent 32%),
  linear-gradient(180deg,#020617 0%, #030b1a 48%, #020617 100%) !important;
  color:var(--d-text) !important;
}
body{min-height:100vh}
a{color:#dbeafe}
a:hover{color:#fff}
.muted,.tiny,p.muted,ul.clean-list li,.footer-links a,.card p,.steps p,.legal p{color:var(--d-muted) !important}
.site-header{
  background:rgba(3,11,26,.70) !important;
  border:1px solid var(--d-line-strong) !important;
  box-shadow:0 20px 70px rgba(2,6,23,.45) !important;
}
.brand{display:flex;align-items:center;gap:12px;color:#fff !important;font-weight:900;letter-spacing:-.03em}
.brand img{display:block}
.brand-mark{display:none !important}
.brand-icon{width:50px;height:50px;object-fit:contain;border-radius:16px;box-shadow:0 10px 30px rgba(37,99,235,.35)}
.brand-text{display:flex;align-items:flex-end;gap:2px;line-height:1}
.brand-text strong{font-size:1.25rem;color:#fff}
.brand-text small{font-size:1rem;color:#60a5fa;font-weight:800;transform:translateY(-1px)}
.site-nav a{color:#cdd9f4 !important;border:1px solid transparent}
.site-nav a:hover,.site-nav a.active{background:linear-gradient(135deg,rgba(37,99,235,.24),rgba(56,189,248,.14)) !important;border-color:var(--d-line-strong) !important;color:#fff !important;box-shadow:0 12px 24px rgba(37,99,235,.20)}
.mobile-toggle{background:rgba(37,99,235,.18) !important;color:#fff;border:1px solid var(--d-line-strong) !important}
.hero,.page-hero,.gradient-panel,.cta{
  background:
    radial-gradient(circle at 82% 18%, rgba(59,130,246,.18), transparent 20%),
    radial-gradient(circle at 16% 88%, rgba(14,165,233,.16), transparent 24%),
    linear-gradient(135deg,#050d1d 0%,#07162d 42%,#0a1a37 100%) !important;
  border:1px solid var(--d-line) !important;
  box-shadow:0 30px 90px rgba(2,6,23,.42) !important;
}
.page-hero.compact{padding-bottom:42px}
.section h2,.card h2,.card h3,.steps h3,.legal h2,.page-hero h1,.hero h1,.gradient-panel h2,.cta h2{color:#fff !important}
.lead{color:#d6e5ff !important}
.grad,.grad-text{background:linear-gradient(90deg,#ffffff 0%, #93c5fd 40%, #38bdf8 100%) !important;-webkit-background-clip:text;background-clip:text;color:transparent !important}
.hero-pills span,.tag,.vibe-grid a,.vibe-grid span,.quick-strip a,.restaurant-img span{
  background:rgba(15,23,42,.82) !important;
  border:1px solid var(--d-line) !important;
  color:#e8f1ff !important;
}
.quick-strip a:hover,.vibe-grid a:hover{border-color:var(--d-line-strong) !important;transform:translateY(-2px)}
.search-shell,.food-orbit,.phone-card,.story-card,.bento-card,.card,.booking-card,.page-band .card, .gradient-panel .metric-strip span, .gradient-panel .food-cloud span{
  background:rgba(8,19,41,.72) !important;
  border:1px solid var(--d-line) !important;
  color:var(--d-text) !important;
  box-shadow:0 18px 50px rgba(2,6,23,.28) !important;
}
.phone-screen,.input,textarea.input,select.input{
  background:rgba(2,8,23,.74) !important;
  color:#ecf5ff !important;
  border:1px solid rgba(96,165,250,.22) !important;
}
.input::placeholder, textarea.input::placeholder{color:#7f96ba !important}
.input:focus, textarea.input:focus, select.input:focus{outline:none; box-shadow:0 0 0 4px rgba(37,99,235,.16) !important; border-color:rgba(96,165,250,.48) !important}
.filters .input{background:rgba(2,8,23,.80) !important}
.btn,.btn.orange{
  background:linear-gradient(135deg,#1d4ed8 0%, #2563eb 45%, #38bdf8 100%) !important;
  color:#fff !important;
  border:1px solid rgba(147,197,253,.34) !important;
  box-shadow:0 18px 36px rgba(37,99,235,.26) !important;
}
.btn:hover{transform:translateY(-2px); box-shadow:0 22px 40px rgba(37,99,235,.34) !important}
.btn.ghost{background:rgba(8,19,41,.62) !important;color:#dbeafe !important;border-color:var(--d-line) !important;box-shadow:none !important}
.rating{background:rgba(37,99,235,.16) !important;color:#bfdbfe !important;border-color:rgba(96,165,250,.28) !important}
.offer{background:rgba(30,64,175,.18) !important;color:#dbeafe !important;border-color:rgba(96,165,250,.22) !important}
.restaurant-card:hover{box-shadow:0 30px 80px rgba(2,6,23,.46) !important}
.restaurant-img:after{background:linear-gradient(180deg, transparent 18%, rgba(2,6,23,.88)) !important}
footer{
  background:rgba(3,11,26,.82) !important;
  border:1px solid var(--d-line) !important;
  box-shadow:0 20px 60px rgba(2,6,23,.36) !important;
  color:var(--d-muted) !important;
}
.footer-brand{display:flex;flex-direction:column;gap:12px;max-width:440px}
.footer-logo{width:200px;max-width:100%;height:auto;border-radius:14px;display:block}
.footer-links a{color:#c7d8f7 !important}
.footer-links a:hover{color:#fff !important}
.skeleton,.empty{background:rgba(8,19,41,.72) !important;border:1px solid var(--d-line) !important;color:#e5eefc !important}
.notice.ok{background:rgba(37,99,235,.18);color:#dbeafe;border:1px solid rgba(96,165,250,.26)}
.notice.err{background:rgba(127,29,29,.22);color:#fecaca;border:1px solid rgba(248,113,113,.22)}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse}
th,td{border-bottom:1px solid rgba(96,165,250,.12);padding:14px 12px;color:#dbeafe}
th{color:#93c5fd;text-align:left;background:rgba(3,11,26,.5)}
.clean-list li{border-bottom:1px dashed rgba(96,165,250,.18);padding:10px 0}
.page-band,.section,.hero,.page-hero{position:relative}
.page-band:before,.section:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(96,165,250,.02),transparent 30%,rgba(59,130,246,.03));opacity:.8}
.contact-fab{
  position:fixed; right:22px; bottom:22px; z-index:70;
  display:flex; align-items:center; gap:10px;
  padding:14px 18px; border-radius:999px;
  background:linear-gradient(135deg,#1d4ed8,#38bdf8);
  color:#fff !important; text-decoration:none; font-weight:900;
  border:1px solid rgba(191,219,254,.35);
  box-shadow:0 20px 50px rgba(37,99,235,.38);
  transition:transform .2s ease, box-shadow .2s ease, padding .2s ease;
}
.contact-fab:hover{transform:translateY(-4px) scale(1.02); box-shadow:0 24px 60px rgba(37,99,235,.46)}
.contact-fab-icon{width:22px;height:22px;display:grid;place-items:center;font-size:17px;background:rgba(255,255,255,.14);border-radius:999px;padding:8px}
.contact-fab-text{white-space:nowrap}
@media(max-width:980px){
  .mobile-menu-open .site-nav{background:rgba(3,11,26,.98) !important;border-color:var(--d-line-strong) !important}
  .mobile-menu-open .site-nav a{color:#dbeafe !important}
  .brand-icon{width:42px;height:42px}
}
@media(max-width:520px){
  .brand-text strong{font-size:1.05rem}.brand-text small{font-size:.84rem}
  .footer-logo{width:160px}
  .contact-fab{right:14px;bottom:14px;padding:13px 15px}
  .contact-fab-text{display:none}
}


/* =========================================================
   DinePay v3: premium clean royal blue-black theme
   Fixes broken hero overlays and oversized footer
   ========================================================= */

:root{
  --royal-bg:#020716;
  --royal-bg-2:#061226;
  --royal-card:#08162c;
  --royal-card-2:#0b1d38;
  --royal-line:rgba(106,151,217,.22);
  --royal-line-2:rgba(134,181,255,.34);
  --royal-text:#f4f8ff;
  --royal-muted:#a9b9d6;
  --royal-blue:#2f6fff;
  --royal-cyan:#55c8ff;
  --royal-gold:#d7ad55;
}

html,body{
  background:
    radial-gradient(circle at 18% -10%,rgba(47,111,255,.16),transparent 32%),
    radial-gradient(circle at 82% 8%,rgba(85,200,255,.10),transparent 28%),
    linear-gradient(180deg,#020716 0%,#061123 44%,#020716 100%) !important;
  color:var(--royal-text) !important;
}

/* Header */
.site-header{
  top:14px !important;
  padding:10px 14px !important;
  border-radius:22px !important;
  background:rgba(3,10,24,.78) !important;
  border:1px solid rgba(134,181,255,.22) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.28) !important;
}
.brand-icon{width:42px!important;height:42px!important;border-radius:14px!important;box-shadow:0 8px 22px rgba(47,111,255,.28)!important}
.brand-text strong{font-size:1.16rem!important;color:#fff!important;letter-spacing:-.04em}
.brand-text small{font-size:.92rem!important;color:#6dcfff!important}
.site-nav a{
  font-size:14px!important;
  padding:10px 13px!important;
  color:#c4d2ee!important;
  border-radius:999px!important;
}
.site-nav a:hover,.site-nav a.active{
  color:#fff!important;
  background:rgba(47,111,255,.14)!important;
  border-color:rgba(134,181,255,.24)!important;
  box-shadow:none!important;
}

/* Hero fully rebuilt */
.premium-hero{
  width:min(calc(100% - 52px),1240px)!important;
  margin-top:28px!important;
  padding:74px 62px!important;
  min-height:610px!important;
  grid-template-columns:1.02fr .98fr!important;
  gap:54px!important;
  align-items:center!important;
  overflow:hidden!important;
  border-radius:36px!important;
  background:
    radial-gradient(circle at 86% 14%,rgba(85,200,255,.12),transparent 26%),
    linear-gradient(135deg,rgba(7,20,42,.98),rgba(6,15,32,.98) 48%,rgba(7,24,52,.96)) !important;
  border:1px solid rgba(134,181,255,.22)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.34)!important;
}
.premium-hero:before,
.premium-hero:after{display:none!important}
.hero-copy-clean{position:relative!important;z-index:2!important;max-width:620px!important}
.hero-copy-clean .eyebrow{
  display:inline-flex!important;
  margin-bottom:18px!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  background:rgba(215,173,85,.10)!important;
  border:1px solid rgba(215,173,85,.30)!important;
  color:#f1d48c!important;
  font-size:12px!important;
  letter-spacing:.06em!important;
  line-height:1.2!important;
}
.premium-hero h1{
  font-size:clamp(52px,5.9vw,82px)!important;
  line-height:.97!important;
  letter-spacing:-.065em!important;
  margin:0 0 24px!important;
  max-width:740px!important;
  color:#ffffff!important;
  text-shadow:none!important;
}
.premium-hero .lead{
  max-width:610px!important;
  color:#c9d7ef!important;
  font-size:19px!important;
  line-height:1.62!important;
  margin-bottom:28px!important;
}
.premium-search{
  max-width:620px!important;
  min-height:70px!important;
  border-radius:22px!important;
  background:rgba(3,11,26,.78)!important;
  border:1px solid rgba(134,181,255,.25)!important;
  box-shadow:0 22px 50px rgba(0,0,0,.18)!important;
  padding:8px!important;
}
.premium-search .ai-input{color:#eaf2ff!important;font-size:15px!important}
.premium-search .ai-input::placeholder{color:#7386a8!important}
.premium-search .btn{min-width:120px!important;border-radius:17px!important}
.clean-pills{margin-top:18px!important;gap:10px!important}
.clean-pills span{
  padding:8px 12px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(134,181,255,.18)!important;
  color:#dbe7ff!important;
  font-size:14px!important;
  animation:none!important;
}

/* Hide old broken illustration mechanics */
.hero-art,.hero-illustration,.hero-card-stack,.food-orbit,.phone-card,.floating-card{display:none!important}

/* New hero right side */
.hero-showcase-clean{position:relative!important;z-index:2!important;min-height:470px!important;display:grid!important;place-items:center!important}
.main-showcase{
  position:relative!important;
  width:min(100%,470px)!important;
  padding:24px!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,rgba(13,31,61,.90),rgba(5,13,30,.94))!important;
  border:1px solid rgba(134,181,255,.25)!important;
  box-shadow:0 32px 90px rgba(0,0,0,.32)!important;
  transform:none!important;
}
.main-showcase:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:30px;
  background:linear-gradient(135deg,rgba(85,200,255,.18),transparent 38%,rgba(215,173,85,.10));
  pointer-events:none;
}
.showcase-top{position:relative;display:flex;align-items:center;gap:14px;margin-bottom:22px}
.showcase-top img{width:62px;height:62px;object-fit:contain;border-radius:20px;background:#030817;box-shadow:0 14px 32px rgba(47,111,255,.26)}
.showcase-top b{display:block;font-size:22px;color:#fff;letter-spacing:-.03em}
.showcase-top span{display:block;color:#9fb1d1;margin-top:3px}
.restaurant-preview-card{position:relative;border-radius:26px;overflow:hidden;background:#061126;border:1px solid rgba(134,181,255,.18)}
.preview-image{
  height:178px;
  background:linear-gradient(180deg,transparent,rgba(3,8,19,.88)),url("../images/ai-food-2.svg");
  background-size:cover;
  background-position:center;
}
.preview-content{padding:22px}
.preview-badge{
  display:inline-flex;
  padding:7px 10px;
  border-radius:999px;
  color:#f1d48c;
  background:rgba(215,173,85,.09);
  border:1px solid rgba(215,173,85,.25);
  font-size:12px;
  font-weight:900;
  margin-bottom:12px;
}
.preview-content h3{color:#fff!important;font-size:24px!important;margin:0 0 8px!important;letter-spacing:-.04em}
.preview-content p{color:#9fb1d1!important;margin:0 0 16px!important;line-height:1.5}
.preview-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(134,181,255,.12);color:#b9c7df}
.preview-row b{color:#fff}
.mini-metrics{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.mini-metrics span{display:flex;flex-direction:column;gap:3px;padding:13px 10px;border-radius:18px;text-align:center;background:rgba(255,255,255,.045);border:1px solid rgba(134,181,255,.14)}
.mini-metrics b{font-size:18px;color:#fff}
.mini-metrics small{font-size:11px;color:#9fb1d1}

/* Mature cards */
.card,.bento-card,.story-card,.restaurant-card{
  border-radius:24px!important;
  background:rgba(7,18,39,.74)!important;
  border:1px solid rgba(134,181,255,.18)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.18)!important;
}
.bento-card:hover,.restaurant-card:hover{transform:translateY(-4px)!important;box-shadow:0 28px 64px rgba(0,0,0,.26)!important}
.restaurant-img{border-radius:24px 24px 0 0!important}
.offer{background:rgba(47,111,255,.11)!important;color:#dce9ff!important;border-color:rgba(134,181,255,.18)!important}
.rating{color:#dce9ff!important;background:rgba(47,111,255,.11)!important}

/* Footer: compact and professional */
.site-footer-pro{
  width:min(calc(100% - 52px),1240px)!important;
  margin:56px auto 24px!important;
  padding:24px 28px!important;
  border-radius:26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  background:rgba(3,10,24,.82)!important;
  border:1px solid rgba(134,181,255,.18)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.22)!important;
  min-height:auto!important;
}
.footer-left-pro{display:flex!important;align-items:center!important;gap:18px!important;max-width:650px!important}
.footer-brand-pro{display:flex!important;align-items:center!important;gap:10px!important;color:#fff!important;text-decoration:none!important;flex:0 0 auto!important}
.footer-brand-pro img{width:42px!important;height:42px!important;object-fit:contain!important;border-radius:14px!important;background:#030817!important}
.footer-brand-pro span{display:flex!important;align-items:flex-end!important;line-height:1!important}
.footer-brand-pro strong{color:#fff!important;font-size:20px!important;letter-spacing:-.04em!important}
.footer-brand-pro small{color:#6dcfff!important;font-weight:800!important;font-size:14px!important}
.footer-left-pro p{margin:0!important;color:#9fb1d1!important;line-height:1.45!important;font-size:14px!important}
.footer-links-pro{display:flex!important;align-items:center!important;gap:20px!important;flex-wrap:wrap!important}
.footer-links-pro a{color:#c7d6ef!important;font-size:14px!important;font-weight:750!important;text-decoration:none!important}
.footer-links-pro a:hover{color:#fff!important}

/* Floating contact button: refined */
.contact-fab{
  right:24px!important;
  bottom:24px!important;
  padding:12px 16px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#1d4ed8,#37b8f3)!important;
  box-shadow:0 18px 42px rgba(47,111,255,.30)!important;
}

/* Responsive */
@media(max-width:980px){
  .premium-hero{
    grid-template-columns:1fr!important;
    width:calc(100% - 24px)!important;
    padding:44px 22px!important;
    min-height:auto!important;
  }
  .premium-hero h1{font-size:46px!important}
  .hero-showcase-clean{min-height:auto!important;margin-top:12px}
  .main-showcase{width:100%!important}
  .site-footer-pro{width:calc(100% - 24px)!important;flex-direction:column!important;align-items:flex-start!important}
  .footer-left-pro{align-items:flex-start!important;flex-direction:column!important}
}
@media(max-width:520px){
  .premium-hero h1{font-size:39px!important;letter-spacing:-.055em!important}
  .premium-search{flex-direction:column!important;align-items:stretch!important}
  .premium-search .btn{width:100%!important}
  .mini-metrics{grid-template-columns:1fr!important}
  .footer-links-pro{gap:14px!important}
}