/* DREVOZ production stylesheet - extracted from inline styles for easier maintenance */

:root {
  --fb:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--fd:'Orbitron','Courier New',monospace;
  --g1:#FFFBF2;--g2:#FFE9A8;--g3:#FFD452;--g4:#F5C518;--g5:#D4AF37;--g6:#B8960C;--g7:#7A6008;
  --gg:rgba(212,175,55,.65);
  --grad:linear-gradient(135deg,#FFE9A8 0%,#D4AF37 45%,#B8960C 100%);
  --gradb:linear-gradient(135deg,#FFFBF2 0%,#FFD452 28%,#D4AF37 60%,#9A7A0A 100%);
  --d1:#28282f;--d2:#1e1e25;--d3:#14141a;--d4:#0c0c10;
  --gl1:rgba(255,255,255,.04);--gl2:rgba(255,255,255,.08);--gl3:rgba(255,255,255,.14);
  --gb:rgba(212,175,55,.28);--gbh:rgba(212,175,55,.65);
  --gsh:linear-gradient(162deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.02) 22%,transparent 50%);
  --panel:rgba(32,32,40,.97);
  --panelh:rgba(30,30,38,.98);
  --sh1:0 4px 18px rgba(0,0,0,.32);--sh2:0 8px 36px rgba(0,0,0,.44);
  --shg:0 6px 32px rgba(212,175,55,.26);--shgh:0 0 40px rgba(212,175,55,.5);
  --glow-bot:0 0 22px rgba(212,175,55,.22),0 4px 18px rgba(0,0,0,.28);
  --glow-user:0 0 28px rgba(212,175,55,.38),0 4px 18px rgba(212,175,55,.18);
  --tx1:#FFFFFF;--tx2:rgba(255,255,255,.82);--tx3:rgba(255,255,255,.58);
  --r1:10px;--r2:16px;--r3:22px;--r4:30px;
  --tf:.11s;--tm:.27s;
  --spring:cubic-bezier(.175,.885,.32,1.275);--eout:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%;overflow:hidden}
body{font-family:var(--fb);background:var(--d3);color:var(--tx1);line-height:1.55;overflow-x:hidden;}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important;}}

/* ============================================================
   INTRO
   ============================================================ */
#intro{
  position:fixed;inset:0;z-index:200;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:radial-gradient(ellipse 120% 90% at 50% 40%,rgba(180,140,20,.2) 0%,transparent 60%),
             linear-gradient(180deg,#0a0a0d 0%,#030305 100%);
  transition:opacity .6s var(--eout),transform .6s var(--eout);
}
#intro.out{opacity:0;transform:scale(1.07);pointer-events:none}

/* Shared anchor so orbits/rays/logo share the same center */
.intro-center-wrap{
  position:relative;width:320px;height:320px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}

/* Gold rays behind logo */
.intro-rays{
  position:absolute;width:380px;height:380px;
  top:50%;left:50%;margin-top:-190px;margin-left:-190px;
  background:conic-gradient(from 0deg,
    transparent 0deg,rgba(212,175,55,.06) 10deg,transparent 20deg,
    transparent 40deg,rgba(212,175,55,.05) 50deg,transparent 60deg,
    transparent 80deg,rgba(212,175,55,.07) 90deg,transparent 100deg,
    transparent 120deg,rgba(212,175,55,.04) 130deg,transparent 140deg,
    transparent 160deg,rgba(212,175,55,.06) 170deg,transparent 180deg,
    transparent 200deg,rgba(212,175,55,.05) 210deg,transparent 220deg,
    transparent 240deg,rgba(212,175,55,.07) 250deg,transparent 260deg,
    transparent 280deg,rgba(212,175,55,.04) 290deg,transparent 300deg,
    transparent 320deg,rgba(212,175,55,.06) 330deg,transparent 340deg,
    transparent 360deg);
  border-radius:50%;
  will-change:transform,opacity;
  animation:raysRotate 8s linear infinite,introIn .5s var(--eout) .1s both;transform:translateZ(0);
  opacity:.7;
}
.intro-glow-ring{
  position:absolute;width:240px;height:240px;border-radius:50%;
  top:50%;left:50%;margin-top:-120px;margin-left:-120px;
  background:radial-gradient(circle,rgba(212,175,55,.3) 0%,rgba(212,175,55,.08) 50%,transparent 70%);
  animation:glowPulseRing 2.4s ease-in-out infinite,introIn .45s var(--eout) .1s both;
  filter:blur(12px);
}
.intro-logo-scene{position:relative;width:178px;height:178px;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  border-radius:50%;overflow:hidden;
  border:2px solid rgba(212,175,55,.35);
  box-shadow:0 0 32px rgba(212,175,55,.5),0 0 64px rgba(212,175,55,.2);
  transform:translateZ(0);isolation:isolate;
  animation:introIn .5s var(--spring) .05s both,introLogoFloat 4s ease-in-out 1.5s infinite,introGoldPulse 3s ease-in-out 1.5s infinite;}

