/* ============================================================
   TradesLeadsPros — Premium Design System
   Modern, polished, high-end feel. Loaded last, overrides all.
   ============================================================ */
:root{
  --pm-ink:#0d1117;
  --pm-ink-soft:#161b22;
  --pm-charcoal:#1a1f2e;
  --pm-brand:#e85d04;
  --pm-brand-deep:#c44900;
  --pm-brand-glow:rgba(232,93,4,.35);
  --pm-gold:#d4a24e;
  --pm-gold-soft:#f5e6c8;
  --pm-bg:#fafbfc;
  --pm-surface:#ffffff;
  --pm-surface-warm:#fff9f3;
  --pm-line:#e8ebef;
  --pm-line-soft:#f0f2f5;
  --pm-text:#0d1117;
  --pm-muted:#5d6b7a;
  --pm-faint:#8b95a3;
  --pm-radius:16px;
  --pm-radius-lg:24px;
  --pm-shadow-sm:0 1px 3px rgba(13,17,23,.06),0 1px 2px rgba(13,17,23,.04);
  --pm-shadow:0 4px 16px rgba(13,17,23,.07),0 2px 6px rgba(13,17,23,.05);
  --pm-shadow-lg:0 12px 40px rgba(13,17,23,.10),0 4px 12px rgba(13,17,23,.06);
  --pm-shadow-brand:0 8px 28px rgba(232,93,4,.28),0 2px 8px rgba(232,93,4,.18);
  --pm-font-display:'Outfit',system-ui,sans-serif;
  --pm-font-body:'Source Sans 3',system-ui,sans-serif;
}

