/* Noostrid company palette, scoped to Tools. Shared server tokens remain intact. */
html{color-scheme:dark;background:#101116;scroll-padding-top:104px}
.tools-body{
 --ink:#101116;--ink-soft:#141720;--surface:#181b23;--surface-2:#232834;
 --panel:#181b23;--panel-2:#232834;--panel-3:#2c3242;--panel-glass:#181b23;
 --wash:#101116;--snow:#f5f4ef;--snow-dim:#b6bdce;--mute:#b6bdce;--mute-2:#9aa5bc;
 --text:#f5f4ef;--muted:#b6bdce;--faint:#9aa5bc;--line:#363e50;--line-strong:#616f8d;
 --brand-cobalt:#365adc;--accent:#a4b9ff;--accent-bright:#dce5ff;--accent-blue:#a4b9ff;
 --blue:#a4b9ff;--accent-dim:#263555;--accent-blue-dim:#263555;--line-accent:#516590;
 --warm:#a4b9ff;--warm-dim:#263555;--nav-h:88px;--max:1420px;
 background:var(--ink);color:var(--snow)
}
.tools-body ::selection{background:#365adc;color:#fff}
.tools-header__bar,.tools-header.is-scrolled .tools-header__bar{background:#101116f5;border-bottom-color:#ffffff1f}
.tools-header__inner{width:min(calc(100% - 112px),1600px);max-width:1600px}
.tools-brand__wordmark{width:155px;height:auto;max-width:40vw}
.tools-brand__suffix-only{color:#b6bdce;border-color:#363e50;font:600 10px/1.4 var(--body);letter-spacing:.1em;padding:6px 9px}
.tools-mega-nav__trigger{color:#b6bdce}
.tools-mega-nav__external{background:#f5f4ef;color:#14151a;border-color:#f5f4ef;min-height:44px}
.tools-mega-nav__external:hover{background:#dce5ff;color:#14151a;border-color:#dce5ff}
.tools-mega-nav__panel{background:#181b23;border-color:#363e50}
.tools-mega-nav__item-desc{color:#b6bdce}
.tools-mega-nav__item:hover{background:#232834}
.tools-mega-nav__item-icon{color:#a4b9ff;background:#263555}
.tools-nav-toggle{width:44px;height:44px;align-items:center;justify-content:center;border:1px solid #75777d;border-radius:50%;gap:5px;flex-shrink:0}
.utility-hero{width:min(calc(100% - 112px),1600px);max-width:1600px;padding:84px 0 88px;gap:7%;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr)}
.utility-intro{min-width:0}
.utility-eyebrow,.utility-hero h1>span{color:#a4b9ff}
.utility-hero h1{font-family:var(--display);font-weight:500;letter-spacing:-.055em;font-size:clamp(42px,4.4vw,74px);line-height:1.08}
.utility-lead,.utility-note{color:#b6bdce}
.utility-primary{background:#f5f4ef;color:#17181d;border-color:#f5f4ef;border-radius:100px;padding:17px 23px;min-height:56px;font-size:14px}
.utility-primary:hover{background:#dce5ff;color:#17181d;border-color:#dce5ff}
.utility-secondary{color:#f5f4ef;min-height:44px;display:inline-flex;align-items:center}
.request-map{background:#181b23;color:#f5f4ef;border:1px solid #4a5772;border-radius:14px;padding:26px;transform:none;box-shadow:10px 12px 0 #263555;position:relative;overflow:visible}
.request-map::before{content:"";position:absolute;top:-1px;left:26px;width:60px;height:3px;background:#365adc}
.request-map__caption{color:#b6bdce;border-color:#363e50}
.request-map__address{font-size:clamp(19px,2vw,30px);gap:9px;overflow-wrap:anywhere;min-width:0;letter-spacing:-.055em}
.request-map__address>span:first-child,.map-cursor,.layer-glyph{color:#a4b9ff}
.request-layer,.request-layer:nth-child(4),.request-layer:nth-child(5),.request-layer:nth-child(6){background:#1f2431;border-color:#414c64;color:#f5f4ef;border-radius:7px;grid-template-columns:22px minmax(0,1fr) 30px 14px;gap:12px}
.request-layer:hover,.request-layer:focus-visible{background:#263555;border-color:#9aafff;box-shadow:none;transform:translateX(-4px)}
.request-layer small,.layer-number,.request-map__foot{color:#b6bdce}
.request-layer strong{font-weight:600;letter-spacing:-.025em}
.tools-home{max-width:1600px!important;width:min(calc(100% - 112px),1600px)!important}
.tools-promo-strip{border-color:#363e50!important}
.tools-promo-strip p,.tools-search-bar__hint{color:#b6bdce}
.tools-promo-strip a{color:#a4b9ff}
.catalog-heading h2{font-family:var(--display);font-weight:500}
.tools-search__input{background:#181b23;border-color:#616f8d;border-radius:8px;color:#f5f4ef}
.tools-search__input::placeholder{color:#9aa5bc;opacity:1}
.tools-category{border-color:#363e50}
.tools-home .tool-card{border-color:#363e50!important}
.tools-home .tool-card:hover{background:#181b23!important}
.tools-home .tool-card__icon{color:#a4b9ff!important}
.tool-card__name{color:#f5f4ef!important}
.tool-card__desc{color:#b6bdce!important}
.tool-page{padding:56px 0 80px;background:#101116}
.tool-page__inner{width:min(calc(100% - 112px),1120px);max-width:1120px;margin:auto}
.tool-header{gap:24px;margin-bottom:24px;padding-bottom:28px}
.tool-header__body{min-width:0}
.tool-header__icon{color:#a4b9ff;background:#263555;border-color:#516590;box-shadow:none;border-radius:12px}
.tool-header__eyebrow{color:#a4b9ff;font-size:10px;letter-spacing:.12em}
.tool-header__title{font-size:clamp(32px,4vw,56px);font-weight:500;letter-spacing:-.045em;line-height:1.12;overflow-wrap:anywhere}
.tool-header__desc{font-size:16px;line-height:1.75;max-width:66ch;color:#b6bdce}
.tool-breadcrumb{flex-wrap:wrap;line-height:1.65;row-gap:5px}
.execution-note{margin:0 0 16px;color:#b6bdce!important;background:#1b2438;border-left-color:#a4b9ff}
.tool-page .reveal{opacity:1!important;transform:none!important;visibility:visible!important}
.tool-workspace{background:#181b23;border-color:#414b60;border-radius:14px;padding:30px;box-shadow:none;overflow:visible}
.tool-workspace::before{display:none}
.tool-label,.tool-form label{color:#dce0eb}
.tool-input,.tool-select,.tool-textarea,.tool-form input[type=text],.tool-form input[type=url],.tool-form input[type=number]{background:#101116;border-color:#616f8d;color:#f5f4ef;font-size:15px;line-height:1.6}
.tool-input::placeholder,.tool-textarea::placeholder{color:#9aa5bc;opacity:1}
.tool-input:focus,.tool-select:focus,.tool-textarea:focus{border-color:#a4b9ff;box-shadow:0 0 0 3px #365adc44;outline:none}
.tool-btn{min-height:44px;border-color:#616f8d;border-radius:8px;font-size:14px}
.tool-btn--primary{background:#365adc!important;color:#fff!important;border-color:#365adc!important}
.tool-btn--primary:hover{background:#4569ef!important;color:#fff!important;border-color:#4569ef!important;box-shadow:none}
.tool-btn--primary:disabled{color:#fff}
.tool-toolbar{flex-wrap:wrap}
.tool-pre{background:#101116;border-color:#414b60;color:#e5e8f1;font-size:13px;line-height:1.7}
.result-field,.check-card{background:#1f2431;border-color:#414b60}
.result-field dt,.result-field dd{color:#b6bdce}
.result-field dd{color:#f5f4ef}
.result-raw summary{color:#a4b9ff;min-height:44px}
.result-state{color:#dce5ff;background:#263555;border-color:#516590}
.result-table th,.result-table td{border-color:#414b60}
.tool-hint,.tool-note,.tool-related__label{color:#b6bdce!important}
.tool-related__card{background:#181b23;border-color:#414b60;min-height:52px}
.tool-related__card:hover{background:#232834;border-color:#a4b9ff}
.tools-promo{background:transparent;border-color:#363e50;border-radius:10px;padding:20px;margin-top:24px}
.tools-promo__text{color:#b6bdce}
.prose-tools{max-width:76ch;line-height:1.8;font-size:16px;padding:clamp(22px,4vw,40px)}
.prose-tools h2{font-weight:550;font-size:21px;letter-spacing:-.025em;line-height:1.3}
.prose-tools a{color:#a4b9ff;text-underline-offset:4px;overflow-wrap:anywhere}
.tools-footer{background:#101116;border-top:1px solid #363e50}
.tools-footer__inner{width:min(calc(100% - 112px),1600px);max-width:1600px;padding:42px 0 28px}
.tools-footer__note,.tools-footer__copy{color:#b6bdce}
.tools-footer__links{display:flex;flex-wrap:wrap;gap:2px 20px}
.tools-footer__links a{margin:0;min-height:40px;display:inline-flex;align-items:center;color:#b6bdce}
.tools-footer__hosted{color:#a4b9ff;min-height:44px;display:inline-flex;align-items:center;gap:8px}
.tools-body a:focus-visible,.tools-body button:focus-visible,.tools-body summary:focus-visible{outline:2px solid #a4b9ff;outline-offset:4px}
@media(max-width:1200px) and (min-width:961px){.tools-mega-nav__trigger{padding-inline:8px;font-size:12px}.tools-header__inner{gap:12px}.tools-brand{gap:8px}.tools-brand__wordmark{width:135px}}
@media(max-width:1060px){.tools-header__inner,.tools-footer__inner,.utility-hero{width:calc(100% - 40px)}.tools-home{width:calc(100% - 40px)!important}.tool-page__inner{width:calc(100% - 40px)}}
@media(max-width:960px){.tools-body{--nav-h:76px}.tools-header__inner{height:76px}.tools-mega-nav{background:#101116}.tools-mega-nav__external{align-self:flex-start;padding-inline:18px;margin-top:12px}.tools-mega-nav__panel{border-color:#363e50}.utility-hero{padding-block:56px 68px;gap:4%}.request-map{padding:20px}.request-layer{padding:17px 12px;gap:8px;grid-template-columns:18px minmax(0,1fr) 24px 12px}.request-layer strong{font-size:16px}.layer-glyph{font-size:26px;width:24px}.tool-page{padding-top:34px}.tool-workspace{padding:24px}}
@media(max-width:700px){.utility-hero{grid-template-columns:minmax(0,1fr);gap:42px;padding-block:42px 52px}.utility-hero h1{font-size:clamp(39px,10.3vw,62px)}.utility-lead{font-size:16px;margin-block:23px}.request-map{margin-right:8px;box-shadow:8px 10px 0 #263555}.request-map__address{font-size:clamp(18px,5.6vw,26px)}.utility-primary{font-size:13px}.tool-header{gap:16px}.tool-header__icon{width:44px;height:44px}.tool-header__title{font-size:clamp(29px,7.5vw,42px)}.tool-workspace{padding:20px 16px}.tool-page{padding-bottom:48px}.tool-input,.tool-select,.tool-textarea,.tool-form input[type=text],.tool-form input[type=url],.tool-form input[type=number]{font-size:16px}.tool-toolbar{gap:8px}.tools-footer__inner{padding-top:32px}.tools-footer__note{font-size:14px}.tools-promo{padding:17px}.tool-header__desc{font-size:15px}}
@media(max-width:380px){.tools-brand__wordmark{width:133px}.tools-brand{gap:8px}.tools-brand__suffix-only{font-size:9px;padding:5px 7px}.request-map{padding:16px}.request-layer{grid-template-columns:16px minmax(0,1fr) 12px;gap:8px;padding:15px 10px}.layer-glyph{display:none}.request-layer strong{font-size:15px}.request-layer small{font-size:12px}.tool-header__icon{display:none}.tool-header__title{font-size:29px}}
@media(prefers-reduced-motion:reduce){.request-layer,.utility-primary{transition:none;transform:none!important}}

/* NOOSTRID-WB-ELEVATE-START */
.tools-body {
  background-color: #050811 !important;
  background-image:
    radial-gradient(circle at 16% 8%, rgba(14, 165, 233, 0.11) 0%, transparent 38%),
    radial-gradient(circle at 84% 20%, rgba(37, 99, 235, 0.09) 0%, transparent 42%) !important;
}
.tools-header__bar {
  background: rgba(5, 8, 17, 0.88) !important;
  border-bottom: 1px solid rgba(56, 189, 248, 0.18) !important;
  backdrop-filter: blur(20px) !important;
}
.wb-quick-launch {
  margin: 26px 0 20px;
  padding: 18px 20px;
  background: rgba(12, 19, 36, 0.86);
  border: 1px solid rgba(56, 189, 248, 0.28);
  border-radius: 14px;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
}
.wb-quick-launch__label {
  display: block;
  font: 600 10px/1.3 var(--mono);
  letter-spacing: 0.12em;
  color: #38bdf8;
  margin-bottom: 10px;
}
.wb-quick-launch__row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.wb-quick-launch__input {
  flex: 1 1 220px;
  min-height: 48px;
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid rgba(56, 189, 248, 0.35);
  background: #050811;
  color: #f8fafc;
  font-size: 15px;
}
.wb-quick-launch__input:focus {
  outline: none;
  border-color: #38bdf8;
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.25);
}
.wb-quick-launch__targets {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  font-size: 11.5px;
  color: #94a3b8;
}
.wb-quick-launch__targets button {
  background: rgba(15, 23, 42, 0.9);
  border: 1px solid rgba(148, 163, 184, 0.25);
  color: #cbd5e1;
  border-radius: 999px;
  padding: 5px 11px;
  font: 500 11px/1.2 var(--mono);
  cursor: pointer;
  transition: all 0.16s ease;
}
.wb-quick-launch__targets button:hover {
  border-color: #38bdf8;
  color: #38bdf8;
  background: rgba(14, 165, 233, 0.12);
}
.wb-cat-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.wb-cat-pill {
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(148, 163, 184, 0.24);
  color: #cbd5e1;
  border-radius: 999px;
  padding: 7px 14px;
  font-size: 12.5px;
  cursor: pointer;
  transition: all 0.16s ease;
}
.wb-cat-pill:hover {
  border-color: #38bdf8;
  color: #fff;
}
.wb-cat-pill.is-active {
  background: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 55%, #2563eb 100%);
  color: #030712;
  font-weight: 600;
  border-color: transparent;
}
@media (max-width: 820px) {
  .wb-estimator-grid { grid-template-columns: 1fr !important; }
  .tool-form__row { grid-template-columns: 1fr !important; }
}
/* NOOSTRID-WB-ELEVATE-END */