/* DealRadar visual system — generated from the approved brand asset pack. */
/* Palette now lives in dealradar-tokens.css; these aliases keep the rules below
   working while guaranteeing a single source of truth. */
:root{
  --accent-pressed:var(--dr-green-active);
  --v2-teal:var(--dr-teal);
  --v2-indigo:var(--dr-indigo);
  --warning:var(--dr-warning);
  --danger:var(--dr-danger);
}

body{background:var(--dr-midnight-950);color:var(--text)}
.site-header{background:rgba(5, 7, 19, .92);border-bottom:1px solid var(--border);backdrop-filter:blur(16px)}
.site-footer{background:var(--dr-midnight-950)}
.site-brand-mark img{filter:drop-shadow(0 0 12px rgba(44,247,107,.14))}
.button-primary,.v2-primary{background:var(--accent);border-color:var(--accent);color:#050713}
.button-primary:hover,.v2-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#050713}
.button-secondary{background:#0C1120;border-color:var(--border-strong);color:var(--text)}
.button-secondary:hover{background:#11182A;border-color:rgba(44,247,107,.34);color:var(--text)}
.section-kicker,.section-heading .section-kicker,.v2-overline{color:var(--accent)}
:focus-visible{outline-color:var(--v2-cyan)}

/* Marketing surfaces: keep the product UI dominant and use artwork as atmosphere. */
.v2-home{background:#050713}
.v2-hero{isolation:isolate;background:radial-gradient(circle at 72% 12%,rgba(0,214,178,.09),transparent 34%),radial-gradient(circle at 28% 10%,rgba(90,77,236,.08),transparent 30%)}
.v2-hero::before{content:"";position:absolute;z-index:-1;width:min(46vw,620px);aspect-ratio:1;right:-7vw;top:24px;background-image:url("/images/v2/radar.webp");background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.17;filter:drop-shadow(0 0 58px rgba(44,247,107,.12));pointer-events:none}
.v2-grid-backdrop{background-image:linear-gradient(rgba(56,217,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(56,217,255,.035) 1px,transparent 1px);background-size:70px 70px}
.v2-grid-backdrop::after{content:"";position:absolute;right:4%;top:9%;width:210px;aspect-ratio:1;background-image:url("/images/v2/radar.webp");background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.11}
.v2-signal-dot{background:var(--accent);box-shadow:0 0 14px rgba(44,247,107,.5)}
.v2-story,.v2-outcome>div{background:#0C1120}
.v2-story-controls button.is-active{background:rgba(44,247,107,.055);box-shadow:inset 3px 0 var(--accent)}
.v2-radar{border:0;background-image:url("/images/v2/radar.webp");background-size:contain;background-position:center;background-repeat:no-repeat;box-shadow:none;overflow:visible}
.v2-radar::before{content:"";position:absolute;inset:12%;border-radius:50%;background:conic-gradient(from 210deg,transparent 0 285deg,rgba(44,247,107,.03) 305deg,rgba(44,247,107,.32) 350deg,rgba(44,247,107,.72) 360deg);animation:v2-sweep 9s linear infinite;mix-blend-mode:screen}
.v2-radar::after,.v2-radar>div,.v2-radar i,.v2-radar b{display:none}
.v2-feature-links a{position:relative;gap:16px;padding-left:52px}
.v2-feature-links a::before{content:"";position:absolute;left:2px;width:34px;height:34px;background-image:var(--dr-icons);background-size:400% 400%;background-repeat:no-repeat;filter:drop-shadow(0 0 10px rgba(44,247,107,.08));opacity:.92}
.v2-feature-links a:nth-child(1)::before{background-position:66.666% 0}
.v2-feature-links a:nth-child(2)::before{background-position:33.333% 33.333%}
.v2-feature-links a:nth-child(3)::before{background-position:33.333% 0}
.v2-feature-links a:nth-child(4)::before{background-position:100% 33.333%}
.v2-final-cta{position:relative;overflow:hidden;background:radial-gradient(circle at 68% 82%,rgba(44,247,107,.09),transparent 40%),radial-gradient(circle at 82% 20%,rgba(56,217,255,.06),transparent 30%)}
.v2-final-cta::after{content:"";position:absolute;right:max(4vw,24px);bottom:-66px;width:min(31vw,390px);aspect-ratio:1;background-image:url("/images/v2/get-started.webp");background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.26;pointer-events:none}
.v2-final-cta>.site-container{position:relative;z-index:1}

/* Shared custom icon sprite. */
.v2-icon-sprite{display:inline-block;width:18px;height:18px;flex:0 0 18px;background-image:var(--dr-icons);background-size:400% 400%;background-repeat:no-repeat;opacity:.82;filter:saturate(.92)}
.v2-icon--radar{background-position:0 0}.v2-icon--scan{background-position:33.333% 0}.v2-icon--compare{background-position:66.666% 0}.v2-icon--score{background-position:100% 0}
.v2-icon--profit-roi{background-position:0 33.333%}.v2-icon--seller-watch{background-position:33.333% 33.333%}.v2-icon--watchlist{background-position:66.666% 33.333%}.v2-icon--alerts{background-position:100% 33.333%}
.v2-icon--inventory{background-position:0 66.666%}.v2-icon--analytics{background-position:33.333% 66.666%}.v2-icon--rewards{background-position:66.666% 66.666%}.v2-icon--referrals{background-position:100% 66.666%}
.v2-icon--notifications{background-position:0 100%}.v2-icon--settings-admin{background-position:33.333% 100%}
.v2-nav-group a:hover .v2-icon-sprite,.v2-nav-group a[aria-current=page] .v2-icon-sprite{opacity:1;filter:saturate(1.1) drop-shadow(0 0 8px rgba(44,247,107,.28))}

/* Application palette and panel polish. */
.v2-sidebar{background:#080B18;border-color:var(--border);box-shadow:0 24px 70px rgba(0,0,0,.28)}
.v2-nav-group>span{color:#64748B}.v2-nav-group a{color:#CBD5E1}.v2-nav-group a:hover{background:rgba(44,247,107,.05)}.v2-nav-group a[aria-current=page]{background:rgba(44,247,107,.08);color:var(--accent);box-shadow:inset 2px 0 var(--accent)}
.v2-app :is(.dashboard-panel,.overview-summary-card,.overview-panel,.opportunity-card,.dashboard-card,.watchlist-card){background:#0C1120;border-color:var(--border);box-shadow:none}
.v2-app :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#080B18;color:var(--text);border-color:#1A2438}
.v2-app .dealradar-score-panel{background:linear-gradient(145deg,rgba(44,247,107,.055),rgba(12,17,32,.96));border-color:rgba(44,247,107,.24)}
.v2-app .overview-empty,.v2-app .dashboard-empty{background:#080B18;border-color:#1A2438}
.v2-setup-callout{position:relative;padding-left:128px;min-height:106px;background:linear-gradient(110deg,rgba(44,247,107,.06),rgba(90,77,236,.035));border-color:rgba(44,247,107,.22);overflow:hidden}
.v2-setup-callout::before{content:"";position:absolute;left:14px;bottom:-7px;width:102px;height:102px;background-image:url("/images/v2/get-started.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.v2-onboarding{position:relative;padding-top:190px}
.v2-onboarding::before{content:"";position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:220px;height:190px;background-image:url("/images/v2/get-started.webp");background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.92}

/* Purposeful illustrations for empty, onboarding and community states. */
.v2-illustration{display:block;width:132px;height:132px;flex:0 0 132px;background-size:contain;background-position:center;background-repeat:no-repeat;filter:drop-shadow(0 16px 28px rgba(0,0,0,.24))}
.v2-illustration--hero-dashboard,.v2-illustration--deal-scan,.v2-illustration--no-opportunities{background-image:url("/images/v2/radar.webp")}
.v2-illustration--hero-mobile,.v2-illustration--get-started,.v2-illustration--welcome,.v2-illustration--inventory{background-image:url("/images/v2/get-started.webp")}
.v2-illustration--rewards{background-image:url("/images/v2/rewards.webp")}
.v2-illustration--referral{background-image:url("/images/v2/referral.webp")}
.v2-illustration--all-up-to-date{background-image:url("/images/v2/all-up-to-date.webp")}
.v2-illustration--watchlist{background-image:url("/images/v2/watchlist.webp")}
.v2-illustration--alerts{background-image:url("/images/v2/alerts.webp")}
.v2-empty-visual{display:flex;gap:24px;align-items:center}.v2-empty-visual>div:last-child{min-width:0;flex:1}.v2-empty-visual .button{margin-top:8px}
.v2-community-visual{display:flex;align-items:center;gap:26px;margin:18px 0 24px;padding:22px 24px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(120deg,#0C1120,rgba(90,77,236,.035))}.v2-community-visual h2{margin:0 0 7px}.v2-community-visual p{margin:0;color:var(--text-muted)}
.v2-page-heading-with-art{display:flex;align-items:center;justify-content:space-between;gap:28px}.v2-page-heading-with-art .section-heading{margin-bottom:0}.v2-page-heading-with-art .v2-illustration{width:110px;height:110px;flex-basis:110px}

/* Keep imagery secondary on smaller screens. */
@media(max-width:850px){
  .v2-hero::before{right:-18vw;opacity:.11}
  .v2-final-cta::after{opacity:.12;width:360px;right:-110px}
  .v2-setup-callout{padding-left:22px;padding-top:118px}
  .v2-setup-callout::before{left:18px;top:12px;bottom:auto}
  .v2-empty-visual,
.v2-community-visual{align-items:flex-start}
}
@media(max-width:540px){
  .v2-hero::before,.v2-grid-backdrop::after{display:none}
  .v2-feature-links a{padding-left:44px}.v2-feature-links a::before{width:28px;height:28px}
  .v2-empty-visual,
.v2-community-visual,
.v2-page-heading-with-art{flex-direction:column;align-items:flex-start}
  .v2-illustration{width:108px;height:108px;flex-basis:108px}
  .v2-onboarding{padding-top:160px}.v2-onboarding::before{width:180px;height:160px}
}
@media(prefers-reduced-motion:reduce){.v2-radar::before{animation:none!important}}