.intro-logo-img{
  width:178px;height:178px;object-fit:contain;display:block;
  mix-blend-mode:screen;border-radius:50%;clip-path:circle(50%);
  filter:drop-shadow(0 0 40px rgba(212,175,55,.8)) drop-shadow(0 0 80px rgba(212,175,55,.35));
  animation:introLogoGlow 1.2s ease-out .05s both;
  position:relative;z-index:2;
}
/* Gloss sweep on intro logo */
.intro-logo-gloss{
  position:absolute;top:0;left:0;width:178px;height:178px;
  border-radius:50%;overflow:hidden;z-index:3;pointer-events:none;
  transform:translateZ(0);isolation:isolate;
  clip-path:inset(0 round 50%);
}
.intro-logo-gloss::after{
  content:'';position:absolute;top:-10%;left:0;width:50%;height:120%;
  background:linear-gradient(90deg,transparent 20%,rgba(255,255,255,.85) 50%,transparent 80%);
  will-change:transform;
  animation:glossLoop 2.7s ease-in-out infinite;
}

/* Reflection */
.intro-reflect-wrap{width:178px;height:55px;overflow:hidden;position:relative;margin-top:-2px;z-index:1;opacity:.4;}
.intro-reflect-img{
  width:178px;height:178px;object-fit:contain;transform:scaleY(-1);display:block;
  mix-blend-mode:screen;clip-path:circle(50%);border-radius:50%;
  opacity:.3;filter:blur(3px);
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,transparent 70%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,transparent 70%);}

/* Orbit rings */
.intro-orbit{position:absolute;border-radius:50%;pointer-events:none;top:50%;left:50%;}
.intro-orbit-1{width:215px;height:215px;margin-top:-107px;margin-left:-107px;
  border:1.5px solid transparent;
  background:linear-gradient(var(--d4),var(--d4)) padding-box,
    conic-gradient(from 0deg,var(--g7),var(--g4),var(--g1),var(--g5),var(--g7)) border-box;
  will-change:transform;transform:translateZ(0);animation:introRingExpand .45s var(--spring) .0s both;}
.intro-orbit-2{width:255px;height:255px;margin-top:-127px;margin-left:-127px;
  border:1px solid rgba(212,175,55,.12);
  animation:introRingExpand .45s var(--spring) .06s both;}
.intro-orbit-3{width:300px;height:300px;margin-top:-150px;margin-left:-150px;
  border:1px solid rgba(212,175,55,.06);
  animation:introRingExpand .45s var(--spring) .10s both;}

