/* Pro Theme – soft, clean, Uniguru-inspired */
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&family=Noto+Sans+SC:wght@400;500;700&display=swap');

:root{
  --pro-bg-1: #fff7f0; /* warm peach */
  --pro-bg-2: #fffdfb; /* near white */
  --pro-accent: #ff8a00; /* orange accent */
  --pro-accent-2: #ffb703; /* light amber */
  --pro-text: #1f2937; /* slate-800 */
  --pro-muted: #6b7280; /* gray-500 */
  --pro-card: #ffffff;
  --pro-line: rgba(15,23,42,.08);
  --pro-shadow: 0 10px 30px rgba(2,6,23,.08), 0 2px 10px rgba(2,6,23,.06);
  --pro-radius: 16px;
  --pro-container: 1120px;
  /* When ticker is disabled, remove its reserved space */
  --marquee-h: 0px;
}

/* Base */
html,body{font-family: Inter, "Noto Sans SC", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;}
/* Use a flat, even background to avoid banding/uneven tones */
html{ background-color: var(--pro-bg-2) !important; }
body{
  color: var(--pro-text) !important;
  background: var(--pro-bg-2) !important;
  background-color: var(--pro-bg-2) !important;
}

/* Ensure any residual ticker markup is hidden (if present) */
.ticker{ display:none !important; height:0 !important; padding:0 !important; border:0 !important; }

.container{max-width: var(--pro-container) !important;}

/* Headings – clear, neutral */
.hero h1, h1, h2, h3, h4{
  color:#0b0f19 !important;
  letter-spacing:.2px;
}

.section__title{background:none !important; -webkit-background-clip:initial !important; background-clip:initial !important; color:#0b0f19 !important;}
.section__title::after{background:#0b0f19 !important; box-shadow:none !important;}
.section__sub{color:var(--pro-muted) !important;}

/* Buttons – warm accent */
.btn--primary{
  background: linear-gradient(90deg, var(--pro-accent-2), var(--pro-accent));
  box-shadow: 0 14px 28px rgba(255,138,0,.22);
}
.btn--primary:hover{box-shadow:0 16px 36px rgba(255,138,0,.30);}
.btn--ghost{color: var(--pro-accent) !important; border-color: transparent; background: linear-gradient(#fff,#fff) padding-box, linear-gradient(90deg,var(--pro-accent-2),var(--pro-accent)) border-box;}
.btn--ghost:hover{background: linear-gradient(rgba(255,138,0,.08),rgba(255,138,0,.08)) padding-box, linear-gradient(90deg,var(--pro-accent-2),var(--pro-accent)) border-box;}

/* Cards – rounded and soft shadow */
.cards .card, .rb-card, .lb-panel .rb-card{background: var(--pro-card) !important; border:1px solid var(--pro-line) !important; border-radius: var(--pro-radius) !important; box-shadow: var(--pro-shadow) !important;}
.cards .card::before{display:none !important;}
.cards .card{transition:transform .2s ease, box-shadow .2s ease;}
.cards .card:hover{transform:translateY(-4px); box-shadow: 0 16px 42px rgba(2,6,23,.12);} 

/* Hero – soften busy bg */
.hero__bg-embed::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,247,240,.65) 0%, rgba(255,253,251,.35) 30%, rgba(255,253,251,0) 60%);} 
.hero .sub{color:var(--pro-muted) !important;}

/* Chips / stats */
.hero__stats li{background: linear-gradient(180deg, rgba(255,138,0,.08), rgba(255,138,0,.04)) !important; border:1px solid rgba(255,138,0,.18) !important; box-shadow: 0 6px 18px rgba(255,138,0,.16) !important;}

/* Ticker – subtle */
.ticker{background: rgba(255,255,255,.86) !important;}
.ticker .marquee__inner span{background:rgba(255,255,255,.92) !important; color:#475569 !important;}

/* Panels in app/globe page */
.rb-head{background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.92)) !important;}
.rb-tab.active{color: var(--pro-accent) !important;}
.rb-now h4{color: var(--pro-accent) !important;}
.rb-item:hover{background:#fff7f0 !important;}

/* Map/globe page background */
#globeViz{background: radial-gradient(1000px 520px at 50% -10%, var(--pro-bg-1), transparent 60%), linear-gradient(180deg, var(--pro-bg-1), var(--pro-bg-2)) !important;}

/* Inputs */
select, input, textarea{font-family: inherit;}
select{border-radius: 10px; border:1px solid var(--pro-line);} 

/* Footer & section rhythm */
.section{background: transparent !important;}