@import url("analysis-base.css?v=20260804-2");

/* WCAG AA: keep the coral identity while using a contrast-safe production tone. */
.analysis-intro{background:#b82f49}
.analysis-intro:before{content:none}
.analysis-value{background:rgba(0,0,0,.14);border-color:rgba(255,255,255,.58);color:#fff}
.analysis-intro p,.analysis-benefits span,.analysis-person strong{color:#fff}
.analysis-person span{color:#fff}
.analysis-benefits i{color:#b82f49}
.funnel-next,.funnel-submit,.success-action.primary,.success-check{background:#b82f49;border-color:#b82f49}
.funnel-next,.funnel-submit{box-shadow:0 12px 35px rgba(184,47,73,.28)}
.success-check{box-shadow:0 17px 45px rgba(184,47,73,.28)}
.consent input{accent-color:#b82f49}
.analysis-footer{color:#8a8290}

/* Keep the primary funnel action visible on short desktop and laptop screens. */
@media (min-width:921px){
  html,body.analysis-body{height:100%;overflow:hidden}
  .analysis-shell{height:100dvh;min-height:0;grid-template-rows:auto minmax(0,1fr) auto}
  .analysis-main{min-height:0;padding:22px 0}
  .analysis-main>.container{height:100%;min-height:0}
  .analysis-layout{height:100%;min-height:0}
  .analysis-intro,.funnel-card{height:100%;min-height:0}
  .funnel-card{overflow:hidden}
  .funnel-form{min-height:0}
  .funnel-step.active{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:5px;scrollbar-gutter:stable}
  .funnel-step.active::-webkit-scrollbar{width:5px}
  .funnel-step.active::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:999px}
  .funnel-actions{position:sticky;bottom:-1px;z-index:10;padding:18px 0 2px;background:linear-gradient(180deg,rgba(26,22,30,0),rgba(26,22,30,.98) 32%)}
}

@media (min-width:921px) and (max-height:820px){
  .analysis-topbar{padding:14px 0}
  .analysis-footer{padding:12px 0}
  .analysis-main{padding:16px 0}
  .analysis-layout{gap:24px}
  .analysis-intro{padding:28px}
  .analysis-intro h1{font-size:clamp(2.8rem,4.8vw,4.7rem);margin:18px 0 14px}
  .analysis-intro p{font-size:.95rem;line-height:1.5}
  .analysis-benefits{margin-top:20px;gap:8px}
  .analysis-person{margin-top:18px;padding-top:15px}
  .analysis-person img{width:44px;height:44px}
  .funnel-card{padding:26px}
  .funnel-progress-row{margin-bottom:18px}
  .funnel-step h2{font-size:clamp(2.15rem,3.4vw,3.25rem);margin:10px 0 8px}
  .funnel-step>p{margin-bottom:18px}
  .option-card{min-height:62px;padding:12px}
  .funnel-actions{padding-top:14px}
}

@media (min-width:921px) and (max-height:760px){
  .analysis-footer{display:none}
  .analysis-shell{grid-template-rows:auto minmax(0,1fr)}
  .analysis-main{padding:12px 0}
  .analysis-intro .analysis-benefits{display:none}
  .analysis-intro h1{font-size:clamp(2.55rem,4.2vw,4rem);margin:14px 0 12px}
  .analysis-person{margin-top:12px;padding-top:12px}
  .funnel-card{padding:22px 26px}
  .funnel-progress-row{margin-bottom:14px}
  .funnel-step h2{font-size:clamp(2rem,3vw,2.8rem)}
  .funnel-step>p{margin-bottom:14px}
  .option-grid{gap:9px}
  .option-card{min-height:58px}
  .funnel-actions{padding-top:12px}
}

@media (max-width:920px){
  .funnel-actions{position:sticky;bottom:0;z-index:10;padding-bottom:4px;background:linear-gradient(180deg,rgba(26,22,30,0),rgba(26,22,30,.98) 32%)}
}

/* Prevent mobile CLS: reserve the final logo geometry before quality JS runs. */
.analysis-topbar .jj-master-logo-link{display:inline-flex;align-items:center;justify-content:flex-start;flex:0 0 55px;width:55px;height:38px;line-height:1}
.analysis-topbar .jj-master-logo{display:block;width:auto;height:38px;max-width:55px;object-fit:contain;object-position:center}
@media(max-width:620px){.analysis-topbar .jj-master-logo-link{flex-basis:47px;width:47px;height:33px}.analysis-topbar .jj-master-logo{height:33px;max-width:47px}}
/* Let all analysis content remain reachable instead of clipping to viewport height. */
html,body.analysis-body{height:auto;min-height:100%;overflow:auto}
.analysis-shell{height:auto;min-height:100dvh;grid-template-rows:auto 1fr auto}
.analysis-main,.analysis-main>.container,.analysis-layout{height:auto;min-height:0}
.analysis-intro,.funnel-card{height:auto;min-height:0;overflow:visible}
.analysis-intro h1{font-size:clamp(2.6rem,4.3vw,4.8rem);overflow-wrap:normal;word-break:normal}
.funnel-step.active{overflow:visible}
.analysis-footer{display:block}
@media(max-width:1100px){.analysis-layout{grid-template-columns:1fr}.analysis-intro{padding:28px}.analysis-intro h1{max-width:850px}.analysis-person{margin-top:24px}}
.analysis-general-contact{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.analysis-general-contact a{display:inline-flex;align-items:center;padding:12px 18px;border:1px solid rgba(255,255,255,.5);border-radius:30px;color:white;text-decoration:none;font-weight:600}