/* ---------- base ---------- */
body{
  font-family:var(--pm-font-body)!important;
  background:var(--pm-bg)!important;
  color:var(--pm-text)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4{
  font-family:var(--pm-font-display)!important;
  letter-spacing:-.025em!important;
  line-height:1.15!important;
  color:var(--pm-ink)!important;
}

/* ---------- navigation: premium glass ---------- */
.site-nav{
  background:rgba(255,255,255,.88)!important;
  backdrop-filter:blur(20px) saturate(1.4)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.4)!important;
  border-bottom:1px solid rgba(13,17,23,.07)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 4px 20px rgba(13,17,23,.04)!important;
  padding:14px 28px!important;
}
.site-nav .logo-word{
  font-size:22px!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
  background:linear-gradient(135deg,#0d1117 30%,#e85d04 100%);
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
.site-nav .brand img{
  width:46px!important;height:46px!important;
  border-radius:12px!important;
  box-shadow:var(--pm-shadow-brand)!important;
  transition:transform .25s cubic-bezier(.34,1.56,.64,1)!important;
}
.site-nav .brand:hover img{transform:scale(1.08) rotate(-3deg)!important;}
.site-nav .links a{
  font-weight:600!important;
  font-size:15px!important;
  padding:10px 16px!important;
  border-radius:10px!important;
  transition:all .18s ease!important;
}
.site-nav .links a:hover{
  background:linear-gradient(135deg,rgba(232,93,4,.08),rgba(232,93,4,.14))!important;
  color:var(--pm-brand-deep)!important;
}

/* ---------- buttons: premium ---------- */
.btn{
  font-family:var(--pm-font-display)!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
  border-radius:12px!important;
  padding:14px 28px!important;
  transition:all .22s cubic-bezier(.4,0,.2,1)!important;
  position:relative;
  overflow:hidden;
}
.btn.orange,.btn:not(.ghost):not(.danger){
  background:linear-gradient(135deg,#f97316 0%,#e85d04 50%,#c44900 100%)!important;
  box-shadow:var(--pm-shadow-brand),inset 0 1px 0 rgba(255,255,255,.25)!important;
  border:none!important;
  color:#fff!important;
}
.btn.orange:hover,.btn:not(.ghost):not(.danger):hover{
  transform:translateY(-2px)!important;
  box-shadow:0 12px 36px rgba(232,93,4,.4),0 4px 12px rgba(232,93,4,.25),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
.btn.orange:active,.btn:not(.ghost):not(.danger):active{transform:translateY(0)!important;}
.btn.ghost{
  background:rgba(255,255,255,.7)!important;
  backdrop-filter:blur(8px)!important;
  border:1.5px solid var(--pm-line)!important;
  color:var(--pm-ink)!important;
  box-shadow:var(--pm-shadow-sm)!important;
}
.btn.ghost:hover{
  border-color:var(--pm-brand)!important;
  color:var(--pm-brand-deep)!important;
  box-shadow:var(--pm-shadow)!important;
  transform:translateY(-1px)!important;
}
.btn.small{padding:10px 20px!important;font-size:14px!important;border-radius:10px!important;}

/* ---------- cards: premium depth ---------- */
.card,.pay-card,.glass-card{
  background:var(--pm-surface)!important;
  border:1px solid rgba(13,17,23,.06)!important;
  border-radius:var(--pm-radius-lg)!important;
  box-shadow:var(--pm-shadow)!important;
  transition:all .28s cubic-bezier(.4,0,.2,1)!important;
  overflow:hidden;
}
.card:hover{
  transform:translateY(-4px)!important;
  box-shadow:var(--pm-shadow-lg)!important;
  border-color:rgba(232,93,4,.18)!important;
}
.card.featured{
  border:2px solid transparent!important;
  background:linear-gradient(var(--pm-surface),var(--pm-surface)) padding-box,
    linear-gradient(135deg,#e85d04,#d4a24e) border-box!important;
  box-shadow:var(--pm-shadow-lg),0 0 0 4px rgba(232,93,4,.08)!important;
}

/* ---------- pricing cards ---------- */
.cards{display:flex!important;gap:24px!important;}
.cards .card{padding:36px 32px!important;flex:1!important;}
.cards .card h3{
  font-size:20px!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  color:var(--pm-muted)!important;
  font-weight:700!important;
}
.cards .card .price{
  font-family:var(--pm-font-display)!important;
  font-size:52px!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
  margin:16px 0!important;
}
.cards .card .price span{font-size:18px!important;color:var(--pm-muted)!important;font-weight:600!important;}
.checklist{list-style:none!important;padding:0!important;margin:24px 0!important;}
.checklist li{
  padding:10px 0 10px 32px!important;
  position:relative!important;
  font-size:15px!important;
  color:var(--pm-text)!important;
  border-bottom:1px solid var(--pm-line-soft)!important;
}
.checklist li:last-child{border-bottom:none!important;}
.checklist li::before{
  content:'✓'!important;
  position:absolute!important;left:0!important;top:10px!important;
  width:22px;height:22px!important;
  background:linear-gradient(135deg,#e85d04,#c44900)!important;
  color:#fff!important;
  border-radius:50%!important;
  font-size:12px!important;font-weight:800!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  box-shadow:0 2px 8px rgba(232,93,4,.3)!important;
}

/* ---------- contractor result cards ---------- */
.pro-card,.contractor-card{
  border-radius:var(--pm-radius-lg)!important;
  border:1px solid rgba(13,17,23,.06)!important;
  box-shadow:var(--pm-shadow)!important;
  transition:all .25s ease!important;
  background:#fff!important;
}
.pro-card:hover,.contractor-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:var(--pm-shadow-lg)!important;
}

/* ---------- forms: premium inputs ---------- */
input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],select,textarea{
  border:1.5px solid var(--pm-line)!important;
  border-radius:12px!important;
  padding:14px 18px!important;
  font-size:16px!important;
  font-family:var(--pm-font-body)!important;
  background:#fff!important;
  transition:all .2s ease!important;
  box-shadow:inset 0 1px 3px rgba(13,17,23,.04)!important;
}
input:focus,select:focus,textarea:focus{
  outline:none!important;
  border-color:var(--pm-brand)!important;
  box-shadow:0 0 0 4px rgba(232,93,4,.12),inset 0 1px 3px rgba(13,17,23,.04)!important;
}
label{
  font-weight:700!important;
  font-size:13px!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
  color:var(--pm-muted)!important;
  margin-bottom:8px!important;
  display:block!important;
}

/* ---------- section spacing & headings ---------- */
.wrap{max-width:1200px!important;margin:0 auto!important;padding:0 24px!important;}
section{padding:72px 0!important;}
h2{font-size:clamp(28px,4vw,44px)!important;margin-bottom:16px!important;}
.sub{font-size:18px!important;line-height:1.6!important;color:var(--pm-muted)!important;}

/* ---------- badges & trust ---------- */
.ai-badge,.badge{
  display:inline-flex!important;align-items:center!important;
  background:linear-gradient(135deg,#0d1117,#1a1f2e)!important;
  color:#fff!important;
  font-size:11px!important;font-weight:800!important;
  letter-spacing:.12em!important;
  padding:8px 16px!important;
  border-radius:999px!important;
  box-shadow:var(--pm-shadow)!important;
  border:1px solid rgba(212,162,78,.3)!important;
}
.trust-strip{
  display:flex!important;gap:16px!important;flex-wrap:wrap!important;
  justify-content:center!important;padding:32px 0!important;
}

/* ---------- hero: premium dark ---------- */
.hero-luxe{
  background:linear-gradient(180deg,rgba(13,17,23,.55) 0%,rgba(13,17,23,.75) 100%),
    url("hero-vortex.jpg") center/cover no-repeat,
    radial-gradient(1200px 600px at 50% -10%,rgba(232,93,4,.18),transparent),
    linear-gradient(180deg,#0d1117 0%,#161b22 100%)!important;
  border-radius:0 0 32px 32px!important;
  position:relative!important;
  overflow:hidden!important;
}
.hero-luxe::before{
  content:''!important;position:absolute!important;inset:0!important;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important;
  pointer-events:none!important;
}
.grad-text{
  background:linear-gradient(135deg,#fff 20%,#ffb35c 60%,#e85d04 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

/* ---------- stats ---------- */
.stat-card,.glass-card{
  background:rgba(255,255,255,.06)!important;
  backdrop-filter:blur(16px)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:var(--pm-radius-lg)!important;
  box-shadow:0 8px 32px rgba(0,0,0,.2)!important;
}

/* ---------- footer: premium dark ---------- */
.footer-luxe,footer{
  background:linear-gradient(180deg,#0d1117,#080b10)!important;
  color:#a0aec0!important;
  border-top:1px solid rgba(232,93,4,.15)!important;
}
.footer-luxe h4,footer h4{color:#fff!important;font-size:14px!important;text-transform:uppercase!important;letter-spacing:.1em!important;}
.footer-luxe a,footer a{color:#a0aec0!important;transition:color .18s!important;}
.footer-luxe a:hover,footer a:hover{color:#ffb35c!important;}

/* ---------- mobile refinements ---------- */
@media(max-width:640px){
  .site-nav{padding:12px 16px!important;}
  .cards{flex-direction:column!important;}
  section{padding:48px 0!important;}
  .btn{padding:14px 22px!important;}
}

/* ---------- package showcase (portal subscription) ---------- */
.pkg-hero{
  background:linear-gradient(135deg,#0d1117 0%,#1a1f2e 60%,#2a1f14 100%)!important;
  border-radius:20px!important;
  padding:36px 32px!important;
  color:#fff!important;
  position:relative!important;
  overflow:hidden!important;
  box-shadow:0 16px 48px rgba(13,17,23,.25)!important;
}
.pkg-hero::before{
  content:''!important;position:absolute!important;top:-60px!important;right:-60px!important;
  width:200px!important;height:200px!important;
  background:radial-gradient(circle,rgba(232,93,4,.35),transparent 70%)!important;
  pointer-events:none!important;
}
.pkg-hero h3{color:#fff!important;font-size:24px!important;margin:0!important;}
.pkg-hero .sub{color:#a0aec0!important;}
.pkg-badge{
  display:inline-block!important;
  background:linear-gradient(135deg,#e85d04,#d4a24e)!important;
  color:#fff!important;font-size:11px!important;font-weight:800!important;
  letter-spacing:.14em!important;text-transform:uppercase!important;
  padding:8px 18px!important;border-radius:999px!important;
  box-shadow:0 4px 16px rgba(232,93,4,.4)!important;
}
.pkg-hero.active .pkg-badge{background:linear-gradient(135deg,#22c55e,#16a34a)!important;box-shadow:0 4px 16px rgba(34,197,94,.4)!important;}
.pkg-price{
  font-family:var(--pm-font-display)!important;
  font-size:56px!important;font-weight:800!important;letter-spacing:-.04em!important;
  color:#fff!important;margin:16px 0 8px!important;
}
.pkg-price span{font-size:20px!important;color:#a0aec0!important;font-weight:600!important;}
.pkg-perks{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;
  margin-top:24px!important;
}
.pkg-perk{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:12px!important;padding:14px 16px!important;
  backdrop-filter:blur(8px)!important;
}
.pkg-perk strong{display:block!important;color:#ffb35c!important;font-size:14px!important;margin-bottom:4px!important;}
.pkg-perk span{color:#cbd5e1!important;font-size:13px!important;line-height:1.5!important;}
.pkg-contractor-teaser{
  margin-top:20px!important;padding:24px!important;
  background:linear-gradient(135deg,#fff9f3,#fff1e6)!important;
  border:1.5px dashed rgba(232,93,4,.35)!important;border-radius:16px!important;
  text-align:center!important;
}
.pkg-contractor-teaser strong{font-size:17px!important;}
@media(max-width:640px){.pkg-perks{grid-template-columns:1fr!important;}}

/* ---------- premium pricing page ---------- */
.pricing-hero{
  background:radial-gradient(1000px 500px at 50% -10%,rgba(232,93,4,.15),transparent),
    linear-gradient(180deg,#0d1117 0%,#141a26 100%)!important;
  border-radius:0 0 40px 40px!important;
  padding:80px 24px 60px!important;
  text-align:center!important;
  position:relative!important;overflow:hidden!important;
  margin-bottom:48px!important;
}
.pricing-hero h1{color:#fff!important;font-size:clamp(36px,6vw,64px)!important;margin:20px 0 16px!important;}
.pricing-hero .sub{color:#a0aec0!important;font-size:20px!important;max-width:680px!important;margin:0 auto!important;}
.plan-tabs{
  display:inline-flex!important;background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.12)!important;border-radius:999px!important;
  padding:6px!important;margin-top:36px!important;backdrop-filter:blur(12px)!important;
}
.plan-tab{
  border:none!important;background:transparent!important;color:#a0aec0!important;
  border-radius:999px!important;padding:14px 36px!important;font-weight:700!important;
  font-size:15px!important;cursor:pointer!important;transition:all .25s ease!important;
  font-family:var(--pm-font-display)!important;
}
.plan-tab.active{
  background:linear-gradient(135deg,#f97316,#e85d04)!important;color:#fff!important;
  box-shadow:0 4px 20px rgba(232,93,4,.4)!important;
}
.pricing-cards{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:28px!important;align-items:stretch!important;margin-top:16px!important;}
.pricing-card{
  background:#fff!important;border-radius:28px!important;padding:44px 36px!important;
  border:1px solid rgba(13,17,23,.07)!important;box-shadow:var(--pm-shadow)!important;
  display:flex!important;flex-direction:column!important;position:relative!important;
  transition:all .3s cubic-bezier(.4,0,.2,1)!important;
}
.pricing-card:hover{transform:translateY(-8px)!important;box-shadow:var(--pm-shadow-lg)!important;}
.pricing-card.elevated{
  background:linear-gradient(180deg,#0d1117 0%,#1c2333 100%)!important;
  color:#fff!important;border:none!important;
  box-shadow:0 24px 64px rgba(13,17,23,.3),0 0 0 1px rgba(232,93,4,.3)!important;
  transform:scale(1.04)!important;
}
.pricing-card.elevated:hover{transform:scale(1.04) translateY(-8px)!important;}
.pricing-card.elevated h3{color:#fff!important;}
.pricing-card.elevated .sub{color:#a0aec0!important;}
.pricing-card.elevated .checklist li{color:#e2e8f0!important;border-color:rgba(255,255,255,.08)!important;}
.pricing-tier{
  font-size:12px!important;font-weight:800!important;letter-spacing:.14em!important;
  text-transform:uppercase!important;color:var(--pm-brand)!important;margin-bottom:12px!important;
}
.pricing-card.elevated .pricing-tier{color:#ffb35c!important;}
.pricing-amount{
  font-family:var(--pm-font-display)!important;font-size:64px!important;font-weight:800!important;
  letter-spacing:-.05em!important;line-height:1!important;margin:8px 0!important;
}
.pricing-amount span{font-size:20px!important;font-weight:600!important;color:var(--pm-muted)!important;letter-spacing:0!important;}
.pricing-card.elevated .pricing-amount span{color:#a0aec0!important;}
.pricing-tagline{font-size:17px!important;font-weight:600!important;margin:12px 0 4px!important;}
.pop-badge{
  position:absolute!important;top:-16px!important;left:50%!important;transform:translateX(-50%)!important;
  background:linear-gradient(135deg,#f97316,#c44900)!important;color:#fff!important;
  font-size:11px!important;font-weight:800!important;letter-spacing:.12em!important;
  padding:10px 24px!important;border-radius:999px!important;white-space:nowrap!important;
  box-shadow:0 6px 20px rgba(232,93,4,.45)!important;
}
.compare-premium{border-collapse:separate!important;border-spacing:0!important;width:100%!important;font-size:15px!important;}
.compare-premium th,.compare-premium td{padding:16px 12px!important;border-bottom:1px solid var(--pm-line-soft)!important;text-align:center!important;}
.compare-premium th:first-child,.compare-premium td:first-child{text-align:left!important;font-weight:600!important;}
.compare-premium thead th{
  background:linear-gradient(180deg,#0d1117,#1a1f2e)!important;color:#fff!important;
  font-size:13px!important;text-transform:uppercase!important;letter-spacing:.06em!important;
  padding:20px 12px!important;
}
.compare-premium thead th:first-child{border-radius:16px 0 0 0!important;}
.compare-premium thead th:last-child{border-radius:0 16px 0 0!important;}
.compare-premium tbody tr:hover{background:rgba(232,93,4,.03)!important;}
@media(max-width:900px){.pricing-cards{grid-template-columns:1fr!important;max-width:480px!important;margin:16px auto 0!important;}.pricing-card.elevated{transform:none!important;}}

/* ---------- max polish: smooth scroll + skeletons ---------- */
html{scroll-behavior:smooth}
.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skel 1.2s infinite;border-radius:12px}
@keyframes skel{0%{background-position:200% 0}100%{background-position:-200% 0}}
.match.skeleton{height:120px;margin:12px 0}
.btn{transition:transform .15s ease,box-shadow .15s ease}
.btn:active{transform:scale(.97)}
.card,.pro-card{transition:transform .2s ease,box-shadow .2s ease}
img{transition:opacity .3s ease}

/* ============ VORTEX MAX THEME ============ */
/* Glowing CTA buttons with fire energy */
.btn.orange,.btn.primary{
  background:linear-gradient(135deg,#e85d04,#ff7b1c)!important;
  box-shadow:0 4px 20px rgba(232,93,4,.4),0 0 40px rgba(232,93,4,.15)!important;
  position:relative;overflow:hidden;
}
.btn.orange::after,.btn.primary::after{
  content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);
  animation:btnShine 3s infinite;
}
@keyframes btnShine{0%{left:-100%}50%,100%{left:100%}}

/* Glowing section dividers */
.section-divider{
  height:2px;background:linear-gradient(90deg,transparent,#e85d04,transparent);
  margin:0 auto;max-width:600px;opacity:.6;
}

/* Card hover with orange glow lift */
.pro-card,.match,.glass-card{
  transition:transform .25s ease,box-shadow .25s ease!important;
}
.pro-card:hover,.match:hover,.glass-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 12px 40px rgba(232,93,4,.2)!important;
}

/* Glowing headings accent */
.grad-text{
  background:linear-gradient(135deg,#ff8c42,#e85d04,#ff6b35)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
}

/* Animated ember particles on hero */
.hero-luxe::after{
  content:''!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  background-image:
    radial-gradient(2px 2px at 20% 80%,rgba(255,140,66,.8),transparent),
    radial-gradient(3px 3px at 60% 60%,rgba(232,93,4,.6),transparent),
    radial-gradient(2px 2px at 80% 30%,rgba(255,180,100,.7),transparent),
    radial-gradient(2px 2px at 40% 20%,rgba(232,93,4,.5),transparent);
  animation:emberFloat 8s ease-in-out infinite alternate;
}
@keyframes emberFloat{
  0%{transform:translateY(0);opacity:.6}
  100%{transform:translateY(-20px);opacity:1}
}

/* Trust badges with glow */
.tt-badges img{
  filter:drop-shadow(0 2px 8px rgba(232,93,4,.25));
  transition:transform .2s ease;
}
.tt-badges img:hover{transform:scale(1.05)}

/* ============ VORTEX MAX SECTIONS ============ */
/* CTA sections get vortex background */
.cta-luxe,.cta-section{
  background:linear-gradient(180deg,rgba(10,10,15,.6),rgba(10,10,15,.75)),
    url("vortex-section-bg.jpg") center/cover no-repeat!important;
  position:relative;
}
/* Stats section subtle vortex */
.stats-luxe{
  background:linear-gradient(180deg,rgba(10,10,15,.85),rgba(10,10,15,.9)),
    url("vortex-section-bg.jpg") center/cover no-repeat!important;
}
/* Footer with ember glow */
.footer-luxe{
  border-top:1px solid rgba(232,93,4,.2)!important;
  position:relative;
}
.footer-luxe::before{
  content:'';position:absolute;top:-1px;left:20%;right:20%;height:1px;
  background:linear-gradient(90deg,transparent,#e85d04,transparent);
  filter:blur(1px);
}
/* Pricing cards max glow */
.pricing-card.featured,.plan-card.featured{
  box-shadow:0 0 40px rgba(232,93,4,.3),0 8px 32px rgba(0,0,0,.4)!important;
  border:2px solid rgba(232,93,4,.5)!important;
  transform:scale(1.03);
}
/* Section headings with fire underline */
.section-head h2,.feature h2{
  position:relative;
}
.section-head h2::after{
  content:'';display:block;width:60px;height:3px;margin:12px auto 0;
  background:linear-gradient(90deg,#e85d04,#ff8c42);
  border-radius:2px;box-shadow:0 0 12px rgba(232,93,4,.6);
}

/* ============ VORTEX GLOW REDESIGN ============ */
/* Animated vortex glow on hero */
.hero-luxe{
  position:relative!important;
}
.hero-luxe::before{
  content:''!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  background:
    radial-gradient(600px 300px at 20% 80%,rgba(232,93,4,.12),transparent),
    radial-gradient(500px 250px at 80% 20%,rgba(255,140,66,.1),transparent)!important;
  animation:vortexPulse 6s ease-in-out infinite alternate!important;
}
@keyframes vortexPulse{
  0%{opacity:.5;transform:scale(1)}
  100%{opacity:1;transform:scale(1.05)}
}
/* Glowing nav */
.nav,.navbar,header nav{
  box-shadow:0 2px 20px rgba(232,93,4,.1)!important;
}
/* Logo glow */
.nav img[alt*="logo" i],.navbar img{
  filter:drop-shadow(0 0 12px rgba(232,93,4,.4))!important;
}
/* All headings with orange accent glow */
h1 .grad-text,h2 .grad-text{
  text-shadow:0 0 30px rgba(232,93,4,.3)!important;
}
/* Input focus glow */
input:focus,select:focus,textarea:focus{
  border-color:#e85d04!important;
  box-shadow:0 0 0 3px rgba(232,93,4,.2),0 0 20px rgba(232,93,4,.15)!important;
  outline:none!important;
}
/* Star ratings glow */
.stars,.rating{
  filter:drop-shadow(0 0 4px rgba(255,180,0,.4));
}
/* Footer glow top border */
footer{
  border-top:1px solid rgba(232,93,4,.15)!important;
}

/* ============ VORTEX MAX FLARE ============ */
/* Animated fire border around videos */
.glass-card video{
  border:2px solid rgba(232,93,4,.3)!important;
  box-shadow:0 0 25px rgba(232,93,4,.25),inset 0 0 20px rgba(232,93,4,.05)!important;
  animation:videoGlow 4s ease-in-out infinite alternate!important;
}
@keyframes videoGlow{
  0%{box-shadow:0 0 20px rgba(232,93,4,.2)!important;border-color:rgba(232,93,4,.25)!important}
  100%{box-shadow:0 0 45px rgba(232,93,4,.45),0 0 80px rgba(255,140,66,.15)!important;border-color:rgba(255,140,66,.5)!important}
}
/* Vortex swirl behind section headings */
.wrap.reveal h2{
  position:relative;display:inline-block;
}
.wrap.reveal h2::before{
  content:'';position:absolute;left:50%;top:50%;width:200px;height:60px;
  transform:translate(-50%,-50%);z-index:-1;
  background:radial-gradient(ellipse,rgba(232,93,4,.15),transparent 70%);
  filter:blur(10px);
}
/* Glowing orange scrollbar */
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#0d1117}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e85d04,#ff8c42);border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:#ff8c42}
/* Pulsing CTA glow */
.btn.orange.xl,.btn.xl.shine{
  animation:ctaPulse 3s ease-in-out infinite!important;
}
@keyframes ctaPulse{
  0%,100%{box-shadow:0 4px 20px rgba(232,93,4,.4)!important}
  50%{box-shadow:0 4px 35px rgba(232,93,4,.7),0 0 60px rgba(255,140,66,.3)!important}
}
/* Hero text glow enhancement */
.hero-luxe h1{
  text-shadow:0 0 40px rgba(232,93,4,.2)!important;
}

/* ============ EXTREME VORTEX + MOBILE FIXES ============ */
/* Safe area for iPhone notch */
.site-nav{
  padding-top:env(safe-area-inset-top)!important;
  min-height:calc(72px + env(safe-area-inset-top))!important;
}
body{padding-top:env(safe-area-inset-top);}
/* Extreme vortex: animated fire background on body */
body::before{
  content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(800px 400px at 10% 20%,rgba(232,93,4,.06),transparent),
    radial-gradient(700px 350px at 90% 60%,rgba(255,140,66,.05),transparent),
    radial-gradient(600px 300px at 50% 90%,rgba(232,93,4,.04),transparent);
  animation:bodyVortex 12s ease-in-out infinite alternate;
}
@keyframes bodyVortex{
  0%{opacity:.6;transform:scale(1) rotate(0deg)}
  100%{opacity:1;transform:scale(1.1) rotate(2deg)}
}
/* Mobile video section - full width, no clipping */
@media(max-width:700px){
  .glass-card video{
    aspect-ratio:9/16!important;
    max-height:70vh!important;
    width:100%!important;
    object-fit:cover!important;
  }
  /* Video grid stacks nicely on mobile */
  .wrap.reveal div[style*="grid-template-columns"]{
    grid-template-columns:1fr!important;
    max-width:340px!important;
  }
}
/* App download banner with vortex glow */
.app-banner{
  background:linear-gradient(135deg,rgba(232,93,4,.15),rgba(255,140,66,.08)),
    url("vortex-section-bg.jpg") center/cover!important;
  border:1px solid rgba(232,93,4,.3)!important;
  border-radius:20px!important;
  padding:24px!important;
  text-align:center!important;
  margin:20px auto!important;
  max-width:600px!important;
  box-shadow:0 0 40px rgba(232,93,4,.2)!important;
  animation:bannerGlow 4s ease-in-out infinite alternate!important;
}
@keyframes bannerGlow{
  0%{box-shadow:0 0 25px rgba(232,93,4,.15)!important}
  100%{box-shadow:0 0 50px rgba(232,93,4,.35)!important}
}

/* ============ VORTEX LIGHTING (matching commercials) ============ */
/* Warm golden light streaks like the video */
.hero-luxe{
  background:
    linear-gradient(180deg,rgba(13,17,23,.4) 0%,rgba(13,17,23,.65) 100%),
    url("hero-vortex.jpg") center/cover no-repeat!important;
}
/* Golden light streak overlay on hero */
.hero-luxe::after{
  content:''!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  background:
    linear-gradient(105deg,transparent 40%,rgba(255,180,100,.08) 50%,transparent 60%),
    linear-gradient(75deg,transparent 30%,rgba(232,93,4,.1) 50%,transparent 70%)!important;
  animation:lightSweep 8s ease-in-out infinite alternate!important;
}
@keyframes lightSweep{
  0%{opacity:.5;transform:translateX(-5%)}
  100%{opacity:1;transform:translateX(5%)}
}
/* Video cards with golden glow frame */
.glass-card:has(video){
  background:linear-gradient(135deg,rgba(232,93,4,.08),rgba(255,180,100,.04))!important;
  border:1px solid rgba(255,180,100,.25)!important;
  position:relative;
}
.glass-card:has(video)::before{
  content:'';position:absolute;inset:-2px;border-radius:22px;z-index:-1;
  background:linear-gradient(135deg,#e85d04,#ffbe78,#e85d04);
  background-size:200% 200%;
  animation:borderFlow 4s linear infinite;
  filter:blur(8px);opacity:.4;
}
@keyframes borderFlow{
  0%{background-position:0% 50%}
  100%{background-position:200% 50%}
}
/* Section backgrounds with warm commercial lighting */
.cta-luxe{
  background:
    linear-gradient(180deg,rgba(10,10,15,.5),rgba(10,10,15,.7)),
    url("vortex-section-bg.jpg") center/cover no-repeat!important;
  border:1px solid rgba(255,180,100,.2)!important;
}

/* ============ MOBILE HERO REDESIGN ============ */
@media(max-width:700px){
  .hero-luxe{padding:20px 16px 32px!important;border-radius:0 0 24px 24px!important}
  .hero-luxe-grid{display:flex!important;flex-direction:column!important;gap:24px!important}
  .hero-luxe h1{font-size:32px!important;line-height:1.15!important;margin:12px 0!important;
    text-shadow:0 2px 20px rgba(0,0,0,.8)!important}
  .hero-luxe .lead{font-size:15px!important;color:#e8e4df!important;
    text-shadow:0 1px 10px rgba(0,0,0,.8)!important}
  .eyebrow-glow{font-size:11px!important}
  /* Search form stacks cleanly */
  .hero-search{display:flex!important;flex-direction:column!important;gap:10px!important;
    background:rgba(0,0,0,.4)!important;backdrop-filter:blur(12px)!important;
    padding:16px!important;border-radius:16px!important;
    border:1px solid rgba(232,93,4,.2)!important}
  .hero-search select,.hero-search input{width:100%!important;font-size:16px!important}
  .hero-search .btn{width:100%!important}
  /* Chips scroll horizontally */
  .hero-chips{display:flex!important;overflow-x:auto!important;gap:8px!important;
    padding:4px 0!important;-webkit-overflow-scrolling:touch!important}
  .hero-chips span{flex-shrink:0!important}
  .hero-chip{flex-shrink:0!important}
  /* CTAs side by side, not cut off */
  .hero-ctas{display:flex!important;gap:10px!important;margin-top:16px!important}
  .hero-ctas .btn{flex:1!important;text-align:center!important;padding:14px 8px!important;font-size:15px!important}
  /* Proof stats in clean row */
  .hero-proof{display:flex!important;justify-content:space-between!important;
    gap:8px!important;margin-top:16px!important;text-align:center!important}
  .hero-proof span{font-size:12px!important;flex:1!important;
    background:rgba(0,0,0,.35)!important;padding:10px 6px!important;border-radius:12px!important;
    backdrop-filter:blur(8px)!important}
  .hero-proof b{display:block!important;font-size:18px!important;color:#ff8c42!important}
  /* Hero visual - single clean image, badges below not overlapping */
  .hero-visual{position:relative!important;margin-top:8px!important}
  .hero-frame{border-radius:20px!important;overflow:hidden!important}
  .hero-frame img{width:100%!important;height:auto!important;display:block!important}
  .glass-card.gc-1,.glass-card.gc-2,.glass-card.gc-3{
    position:static!important;transform:none!important;
    display:inline-flex!important;margin:8px 4px 0!important;
    font-size:13px!important;padding:10px 14px!important;
  }
  .hero-visual{text-align:center!important}
}

/* ============ PREMIUM DESIGN UPGRADE ============ */
/* Richer typography */
body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',sans-serif!important;
  -webkit-font-smoothing:antialiased!important}
h1,h2,h3{letter-spacing:-0.02em!important;font-weight:800!important}
/* Premium cards with depth */
.glass-card,.pro-card,.match{
  background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02))!important;
  backdrop-filter:blur(20px)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:20px!important;
}
/* Section spacing breathing room */
section{scroll-margin-top:80px}
.wrap{max-width:1200px!important;margin:0 auto!important;padding:0 20px!important}
/* Premium buttons */
.btn{border-radius:14px!important;font-weight:700!important;
  transition:all .2s cubic-bezier(.4,0,.2,1)!important}
.btn:active{transform:scale(.97)!important}
/* Smooth reveal animations */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:none}
/* Premium nav */
.site-nav{background:rgba(13,17,23,.85)!important;backdrop-filter:blur(20px)!important;
  border-bottom:1px solid rgba(232,93,4,.15)!important}
.site-nav a{color:#fff!important}
/* Trust badges row */
.tt-badges{display:flex!important;justify-content:center!important;gap:16px!important;
  flex-wrap:wrap!important;padding:24px 16px!important}

/* ============ MOBILE TAB BAR ============ */
.mobile-tabbar{
  display:none;position:fixed;bottom:0;left:0;right:0;z-index:3000;
  background:rgba(13,17,23,.92);backdrop-filter:blur(20px);
  border-top:1px solid rgba(232,93,4,.25);
  padding:8px 4px calc(8px + env(safe-area-inset-bottom));
  box-shadow:0 -4px 30px rgba(0,0,0,.4),0 -1px 20px rgba(232,93,4,.1);
}
.mobile-tabbar .tab-item{
  flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;
  color:#8a8a8a!important;text-decoration:none!important;
  font-size:10px;font-weight:600;padding:6px 2px;border-radius:12px;
  transition:all .2s ease;min-width:0;
}
.mobile-tabbar .tab-icon{font-size:22px;line-height:1}
.mobile-tabbar .tab-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.mobile-tabbar .tab-item.active{color:#ff8c42!important}
.mobile-tabbar .tab-item.active .tab-icon{filter:drop-shadow(0 0 8px rgba(232,93,4,.6))}
.mobile-tabbar .tab-item:active{transform:scale(.92)}
@media(max-width:700px){
  .mobile-tabbar{display:flex!important}
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom))!important}
}

/* ============ LIGHTNING VORTEX ============ */
/* Electric lightning accents */
.grad-text{
  background:linear-gradient(135deg,#ffbe78,#e85d04,#ff6b35,#ffbe78)!important;
  background-size:200% auto!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  animation:textShine 4s linear infinite!important;
}
@keyframes textShine{to{background-position:200% center}}
/* Lightning bolt dividers */
.lightning-divider{
  height:3px;margin:30px auto;max-width:400px;border-radius:2px;
  background:linear-gradient(90deg,transparent,#ffbe78,#e85d04,#ffbe78,transparent);
  background-size:200% 100%;
  animation:borderFlow 3s linear infinite;
  box-shadow:0 0 20px rgba(232,93,4,.5),0 0 40px rgba(255,190,120,.2);
}
/* Electric glow on headings */
h2{position:relative}

/* ============ MOBILE DESIGN FIXES ============ */
@media(max-width:700px){
  /* Nav: clean dark bar, readable logo */
  .site-nav{background:#0d1117!important;padding:12px 16px!important;
    min-height:64px!important;border-bottom:1px solid rgba(232,93,4,.2)!important}
  .site-nav .logo-word{color:#fff!important;font-size:18px!important}
  .site-nav .logo-word span{color:#ff8c42!important}
  .site-nav .brand img{width:36px!important;height:36px!important}
  /* Eyebrow badge visible below nav */
  .hero-luxe{padding-top:24px!important}
  .eyebrow-glow{display:inline-block!important;margin-bottom:8px!important;
    font-size:10px!important;letter-spacing:.15em!important;
    background:rgba(232,93,4,.15)!important;padding:8px 16px!important;
    border-radius:20px!important;border:1px solid rgba(232,93,4,.3)!important}
  /* Hero text with strong backdrop for readability */
  .hero-luxe h1{font-size:30px!important;line-height:1.2!important;
    background:rgba(0,0,0,.3)!important;padding:16px!important;border-radius:16px!important;
    backdrop-filter:blur(4px)!important}
  .hero-luxe .lead{background:rgba(0,0,0,.35)!important;padding:12px 16px!important;
    border-radius:12px!important;backdrop-filter:blur(4px)!important;
    font-size:14px!important;line-height:1.5!important}
  /* Search form prominent */
  .hero-search{background:rgba(13,17,23,.85)!important;border:1px solid rgba(232,93,4,.3)!important;
    border-radius:18px!important;padding:18px!important;margin-top:16px!important;
    box-shadow:0 8px 32px rgba(0,0,0,.4)!important}
  /* Chips in clean grid */
  .hero-chips{display:grid!important;grid-template-columns:repeat(3,1fr)!important;
    gap:8px!important;margin-top:14px!important;overflow:visible!important}
  .hero-chips>span{grid-column:1/-1!important;font-size:12px!important;color:#999!important}
  .hero-chip{text-align:center!important;padding:10px 4px!important;font-size:13px!important;
    background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important}
  /* Stats cards - no overlap, clear of AI button */
  .hero-proof{display:grid!important;grid-template-columns:repeat(3,1fr)!important;
    gap:8px!important;margin:16px 0 80px!important}
  .hero-proof span{background:rgba(13,17,23,.8)!important;border:1px solid rgba(232,93,4,.2)!important;
    border-radius:14px!important;padding:12px 6px!important;font-size:11px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important}
  .hero-proof b{font-size:20px!important;color:#ff8c42!important}
  /* AI button doesn't cover content */
  .ai-fab,.ai-assistant-btn{bottom:90px!important}
  /* CTA buttons full width stacked */
  .hero-ctas{flex-direction:column!important;gap:10px!important}
  .hero-ctas .btn{width:100%!important}
}

/* ============ SEAMLESS MAX DESIGN ============ */
/* Unified dark background that flows through entire page */
body{background:#0d1117!important}
.hero-luxe{
  background:
    linear-gradient(180deg,rgba(13,17,23,.35) 0%,rgba(13,17,23,.55) 60%,#0d1117 100%),
    url("hero-vortex.jpg") center top/cover no-repeat!important;
  border-radius:0!important;
  margin:0!important;
  padding-bottom:60px!important;
}
/* All sections blend into the dark */
section.wrap{background:transparent!important}
/* Hero visual blends into background */
.hero-frame{
  border-radius:24px!important;overflow:hidden!important;
  box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(232,93,4,.15)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
/* Floating badges - horizontal scroll on mobile, no stacking */
@media(max-width:700px){
  .hero-visual{display:flex!important;flex-direction:column!important;align-items:center!important}
  .hero-frame{width:100%!important;max-width:400px!important}
  /* Badges in a horizontal scroll row */
  .hero-visual .glass-card.gc-1,
  .hero-visual .glass-card.gc-2,
  .hero-visual .glass-card.gc-3{
    display:none!important;
  }
  /* Replace with clean trust strip */
  .hero-trust-strip{
    display:flex!important;gap:8px!important;overflow-x:auto!important;
    padding:16px 4px!important;width:100%!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .hero-trust-strip .trust-chip{
    flex-shrink:0!important;display:flex!important;align-items:center!important;gap:10px!important;
    background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)!important;
    border-radius:16px!important;padding:12px 16px!important;backdrop-filter:blur(12px)!important;
  }
  .trust-chip .gc-ico{width:36px!important;height:36px!important;font-size:18px!important;
    border-radius:12px!important;background:linear-gradient(135deg,#e85d04,#ff8c42)!important;
    display:flex!important;align-items:center;justify-content:center!important;color:#fff!important}
  .trust-chip strong{display:block!important;font-size:14px!important;color:#fff!important}
  .trust-chip small{font-size:11px!important;color:#999!important}
}
/* Desktop keeps original badges */
@media(min-width:701px){
  .hero-trust-strip{display:none!important}
}
/* Fix bottom text cutoff */
.hero-luxe{overflow:visible!important}

/* ============ BEST PREMIUM UPGRADE ============ */
/* 1. Refined color system */
:root{
  --tlp-orange:#e85d04;--tlp-amber:#ff8c42;--tlp-gold:#ffbe78;
  --tlp-dark:#0d1117;--tlp-card:rgba(255,255,255,.04);
  --tlp-border:rgba(255,255,255,.08);--tlp-text:#f0ede8;--tlp-muted:#a8a29e;
}
/* 2. Premium section headers */
.section-header{text-align:center;max-width:640px;margin:0 auto 32px}
.section-header .eyebrow-glow{margin-bottom:12px}
.section-header h2{font-size:clamp(26px,5vw,38px)!important;margin:0 0 12px!important}
.section-header p{color:var(--tlp-muted);font-size:15px;line-height:1.6}
/* 3. Dual-path cards (homeowner vs contractor) */
.dual-path{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
@media(max-width:600px){.dual-path{grid-template-columns:1fr}}
.path-card{
  background:linear-gradient(135deg,rgba(232,93,4,.08),rgba(255,255,255,.02))!important;
  border:1px solid rgba(232,93,4,.2)!important;border-radius:20px!important;
  padding:28px 24px!important;text-align:center!important;position:relative;overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease!important;
}
.path-card:hover{transform:translateY(-4px)!important;box-shadow:0 16px 48px rgba(232,93,4,.2)!important}
.path-card .path-icon{font-size:44px;margin-bottom:12px;display:block}
.path-card h3{font-size:20px;margin:0 0 8px;color:#fff}
.path-card p{font-size:14px;color:var(--tlp-muted);margin:0 0 20px;line-height:1.5}
/* 4. Sticky mobile CTA */
.sticky-cta{
  display:none;position:fixed;bottom:calc(76px + env(safe-area-inset-bottom));left:16px;right:16px;z-index:2500;
}
@media(max-width:700px){.sticky-cta{display:block!important}}
.sticky-cta .btn{width:100%!important;box-shadow:0 8px 32px rgba(232,93,4,.5)!important}
/* 5. Improved tab bar with labels */
.mobile-tabbar .tab-item{padding:8px 2px!important}
.mobile-tabbar .tab-item.active{background:rgba(232,93,4,.12)!important;border-radius:14px!important}
/* 6. Skeleton loading shimmer */
.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 75%);
  background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}
@keyframes shimmer{to{background-position:-200% 0}}
/* 7. Premium dividers */
.premium-divider{display:flex;align-items:center;gap:16px;margin:40px auto;max-width:600px}
.premium-divider::before,.premium-divider::after{content:'';flex:1;height:1px;
  background:linear-gradient(90deg,transparent,rgba(232,93,4,.4),transparent)}
.premium-divider span{color:var(--tlp-amber);font-size:12px;letter-spacing:.2em;font-weight:700}

/* ============ FINAL PREMIUM POLISH ============ */
/* Pricing cards premium */
.pricing-card,.plan-card{
  background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.01))!important;
  backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.08)!important;
  border-radius:24px!important;padding:32px 28px!important;
  transition:transform .3s ease,box-shadow .3s ease!important;
}
.pricing-card:hover,.plan-card:hover{transform:translateY(-6px)!important;
  box-shadow:0 24px 64px rgba(0,0,0,.4)!important}
/* Checkout button premium */
.checkout-btn,.btn.checkout{
  background:linear-gradient(135deg,#e85d04,#ff6b35)!important;
  box-shadow:0 8px 32px rgba(232,93,4,.4)!important;
  font-size:18px!important;padding:18px 32px!important;border-radius:16px!important;
}
/* Success checkmarks */
.check-item{display:flex!important;align-items:center!important;gap:12px!important;
  padding:12px 0!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
.check-item:last-child{border:none!important}
.check-icon{width:32px!important;height:32px!important;border-radius:50%!important;
  background:linear-gradient(135deg,#e85d04,#ff8c42)!important;flex-shrink:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  color:#fff!important;font-weight:800!important;box-shadow:0 0 16px rgba(232,93,4,.4)!important}

/* ============ LIGHTNING VORTEX MAX ============ */
/* Electric storm background animation */
@keyframes lightningFlash{
  0%,100%{opacity:0}
  2%{opacity:.15}4%{opacity:0}6%{opacity:.1}8%{opacity:0}
  52%{opacity:0}54%{opacity:.12}56%{opacity:0}
}
body::after{
  content:'';position:fixed;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(115deg,transparent 44%,rgba(255,255,255,.03) 47%,transparent 50%),
    linear-gradient(65deg,transparent 60%,rgba(255,190,120,.04) 63%,transparent 66%);
  animation:none;opacity:0;
}
/* Glowing vortex orbs */
.vortex-orb{
  position:absolute;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(232,93,4,.25) 0%,transparent 70%);
  filter:blur(30px);animation:orbFloat 8s ease-in-out infinite;
}
@keyframes orbFloat{
  0%,100%{transform:translate(0,0) scale(1)}
  50%{transform:translate(20px,-20px) scale(1.1)}
}
/* Max glow buttons */
.btn.orange{
  background:linear-gradient(135deg,#ff6b35,#e85d04)!important;
  box-shadow:0 0 24px rgba(232,93,4,.5),0 4px 16px rgba(0,0,0,.3)!important;
  position:relative;overflow:hidden;
}
.btn.orange::after{
  content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.3),transparent);
  animation:btnShine 3s infinite;
}
@keyframes btnShine{0%{left:-100%}50%,100%{left:200%}}
/* Electric card borders */
.premium-card,.pricing-card,.path-card{
  position:relative;
}
.premium-card::before,.pricing-card::before,.path-card::before{
  content:'';position:absolute;inset:-1px;border-radius:inherit;z-index:-1;opacity:0;
  background:linear-gradient(135deg,#e85d04,transparent,#ffbe78,transparent,#e85d04);
  background-size:300% 300%;transition:opacity .3s;
}
.premium-card:hover::before,.pricing-card:hover::before,.path-card:hover::before{
  opacity:.6;animation:borderFlow 3s linear infinite;
}

/* ============ LIGHT PREMIUM THEME ============ */
body{background:#fafaf9!important;color:#1a1a1a!important}
/* Nav: clean white */
.site-nav{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(20px)!important;
  border-bottom:1px solid rgba(0,0,0,.06)!important;box-shadow:0 2px 20px rgba(0,0,0,.04)!important}
.site-nav a{color:#1a1a1a!important}
.site-nav .logo-word{color:#1a1a1a!important}
.site-nav .logo-word span{color:#e85d04!important}
.menu-toggle{background:#f5f5f4!important;color:#1a1a1a!important;border:1px solid rgba(0,0,0,.08)!important}
/* Hero: light with warm glow */
.hero-luxe{
  background:
    radial-gradient(600px 300px at 50% 0%,rgba(232,93,4,.08),transparent),
    linear-gradient(180deg,#fff 0%,#fafaf9 100%)!important;
  border-radius:0 0 32px 32px!important;
}
.hero-luxe h1{color:#1a1a1a!important;text-shadow:none!important;background:none!important}
.hero-luxe .lead{color:#57534e!important;text-shadow:none!important;background:none!important}
.grad-text{background:linear-gradient(135deg,#e85d04,#ff8c42)!important;
  -webkit-background-clip:text!important;background-clip:text!important}
/* Cards: white with soft shadow */
.glass-card,.premium-card,.pricing-card,.path-card,.pro-card{
  background:#fff!important;backdrop-filter:none!important;
  border:1px solid rgba(0,0,0,.06)!important;
  box-shadow:0 4px 24px rgba(0,0,0,.06)!important;color:#1a1a1a!important;
}
.glass-card strong,.premium-card h3,.path-card h3{color:#1a1a1a!important}
.glass-card small,.path-card p,.premium-card .sub{color:#78716c!important}
/* Section text readable */
h1,h2,h3{color:#1a1a1a!important}
p,.sub{color:#57534e!important}
.eyebrow-glow{color:#e85d04!important;background:rgba(232,93,4,.08)!important;
  border:1px solid rgba(232,93,4,.2)!important}
/* Checklist items readable */
.checklist li{color:#44403c!important}
/* Trust chips light */
.trust-chip{background:#fff!important;border:1px solid rgba(0,0,0,.06)!important;
  box-shadow:0 2px 12px rgba(0,0,0,.04)!important}
.trust-chip strong{color:#1a1a1a!important}
.trust-chip small{color:#78716c!important}
/* Tab bar: clean white */
.mobile-tabbar{background:rgba(255,255,255,.95)!important;
  border-top:1px solid rgba(0,0,0,.08)!important;
  box-shadow:0 -4px 24px rgba(0,0,0,.06)!important}
.mobile-tabbar .tab-item{color:#a8a29e!important}
.mobile-tabbar .tab-item.active{color:#e85d04!important;background:rgba(232,93,4,.08)!important}
/* Buttons stay vibrant */
.btn.orange{background:linear-gradient(135deg,#ff6b35,#e85d04)!important;color:#fff!important}
.btn.glass{background:#f5f5f4!important;color:#1a1a1a!important;border:1px solid rgba(0,0,0,.08)!important}
/* Footer light */
.footer-luxe,.footer{background:#f5f5f4!important;color:#57534e!important}
/* Remove dark overlays */
body::before,body::after{display:none!important}
.hero-luxe::after{display:none!important}

/* ============ LIGHT THEME FIXES ============ */
@media(max-width:700px){
  /* Nav logo not cut off */
  .site-nav .brand{display:flex!important;align-items:center!important;gap:10px!important;
    overflow:visible!important;min-width:0!important}
  .site-nav .logo-word{font-size:17px!important;white-space:nowrap!important}
  .site-nav .brand img{width:38px!important;height:38px!important;flex-shrink:0!important}
  /* Menu button clean */
  .menu-toggle{border-radius:12px!important;padding:10px 18px!important;font-weight:700!important}
  /* Hero search visible on light */
  .hero-search{background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;
    box-shadow:0 8px 32px rgba(0,0,0,.08)!important}
  .hero-search select,.hero-search input{background:#f5f5f4!important;color:#1a1a1a!important;
    border:1px solid rgba(0,0,0,.08)!important}
  /* Chips light */
  .hero-chip{background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;color:#44403c!important}
  /* Path cards light and readable */
  .path-card{background:#fff!important;border:1px solid rgba(0,0,0,.06)!important;
    box-shadow:0 8px 32px rgba(0,0,0,.06)!important}
  .path-card h3{color:#1a1a1a!important}
  .path-card p{color:#78716c!important}
  /* Sticky CTA doesn't overlap weirdly */
  .sticky-cta{bottom:calc(80px + env(safe-area-inset-bottom))!important}
  .sticky-cta .btn{border-radius:18px!important}
  /* AI fab doesn't cover tab bar */
  .ai-fab,.ai-assistant-btn{bottom:calc(160px + env(safe-area-inset-bottom))!important;
    right:16px!important;width:52px!important;height:52px!important}
  /* Section headers readable */
  .section-header h2{color:#1a1a1a!important}
  .section-header p{color:#78716c!important}
  /* CTA section light */
  .cta-luxe{background:linear-gradient(135deg,#fff,#fef3ec)!important;
    border:1px solid rgba(232,93,4,.15)!important}
  .cta-luxe h2{color:#1a1a1a!important}
  .cta-luxe p{color:#78716c!important}
}

/* ============ ORANGE VORTEX FEEL ============ */
/* Warm ambient glows */
.hero-luxe::before{
  content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:
    radial-gradient(500px 200px at 20% 10%,rgba(255,140,66,.12),transparent),
    radial-gradient(400px 200px at 80% 20%,rgba(232,93,4,.08),transparent),
    radial-gradient(600px 300px at 50% 100%,rgba(255,190,120,.06),transparent);
  animation:ambientPulse 8s ease-in-out infinite alternate;
}
@keyframes ambientPulse{0%{opacity:.7}100%{opacity:1}}
/* Orange glow behind CTAs */
.btn.orange{
  box-shadow:0 8px 32px rgba(232,93,4,.35),0 0 0 1px rgba(232,93,4,.1)!important;
  transition:box-shadow .3s ease,transform .2s ease!important;
}
.btn.orange:hover{box-shadow:0 12px 48px rgba(232,93,4,.5)!important;transform:translateY(-2px)!important}
/* Warm heading accents */
h2 .grad-text{filter:drop-shadow(0 2px 12px rgba(232,93,4,.2))}
/* Orange section dividers */
.section-divider{
  height:2px;max-width:200px;margin:32px auto;border-radius:1px;
  background:linear-gradient(90deg,transparent,#e85d04,transparent);
  box-shadow:0 0 16px rgba(232,93,4,.4);
}
/* Card warm hover */
.premium-card:hover,.pricing-card:hover,.path-card:hover{
  border-color:rgba(232,93,4,.2)!important;
  box-shadow:0 12px 48px rgba(232,93,4,.08),0 4px 24px rgba(0,0,0,.06)!important;
}
/* Trust badges warm glow */
.tt-badges img{filter:drop-shadow(0 2px 8px rgba(232,93,4,.15))}
/* Tab bar active glow */
.mobile-tabbar .tab-item.active{box-shadow:inset 0 0 0 1px rgba(232,93,4,.2)!important}
/* Footer warm top border */
.footer-luxe,.footer{border-top:2px solid rgba(232,93,4,.1)!important}

/* ============ SOFT ORANGE LIGHTING (not fire) ============ */
/* Gentle light bloom on hero */
.hero-luxe{
  position:relative;overflow:hidden;
}
.hero-light-bloom{
  position:absolute;top:-100px;left:50%;transform:translateX(-50%);
  width:800px;height:400px;pointer-events:none;
  background:radial-gradient(ellipse,rgba(255,170,80,.15) 0%,transparent 70%);
  filter:blur(20px);
}
/* Soft glow text */
.grad-text{
  background:linear-gradient(135deg,#f4842b,#e85d04)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
}
/* Luxury card lighting */
.premium-card,.pricing-card,.path-card,.glass-card{
  box-shadow:0 4px 24px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.04)!important;
}
/* Soft orange top-light on cards */
.premium-card::after,.path-card::after{
  content:'';position:absolute;top:0;left:10%;right:10%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(232,93,4,.3),transparent);
  pointer-events:none;
}
/* Gentle button glow */
.btn.orange{
  box-shadow:0 6px 24px rgba(232,93,4,.25)!important;
}
.btn.orange:hover{
  box-shadow:0 8px 32px rgba(232,93,4,.35)!important;
}
/* Remove harsh animations */
.btn.orange::after{display:none!important}

/* ============ BADASS ORANGE VORTEX ============ */
/* Dramatic animated vortex hero */
.hero-luxe{
  background:
    radial-gradient(800px 400px at 15% 20%,rgba(255,120,30,.18),transparent 60%),
    radial-gradient(700px 350px at 85% 30%,rgba(232,93,4,.15),transparent 60%),
    radial-gradient(600px 500px at 50% 100%,rgba(255,180,100,.12),transparent 60%),
    linear-gradient(180deg,#fff 0%,#fff8f2 50%,#ffefe0 100%)!important;
  position:relative;overflow:hidden;
}
/* Spinning vortex rings */
.hero-luxe::before{
  content:''!important;position:absolute!important;top:-200px;right:-200px;
  width:600px;height:600px;border-radius:50%;pointer-events:none;
  background:conic-gradient(from 0deg,transparent,rgba(232,93,4,.12),transparent,rgba(255,140,66,.08),transparent);
  animation:vortexSpin 20s linear infinite!important;
  display:block!important;opacity:1!important;
}
@keyframes vortexSpin{to{transform:rotate(360deg)}}
/* Second vortex ring */
.hero-luxe::after{
  content:''!important;position:absolute!important;bottom:-150px;left:-150px;
  width:450px;height:450px;border-radius:50%;pointer-events:none;
  background:conic-gradient(from 180deg,transparent,rgba(255,140,66,.1),transparent,rgba(232,93,4,.06),transparent)!important;
  animation:vortexSpin 15s linear infinite reverse!important;
  display:block!important;opacity:1!important;
}
/* Bold gradient headings with energy */
.hero-luxe h1{
  font-size:clamp(36px,8vw,56px)!important;font-weight:900!important;
  letter-spacing:-0.03em!important;line-height:1.05!important;
}
.grad-text{
  background:linear-gradient(135deg,#ff6b35 0%,#e85d04 40%,#ff8c42 70%,#e85d04 100%)!important;
  background-size:200% auto!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  animation:textShine 3s linear infinite!important;
  filter:drop-shadow(0 4px 20px rgba(232,93,4,.25))!important;
}
/* Explosive CTA buttons */
.btn.orange{
  background:linear-gradient(135deg,#ff7b2e,#e85d04 60%,#d14d00)!important;
  box-shadow:0 10px 40px rgba(232,93,4,.45),inset 0 1px 0 rgba(255,255,255,.3)!important;
  font-weight:800!important;letter-spacing:.02em!important;
  transform:translateZ(0);transition:all .2s ease!important;
}
.btn.orange:hover{
  transform:translateY(-3px) scale(1.02)!important;
  box-shadow:0 16px 60px rgba(232,93,4,.6),inset 0 1px 0 rgba(255,255,255,.3)!important;
}
/* Glowing section eyebrow badges */
.eyebrow-glow{
  background:linear-gradient(135deg,rgba(232,93,4,.12),rgba(255,140,66,.08))!important;
  border:1px solid rgba(232,93,4,.3)!important;
  box-shadow:0 0 24px rgba(232,93,4,.15),inset 0 0 12px rgba(232,93,4,.05)!important;
  font-weight:800!important;
}
.pulse-dot{
  width:8px;height:8px;border-radius:50%;background:#e85d04;
  box-shadow:0 0 12px #e85d04,0 0 24px rgba(232,93,4,.5);
  animation:pulseDot 2s ease-in-out infinite;
}
@keyframes pulseDot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}
/* Cards with orange energy border */
.path-card,.pricing-card{
  border:1px solid rgba(232,93,4,.15)!important;
  background:linear-gradient(135deg,#fff 0%,#fffaf5 100%)!important;
  transition:all .3s cubic-bezier(.4,0,.2,1)!important;
}
.path-card:hover,.pricing-card:hover{
  border-color:rgba(232,93,4,.4)!important;
  box-shadow:0 20px 60px rgba(232,93,4,.15)!important;
  transform:translateY(-6px)!important;
}
/* Path icons with glow */
.path-icon{
  filter:drop-shadow(0 4px 16px rgba(232,93,4,.3))!important;
  font-size:52px!important;
}

/* ============ VISIBILITY FIXES ============ */
/* Footer: dark text on light bg */
.footer-luxe h4,.footer h4{color:#1a1a1a!important;font-weight:800!important;
  font-size:13px!important;letter-spacing:.1em!important}
.footer-luxe a,.footer a{color:#78716c!important}
.footer-luxe a:hover,.footer a:hover{color:#e85d04!important}
.footer-luxe p,.footer p{color:#78716c!important}
/* Sticky CTA doesn't cover footer */
.sticky-cta{pointer-events:none}
.sticky-cta .btn{pointer-events:auto}
/* AI button above tab bar, not overlapping */
.ai-fab,.ai-assistant-btn{
  bottom:calc(150px + env(safe-area-inset-bottom))!important;
  right:12px!important;z-index:2400!important;
}
/* Tab bar Account tab visible */
.mobile-tabbar .tab-item:last-child{margin-right:60px!important}

/* ============ ORANGE + NAVY MAX GLOW ============ */
:root{
  --navy-900:#0a1428;--navy-800:#0f1d38;--navy-700:#16294d;
  --orange-500:#ff6b35;--orange-400:#ff8c42;--orange-600:#e85d04;
}
body{background:var(--navy-900)!important;color:#e8e6e3!important}
/* Nav: navy with orange glow border */
.site-nav{background:rgba(10,20,40,.92)!important;backdrop-filter:blur(20px)!important;
  border-bottom:1px solid rgba(255,107,53,.25)!important;
  box-shadow:0 2px 30px rgba(255,107,53,.08)!important}
.site-nav a{color:#fff!important}
.site-nav .logo-word{color:#fff!important}
.site-nav .logo-word span{color:var(--orange-500)!important;
  text-shadow:0 0 20px rgba(255,107,53,.5)!important}
.menu-toggle{background:var(--navy-700)!important;color:#fff!important;
  border:1px solid rgba(255,107,53,.3)!important}
/* Hero: navy with orange vortex energy */
.hero-luxe{
  background:
    radial-gradient(700px 350px at 20% 10%,rgba(255,107,53,.15),transparent 60%),
    radial-gradient(600px 300px at 80% 20%,rgba(255,140,66,.1),transparent 60%),
    linear-gradient(180deg,var(--navy-800) 0%,var(--navy-900) 100%)!important;
}
.hero-luxe::before{
  content:''!important;position:absolute!important;top:-150px;right:-150px;
  width:500px;height:500px;border-radius:50%;pointer-events:none;display:block!important;
  background:conic-gradient(from 0deg,transparent,rgba(255,107,53,.15),transparent,rgba(255,140,66,.08),transparent)!important;
  animation:vortexSpin 18s linear infinite!important;opacity:1!important;
}
.hero-luxe h1{color:#fff!important}
.hero-luxe .lead{color:#b8c0d0!important}
.eyebrow-glow{color:var(--orange-400)!important;background:rgba(255,107,53,.1)!important;
  border:1px solid rgba(255,107,53,.35)!important;
  box-shadow:0 0 24px rgba(255,107,53,.2)!important}
/* Cards: navy with orange glow edges */
.glass-card,.premium-card,.pricing-card,.path-card,.pro-card,.trust-chip{
  background:linear-gradient(135deg,var(--navy-800),var(--navy-900))!important;
  border:1px solid rgba(255,107,53,.15)!important;
  box-shadow:0 8px 32px rgba(0,0,0,.3)!important;color:#e8e6e3!important;
}
.glass-card strong,.premium-card h3,.path-card h3,.trust-chip strong{color:#fff!important}
.glass-card small,.path-card p,.trust-chip small,.sub{color:#8a94a8!important}
h1,h2,h3{color:#fff!important}
p{color:#b8c0d0!important}
/* Buttons: blazing orange */
.btn.orange{
  background:linear-gradient(135deg,#ff7b2e,#e85d04)!important;
  box-shadow:0 0 30px rgba(255,107,53,.5),0 8px 24px rgba(0,0,0,.3)!important;
  color:#fff!important;font-weight:800!important;
}
.btn.orange:hover{box-shadow:0 0 50px rgba(255,107,53,.7)!important;transform:translateY(-2px)!important}
.btn.glass{background:var(--navy-700)!important;color:#fff!important;
  border:1px solid rgba(255,107,53,.25)!important}
/* Forms */
.hero-search{background:rgba(10,20,40,.7)!important;border:1px solid rgba(255,107,53,.25)!important;
  box-shadow:0 8px 40px rgba(0,0,0,.4),0 0 30px rgba(255,107,53,.08)!important}
.hero-search select,.hero-search input{background:var(--navy-700)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.1)!important}
.hero-chip{background:var(--navy-700)!important;border:1px solid rgba(255,107,53,.2)!important;color:#c8d0e0!important}
/* Tab bar: navy glow */
.mobile-tabbar{background:rgba(10,20,40,.95)!important;
  border-top:1px solid rgba(255,107,53,.25)!important;
  box-shadow:0 -4px 30px rgba(255,107,53,.1)!important}
.mobile-tabbar .tab-item{color:#6b768c!important}
.mobile-tabbar .tab-item.active{color:var(--orange-500)!important;
  text-shadow:0 0 16px rgba(255,107,53,.5)!important}
/* Footer navy */
.footer-luxe,.footer{background:var(--navy-900)!important;
  border-top:1px solid rgba(255,107,53,.15)!important}
.footer-luxe h4,.footer h4{color:#fff!important}
.footer-luxe a,.footer a{color:#8a94a8!important}
/* Section headers */
.section-header h2{color:#fff!important}
.section-header p{color:#8a94a8!important}
/* Remove light theme overrides */
body::before,body::after{animation:none!important;opacity:0!important;display:none!important}

/* ============ MORE VORTEX GLOW ============ */
/* Nav links no underline */
.site-nav .links a{text-decoration:none!important}
/* Glowing orbs on sections */
section{position:relative}
/* Vortex glow behind headings */
h1 .grad-text,h2 .grad-text{
  filter:drop-shadow(0 0 24px rgba(255,107,53,.4))!important;
}
/* Animated glow pulse on primary CTAs */
@keyframes glowPulse{
  0%,100%{box-shadow:0 0 30px rgba(255,107,53,.5),0 8px 24px rgba(0,0,0,.3)}
  50%{box-shadow:0 0 50px rgba(255,107,53,.7),0 8px 24px rgba(0,0,0,.3)}
}
.btn.orange.xl{animation:glowPulse 3s ease-in-out infinite}
/* Footer glow top */
.footer-luxe,.footer{
  box-shadow:0 -4px 40px rgba(255,107,53,.06)!important;
}

/* ============ MAX PREMIUM DETAIL ============ */
/* Refined focus states */
input:focus,select:focus,textarea:focus{
  outline:none!important;border-color:#ff6b35!important;
  box-shadow:0 0 0 3px rgba(255,107,53,.15),0 0 20px rgba(255,107,53,.1)!important;
}
/* Input styling */
input,select,textarea{
  background:#0f1d38!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:12px!important;padding:14px 16px!important;
  font-size:16px!important;transition:all .2s ease!important;
}
input::placeholder{color:#5a6a85!important}
/* Link hover glow */
a{transition:color .2s ease!important}
/* Card entrance animation */
@keyframes cardIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.premium-card,.path-card,.pricing-card{animation:cardIn .5s ease both}
.path-card:nth-child(2){animation-delay:.1s}
/* Pill badges refined */
.pill{
  background:rgba(255,107,53,.1)!important;border:1px solid rgba(255,107,53,.25)!important;
  color:#ff8c42!important;font-weight:700!important;font-size:12px!important;
  padding:6px 14px!important;border-radius:20px!important;
}
.pill.verified{background:rgba(34,197,94,.1)!important;border-color:rgba(34,197,94,.3)!important;color:#4ade80!important}
/* Table refinement */
table{border-collapse:separate!important;border-spacing:0!important}
th{color:#8a94a8!important;font-size:12px!important;text-transform:uppercase!important;
  letter-spacing:.08em!important;padding:14px 12px!important}
td{padding:16px 12px!important;border-top:1px solid rgba(255,255,255,.05)!important;color:#c8d0e0!important}
tr:hover td{background:rgba(255,107,53,.03)!important}
/* Metric cards */
.metric{background:rgba(255,107,53,.05)!important;border:1px solid rgba(255,107,53,.12)!important;
  border-radius:14px!important;padding:16px!important;text-align:center!important}
.metric small{color:#8a94a8!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.metric strong{color:#fff!important;font-size:20px!important;display:block!important;margin-top:4px!important}
/* Checklist refined */
.checklist{list-style:none!important;padding:0!important}
.checklist li{padding:10px 0 10px 32px!important;position:relative!important;color:#b8c0d0!important}
.checklist li::before{
  content:'✓'!important;position:absolute!important;left:0!important;top:10px!important;
  width:22px!important;height:22px!important;border-radius:50%!important;
  background:linear-gradient(135deg,#ff6b35,#e85d04)!important;
  color:#fff!important;font-size:12px!important;font-weight:800!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  box-shadow:0 0 12px rgba(255,107,53,.4)!important;
}
/* Scrollbar styled */
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#0a1428}
::-webkit-scrollbar-thumb{background:linear-gradient(#ff6b35,#e85d04);border-radius:5px}
/* Selection color */
::selection{background:rgba(255,107,53,.3)!important}

/* ============ PREMIUM AI CHATBOT ============ */
/* AI chat window */
.tlp-ai-window,.ai-chat-window{
  background:linear-gradient(180deg,#0f1d38,#0a1428)!important;
  border:1px solid rgba(255,107,53,.25)!important;
  border-radius:24px!important;
  box-shadow:0 20px 80px rgba(0,0,0,.5),0 0 40px rgba(255,107,53,.1)!important;
  overflow:hidden!important;
}
/* AI header with glow */
.tlp-ai-header,.ai-chat-header{
  background:linear-gradient(135deg,rgba(255,107,53,.15),rgba(255,107,53,.05))!important;
  border-bottom:1px solid rgba(255,107,53,.2)!important;
  padding:16px 20px!important;
}
/* AI messages */
.tlp-ai-msg-bot,.ai-msg-bot{
  background:rgba(255,107,53,.08)!important;
  border:1px solid rgba(255,107,53,.15)!important;
  border-radius:4px 18px 18px 18px!important;
  color:#e8e6e3!important;
}
/* User messages */
.tlp-ai-msg-user,.ai-msg-user{
  background:linear-gradient(135deg,#ff6b35,#e85d04)!important;
  border-radius:18px 4px 18px 18px!important;
  color:#fff!important;
  box-shadow:0 4px 16px rgba(255,107,53,.3)!important;
}
/* AI input */
.tlp-ai-input,.ai-chat-input{
  background:#0f1d38!important;
  border:1px solid rgba(255,107,53,.25)!important;
  border-radius:16px!important;
  color:#fff!important;
}
/* AI floating button - premium */
.ai-fab,.ai-assistant-btn{
  background:linear-gradient(135deg,#ff6b35,#e85d04)!important;
  box-shadow:0 0 30px rgba(255,107,53,.6),0 8px 24px rgba(0,0,0,.3)!important;
  border:2px solid rgba(255,255,255,.2)!important;
}
.ai-fab:hover{transform:scale(1.1)!important;box-shadow:0 0 50px rgba(255,107,53,.8)!important}
/* Typing indicator */
.tlp-typing span{background:#ff6b35!important;box-shadow:0 0 8px rgba(255,107,53,.6)!important}
/* Suggestion chips */
.tlp-chip{
  background:rgba(255,107,53,.1)!important;border:1px solid rgba(255,107,53,.3)!important;
  color:#ff8c42!important;border-radius:20px!important;
  transition:all .2s ease!important;
}
.tlp-chip:hover{background:rgba(255,107,53,.2)!important;box-shadow:0 0 16px rgba(255,107,53,.3)!important}