/* Intrinsic Value Calculator page (intrinsic-value-calculator.html).
   The calculator and discount-rate sections themselves are styled in css/screener.css
   (.dcf-band / .drc-band) - this file is only the page hero. */

.iv-hero{
  position:relative; overflow:hidden; padding:56px 0 44px;
  background: var(--indigo-soft); border-bottom:1px solid var(--line);
}
.iv-orb{ position:absolute; border-radius:50%; filter:blur(100px); pointer-events:none; opacity:0.32; }
.iv-orb-1{ width:460px; height:460px; background:#8B7FFF; top:-200px; right:-140px; }
.iv-orb-2{ width:360px; height:360px; background:#FFC257; bottom:-180px; left:-120px; }
.iv-hero .wrap{ position:relative; z-index:1; }
.iv-hero h1{
  font-family:'Instrument Sans', sans-serif; font-weight:600; font-size:clamp(34px, 5vw, 54px); line-height:1.03;
  letter-spacing:-0.01em; margin:16px 0 18px;
}
.iv-hero .lede{ font-size:16px; line-height:1.65; color: var(--ink-soft); max-width:800px; margin:0 0 14px; }
.iv-hero .lede strong{ color: var(--ink); }
.iv-hero-links{ font-size:14px; line-height:1.6; color: var(--ink-soft); max-width:800px; margin:0; }
.iv-hero-links a{ color: var(--indigo-dark); font-weight:700; }
.iv-hero-links a:hover{ text-decoration:underline; }

/* The calculator lives here now but is still a Screener tool, so say so and link back. */
.iv-parent-link{ display:inline-block; margin-bottom:14px; font-size:13px; font-weight:700; color: var(--indigo-dark); }
.iv-parent-link:hover{ text-decoration:underline; }

/* Phone pass (2026-10-17) */
@media (max-width: 720px){
  .iv-parent-link{ padding-block:12px; margin-bottom:2px; }
}