/* iGO Design System migration v1
   Purpose: apply the uploaded foundational design system to the existing site
   without changing product logic, analytics, forms, or data scripts. */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@500;600;700;800&family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root{
  /* Foundation */
  --void:#21252E;
  --bg:#3A404C;
  --surface:#454A58;
  --surface2:#4F5464;
  --surface3:#565D6E;
  --border:rgba(255,255,255,0.09);
  --border2:rgba(255,255,255,0.16);

  /* Chrome / text */
  --text:#F2F4F9;
  --muted:#9398A6;
  --muted2:#C1C5D0;
  --chrome-bright:#E6E8EE;
  --chrome-pure:#F2F4F9;

  /* Primary mode: Sales */
  --accent:#287548;
  --accent2:#37A365;
  --accent-glow:rgba(79,188,120,0.16);

  /* Semantic */
  --green:#10B981;
  --green-bg:rgba(16,185,129,0.12);
  --green-border:rgba(16,185,129,0.28);
  --yellow:#DEB87C;
  --yellow-bg:rgba(201,147,82,0.13);
  --orange:#FDB894;
  --orange-bg:rgba(249,115,22,0.14);
  --red:#FCA5A5;
  --red-bg:rgba(239,68,68,0.14);
  --purple:#93C5FD;
  --purple-bg:rgba(59,130,246,0.14);

  /* Typography */
  --sans:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --display:'Syne',var(--sans);
  --mono:'JetBrains Mono','SFMono-Regular',monospace;

  /* Shape */
  --r-sm:6px;
  --r-md:10px;
  --r-lg:16px;
  --r-xl:24px;

  /* Audience modes from brandbook */
  --mode-primary:var(--accent);
  --mode-secondary:var(--accent2);
  --mode-glow:var(--accent-glow);
}

html[data-mode="marketing"]{
  --mode-primary:#C99352;
  --mode-secondary:#DEB87C;
  --mode-glow:rgba(201,147,82,0.13);
  --accent:#C99352;
  --accent2:#DEB87C;
  --accent-glow:rgba(201,147,82,0.13);
}

html[data-mode="legal"]{
  --mode-primary:#10B981;
  --mode-secondary:#34D399;
  --mode-glow:rgba(16,185,129,0.12);
  --accent:#10B981;
  --accent2:#34D399;
  --accent-glow:rgba(16,185,129,0.12);
}

*{box-sizing:border-box}
html,body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{position:relative;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 58% 38% at 85% 0%,rgba(79,188,120,0.075),transparent 58%),radial-gradient(ellipse 42% 34% at 8% 96%,rgba(201,147,82,0.04),transparent 60%)}

::selection{background:var(--accent-glow);color:var(--chrome-pure)}
a{color:var(--accent2)}
button,input,select,textarea{font:inherit}
code,pre,.mono,.op-domain,.lic-num,.stat-val,.stat-value,.hero-stat-val{font-family:var(--mono)!important}

h1,h2,h3,.page-title,.panel-title,.modal-title,.modal-h-title,.card-title,.article-title,.footer-cta-title,.value-side h2{
  font-family:var(--display)!important;
  letter-spacing:-0.025em!important;
}

h1,.page-title,.modal-title,.panel-title{
  color:var(--chrome-pure)!important;
}