.intro-text-block{text-align:center;margin-top:18px;animation:introTextIn .55s var(--spring) .35s both;}
.intro-brand{font-family:var(--fd);font-size:34px;font-weight:900;letter-spacing:.2em;
  background:var(--gradb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;line-height:1;}
.intro-sub{font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;
  color:var(--tx3);margin-top:5px;}
.intro-bar{width:110px;height:2px;margin:16px auto 0;background:rgba(255,255,255,.06);
  border-radius:2px;overflow:hidden;animation:introTextIn .5s var(--spring) .55s both;}
.intro-bar-fill{height:100%;width:0;background:var(--grad);
  box-shadow:0 0 8px rgba(212,175,55,.6);
  animation:introFill .85s cubic-bezier(.16,1,.3,1) .2s forwards;}
.intro-tagline{font-size:11.5px;color:var(--tx3);margin-top:10px;letter-spacing:.05em;
  animation:introTextIn .5s var(--spring) .75s both;}
.intro-tagline-2{font-size:10px;color:rgba(212,175,55,.5);margin-top:6px;letter-spacing:.04em;
  animation:introTextIn .5s var(--spring) 1.0s both;}
.intro-tagline-3{font-size:9px;color:var(--tx3);margin-top:4px;letter-spacing:.06em;text-transform:uppercase;
  animation:introTextIn .5s var(--spring) 1.2s both;}

/* ============================================================
   BACKGROUND
   ============================================================ */
.bg{position:fixed;inset:0;z-index:0;overflow:hidden;
  background:radial-gradient(ellipse 110% 65% at 50% -5%,rgba(212,175,55,.13) 0%,transparent 52%),
             linear-gradient(188deg,#0d0d11 0%,#040406 100%);}
.bg-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;
  animation:orbDrift var(--od,22s) ease-in-out infinite alternate;}
.bg-o1{width:560px;height:560px;background:radial-gradient(circle,rgba(212,175,55,.22),transparent 70%);top:-170px;left:-70px;--od:24s}
.bg-o2{width:340px;height:340px;background:radial-gradient(circle,rgba(180,140,20,.1),transparent 70%);bottom:-80px;right:-60px;--od:18s;animation-direction:alternate-reverse}
.bg-o3{width:240px;height:240px;background:radial-gradient(circle,rgba(155,120,10,.07),transparent 70%);top:44%;left:60%;--od:28s}
.bg-grid{position:absolute;inset:0;
  background-image:linear-gradient(rgba(212,175,55,.034) 1px,transparent 1px),
    linear-gradient(90deg,rgba(212,175,55,.034) 1px,transparent 1px);
  background-size:54px 54px;animation:gridPan 55s linear infinite;}
.bg-noise{position:absolute;inset:0;opacity:.02;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");}
.particle{position:absolute;width:2px;height:2px;background:var(--g3);border-radius:50%;opacity:0;
  animation:particleRise var(--pd,13s) linear infinite;animation-delay:var(--pdd,0s);}

/* ============================================================
   APP SHELL
   ============================================================ */
.app{display:flex;flex-direction:column;height:100vh;height:100dvh;
  position:relative;z-index:1;max-width:640px;margin:0 auto;}
/* Desktop ambient panels — hidden by default on mobile */
.desktop-side, .desktop-side-right { display:none; }

/* ============================================================
   DESKTOP AMBIENT PANELS — PREMIUM REDESIGN
   ============================================================ */
@media(min-width:641px){
  /* ── Shared panel base ─────────────────────────────────── */
  .desktop-side,.desktop-side-right{
    display:flex;
    position:fixed;top:0;bottom:0;
    z-index:0;pointer-events:none;
  }

  /* ── Left panel — brand statement ─────────────────────── */
  .desktop-side{
    left:0;
    width:calc(50% - 322px);
    max-width:380px;
    flex-direction:column;
    justify-content:center;
    padding:60px 40px 60px 56px;
    gap:0;
    /* Subtle right-edge gradient vignette */
    background:linear-gradient(90deg,rgba(0,0,0,.12) 0%,transparent 100%);
  }
  .desktop-side::after{
    content:'';
    position:absolute;top:15%;right:0;bottom:15%;width:1px;
    background:linear-gradient(180deg,
      transparent 0%,
      rgba(212,175,55,.08) 20%,
      rgba(212,175,55,.18) 50%,
      rgba(212,175,55,.08) 80%,
      transparent 100%);
  }

  /* Value prop headline block */
  .desktop-side-eyebrow{
    font-size:9.5px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;
    color:rgba(212,175,55,.6);margin-bottom:12px;
  }
  .desktop-side-headline{
    font-family:var(--fd);font-size:28px;line-height:1.13;font-weight:800;
    color:#f7f7fa;margin:0 0 12px;letter-spacing:.01em;
  }
  .desktop-side-body{
    font-size:13px;line-height:1.72;color:rgba(255,255,255,.46);margin-bottom:20px;
  }
  .desktop-side-divider{
    height:1px;
    background:linear-gradient(90deg,rgba(212,175,55,.3),rgba(212,175,55,.06),transparent);
    margin-bottom:20px;
  }
  /* Updated feat rows with icon */
  .desktop-side-feat-icon{
    width:26px;height:26px;flex-shrink:0;border-radius:7px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(212,175,55,.09);border:1px solid rgba(212,175,55,.18);
    color:var(--g4);
  }
  .desktop-side-feat-icon svg{width:13px;height:13px;}
  .desktop-side-feat span{font-size:12px;line-height:1.55;color:rgba(255,255,255,.55);padding-top:5px;}

  /* Feature list — gold diamond bullets */
  .desktop-side-features{
    display:flex;flex-direction:column;gap:10px;
  }
  .desktop-side-feat{
    display:flex;align-items:flex-start;gap:12px;
    font-size:12.5px;color:rgba(255,255,255,.28);line-height:1.5;
    transition:color .2s;
  }
  .desktop-side-feat-dot{
    width:6px;height:6px;
    background:none;
    border:1.5px solid rgba(212,175,55,.48);
    transform:rotate(45deg);
    flex-shrink:0;margin-top:5px;border-radius:1px;
  }
  .desktop-side-feat:hover{color:rgba(255,255,255,.45);}
  .desktop-side-feat:hover .desktop-side-feat-dot{
    background:rgba(212,175,55,.4);border-color:rgba(212,175,55,.7);
  }

  /* Markets footer */
  .desktop-side-markets{
    font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
    color:rgba(212,175,55,.22);
    margin-top:22px;
    padding-top:16px;
    border-top:1px solid rgba(212,175,55,.08);
  }

  /* ── Right panel — trust / proof ──────────────────────── */
  .desktop-side-right{
    right:0;
    width:calc(50% - 322px);
    max-width:380px;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    padding:60px 56px 60px 40px;
    gap:0;
  }
  .desktop-side-right::before{
    content:'';
    position:absolute;top:15%;left:0;bottom:15%;width:1px;
    background:linear-gradient(180deg,
      transparent 0%,
      rgba(212,175,55,.08) 20%,
      rgba(212,175,55,.16) 50%,
      rgba(212,175,55,.08) 80%,
      transparent 100%);
  }

  /* Right panel heading */
  .desktop-side-right::after{
    display:none; /* remove any inherited pseudo */
  }

  .desktop-trust-item{
    display:flex;flex-direction:column;gap:5px;
    padding:18px 0;
    width:100%;
    border-bottom:1px solid rgba(212,175,55,.06);
  }
  .desktop-trust-item:first-child{padding-top:0;}
  .desktop-trust-item:last-child{border-bottom:none;padding-bottom:0;}

  .desktop-trust-num{
    font-family:var(--fd);font-size:38px;font-weight:900;letter-spacing:.04em;
    background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
    line-height:1;
  }
  .desktop-trust-lbl{
    font-size:12px;color:rgba(255,255,255,.28);font-weight:600;letter-spacing:.04em;
    line-height:1.4;
  }
  .desktop-trust-sub{
    font-size:10.5px;color:rgba(212,175,55,.35);font-weight:700;letter-spacing:.06em;
    margin-top:1px;
  }
}

/* ── Large desktop: expand panels ───────────────────────── */
@media(min-width:1200px){
  .desktop-side{max-width:440px;padding:60px 44px 60px 72px;}
  .desktop-side-right{max-width:440px;padding:60px 72px 60px 44px;}
  .desktop-side-headline{font-size:24px;}
}
/* ============================================================
   REFERRAL
   ============================================================ */
.ref-banner{display:none;align-items:center;justify-content:center;gap:8px;padding:7px 16px;
  background:linear-gradient(90deg,rgba(212,175,55,.1),rgba(212,175,55,.16),rgba(212,175,55,.1));
  border-bottom:1px solid rgba(212,175,55,.18);
  font-size:11px;font-weight:700;color:var(--g2);letter-spacing:.06em;text-transform:uppercase;}
.ref-banner.on{display:flex}
.ref-banner.partner{background:linear-gradient(90deg,rgba(212,175,55,.14),rgba(212,175,55,.26),rgba(212,175,55,.14));
  border-bottom-color:rgba(212,175,55,.38);}
.ref-partner-badge{display:inline-block;background:var(--grad);color:#000;font-size:7.5px;
  font-weight:900;letter-spacing:.1em;padding:1px 5px;border-radius:8px;vertical-align:middle;
  margin-left:3px;text-transform:uppercase;}
.ref-dot{width:5px;height:5px;border-radius:50%;background:var(--g4);box-shadow:0 0 8px var(--gg);animation:dotPulse 2s ease-in-out infinite;}

/* ============================================================
   HEADER — logo with repeating gloss sweep
   ============================================================ */
.hdr{padding:9px 16px 7px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;
  background:linear-gradient(180deg,rgba(7,7,10,.95) 0%,transparent 100%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
.hdr-logo{display:flex;align-items:center;gap:10px;}
.hdr-logo-wrap{
  position:relative;width:46px;height:46px;flex-shrink:0;overflow:hidden;border-radius:50%;
  border:1.5px solid rgba(212,175,55,.4);
  box-shadow:0 0 14px rgba(212,175,55,.45),0 0 28px rgba(212,175,55,.18);
  transform:translateZ(0);isolation:isolate;
}
.hdr-logo-img{width:46px;height:46px;object-fit:cover;display:block;
  border-radius:50%;
  position:relative;z-index:1;}
/* Repeating gloss sweep on header logo */
.hdr-logo-gloss{
  position:absolute;inset:0;overflow:hidden;border-radius:50%;
}
.hdr-logo-gloss::after{
  content:'';position:absolute;top:-10%;left:0;width:50%;height:120%;
  background:linear-gradient(90deg,transparent 15%,rgba(255,255,255,.82) 50%,transparent 85%);
  will-change:transform;
  animation:glossLoop 2.7s ease-in-out infinite;
  pointer-events:none;z-index:2;
}
.hdr-text{display:flex;flex-direction:column;}
.hdr-brand{font-family:var(--fd);font-size:16px;font-weight:900;letter-spacing:.14em;
  background:var(--gradb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;line-height:1.05;}
.hdr-sub{font-size:8px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--tx3);line-height:1.25;}
.hdr-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
/* Back button — pill */
.hdr-btn{width:auto;padding:0 12px 0 8px;min-height:34px;border-radius:999px;gap:6px;
  border:1px solid rgba(212,175,55,.35);
  background:rgba(212,175,55,.1);
  cursor:pointer;color:var(--g3);display:flex;align-items:center;justify-content:center;
  font-family:var(--fb);font-size:11px;font-weight:800;letter-spacing:.05em;white-space:nowrap;
  transition:all var(--tf) var(--spring);}
.hdr-btn:hover{background:rgba(212,175,55,.18);
  border-color:var(--gbh);transform:translateX(-2px);}
.hdr-btn svg{width:13px;height:13px;stroke:var(--g4);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
/* Labeled icon+text buttons */
.hdr-lbl-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;
  gap:6px;padding:0 11px;min-height:34px;min-width:auto;border-radius:999px;
  border:1px solid var(--gb);background:var(--gl1);cursor:pointer;
  transition:all var(--tf) var(--spring);white-space:nowrap;}
.hdr-lbl-btn svg{width:14px;height:14px;stroke:var(--g4);fill:none;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.hdr-lbl-btn .lbl{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(212,175,55,.68);line-height:1;}
.hdr-lbl-btn:hover{background:var(--gl3);border-color:var(--gbh);}
.hdr-lbl-btn:hover .lbl{color:var(--g4);}
.hdr-lbl-btn:hover svg{stroke:var(--g3);}
.hdr-deals-btn{background:rgba(212,175,55,.12);
  border-color:rgba(212,175,55,.28);}
.hdr-deals-btn .lbl{color:var(--g6);}
.hdr-deals-btn svg{stroke:var(--g5);}
.hdr-deals-btn:hover{background:rgba(212,175,55,.2);}
.trust-strip{display:flex;align-items:center;justify-content:center;gap:8px;
  padding:6px 16px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.05),transparent);
  font-size:9.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tx3);
  transition:opacity .5s,max-height .5s;max-height:30px;overflow:hidden;}
.trust-strip.hidden{opacity:0;max-height:0;padding:0;}
.trust-sep{opacity:.3;font-size:8px;}
.status-chip{display:flex;align-items:center;gap:5px;padding:5px 11px;
  background:rgba(74,222,128,.06);border:1px solid rgba(74,222,128,.22);border-radius:20px;
  font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:rgba(74,222,128,.85);}
.s-dot{width:5px;height:5px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px rgba(74,222,128,.8);animation:statusPulse 2.4s ease-in-out infinite;}

/* ============================================================
   PROGRESS
   ============================================================ */
.prog-wrap{padding:0 16px 5px;flex-shrink:0;}
.prog-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;}
.prog-step-text{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g5);}
.prog-pct{font-size:9.5px;font-weight:700;color:var(--g6);letter-spacing:.04em;}
.prog-track{display:flex;gap:3px;height:5px;}
.prog-seg{flex:1;border-radius:3px;background:rgba(255,255,255,.09);transition:all .34s var(--eout);position:relative;overflow:hidden;}
.prog-seg.done{background:rgba(212,175,55,.52);transition:all .34s var(--eout);}
.prog-seg.active{background:var(--grad);box-shadow:0 0 16px rgba(212,175,55,.8),0 0 6px rgba(212,175,55,.4);}
.prog-seg.active::after{content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  animation:segShimmer 1.8s ease-in-out infinite;}

/* ============================================================
   CHAT
   ============================================================ */
.chat{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 14px 6px;min-height:0;
  scroll-behavior:smooth;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  contain:layout style;}
.chat::-webkit-scrollbar{width:3px;}
.chat::-webkit-scrollbar-thumb{background:rgba(212,175,55,.18);border-radius:2px;}

/* ============================================================
   MESSAGES — glow + gloss
   ============================================================ */
.msg{display:flex;margin-bottom:7px;animation:msgIn .34s var(--spring) both;}
.msg.bot{justify-content:flex-start;}
.msg.user{justify-content:flex-end;}
.msg.wide{justify-content:stretch;}
.msg.wide .bubble{max-width:100%;width:100%;}

.bubble{
  max-width:84%;padding:11px 14px;border-radius:var(--r3);
  font-size:15px;line-height:1.65;position:relative;overflow:hidden;
  clip-path:inset(0 round var(--r3));
  transform:translateZ(0);
}


/* ── Start Over ─────────────────────────────────────────────── */

/* ── Referral header button ─────────────────────────────────────────────── */
.hdr-ref-btn{
  background:rgba(212,175,55,.08);
  border-color:rgba(212,175,55,.22);
}
.hdr-ref-btn .lbl{color:rgba(212,175,55,.55);}
.hdr-ref-btn svg{stroke:rgba(212,175,55,.55);}
.hdr-ref-btn:hover{background:rgba(212,175,55,.18);}
.hdr-ref-btn:hover .lbl,.hdr-ref-btn:hover svg{
  color:var(--g4);stroke:var(--g4);
}
.hdr-share-btn svg{stroke:var(--tx3);}
.hdr-share-btn .lbl{color:var(--tx3);}
.hdr-share-btn:hover{background:var(--gl3);border-color:var(--gbh);}
.hdr-share-btn:hover svg{stroke:var(--g4);}
.hdr-share-btn:hover .lbl{color:var(--g4);}


/* 2026 QA polish */
html{overscroll-behavior:none;}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
img,svg{max-width:100%;height:auto;}
a,button,input,select,textarea{touch-action:manipulation;}
:focus-visible{outline:2px solid rgba(245,197,24,.9);outline-offset:2px;}
button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none;}
.bubble,.deal-terms,.deal-headline-sub,.share-url,.modal-body,.info-body{overflow-wrap:anywhere;word-break:break-word;}
.app{min-height:100vh;min-height:100dvh;}
.hdr-lbl-btn,.share-btn,.submit-btn,.comp-btn,.opt-btn,.brand-card,.deal-cta{min-height:44px;}


