/* Experience Integrity Review™ — UI polish v3
   Tightens hierarchy and interaction without changing the approved product model. */

/* Hero: remove prototype breadcrumb and let the proposition start immediately. */
.eir-hero .hero-grid>div:first-child{align-self:center}
.eir-hero .eyebrow{margin-bottom:14px}
.eir-hero-title{max-width:720px}

/* Shorter core question should read as one decisive thought, not a second hero box. */
.question-main h2{max-width:920px;text-wrap:balance}

/* Scope definition: deliberate two-line statement. */
.scope-definition{grid-template-columns:.82fr 1fr;gap:44px}
.scope-title{display:block;max-width:640px;font-size:clamp(2.45rem,3.8vw,3.8rem);line-height:.91;text-wrap:balance}
.scope-title span{display:block}
.scope-title span:nth-child(2){color:#53a9ff}

/* Public pricing: hover temporarily transfers the active state away from Growth. */
.packages.has-hover .package.featured:not(.is-hovered){
  border-color:var(--line);
  background:linear-gradient(180deg,rgba(11,25,46,.66),rgba(5,12,24,.64));
  box-shadow:none;
}
.packages.has-hover .package.featured:not(.is-hovered):before{opacity:.28;color:#66809f}
.packages.has-hover .package.featured:not(.is-hovered) .btn.primary{
  border:1px solid var(--line2);
  background:rgba(255,255,255,.025);
  color:#e6efff;
  box-shadow:none;
}
.packages.has-hover .package.is-hovered{
  transform:translateY(-7px);
  border-color:rgba(69,215,255,.55);
  background:radial-gradient(circle at 78% 0,rgba(69,215,255,.1),transparent 35%),linear-gradient(180deg,rgba(13,32,59,.9),rgba(5,13,26,.84));
  box-shadow:0 30px 76px rgba(0,0,0,.36),0 0 44px rgba(18,104,255,.1),inset 0 1px 0 rgba(255,255,255,.045);
}
.packages.has-hover .package.is-hovered .btn{
  border-color:#4b91ff;
  background:linear-gradient(180deg,#2e7eff,#1268ff);
  color:#fff;
  box-shadow:0 12px 32px rgba(18,104,255,.24);
}

/* Scope request: the selected Growth tier becomes neutral while another tier is previewed. */
.tier-options.is-previewing .tier-choice input:checked+label{
  transform:none;
  border-color:var(--line);
  background:rgba(255,255,255,.02);
  box-shadow:none;
}
.tier-options.is-previewing .tier-choice input:checked+label span{color:#6d9edc}
.tier-options.is-previewing .tier-choice.hover-preview label{
  border-color:rgba(69,215,255,.56);
  background:radial-gradient(circle at 85% 0,rgba(69,215,255,.1),transparent 38%),linear-gradient(180deg,rgba(16,38,68,.94),rgba(5,15,30,.9));
  box-shadow:0 22px 56px rgba(0,0,0,.28),0 0 36px rgba(18,104,255,.1);
}

/* Final CTA: same premium language as the homepage CTA — scanner + line-by-line reveal. */
.final-cta.home-style-cta{
  padding:82px 0 88px;
  text-align:center;
  background:
    radial-gradient(ellipse 38% 70% at 50% 100%,rgba(18,104,255,.22),transparent 72%),
    radial-gradient(circle at 18% 48%,rgba(69,215,255,.08),transparent 21rem),
    linear-gradient(180deg,#051025,#03060d);
}
.final-cta.home-style-cta:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(122,164,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(122,164,255,.028) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(90deg,transparent,#000 24%,#000 76%,transparent);
  opacity:.6;
}
.eir-final-inner{position:relative;z-index:2;max-width:900px;margin:auto;display:grid;justify-items:center}
.eir-cta-scanner{width:min(610px,86%);display:grid;grid-template-columns:1fr auto auto auto 1fr;align-items:center;gap:12px;margin:0 auto 29px;font-family:var(--mono);font-size:.53rem;letter-spacing:.13em;color:#6d87a8;text-transform:uppercase}
.eir-cta-scanner>i{height:1px;position:relative;overflow:hidden;background:linear-gradient(90deg,transparent,rgba(69,215,255,.28),transparent)}
.eir-cta-scanner>i:after{content:"";position:absolute;top:0;left:-35%;width:34%;height:1px;background:linear-gradient(90deg,transparent,#45d7ff,#fff,#45d7ff,transparent);animation:eirFinalScan 3.4s ease-in-out infinite}
.eir-cta-scanner>i:last-child:after{animation-delay:1.7s}
.eir-cta-scanner>b{font-weight:500;color:#45d7ff;text-shadow:0 0 14px rgba(69,215,255,.55)}
.home-style-cta .eyebrow{margin-bottom:12px}
.home-style-cta h2{display:grid;gap:1px;max-width:810px;margin:0 auto;font-size:clamp(2.5rem,4.6vw,4.35rem);line-height:.92;letter-spacing:-.06em;text-wrap:balance}
.home-style-cta h2 span{display:block;opacity:0;transform:translateY(10px);animation:eirCtaLineIn 6.8s ease-in-out infinite}
.home-style-cta h2 span:nth-child(2){animation-delay:.18s;color:#d9e6fa}
.home-style-cta h2 span:nth-child(3){animation-delay:.36s;color:#55a9ff}
.home-style-cta p{max-width:650px;margin:23px auto 25px}
.home-style-cta .btn{min-width:300px}
.eir-cta-tiny{margin-top:14px;font-family:var(--mono);font-size:.54rem;letter-spacing:.075em;color:#657b9b}
@keyframes eirFinalScan{0%,15%{left:-38%;opacity:0}25%{opacity:1}74%{opacity:1}100%{left:105%;opacity:0}}
@keyframes eirCtaLineIn{0%,8%{opacity:0;transform:translateY(10px)}16%,78%{opacity:1;transform:none}90%,100%{opacity:.28;transform:none}}

/* Intake rail: simplify the header and give sequence identifiers actual breathing room. */
.rail-head{padding:5px 4px 16px;margin-bottom:10px}
.rail-head>span{font-size:.5rem;letter-spacing:.105em}
.rail-head h3{font-size:1.12rem;margin-top:8px}
.intake-rail:after{top:88px}
.intake-step{grid-template-columns:66px minmax(0,1fr) auto;column-gap:11px;padding-left:2px;padding-right:3px}
.intake-step span{padding-left:23px;white-space:nowrap}
.intake-step.current{box-shadow:none;background:linear-gradient(90deg,rgba(18,104,255,.12),rgba(69,215,255,.025));transform:translateX(1px)}

/* Report actions: visually sit inside the same right edge as the report body. */
.report-actions{margin-right:24px}

@media(max-width:1080px){
  .scope-definition{grid-template-columns:1fr;gap:32px}
  .eir-hero .hero-grid>div:first-child{align-self:stretch}
  .intake-step{grid-template-columns:54px minmax(0,1fr) auto}
}

@media(max-width:680px){
  .eir-hero .hero-grid>div:first-child{padding-top:clamp(22px,3.5vh,32px)}
  .eir-hero .eyebrow{margin-bottom:12px}
  .scope-title{font-size:clamp(2.15rem,10.2vw,3rem);line-height:.94}
  .packages.has-hover .package.is-hovered{transform:none}
  .final-cta.home-style-cta{padding:70px 0 78px}
  .eir-cta-scanner{width:100%;grid-template-columns:1fr auto auto auto 1fr;gap:7px;font-size:.43rem;letter-spacing:.08em;margin-bottom:24px}
  .home-style-cta h2{font-size:clamp(2.35rem,10.7vw,3.2rem);line-height:.93}
  .home-style-cta .btn{width:100%;min-width:0}
  .eir-cta-tiny{font-size:.48rem;line-height:1.55}
  .intake-step{grid-template-columns:1fr;gap:3px;min-width:152px}
  .intake-step span{padding-left:0}
  .intake-step span:before{content:"SEQ_";color:#4f6f98}
  .intake-step b{display:block}
  .report-actions{margin-right:0}
}

@media(max-width:420px){
  .eir-cta-scanner span{display:none}.eir-cta-scanner{grid-template-columns:1fr auto 1fr;width:84%}
}

@media(prefers-reduced-motion:reduce){
  .eir-cta-scanner>i:after,.home-style-cta h2 span{animation:none!important;opacity:1!important;transform:none!important}
}