.h-display,.hero-title,.page-title-xl{
  background:linear-gradient(135deg,#C8CFEA 0%,#FFF 50%,#B8C2DC 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* Shared logo: remove casino feel, make iGO mark text-first */
.logo{gap:10px}
.logo-emoji{font-size:0!important;width:44px;height:20px;display:inline-flex!important;align-items:center;justify-content:flex-start;position:relative;flex-shrink:0}
.logo-emoji::before{content:"iGO";font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:-0.04em;color:var(--chrome-pure);line-height:1}
.logo-emoji::after{content:"";position:absolute;left:0;bottom:-3px;width:42px;height:1.5px;border-radius:2px;background:linear-gradient(90deg,var(--accent2),rgba(55,163,101,0.25))}
.logo-text,.footer-brand{font-family:var(--display);font-weight:700;letter-spacing:-0.02em;color:var(--text)!important}
.logo-text span,.footer-brand span{color:var(--accent2)!important}
.footer-brand{font-size:0!important;position:relative;display:inline-flex!important;width:132px;height:28px;align-items:center}
.footer-brand::before{content:"iGO";font-family:var(--display);font-size:24px;font-weight:700;letter-spacing:-0.04em;color:var(--chrome-pure)}
.footer-brand::after{content:"";position:absolute;left:0;bottom:0;width:52px;height:1.5px;background:linear-gradient(90deg,var(--chrome-pure),rgba(242,244,249,0.25));border-radius:2px}

/* Brandbook logo treatment for pages with inline legacy emoji spans */
.sidebar-logo > span:first-child:not(.app-logo-mark),
.value-side .logo > span:first-child,
.logo > span[style*="font-size"]:first-child{
  font-size:0!important;
  width:44px!important;
  height:20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  position:relative!important;
  flex-shrink:0!important;
}
.sidebar-logo > span:first-child:not(.app-logo-mark)::before,
.value-side .logo > span:first-child::before,
.logo > span[style*="font-size"]:first-child::before{
  content:"iGO";
  font-family:var(--display);
  font-weight:700;
  font-size:21px;
  letter-spacing:-0.04em;
  color:var(--chrome-pure);
  line-height:1;
}
.sidebar-logo > span:first-child:not(.app-logo-mark)::after,
.value-side .logo > span:first-child::after,
.logo > span[style*="font-size"]:first-child::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-3px;
  width:42px;
  height:1.5px;
  border-radius:2px;
  background:linear-gradient(90deg,var(--chrome-pure),rgba(242,244,249,0.25));
}

/* Legacy emoji nav -> neutral icon slots. Keeps markup stable while removing casino/emoji feel. */
.nav-icon{
  font-size:0!important;
  width:20px!important;
  height:20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:currentColor!important;
}
.nav-icon::before{
  content:"";
  width:15px;
  height:15px;
  display:block;
  border:1.5px solid currentColor;
  border-radius:4px;
  opacity:.92;
}
.nav-item[href*="operators"] .nav-icon::before,
.nav-item[href*="pipeline"] .nav-icon::before,
.nav-item[href*="system-report"] .nav-icon::before{border-radius:2px;border-top-width:4px}
.nav-item[href*="signals"] .nav-icon::before{border-radius:50% 50% 50% 2px;transform:rotate(-45deg)}
.nav-item[href*="users"] .nav-icon::before,
.nav-item[href*="account"] .nav-icon::before{border-radius:50%;box-shadow:7px 7px 0 -3px currentColor}
.nav-item[href*="settings"] .nav-icon::before{border-radius:50%;box-shadow:inset 0 0 0 3px var(--bg)}
.nav-item[href*="review"] .nav-icon::before,
.nav-item[href*="discovery"] .nav-icon::before{border-radius:50%;border-right-color:transparent}
.nav-item[href="/"] .nav-icon::before{border-radius:50%}

/* Navigation */
.nav{height:62px;padding:0 28px;background:rgba(33,37,46,0.88)!important;border-bottom:1px solid var(--border);backdrop-filter:blur(18px) saturate(160%)}
.nav-link{font-family:var(--sans);font-size:0.78rem;font-weight:500;color:var(--muted2);border-radius:var(--r-sm);padding:8px 13px}
.nav-link:hover{color:var(--text);background:rgba(255,255,255,0.04)}
.nav-link.active{background:rgba(255,255,255,0.06);border-color:var(--border);color:var(--text);box-shadow:inset 0 -1px 0 rgba(255,255,255,0.06)}
.nav-badge{background:var(--green-bg);border-color:var(--green-border);color:#6EE7B7;border-radius:999px;letter-spacing:0.12em}
.nav,.topbar,.toolbar,.pagination,.sidebar,.mobile-menu{
  transition:background 200ms ease,border-color 200ms ease,color 150ms ease;
}
.btn-ghost{border-color:var(--border2);color:var(--muted2);border-radius:var(--r-sm)}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent2);background:var(--accent-glow)}
.mobile-menu{top:62px;background:rgba(33,37,46,0.98)!important;border-bottom:1px solid var(--border)}
.mobile-link{border-radius:var(--r-sm)}