/* Theme-matched flame icon */
.icon-flame{width:14px;height:14px;stroke:var(--g4);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(212,175,55,.18));}
.icon-flame--lg{width:34px;height:34px;}
.hdr-hotdeal-btn .icon-flame,.btn-hotdeal .icon-flame,.hot-flame .icon-flame,.hot-deal-page-title .icon-flame,.dz-admin-title .icon-flame{stroke:var(--g4);}
.hot-deal-page-title,.dz-admin-title{display:flex;align-items:center;gap:8px;}
.hot-deal-empty-icon .icon-flame{width:42px;height:42px;stroke:var(--g5);}

/* ── Right panel heading ──────────────────────────────────── */
@media(min-width:641px){
  .desktop-right-heading{
    font-family:var(--fd);
    font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
    color:rgba(212,175,55,.35);
    margin-bottom:20px;
    padding-bottom:14px;
    border-bottom:1px solid rgba(212,175,55,.08);
    width:100%;
  }
}

/* ═══════════════════════════════════════════════════════════════
   CONSENT GATE OVERLAY
   ═══════════════════════════════════════════════════════════════ */
#consentGate{
  position:fixed;inset:0;z-index:9999;
  display:flex;align-items:flex-end;justify-content:center;
  background:rgba(0,0,0,.72);backdrop-filter:blur(6px);
  padding:0;
  transition:opacity .35s ease,visibility 0s linear 0s;
}
#consentGate.hidden{
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .35s ease,visibility 0s linear .35s;
}
.consent-panel{
  width:100%;max-width:560px;
  background:linear-gradient(168deg,#141419 0%,#0d0d12 100%);
  border:1px solid rgba(212,175,55,.22);
  border-radius:24px 24px 0 0;
  padding:28px 24px 32px;
  box-shadow:0 -24px 80px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.05);
  transform:translateY(0);
  transition:transform .4s cubic-bezier(.22,1,.36,1);
}
#consentGate.hidden .consent-panel{transform:translateY(100%);}
.consent-logo-row{
  display:flex;align-items:center;justify-content:center;gap:10px;
  margin-bottom:18px;
}
.consent-logo-img{
  width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(212,175,55,.4);
  object-fit:cover;background:#07070a;
}
.consent-wordmark{
  font-family:var(--fd);font-size:17px;font-weight:800;letter-spacing:.12em;
  background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.consent-title{
  font-size:16px;font-weight:800;color:#f7f7fa;text-align:center;
  margin-bottom:8px;letter-spacing:.01em;
}
.consent-sub{
  font-size:12.5px;line-height:1.65;color:rgba(255,255,255,.55);
  text-align:center;margin-bottom:18px;
}
.consent-links{
  display:flex;align-items:center;justify-content:center;
  gap:6px;flex-wrap:wrap;margin-bottom:20px;
}
.consent-link{
  font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:rgba(212,175,55,.7);background:rgba(212,175,55,.08);
  border:1px solid rgba(212,175,55,.2);border-radius:999px;
  padding:5px 12px;cursor:pointer;
  transition:color .15s,border-color .15s,background .15s;
  text-decoration:none;
}
.consent-link:hover{color:var(--g3);border-color:rgba(212,175,55,.45);background:rgba(212,175,55,.13);}
.consent-agree-btn{
  width:100%;padding:15px 20px;
  background:linear-gradient(135deg,rgba(212,175,55,.26),rgba(212,175,55,.14));
  border:1px solid rgba(212,175,55,.42);border-radius:14px;
  color:#f7e98a;font-family:var(--fb);font-size:15px;font-weight:800;letter-spacing:.04em;
  cursor:pointer;
  box-shadow:0 8px 28px rgba(212,175,55,.16),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
  position:relative;overflow:hidden;
}
.consent-agree-btn::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.14) 50%,transparent 70%);
  opacity:0;transition:opacity .2s;pointer-events:none;
}
.consent-agree-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(212,175,55,.62);
  box-shadow:0 14px 36px rgba(212,175,55,.26),inset 0 1px 0 rgba(255,255,255,.12);
}
.consent-agree-btn:hover::after{opacity:1;}
.consent-agree-btn:active{transform:scale(.98);}
.consent-fine{
  margin-top:12px;font-size:10px;line-height:1.6;
  color:rgba(255,255,255,.28);text-align:center;
}

