/* BAOI 5.3.30.3.1 — Brand Lockup & Premium Tool Surface Refinement */
:root{
  --baoi-premium-bg:#07111e;
  --baoi-premium-surface:#0b1726;
  --baoi-premium-surface-2:#0e1c2d;
  --baoi-premium-line:rgba(139,170,204,.18);
  --baoi-premium-line-strong:rgba(139,183,220,.28);
  --baoi-premium-text:#f4f8ff;
  --baoi-premium-muted:#a6b5c9;
  --baoi-premium-accent:#55dff4;
  --baoi-premium-accent-2:#6ea8ff;
  --baoi-premium-focus:rgba(85,223,244,.18);
}

/* Header brand: keep one sober canonical BAOI blue and remove theme filters/gradients. */
body.baoi-v533031-premium-tool-page .site-header,
body.baoi-v533031-premium-tool-page #masthead{
  border-bottom:1px solid rgba(139,170,204,.10)!important;
  box-shadow:none!important;
}
body.baoi-v533031-premium-tool-page .site-header .custom-logo,
body.baoi-v533031-premium-tool-page .site-header .site-logo img,
body.baoi-v533031-premium-tool-page .site-branding .custom-logo,
body.baoi-v533031-premium-tool-page #masthead .custom-logo-link img{
  filter:none!important;
  opacity:1!important;
  object-fit:contain!important;
  background:transparent!important;
  box-shadow:0 8px 26px rgba(35,109,185,.16)!important;
}
body.baoi-v533031-premium-tool-page .site-title a,
body.baoi-v533031-premium-tool-page .site-branding a:not(.custom-logo-link){
  text-shadow:none!important;
}
body.baoi-v533031-premium-tool-page .menu-toggle{
  box-shadow:none!important;
  border-color:rgba(139,170,204,.20)!important;
}