/* Buttons */
.btn-primary,.form-submit{background:var(--accent)!important;color:#fff!important;border:1px solid rgba(255,255,255,0.08)!important;border-radius:var(--r-sm)!important;box-shadow:0 0 18px var(--accent-glow)!important;font-family:var(--sans)!important;font-weight:700!important;letter-spacing:-0.01em;transition:transform 150ms ease,box-shadow 150ms ease,background 150ms ease!important}
.btn-primary:hover,.form-submit:hover{opacity:1!important;transform:translateY(-1px);box-shadow:0 0 28px rgba(40,117,72,0.26)!important}
.btn-outline,.filter-tag,.alert-btn,.filter-select,.search-input,.form-input,.form-select{font-family:var(--sans)!important;border-radius:var(--r-sm)!important;border-color:var(--border)!important;background:rgba(33,37,46,0.52)!important;color:var(--text)!important}
.btn-outline:hover,.filter-tag:hover,.alert-btn:hover{border-color:var(--accent)!important;color:var(--accent2)!important;background:var(--accent-glow)!important}
.btn,.action-btn,button[class*="btn"],a[class*="btn"]{
  border-radius:var(--r-sm)!important;
  transition:transform 150ms ease,box-shadow 150ms ease,background 150ms ease,border-color 150ms ease,color 150ms ease!important;
}
.btn:hover,.action-btn:hover,button[class*="btn"]:hover,a[class*="btn"]:hover{transform:translateY(-1px)}
.btn-danger,.action-btn.del:hover{
  background:var(--red-bg)!important;
  color:var(--red)!important;
  border-color:rgba(239,68,68,0.28)!important;
}

/* Hero */
.hero{padding:86px 28px 58px!important;background:var(--bg)!important;text-align:center;position:relative;overflow:hidden}
.hero-bg{background:radial-gradient(ellipse 76% 48% at 50% 0%,rgba(79,188,120,0.12),transparent 66%)!important}
.hero-bg2{background:radial-gradient(ellipse 40% 32% at 18% 100%,rgba(201,147,82,0.045),transparent 62%)!important}
.hero-inner{max-width:980px!important}
.hero-eyebrow{font-family:var(--sans);font-size:0.68rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent2)!important;background:var(--accent-glow)!important;border:1px solid rgba(79,188,120,0.3)!important;border-radius:999px!important;padding:6px 14px!important;margin-bottom:22px!important}
.hero-title{font-family:var(--display)!important;font-size:clamp(2.55rem,6vw,5.1rem)!important;font-weight:700!important;letter-spacing:-0.045em!important;line-height:0.96!important;margin-bottom:22px!important;background:linear-gradient(135deg,#C8CFEA 0%,#FFF 50%,#B8C2DC 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important}
.hero-title em{-webkit-text-fill-color:transparent!important;color:transparent!important;background:linear-gradient(135deg,#7AD69B 0%,#FFFFFF 55%,#37A365 100%);-webkit-background-clip:text;background-clip:text}
.hero-sub{font-family:var(--sans);font-size:1rem!important;line-height:1.75!important;color:var(--muted2)!important;max-width:640px!important;margin-bottom:30px!important}
.hero-cta-wrap{flex-direction:row!important;justify-content:center!important;gap:12px!important;margin-bottom:42px!important}
.hero-stats{max-width:820px!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;background:rgba(33,37,46,0.45)!important;border:1px solid var(--border)!important;border-radius:var(--r-lg)!important;box-shadow:0 24px 54px rgba(0,0,0,0.22),inset 0 1px 0 rgba(255,255,255,0.04)!important}
.hero-stat{padding:18px 12px!important;border-right:1px solid var(--border)!important}
.hero-stat:hover{background:rgba(255,255,255,0.035)!important;transform:translateY(-1px)}
.hero-stat-val{font-family:var(--mono)!important;font-weight:500!important;font-size:1.25rem!important;color:var(--chrome-pure)!important}
.hero-stat-val.y{color:var(--yellow)!important}.hero-stat-val.m{color:var(--muted2)!important}
.hero-stat-label{font-family:var(--sans);font-size:0.58rem!important;color:var(--muted)!important;letter-spacing:0.12em!important}
.who-for-label{font-family:var(--sans);color:var(--muted)!important;letter-spacing:0.14em!important}
.pillar-card{background:rgba(33,37,46,0.42)!important;border-color:var(--border)!important;border-radius:var(--r-md)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.035)}
.pillar-card:hover{border-color:var(--border2)!important;background:rgba(33,37,46,0.56)!important}

/* Product mockup + cards */
.hero div[style*="max-width:700px"][style*="background:#0D1117"]{background:rgba(33,37,46,0.72)!important;border-color:var(--border)!important;border-radius:var(--r-lg)!important;box-shadow:0 28px 66px rgba(0,0,0,0.34),inset 0 1px 0 rgba(255,255,255,0.06)!important;transform:none!important}
section[style*="background:var(--surface)"]{background:rgba(33,37,46,0.28)!important}
section[style*="background:var(--bg)"]{background:var(--bg)!important}
.use-cases-section{background:var(--bg)!important;padding:78px 28px!important}
.use-cases-title,h2{font-family:var(--display)!important;letter-spacing:-0.03em!important;color:var(--chrome-pure)!important}
.use-case-card,.roadmap-card,.signal-card,.contact-card,.alert-card,.modal-box,.unlock-cta{background:rgba(33,37,46,0.42)!important;border-color:var(--border)!important;border-radius:var(--r-md)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.035)}
.use-case-check{color:var(--green)!important}

.form-side,.signal-item,.live-stat,.panel,.modal,.modal-box,.card,.stat-card,.metric-card,.settings-card,.auth-card,.pricing-card,.article-card,.legal-card{
  background:rgba(33,37,46,0.48)!important;
  border:1px solid var(--border)!important;
  border-radius:var(--r-md)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)!important;
}
.form-side,.modal,.modal-box{
  backdrop-filter:blur(28px) saturate(170%);
  box-shadow:0 28px 64px rgba(0,0,0,0.38),inset 0 1px 0 rgba(255,255,255,0.06)!important;
}
.signal-item,.article-card,.roadmap-card,.use-case-card,.stat-card,.panel{
  transition:transform 200ms ease,box-shadow 200ms ease,border-color 200ms ease,background 200ms ease!important;
}
.signal-item:hover,.article-card:hover,.roadmap-card:hover,.use-case-card:hover,.stat-card:hover,.panel:hover{
  transform:translateY(-2px);
  border-color:var(--border2)!important;
  background:rgba(33,37,46,0.58)!important;
}

/* Summary bar, filters, tables */
div[style*="SIGNAL SUMMARY BAR"], .filters{background:rgba(33,37,46,0.62)!important;border-color:var(--border)!important;backdrop-filter:blur(14px)}
.search-wrap{max-width:300px}
.search-icon{color:var(--muted)!important;font-size:0!important}
.search-icon::before{content:"⌕";font-size:15px;color:var(--muted)}
.search-input:focus,.form-input:focus,.form-select:focus,.filter-select:focus,.search:focus,.filter-sel:focus,input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow)!important;outline:none!important}
.search,.filter-sel,input,select,textarea{
  background:rgba(255,255,255,0.05)!important;
  border:1px solid rgba(255,255,255,0.12)!important;
  border-radius:var(--r-sm)!important;
  color:var(--chrome-bright)!important;
  font-family:var(--sans)!important;
}
input::placeholder,textarea::placeholder{color:var(--muted)!important;opacity:.75}
label,.form-label,.stat-label,.panel-kicker,.caption{
  color:var(--muted)!important;
  font-family:var(--sans)!important;
  font-size:11px!important;
  font-weight:500!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.filter-tag.active{background:var(--accent-glow)!important;border-color:var(--accent)!important;color:var(--accent2)!important}
.alert-btn{background:var(--yellow-bg)!important;border-color:rgba(201,147,82,0.28)!important;color:var(--yellow)!important}
.main-layout{background:var(--bg)!important}
.table-side{background:rgba(33,37,46,0.16)!important}
table{font-family:var(--sans)!important}
thead th{background:rgba(33,37,46,0.86)!important;color:var(--muted)!important;border-bottom:1px solid var(--border)!important;font-size:0.62rem!important;letter-spacing:0.11em!important;font-weight:500!important}
tbody tr{border-bottom-color:rgba(255,255,255,0.055)!important}
tbody tr:hover{background:rgba(255,255,255,0.035)!important}
tbody tr.selected{background:var(--accent-glow)!important;border-left-color:var(--accent)!important}
tbody td{color:var(--muted2)!important}
.tbl-wrap,.table-wrap{
  border-color:var(--border)!important;
  background:transparent!important;
}
.op-name,.detail-name{color:var(--text)!important;font-weight:700!important}
.op-domain,.detail-domain,.expiry-ok{color:var(--muted)!important;font-family:var(--mono)!important}
.op-logo,.detail-logo{border-color:var(--border2)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.08)}
.lic-badge,.signal,.score,.status,.badge,.pill-sm,.signal-tag{border-radius:999px!important;font-family:var(--sans)!important;font-weight:700!important}
.signal.hot,.score.high{background:var(--red-bg)!important;color:var(--red)!important;border-color:rgba(239,68,68,0.28)!important}
.signal.warm,.score.med{background:var(--yellow-bg)!important;color:var(--yellow)!important;border-color:rgba(201,147,82,0.28)!important}
.signal.new{background:var(--purple-bg)!important;color:var(--purple)!important;border-color:rgba(59,130,246,0.28)!important}
.badge.hot,.badge.score-high,.score-high,.signal-tag.hot{background:var(--red-bg)!important;color:var(--red)!important;border-color:rgba(239,68,68,0.28)!important}
.badge.warm,.badge.score-med,.score-med,.signal-tag.warm{background:var(--yellow-bg)!important;color:var(--yellow)!important;border-color:rgba(201,147,82,0.28)!important}
.badge.new,.badge-b2b,.badge-b2c{background:var(--purple-bg)!important;color:var(--purple)!important;border-color:rgba(59,130,246,0.28)!important}
.score-low{background:rgba(156,163,175,0.12)!important;color:#C7CDD8!important;border-color:rgba(156,163,175,0.25)!important}
.status.active{background:var(--green-bg)!important;color:#6EE7B7!important;border-color:var(--green-border)!important}
.expiry-warn{color:var(--yellow)!important;font-family:var(--mono)!important}

/* Detail / alert panels */
.detail-side,.alerts-panel{background:rgba(33,37,46,0.96)!important;border-color:var(--border)!important;backdrop-filter:blur(22px)}
.detail-header,.alerts-header{background:rgba(33,37,46,0.92)!important;border-color:var(--border)!important;backdrop-filter:blur(18px)}
.detail-tab.active{background:rgba(255,255,255,0.06)!important;border-color:var(--border)!important;color:var(--accent2)!important}
.alert-card-icon,.signal-icon{background:var(--accent-glow)!important;color:var(--accent2)!important}
.toggle.on{background:var(--accent)!important}

/* Forms / modal */
.modal-overlay{background:rgba(20,23,29,0.78)!important;backdrop-filter:blur(10px)}
.overlay{background:rgba(20,23,29,0.78)!important;backdrop-filter:blur(10px)!important}
.modal-box{background:rgba(33,37,46,0.96)!important;border-color:var(--border)!important;box-shadow:0 28px 64px rgba(0,0,0,0.42),inset 0 1px 0 rgba(255,255,255,0.06)!important}
.form-label{color:var(--muted)!important;letter-spacing:0.12em!important}
.checkbox-label{background:rgba(33,37,46,0.52)!important;border-color:var(--border)!important;color:var(--muted2)!important;border-radius:var(--r-sm)!important}
.step-dot.active{background:var(--accent)!important;border-color:var(--accent)!important}
.step-dot.done{background:var(--green)!important;border-color:var(--green)!important}

/* Roadmap */
.roadmap-grid{gap:18px!important}
.roadmap-card:hover{transform:translateY(-3px)!important;border-color:var(--border2)!important;box-shadow:0 18px 42px rgba(0,0,0,0.22)!important;background:rgba(33,37,46,0.55)!important}

/* Footer */
html,body{max-width:100%;overflow-x:hidden}
.site-footer{
  --footer-accent:var(--accent);
  --footer-accent2:var(--accent2);
  --footer-glow:var(--accent-glow);
  width:100%!important;
  max-width:100%!important;
  padding:0!important;
  background:rgba(33,37,46,0.78)!important;
  border-top:1px solid var(--border)!important;
  color:var(--muted)!important;
  overflow:hidden!important;
}
.site-footer *{box-sizing:border-box;min-width:0}
.site-footer-inner{
  width:100%!important;
  max-width:1200px!important;
  margin:0 auto!important;
  padding:40px 28px 22px!important;
  display:block!important;
}
.footer-main-grid{
  display:grid!important;
  grid-template-columns:minmax(260px,1.18fr) minmax(260px,1.35fr) repeat(3,minmax(118px,0.62fr))!important;
  gap:28px!important;
  align-items:start!important;
  width:100%!important;
}
.footer-cta{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  width:100%!important;
  min-height:100%!important;
  padding:24px!important;
  border:1px solid rgba(79,188,120,0.24)!important;
  border-radius:var(--r-lg)!important;
  background:linear-gradient(135deg,rgba(79,188,120,0.12),rgba(33,37,46,0.44))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)!important;
}
.footer-cta-text{width:100%!important}
.footer-cta-title{font-family:var(--display)!important;color:var(--text)!important;font-size:1.12rem!important;line-height:1.2!important;letter-spacing:-0.03em!important;margin:0 0 8px!important}
.footer-cta-sub{color:var(--muted2)!important;font-size:0.78rem!important;line-height:1.55!important;margin:0!important}
.footer-cta-btn{
  width:100%!important;
  max-width:240px!important;
  flex:0 0 auto!important;
  padding:12px 18px!important;
  text-align:center!important;
  white-space:normal!important;
  line-height:1.25!important;
  background:linear-gradient(180deg,var(--footer-accent2),var(--footer-accent))!important;
  border:1px solid rgba(255,255,255,0.1)!important;
  box-shadow:0 12px 24px rgba(40,117,72,0.2),inset 0 1px 0 rgba(255,255,255,0.14)!important;
}
.footer-cta-btn:hover{
  background:linear-gradient(180deg,var(--footer-accent2),var(--footer-accent))!important;
  box-shadow:0 14px 28px rgba(40,117,72,0.26),inset 0 1px 0 rgba(255,255,255,0.16)!important;
}
.footer-brand-col{max-width:100%!important}
.footer-logo-mark{width:54px!important;height:25px!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;position:relative!important;margin:0 0 8px!important;flex-shrink:0!important}
.footer-logo-mark::before{content:"iGO";font-family:var(--display);font-size:24px;font-weight:700;letter-spacing:-0.04em;color:var(--chrome-pure);line-height:1}
.footer-logo-mark::after{content:"";position:absolute;left:0;bottom:-3px;width:52px;height:1.5px;background:linear-gradient(90deg,var(--footer-accent2),rgba(55,163,101,0.25));border-radius:2px}
.footer-brand{display:inline-flex!important;width:auto!important;height:auto!important;text-decoration:none!important;color:var(--text)!important;font-family:var(--display)!important;font-size:1rem!important;font-weight:700!important;letter-spacing:-0.02em!important}
.footer-brand::before,.footer-brand::after{content:none!important}
.footer-brand span{color:var(--footer-accent2)!important}
.footer-brand-desc,.footer-compliance{margin:10px 0 0!important;color:var(--muted2)!important;font-size:0.74rem!important;line-height:1.58!important}
.footer-compliance{padding:12px 0 0!important;border-top:1px solid var(--border)!important;color:var(--muted)!important}
.footer-col{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;width:100%!important}
.footer-col-title{font-size:0.62rem!important;font-weight:700!important;letter-spacing:0.14em!important;text-transform:uppercase!important;color:var(--muted)!important;margin:0 0 4px!important}
.footer-link,.footer-link:visited{display:inline-flex!important;max-width:100%!important;color:var(--muted2)!important;text-decoration:none!important;font-size:0.76rem!important;line-height:1.45!important;overflow-wrap:anywhere!important;transition:color 150ms ease!important}
.footer-link:hover{color:var(--footer-accent2)!important}
.footer-bottom{
  grid-column:1 / -1!important;
  width:100%!important;
  padding:20px 0 0!important;
  margin:4px 0 0!important;
  border-top:1px solid var(--border)!important;
  text-align:left!important;
}
.footer-meta{font-size:0.7rem!important;color:var(--muted)!important;line-height:1.5!important}
@media(max-width:1100px){
  .footer-main-grid{grid-template-columns:minmax(260px,1fr) minmax(260px,1fr) repeat(3,minmax(120px,0.6fr))!important;gap:22px!important}
  .footer-cta{padding:22px!important}
}
@media(max-width:900px){
  .site-footer-inner{padding:34px 22px 22px!important}
  .footer-main-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
  .footer-cta,.footer-brand-col{grid-column:span 3!important}
  .footer-cta{min-height:auto!important}
}
@media(max-width:640px){
  .site-footer-inner{padding:30px 16px 20px!important}
  .footer-main-grid{grid-template-columns:1fr!important;gap:22px!important}
  .footer-cta,.footer-brand-col{grid-column:auto!important}
  .footer-cta{padding:20px!important}
  .footer-cta-btn{max-width:none!important}
  .footer-bottom{padding-top:18px!important}
}

/* Remove obvious casino / emoji feel from landing while keeping copy and flow */
.hero-eyebrow, .filter-tag, .alert-btn{font-variant-emoji:text}

@media(max-width:900px){
  .hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .pillars-row{grid-template-columns:1fr!important;max-width:620px!important;margin-left:auto;margin-right:auto}
  .hero-cta-wrap{flex-direction:column!important}
}
@media(max-width:768px){
  .nav{height:58px!important;padding:0 16px!important}
  .mobile-menu{top:58px!important}
  .hero{padding:58px 18px 38px!important}
  .hero-title{font-size:clamp(2.15rem,13vw,3.2rem)!important;line-height:1.02!important}
  .hero-sub{font-size:0.94rem!important}
  .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .main-layout{height:auto!important}
}
@media(max-width:560px){
  .hero-stats{grid-template-columns:1fr 1fr!important}
  .hero-stat{padding:14px 10px!important}
}

/* App shell alignment */
.sidebar{background:rgba(33,37,46,0.94)!important;border-right:1px solid var(--border)!important;backdrop-filter:blur(18px)}
.sidebar-logo{border-bottom-color:var(--border)!important;gap:10px!important}
.app-logo-mark{width:42px;height:20px;display:inline-flex;align-items:center;position:relative;flex-shrink:0}
.app-logo-mark::before{content:"iGO";font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:-0.04em;color:var(--chrome-pure);line-height:1}
.app-logo-mark::after{content:"";position:absolute;left:0;bottom:-3px;width:42px;height:1.5px;border-radius:2px;background:linear-gradient(90deg,var(--chrome-pure),rgba(242,244,249,0.25))}
.sidebar .logo-text{font-family:var(--display)!important;color:var(--text)!important;letter-spacing:-0.03em}
.sidebar .logo-text span{color:var(--accent2)!important}
.nav-item{border-radius:var(--r-sm)!important;color:var(--muted2)!important}
.nav-item:hover{background:rgba(255,255,255,0.04)!important;color:var(--text)!important}
.nav-item.active{background:var(--accent-glow)!important;color:var(--accent2)!important;box-shadow:inset 2px 0 0 var(--accent)}
.nav-icon{font-family:var(--mono)!important;font-size:0!important;color:currentColor!important;width:20px!important}
.topbar,.toolbar,.pagination{background:rgba(33,37,46,0.82)!important;border-color:var(--border)!important;backdrop-filter:blur(14px)}
.page-title{font-family:var(--display)!important;letter-spacing:-0.02em;color:var(--text)!important}.page-sub{color:var(--muted)!important}
.stat-card,.card,.contact-card,.license-row,.panel{background:rgba(33,37,46,0.45)!important;border-color:var(--border)!important;border-radius:var(--r-md)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.035)}
.stat-label,.card-title{color:var(--muted)!important;letter-spacing:0.12em!important}.stat-value{font-family:var(--mono)!important}
.hot{background:var(--red-bg)!important;color:var(--red)!important;border-color:rgba(239,68,68,0.28)!important}.warm{background:var(--yellow-bg)!important;color:var(--yellow)!important;border-color:rgba(201,147,82,0.28)!important}.new{background:var(--purple-bg)!important;color:var(--purple)!important;border-color:rgba(59,130,246,0.28)!important}