/* ── Desktop side panel redesign ────────────────────────────────────────── */
.desktop-side-eyebrow{
  font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(212,175,55,.65);margin-bottom:14px;
}
.desktop-side-headline{
  font-family:var(--fd);font-size:30px;line-height:1.12;font-weight:800;
  color:#f7f7fa;margin:0 0 14px 0;letter-spacing:.01em;
}
.desktop-side-body{
  font-size:13.5px;line-height:1.7;color:rgba(255,255,255,.52);margin-bottom:20px;
}
.desktop-side-divider{
  height:1px;background:linear-gradient(90deg,rgba(212,175,55,.25),rgba(212,175,55,.06),transparent);
  margin-bottom:20px;
}
/* Updated feat rows with icon */
.desktop-side-feat{
  display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;
}
.desktop-side-feat-icon{
  width:28px;height:28px;flex-shrink:0;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.2);
  color:var(--g4);
}
.desktop-side-feat-icon svg{width:14px;height:14px;}
.desktop-side-feat span{font-size:12.5px;line-height:1.55;color:rgba(255,255,255,.6);padding-top:5px;}

/* ── Header action buttons — tighter on mobile ───────────────────────────── */
@media(max-width:480px){
  .hdr-actions{gap:5px;}
  .hdr-lbl-btn{padding:0 7px;gap:4px;min-height:38px;}
  .hdr-lbl-btn .lbl{font-size:8px;letter-spacing:.06em;}
  .hdr-lbl-btn svg{width:13px;height:13px;}
}
@media(max-width:360px){
  .hdr-lbl-btn .lbl{display:none;}
  .hdr-lbl-btn{min-width:34px;padding:0 8px;}
}