/* One premium surface, not a stack of independent dark cards. */
body.baoi-v533031-premium-tool-page .baoi-native-tool-page{
  padding-top:18px;
  background:
    radial-gradient(850px 420px at 50% -140px,rgba(44,128,202,.12),transparent 66%),
    linear-gradient(180deg,rgba(11,28,47,.22),rgba(7,17,30,0) 360px);
}
body.baoi-v533031-premium-tool-page .baoi-native-tool-shell{width:min(1040px,100%)}
body.baoi-v533031-premium-tool-page .baoi-native-tool-breadcrumb{
  color:#8395aa!important;
  opacity:.92;
  margin-bottom:11px;
}
body.baoi-v533031-premium-tool-page .baoi-native-tool-breadcrumb a{
  color:#a9b9ca!important;
  font-weight:680!important;
}
body.baoi-v533031-premium-tool-page .baoi-native-tool-hero{
  max-width:900px;
  padding:18px 2px 22px!important;
  margin-bottom:14px!important;
  border-bottom:0!important;
}
body.baoi-v533031-premium-tool-page .baoi-native-tool-eyebrow{
  gap:7px!important;
  margin-bottom:11px!important;
  color:#83d9e8!important;
  font-size:11px!important;
  letter-spacing:.105em!important;
}
body.baoi-v533031-premium-tool-page .baoi-native-tool-eyebrow:before{
  content:"";
  width:6px;height:6px;border-radius:999px;
  background:var(--baoi-premium-accent);
  box-shadow:0 0 0 4px rgba(85,223,244,.07);
}
body.baoi-v533031-premium-tool-page .baoi-native-tool-eyebrow img{display:none!important}
body.baoi-v533031-premium-tool-page .baoi-native-tool-hero h1{
  max-width:820px!important;
  margin-bottom:12px!important;
  color:var(--baoi-premium-text)!important;
  font-size:clamp(2.15rem,4.5vw,3.15rem)!important;
  font-weight:820!important;
  line-height:1.035!important;
  letter-spacing:-.045em!important;
  text-wrap:balance;
}
body.baoi-v533031-premium-tool-page .baoi-native-tool-hero>p{
  max-width:760px!important;
  color:var(--baoi-premium-muted)!important;
  font-size:1rem!important;
  line-height:1.58!important;
}
body.baoi-v533031-premium-tool-page .baoi-native-tool-meta{
  margin-top:15px!important;
  gap:8px!important;
}
body.baoi-v533031-premium-tool-page .baoi-native-tool-chip,
body.baoi-v533031-premium-tool-page .baoi-native-tool-lang{
  min-height:30px!important;
  padding:5px 10px!important;
  border-radius:9px!important;
  box-shadow:none!important;
  font-size:11px!important;
  letter-spacing:.01em;
}
body.baoi-v533031-premium-tool-page .baoi-native-tool-chip{
  color:#a8e8f2!important;
  border-color:rgba(85,223,244,.15)!important;
  background:rgba(85,223,244,.055)!important;
}
body.baoi-v533031-premium-tool-page .baoi-native-tool-lang{
  color:#d5dfec!important;
  border-color:rgba(139,170,204,.16)!important;
  background:rgba(11,23,38,.72)!important;
}
body.baoi-v533031-premium-tool-page .baoi-native-tool-stage{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
body.baoi-v533031-premium-tool-page .baoi-native-tool-frame{background:transparent!important}
body.baoi-v533031-premium-tool-page .baoi-native-tool-after{
  margin:12px 0 0!important;
  padding:12px 2px!important;
  border:0!important;
  border-top:1px solid rgba(139,170,204,.10)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#8497ad!important;
}
body.baoi-v533031-premium-tool-page .baoi-native-tool-after a{color:#86ddea!important}

/* Embedded engines: remove duplicated title/chrome and make the engine feel native. */
body.baoi-v533031-premium-tool-embed{
  --panel:var(--baoi-premium-surface)!important;
  --line:var(--baoi-premium-line)!important;
  --muted:var(--baoi-premium-muted)!important;
  background:transparent!important;
  color:var(--baoi-premium-text)!important;
}
body.baoi-v533031-premium-tool-embed .boai-calc-app,
body.baoi-v533031-premium-tool-embed .boai-builder-app,
body.baoi-v533031-premium-tool-embed .boai-tool-app{
  padding:0!important;
  max-width:none!important;
  background:transparent!important;
}
body.baoi-v533031-premium-tool-embed .boai-calc-hero,
body.baoi-v533031-premium-tool-embed .boai-builder-hero,
body.baoi-v533031-premium-tool-embed .boai-builder-tabs,
body.baoi-v533031-premium-tool-embed .boai-tool-hero{
  display:none!important;
}
body.baoi-v533031-premium-tool-embed .boai-calc-card,
body.baoi-v533031-premium-tool-embed .boai-builder-panel,
body.baoi-v533031-premium-tool-embed .boai-output-panel,
body.baoi-v533031-premium-tool-embed .boai-box{
  border:1px solid var(--baoi-premium-line)!important;
  background:linear-gradient(180deg,rgba(13,28,46,.94),rgba(9,21,35,.97))!important;
  border-radius:18px!important;
  box-shadow:0 18px 46px rgba(0,0,0,.13)!important;
}
body.baoi-v533031-premium-tool-embed .boai-calc-card{padding:22px!important}
/* Parent page already owns the title/description: do not repeat them inside the calculator card. */
body.baoi-v533031-premium-tool-embed .boai-calc-card>.boai-calc-icon,
body.baoi-v533031-premium-tool-embed .boai-calc-card>h2,
body.baoi-v533031-premium-tool-embed .boai-calc-card>p,
body.baoi-v533031-premium-tool-embed .boai-tool-panel.active>h2,
body.baoi-v533031-premium-tool-embed .boai-tool-panel.active>p{
  display:none!important;
}
body.baoi-v533031-premium-tool-embed .boai-builder-layout{gap:12px!important}
body.baoi-v533031-premium-tool-embed .boai-output-panel{top:16px!important}
body.baoi-v533031-premium-tool-embed .boai-fields,
body.baoi-v533031-premium-tool-embed .boai-grid,
body.baoi-v533031-premium-tool-embed .boai-grid-3{gap:13px!important}
body.baoi-v533031-premium-tool-embed label,
body.baoi-v533031-premium-tool-embed .boai-field,
body.baoi-v533031-premium-tool-embed .boai-fields label{
  color:#cbd7e6!important;
  font-weight:760!important;
  letter-spacing:.005em;
}
body.baoi-v533031-premium-tool-embed input,
body.baoi-v533031-premium-tool-embed select,
body.baoi-v533031-premium-tool-embed textarea,
body.baoi-v533031-premium-tool-embed .boai-input,
body.baoi-v533031-premium-tool-embed .boai-textarea{
  min-height:48px!important;
  border:1px solid rgba(126,157,194,.30)!important;
  background:#081422!important;
  color:#f6f9ff!important;
  border-radius:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
body.baoi-v533031-premium-tool-embed input:focus,
body.baoi-v533031-premium-tool-embed select:focus,
body.baoi-v533031-premium-tool-embed textarea:focus,
body.baoi-v533031-premium-tool-embed .boai-input:focus,
body.baoi-v533031-premium-tool-embed .boai-textarea:focus{
  outline:0!important;
  border-color:rgba(85,223,244,.60)!important;
  box-shadow:0 0 0 4px var(--baoi-premium-focus)!important;
  background:#091728!important;
}
body.baoi-v533031-premium-tool-embed .boai-action,
body.baoi-v533031-premium-tool-embed .boai-generate,
body.baoi-v533031-premium-tool-embed .boai-btn.primary,
body.baoi-v533031-premium-tool-embed button[type="submit"]{
  border:1px solid rgba(113,205,229,.24)!important;
  background:linear-gradient(135deg,#137f9b,#2465b8)!important;
  color:#fff!important;
  border-radius:11px!important;
  box-shadow:0 8px 22px rgba(18,88,139,.18)!important;
}
body.baoi-v533031-premium-tool-embed .boai-action:hover,
body.baoi-v533031-premium-tool-embed .boai-generate:hover,
body.baoi-v533031-premium-tool-embed .boai-btn.primary:hover{
  filter:brightness(1.07)!important;
}
body.baoi-v533031-premium-tool-embed .boai-result,
body.baoi-v533031-premium-tool-embed .boai-card,
body.baoi-v533031-premium-tool-embed .boai-code,
body.baoi-v533031-premium-tool-embed .boai-options{
  border-color:rgba(126,157,194,.20)!important;
  background:#081523!important;
  box-shadow:none!important;
}
body.baoi-v533031-premium-tool-embed .boai-result .big,
body.baoi-v533031-premium-tool-embed .boai-metric strong{
  color:#78dfef!important;
}

@media(max-width:720px){
  body.baoi-v533031-premium-tool-page .baoi-native-tool-page{padding:8px 12px 40px!important}
  body.baoi-v533031-premium-tool-page .baoi-native-tool-breadcrumb{font-size:11px!important;margin-bottom:6px!important}
  body.baoi-v533031-premium-tool-page .baoi-native-tool-hero{padding:10px 0 16px!important;margin-bottom:8px!important}
  body.baoi-v533031-premium-tool-page .baoi-native-tool-eyebrow{margin-bottom:9px!important}
  body.baoi-v533031-premium-tool-page .baoi-native-tool-hero h1{
    font-size:clamp(1.9rem,8.2vw,2.2rem)!important;
    line-height:1.06!important;
    margin-bottom:9px!important;
  }
  body.baoi-v533031-premium-tool-page .baoi-native-tool-hero>p{font-size:.94rem!important;line-height:1.48!important}
  body.baoi-v533031-premium-tool-page .baoi-native-tool-meta{margin-top:12px!important}
  body.baoi-v533031-premium-tool-page .baoi-native-tool-stage{margin-top:2px!important}
  body.baoi-v533031-premium-tool-embed .boai-calc-card,
  body.baoi-v533031-premium-tool-embed .boai-builder-panel,
  body.baoi-v533031-premium-tool-embed .boai-output-panel,
  body.baoi-v533031-premium-tool-embed .boai-box{
    border-radius:15px!important;
    box-shadow:0 12px 34px rgba(0,0,0,.10)!important;
  }
  body.baoi-v533031-premium-tool-embed .boai-calc-card{padding:18px!important}
  body.baoi-v533031-premium-tool-embed .boai-builder-panel,
  body.baoi-v533031-premium-tool-embed .boai-output-panel,
  body.baoi-v533031-premium-tool-embed .boai-box{padding:16px!important}
  body.baoi-v533031-premium-tool-embed input,
  body.baoi-v533031-premium-tool-embed select,
  body.baoi-v533031-premium-tool-embed textarea{min-height:46px!important}
}