/* Shared light visual layer for IT Free Tools public pages. */
:root{
  color-scheme:light;
  --bg:#f4f7fb;--bg-alt:#edf3fb;--bg-soft:#f8fafc;
  --surface:#ffffff;--surface-strong:#ffffff;--surface-soft:#f5f8fc;
  --panel:#ffffff;--panel-strong:#f8fafc;--card:#ffffff;--card2:#f8fafc;
  --line:#dce4ee;--line-strong:#bdcbe0;--border:#dce4ee;--border2:#e9eef5;--border-strong:#bdcbe0;
  --text:#172033;--muted:#68778d;--muted2:#526176;--muted-strong:#526176;
  --accent:#356ae6;--accent-strong:#2859cc;--blue:#356ae6;--blue-dark:#2859cc;--cyan:#0d91b8;
  --warm:#d77a13;--success:#0b8f6c;--danger:#d63f55;
  --shadow:0 18px 48px rgba(45,63,93,.10);
}
html{color-scheme:light}
body{color:var(--text)!important;background:radial-gradient(circle at 8% 4%,rgba(203,218,255,.62),transparent 26%),radial-gradient(circle at 92% 12%,rgba(231,215,249,.58),transparent 25%),radial-gradient(circle at 52% 72%,rgba(214,236,242,.46),transparent 30%),linear-gradient(145deg,#f7f5f8 0%,#eef4fb 48%,#f5f7fa 100%)!important;background-size:125% 125%!important}
body::before{opacity:.32!important;background-image:linear-gradient(rgba(53,106,230,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(53,106,230,.035) 1px,transparent 1px)!important;mask-image:linear-gradient(180deg,rgba(0,0,0,.35),transparent 75%)!important}
.ambient{opacity:.14!important}
.site-header,.top-nav{background:rgba(255,255,255,.91)!important;border-color:#dce4ee!important;box-shadow:0 8px 28px rgba(43,62,92,.06)!important;backdrop-filter:blur(16px)}
.site-header .top-nav{box-shadow:none!important}
.nav-brand,.brand-mark,.brand-copy strong{color:#2859cc!important}
.nav-link,.top-nav a{color:#526176!important}
.nav-link:hover,.top-nav a:hover{color:#172033!important;background:#f1f5fb!important;border-color:#dce4ee!important}
.nav-link.active,.top-nav a.is-active{color:#1747b8!important;background:#eaf1ff!important;border-color:#c6d7f7!important}
h1,h2,h3,h4,h5,.tc-title,.ti-name{color:#172033!important}
h1:not(.plain-title){background:linear-gradient(135deg,#16223a,#385178)!important;-webkit-background-clip:text!important;background-clip:text!important}
h1 em{background:linear-gradient(90deg,#356ae6,#7458d8)!important;-webkit-background-clip:text!important;background-clip:text!important}
.subtitle,.lede,.hero-note,.network-intro,.meta-line,.section-intro,.results-line{color:#5c6c82!important}
.hbadge,.eyebrow{color:#2859cc!important}
.hbadge{background:#eaf1ff!important;border-color:#c8d8f7!important}
.stat,.hero-metric,.metric-card{background:rgba(255,255,255,.85)!important;border:1px solid #dce4ee!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(45,63,93,.05)!important}
.home-page .stats-row .stat{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding-inline:10px!important}
.controls-bar,.model-controls,.toolbar-shell,.filter-panel,.compare-panel,.network-section,.faq-section,.section,.hero-panel,.feature-strip,.seo-strip,.panel{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,245,252,.92))!important;border-color:#d8e2ef!important;box-shadow:0 14px 36px rgba(45,63,93,.08)!important}
.tc,.tool-card,.network-card,.topic-item,.result-card,.card,.info-card,.test-card,.comparison-card{background:#fff!important;border-color:#dce4ee!important;box-shadow:0 8px 24px rgba(45,63,93,.055)!important}
.tc:hover,.tool-card:hover,.network-card:hover,.topic-item:hover{box-shadow:0 16px 38px rgba(45,63,93,.12)!important;border-color:#b9cae2!important}
.ti{background:#f7f9fc!important;border-color:#e3e9f1!important}
.ti:hover{background:#eef4ff!important}
.search-input,input,select,textarea{background:#fff!important;color:#172033!important;border-color:#d6e0ec!important}
.search-input:focus,input:focus,select:focus,textarea:focus{border-color:#6f94eb!important;box-shadow:0 0 0 4px rgba(53,106,230,.10)!important}
.cf,.tab-btn,.button-secondary{background:#fff!important;color:#526176!important;border-color:#dce4ee!important}
.cf:hover,.tab-btn:hover,.button-secondary:hover{color:#1747b8!important;border-color:#9cb6e5!important}
.cf.active,.tab-btn.active,.button-primary{background:#356ae6!important;color:#fff!important;border-color:#356ae6!important;box-shadow:0 8px 18px rgba(53,106,230,.20)!important}
.site-footer{color:#68778d!important;border-color:#dce4ee!important}
.site-footer strong{color:#27364d!important}
.footer-link{color:#526176!important}.footer-link:hover{color:#1747b8!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(53,106,230,.34)!important;outline-offset:3px!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media(max-width:760px){
  .hero{padding-top:34px!important}.network-grid{grid-template-columns:1fr!important}
  .site-header .header-shell,.site-header .header-row{align-items:center!important;flex-wrap:wrap!important;padding-block:10px!important}
  .site-header .top-nav{display:flex!important;width:100%!important;max-width:100%!important;justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;padding:4px 2px 7px!important;scrollbar-width:none!important}
  .site-header .top-nav::-webkit-scrollbar{display:none!important}
  .site-header .top-nav a{flex:0 0 auto!important;white-space:nowrap!important;min-height:36px!important;padding:8px 12px!important}
}

/* Remove legacy dark surfaces from every public tool page. */
.panel-compact,.workspace-shell,.workspace-panel,.input-panel,.result-panel,
.hero-stat,.mini-card,.feature-strip article,.feature-card,.faq-card,.faq-item,.prose-card,.hub-card,
.topic-item,.geo-copy,.assessment-summary,.summary-card,.stat-card,.stats-grid,
.compare-table,.compare-table thead th,.compare-table tbody td,
.result-block,.preview-box,.canvas-box,.drop-zone,.raw-detail code{
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(235,242,251,.94))!important;
  color:#1b2a42!important;
  border-color:#d5e0ed!important;
  box-shadow:0 12px 30px rgba(54,72,103,.075)!important;
}
.feature-card:nth-child(3n+2),.faq-card:nth-child(3n+2),.hero-stat:nth-child(even),.mini-card:nth-child(even),.feature-strip article:nth-child(even),.network-card:nth-child(even),.topic-item:nth-child(even){background:linear-gradient(145deg,#fbf8fd,#edf5fb)!important}
.panel-head h2,.panel-head p,.quick-copy,.hero-stat strong,.hero-stat span,.mini-card strong,.mini-card span,
.feature-card h2,.feature-card h3,.feature-card p,.faq-card h2,.faq-card h3,.faq-card p,
.feature-strip article h2,.feature-strip article h3,.feature-strip article p,.prose-card,.prose-card p,
.hub-card,.hub-card strong,.hub-card span,.topic-item,.topic-item summary,.topic-copy,
.assessment-summary,.assessment-summary strong,.assessment-summary span,.summary-card,.stat-card{
  color:#1d2b43!important;
}
.panel-head p,.quick-copy,.hero-stat span,.mini-card span,.feature-card p,.faq-card p,.feature-strip article p,.prose-card p,.hub-card span,.topic-copy,.assessment-summary p,.summary-card p,.stat-card p{color:#5f7188!important}
.faq-item summary,.network-card strong,.topic-copy strong{color:#1d2b43!important}
.topic-copy li{color:#4f627b!important}
.hero-pill,.status-badge,.token-badge,.mini-chip,.result-status,.status-pill,.topic-index{
  background:#eaf1ff!important;color:#315fae!important;border-color:#c9d9f2!important;box-shadow:none!important;
}
.compare-table thead th{background:#e8eff9!important;color:#243651!important}
.compare-table tbody tr:nth-child(even) td{background:rgba(239,244,250,.72)!important}
.compare-table tbody tr:hover td{background:#eaf2ff!important}
.button-secondary,.button-ghost{background:#f7f9fc!important;color:#334761!important;border-color:#ccd9e8!important}
.button-secondary:hover,.button-ghost:hover{background:#eaf2ff!important;color:#194ea9!important;border-color:#9eb9e4!important}
.status-error{background:#fff0f2!important;color:#ad2940!important;border-color:#f2bdc7!important}
.topic-copy code,.raw-detail code,.result-block{font-family:"IBM Plex Mono",Consolas,"Courier New",monospace!important;color:#203652!important}
.speed-gauge,.speed-ring,.gauge-ring,.progress-track{background-color:#e6edf7!important;border-color:#cad8e8!important}
.speed-gauge::before,.speed-ring::before,.gauge-ring::before{background:#f7f9fc!important}
.page-noise{opacity:.28!important}
.section-tag,.result-tag,.quick-guide span,.field-label,.field-label>span,.field>span{
  color:#294d7d!important;
}
.section-tag,.result-tag,.quick-guide span{
  background:#edf4fc!important;border-color:#ccdaeb!important;
}
.prompt-block{color:#203652!important}
.network-card,.tc,.tool-card,.guide-card{background:linear-gradient(145deg,#ffffff,#f0f5fb)!important}
.network-card:nth-child(3n+2),.tc:nth-child(3n+2),.tool-card:nth-child(3n+2),.guide-card:nth-child(3n+2){background:linear-gradient(145deg,#fbf8fd,#eef5fb)!important}
@keyframes itftAmbient{0%{background-position:0% 0%,100% 0%,50% 70%,0 0}100%{background-position:7% 4%,94% 7%,45% 76%,0 0}}
.card,.panel,.hero-panel,.feature-card,.faq-card,.topic-item,.toolbar-shell,.section,.feature-strip,.network-section,.seo-strip,.ai-chatbot__panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Chat window: keep the full assistant readable without a dark modal. */
.ai-chatbot__panel{background:linear-gradient(155deg,#ffffff,#eef4fb)!important;border-color:#cad8e8!important;box-shadow:0 24px 70px rgba(43,60,89,.22)!important}
.ai-chatbot__head{background:linear-gradient(135deg,#eef4ff,#f5effa)!important;border-color:#d6e0ee!important}
.ai-chatbot__head h2,.ai-chatbot__head p,.ai-chatbot__menu-title,.ai-chatbot__status{color:#243651!important}
.ai-chatbot__small-btn,.ai-chatbot__back,.ai-chatbot__chip{background:#ffffff!important;color:#36516f!important;border-color:#ccd9e8!important}
.ai-chatbot__small-btn:hover,.ai-chatbot__back:hover,.ai-chatbot__chip:hover{background:#eaf2ff!important;color:#174ca8!important}
.ai-chatbot__body,.ai-chatbot__log,.ai-chatbot__menu,.ai-chatbot__form{background:transparent!important}
.ai-chatbot__msg--bot{background:#ffffff!important;color:#263951!important;border-color:#d9e2ed!important}
.ai-chatbot__msg--user{background:linear-gradient(135deg,#e8f0ff,#eee9fa)!important;color:#243651!important;border-color:#cbd8ee!important}
.ai-chatbot__input{background:#ffffff!important;color:#1d2b43!important;border-color:#cad8e7!important}