/* IQlator Professional UI v1.14.0 — homepage conversion-focused polish */
:root{
  --pro-navy:#082847;
  --pro-navy-2:#0d3a66;
  --pro-blue:#1769e8;
  --pro-blue-2:#0b85f3;
  --pro-cyan:#16b9df;
  --pro-text:#17263b;
  --pro-muted:#607086;
  --pro-line:#e2eaf3;
  --pro-soft:#f6f9fc;
  --pro-soft-blue:#eef6ff;
  --pro-card:#ffffff;
  --pro-shadow:0 12px 34px rgba(18,50,82,.08);
  --pro-shadow-hover:0 16px 42px rgba(18,50,82,.13);
}

body{background:#fff;color:var(--pro-text)}
main#home{background:#fff}

/* Header: lighter, tighter, more product-like */
#iqlatorSharedHeader{background:rgba(255,255,255,.96)!important;backdrop-filter:saturate(150%) blur(12px);border-bottom:1px solid #edf2f7!important;box-shadow:0 1px 0 rgba(15,45,75,.02)!important;padding-top:0!important}
@media(min-width:1121px){
  #iqlatorSharedHeader .iq-sh-bar{min-height:82px!important}
  #iqlatorSharedHeader .iq-sh-brand img{max-height:48px!important;width:auto!important}
  #iqlatorSharedHeader .iq-sh-brand span{font-size:11px!important;color:#66788e!important;margin-top:0!important}
  #iqlatorSharedHeader .iq-sh-link,#iqlatorSharedHeader .iq-sh-button{font-size:13px!important;font-weight:700!important;padding:9px 8px!important;border-radius:10px!important}
}

/* Hero */
.hero#assistant{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 8%,rgba(39,167,255,.27),transparent 28%),
    radial-gradient(circle at 14% 92%,rgba(23,105,232,.22),transparent 32%),
    linear-gradient(135deg,#061f39 0%,#08355f 52%,#075289 100%)!important;
  padding:72px 0 58px!important;
}
.hero#assistant:after{content:"";position:absolute;inset:auto -8% -110px -8%;height:180px;background:rgba(255,255,255,.035);border-radius:50% 50% 0 0;pointer-events:none}
.hero#assistant .container{position:relative;z-index:1}
.hero-message{max-width:820px!important;margin:0 auto 30px!important}
.hero-eyebrow-pro{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(173,218,255,.25);background:rgba(255,255,255,.07);border-radius:999px;color:#cfe8ff;font-size:11px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;margin-bottom:16px}
.hero-eyebrow-pro:before{content:"";width:7px;height:7px;border-radius:50%;background:#42d3ff;box-shadow:0 0 0 4px rgba(66,211,255,.13)}
.hero#assistant .hero-message h1{font-size:clamp(42px,5vw,64px)!important;line-height:1.02!important;letter-spacing:-2.1px!important;margin-bottom:16px!important;text-wrap:balance}
.hero#assistant .hero-message p{max-width:710px;margin:0 auto!important;font-size:18px!important;line-height:1.55!important;color:#d4e6f7!important}
.hero#assistant .airow{max-width:900px!important;padding:7px!important;border:1px solid rgba(180,218,248,.36)!important;background:rgba(255,255,255,.98)!important;border-radius:16px!important;box-shadow:0 24px 55px rgba(0,12,31,.28)!important}
.hero#assistant .airow input{background:#fff!important;color:#17263b!important;-webkit-text-fill-color:#17263b!important;font-size:16px!important;padding:17px 16px!important}
.hero#assistant .airow input::placeholder{color:#7a899d!important;-webkit-text-fill-color:#7a899d!important}
.hero#assistant .airow button{background:linear-gradient(135deg,var(--pro-blue),var(--pro-blue-2))!important;min-width:132px!important;border-radius:11px!important;font-size:14px!important;font-weight:800!important;box-shadow:0 7px 18px rgba(23,105,232,.25)!important}
.hero-examples{margin-top:13px!important;color:#c7dbef!important;font-size:13px!important}
.hero-ai-note{margin-top:10px!important;color:#d8e8f7!important;font-size:11.5px!important}

/* Trust strip immediately after hero */
.iq-trust-strip{border-bottom:1px solid var(--pro-line);background:#fff}
.iq-trust-strip .container{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:16px 0!important}
.iq-trust-item{display:flex;align-items:center;justify-content:center;gap:9px;color:#44566d;font-size:12.5px;font-weight:700;min-height:30px}
.iq-trust-item+.iq-trust-item{border-left:1px solid #e9eef4}
.iq-trust-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--pro-soft-blue);color:var(--pro-blue);font-size:14px}

/* Empty ad placement should not dominate landing experience */
main#home>.container>.ad{margin:18px auto 4px!important;min-height:54px!important;border:1px dashed #e5ebf2!important;background:#fbfcfe!important;border-radius:10px!important;font-size:10px!important}

/* Section rhythm */
#quick-tools,#popular,#markets-rates,.homepage-seo-content{padding-top:42px!important;padding-bottom:42px!important}
#quick-tools{background:#fff}
#popular{background:var(--pro-soft)}
#markets-rates{background:#fff}
#quick-tools h2,#popular h2,#markets-rates h2,.homepage-seo-content h2{color:#13243a;letter-spacing:-.025em}
.section-head p,.sub{color:var(--pro-muted)!important}

/* Quick actions */
.quickbar{gap:14px!important;margin-top:18px!important}
.quick{min-height:92px!important;border:1px solid var(--pro-line)!important;border-radius:15px!important;background:#fff!important;padding:17px 18px!important;box-shadow:0 4px 14px rgba(16,51,88,.035)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.quick:hover{transform:translateY(-2px);border-color:#b9d4f3!important;box-shadow:var(--pro-shadow)!important}
.icon-badge{width:42px!important;height:42px!important;border-radius:12px!important;background:var(--pro-soft-blue)!important;color:var(--pro-blue)!important;flex:0 0 42px!important}
.quick-copy strong{font-size:14px!important;color:#16304e!important}.quick-copy span{font-size:12px!important;color:#718198!important;line-height:1.4!important}

/* Popular calculator cards */
#popular .grid{gap:14px!important}
#popular .card{border:1px solid var(--pro-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 5px 16px rgba(18,50,82,.04)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
#popular .card:hover{transform:translateY(-2px);box-shadow:var(--pro-shadow)!important;border-color:#c7dcef!important}
#popular .card h3{color:#17304d!important}
#popular .card p{color:#6a7b90!important}
#popular .link{font-weight:750!important;text-decoration:none!important}

/* Markets, Rates, News gateway */
.market-rates-links{gap:15px!important}
.market-rates-card{border:1px solid var(--pro-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 5px 18px rgba(18,50,82,.04)!important;padding:20px!important;transition:.18s ease!important}
.market-rates-card:hover{transform:translateY(-2px);border-color:#bdd8f4!important;box-shadow:var(--pro-shadow)!important}
.market-rates-icon{background:var(--pro-soft-blue)!important;color:var(--pro-blue)!important;border-radius:12px!important;width:44px!important;height:44px!important}
.market-rates-card strong{color:#16304e!important}.market-rates-card span{color:#6c7c91!important}.market-rates-card b{color:var(--pro-blue)!important}
.market-rates-note{color:#7b899b!important;font-size:12px!important}

/* Editorial / confidence content */
.homepage-seo-content{background:var(--pro-soft)!important}
.seo-info-grid{gap:15px!important}
.seo-info-grid article,.seo-topic,.seo-step{border:1px solid var(--pro-line)!important;background:#fff!important;border-radius:15px!important;box-shadow:0 4px 16px rgba(18,50,82,.035)!important}
.homepage-seo-content .card{border:1px solid var(--pro-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important}
#about .feature{background:linear-gradient(135deg,#f4f8fd,#edf6ff)!important;border:1px solid #dce8f5!important;box-shadow:none!important}
#about .feature h2{color:#16304e!important}
#about .feature button{background:linear-gradient(135deg,var(--pro-blue),#0a80ed)!important;border-radius:10px!important}

/* Calculator result surfaces */
body .panel,body .result,body .ratecard,body .market-card,body .amortization-card{border-radius:16px!important;box-shadow:0 7px 22px rgba(18,50,82,.055)!important}
body .field input,body .field select,body input[type="text"],body input[type="number"],body select{border-radius:10px!important;border-color:#d8e3ef!important;background:#fff!important}
body .primary{background:linear-gradient(135deg,var(--pro-blue),#0d7ce7)!important;border-radius:10px!important}
body .secondary,body .back{border-radius:10px!important}

@media(max-width:700px){
  .hero#assistant{padding:48px 0 40px!important}
  .hero#assistant .hero-message h1{font-size:38px!important;letter-spacing:-1.35px!important}
  .hero#assistant .hero-message p{font-size:15px!important;padding:0 5px}
  .hero-eyebrow-pro{margin-bottom:13px;font-size:10px}
  .hero#assistant .airow{padding:5px!important;border-radius:14px!important}
  .hero#assistant .airow input{padding:14px 10px!important;font-size:14px!important;min-width:0!important}
  .hero#assistant .airow button{min-width:92px!important;padding:0 10px!important}
  .hero-examples{line-height:1.5!important}
  .iq-trust-strip .container{grid-template-columns:1fr!important;padding:8px 0!important}
  .iq-trust-item{justify-content:flex-start;padding:8px 5px}
  .iq-trust-item+.iq-trust-item{border-left:0;border-top:1px solid #edf1f5}
  #quick-tools,#popular,#markets-rates,.homepage-seo-content{padding-top:32px!important;padding-bottom:32px!important}
  .quick{min-height:82px!important}
}


/* v1.14.1 calculator/page polish */
/* IQlator v1.14.1 — professional calculator/page UI */
:root{--iq-navy:#0b1f3a;--iq-blue:#1769e0;--iq-blue2:#0f5fd5;--iq-ink:#14233a;--iq-muted:#64748b;--iq-line:#dce6f2;--iq-soft:#f6f9fd;--iq-shadow:0 14px 38px rgba(16,42,76,.08)}
body{background:#fff;color:var(--iq-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.section{padding-top:46px;padding-bottom:46px}.container{max-width:1180px}
.tooltop{margin:0 0 22px!important;align-items:flex-end!important}.tooltop h1{font-size:clamp(30px,4vw,44px)!important;letter-spacing:-.035em!important;line-height:1.06!important;color:var(--iq-navy)!important;margin-bottom:8px!important}.tooltop .sub{font-size:15px!important;line-height:1.6!important;color:var(--iq-muted)!important;max-width:680px}.back{border:1px solid var(--iq-line)!important;background:#fff!important;color:var(--iq-navy)!important;border-radius:10px!important;padding:10px 14px!important;box-shadow:0 2px 7px rgba(15,38,70,.04)}
.calcgrid{gap:24px!important;align-items:stretch}.panel{border:1px solid var(--iq-line)!important;border-radius:18px!important;padding:26px!important;box-shadow:var(--iq-shadow)!important;background:#fff!important}.field label{font-size:12px!important;letter-spacing:.015em;color:#33445e!important;margin-bottom:7px!important}.field input,.field select,textarea,.ai-inline-field input,.ai-chat-row input,.stock-search input{border:1px solid #cbd8e6!important;border-radius:11px!important;padding:13px 14px!important;background:#fff!important;transition:border-color .18s,box-shadow .18s!important}.field input:focus,.field select:focus,textarea:focus,.ai-inline-field input:focus,.ai-chat-row input:focus,.stock-search input:focus{outline:none!important;border-color:#6ea6ee!important;box-shadow:0 0 0 4px rgba(23,105,224,.09)!important}
.actions{gap:10px!important;margin-top:20px!important}.primary,.actions .primary{background:linear-gradient(180deg,#1b73eb,#1263d8)!important;color:#fff!important;border:0!important;border-radius:11px!important;min-height:46px!important;padding:12px 20px!important;font-weight:800!important;box-shadow:0 8px 18px rgba(23,105,224,.18)!important}.primary:hover,.actions .primary:hover{filter:brightness(.97)}.secondary,.actions .secondary{background:#fff!important;border:1px solid var(--iq-line)!important;color:var(--iq-navy)!important;border-radius:11px!important;min-height:46px!important}
.result{border:1px solid #cfe0f4!important;border-radius:18px!important;padding:26px!important;background:linear-gradient(145deg,#f5f9ff 0%,#fff 72%)!important;box-shadow:0 10px 30px rgba(16,57,107,.06)!important}.result .big,.big{font-size:clamp(32px,4vw,42px)!important;letter-spacing:-.035em!important;color:var(--iq-blue)!important}.rline{padding:12px 0!important;color:#42526a!important}.rline strong{color:var(--iq-navy)!important}.explain,.iq-edu{margin-top:24px!important;border:1px solid var(--iq-line)!important;border-radius:16px!important;background:#fbfdff!important;padding:22px 24px!important}.explain h2,.iq-edu h2{color:var(--iq-navy)!important;font-size:20px!important;letter-spacing:-.02em}.explain p,.iq-edu p{color:#5b6c82!important;line-height:1.7!important}
.live-inline{border:1px solid #d5e3f3!important;background:#f8fbff!important;border-radius:14px!important;padding:16px 18px!important}.live-inline-head strong{color:var(--iq-navy)!important}.live-inline button{border-color:#c9dcf3!important;border-radius:9px!important}.stock-quote{border-radius:16px!important}
.financial-education,.seo-home{background:#f8fafc!important;border-top:1px solid #edf2f7!important}.edu-card,.seo-topic,.seo-step{border:1px solid var(--iq-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 6px 20px rgba(18,52,91,.04)!important}.financial-education h2,.seo-home h2{color:var(--iq-navy)!important;letter-spacing:-.025em}.sub{color:var(--iq-muted)!important}
.ad.monetization-slot{border-radius:12px!important;color:#94a3b8!important;background:#fbfcfe!important;border-color:#eef2f6!important}
@media(max-width:700px){.section{padding-top:32px;padding-bottom:32px}.tooltop{align-items:stretch!important}.panel,.result{padding:20px!important}.calcgrid{gap:16px!important}.actions{display:grid!important;grid-template-columns:1fr!important}.actions button{width:100%!important}.result .big,.big{font-size:32px!important}.explain,.iq-edu{padding:19px!important}}

/* v1.15.7 — Homepage Ask Q: softer, more inviting blue search frame */
.hero#assistant .airow{
  background:#F2F7FF!important;
  border:1.5px solid #B9D2F5!important;
  box-shadow:0 18px 42px rgba(8,53,95,.20),0 0 0 4px rgba(185,210,245,.10)!important;
}
.hero#assistant .airow input{
  background:#F8FBFF!important;
  border-color:transparent!important;
}
.hero#assistant .airow:focus-within{
  background:#F5F9FF!important;
  border-color:#8DB8EE!important;
  box-shadow:0 20px 46px rgba(8,53,95,.23),0 0 0 4px rgba(141,184,238,.16)!important;
}