/* Auth and legal surfaces */
.bg{background:radial-gradient(ellipse 60% 40% at 85% 5%,rgba(79,188,120,0.07),transparent 55%),radial-gradient(ellipse 40% 35% at 10% 95%,rgba(201,147,82,0.035),transparent 60%)!important}
.value-side h2{font-size:clamp(1.55rem,3vw,2.35rem)!important;line-height:1.12!important;background:linear-gradient(135deg,#C8CFEA 0%,#FFF 50%,#B8C2DC 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sub,.tagline,.body-m,.legal-content p,.article-excerpt{color:var(--muted2)!important;line-height:1.65!important}
.register-link a,.panel-link,.footer-link{color:var(--accent2)!important}
.google-btn,.microsoft-btn{
  background:rgba(255,255,255,0.06)!important;
  color:var(--chrome-bright)!important;
  border:1px solid var(--border2)!important;
  border-radius:var(--r-sm)!important;
}
.google-btn:hover,.microsoft-btn:hover{background:rgba(255,255,255,0.1)!important;box-shadow:0 10px 22px rgba(0,0,0,0.22)!important}
.divider::before,.divider::after{background:var(--border)!important}

/* Brandbook tabs */
.tabs-row{border-bottom:1px solid var(--border)!important}
.tab,.detail-tab{
  color:var(--muted)!important;
  border-radius:var(--r-sm) var(--r-sm) 0 0!important;
  transition:color 150ms ease,border-color 150ms ease,background 150ms ease!important;
}
.tab.on,.detail-tab.active{
  color:var(--accent2)!important;
  border-bottom-color:var(--accent)!important;
  background:rgba(255,255,255,0.04)!important;
}
.tab-count{background:var(--accent-glow)!important;color:var(--accent2)!important;border-radius:999px!important}

/* Motion from brandbook: UI under 400ms, reduced motion respected. */
.modal,.modal-box,.form-side{animation:igoModalIn 250ms ease-out both}
@keyframes igoModalIn{from{opacity:0;transform:scale(.98) translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}