/*
 * MEPOR Home Visual Refinement v1.2.2
 * Presentation-only overrides. No markup, content, form, or JavaScript changes.
 */
:root{
  --mvr-ink:#444444;
  --mvr-dark:#444444;
  --mvr-red:#d61523;
  --mvr-yellow:#f8da02;
  --mvr-gray:#777777;
  --mvr-soft:#f7f7f7;
  --mvr-paper:#ffffff;
  --mvr-line:rgba(68,68,68,.13);
  --mvr-shadow:0 18px 50px rgba(68,68,68,.09);
}

/* Reveal fail-safe: content stays available if an observer or animation fails. */
.home-premium-hero .reveal,
.home-assessment .reveal,
.home-services .reveal,
.home-selected-work .reveal,
.home-premium-process .reveal,
.home-insights .reveal,
.home-premium-final .reveal,
.mepor-faq-section .reveal{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}

/* HERO — preserve the current layout while simplifying the composition. */
.home-premium-hero{
  padding:clamp(64px,7vw,94px) 0 54px!important;
  background:
    radial-gradient(circle at 84% 28%,rgba(214,21,35,.10),transparent 25%),
    linear-gradient(180deg,#fff 0%,#fafafa 100%)!important;
}
.home-premium-hero:before{opacity:.38!important}
.home-premium-hero-grid{gap:clamp(42px,6vw,76px)!important}
.home-premium-copy h1{
  font-size:clamp(46px,5.15vw,72px)!important;
  line-height:1.03!important;
  letter-spacing:-.055em!important;
  max-width:640px!important;
}
.home-premium-copy .btn{border-radius:7px!important;box-shadow:none!important}
.home-premium-copy .btn.primary{box-shadow:0 10px 24px rgba(214,21,35,.15)!important}
.home-premium-pillars{color:#6d6260!important}
.home-premium-stage{min-height:500px!important}
.premium-browser{
  inset:34px 12px 34px 18px!important;
  border-radius:16px!important;
  transform:rotate(-1deg)!important;
  box-shadow:0 28px 70px rgba(68,68,68,.14)!important;
}
.premium-browser:after{
  content:"";
  position:absolute;
  right:-42px;
  top:92px;
  width:210px;
  height:48px;
  z-index:4;
  border-radius:5px;
  background:linear-gradient(90deg,var(--mvr-red) 0 68%,var(--mvr-yellow) 68%);
  transform:rotate(-7deg);
  opacity:.92;
  pointer-events:none;
}
.premium-browser-copy{border-radius:12px!important;background:var(--mvr-dark)!important}
.premium-signal{border-radius:12px!important;background:#f5f5f5!important}
.premium-float-card{border-radius:10px!important;box-shadow:0 14px 36px rgba(68,68,68,.11)!important}
.premium-float-card.card-ai{display:none!important}
.premium-float-card.card-pr{right:-2px!important;top:8px!important}

/* QUIET PROOF STRIP */
.home-premium-valuebar{background:var(--mvr-paper)!important}
.home-premium-valuebar>.wrap>div{padding-block:23px!important}
.home-premium-valuebar b{color:var(--mvr-ink)!important}

/* SECTION RHYTHM */
.home-premium-section{padding:clamp(70px,8vw,104px) 0!important}
.home-premium-section-head{margin-bottom:38px!important}
.home-premium-section-head h2{color:var(--mvr-ink);font-size:clamp(34px,3.8vw,52px)!important}

/* ASSESSMENT — keep all interaction, reduce decorative noise. */
.home-assessment{background:var(--mvr-soft)!important}
.home-assessment-shell{border-radius:16px!important;border-color:var(--mvr-line)!important;box-shadow:var(--mvr-shadow)!important}
.assessment-option{border-radius:10px!important;background:#fff!important}
.assessment-option:hover,.assessment-option:focus-visible{box-shadow:0 9px 22px rgba(53,25,21,.07)!important}
.assessment-visual{background:linear-gradient(145deg,#444 0%,#303030 100%)!important}
.assessment-visual:before{opacity:.45!important}
.assessment-orbit{width:112px!important;height:112px!important}

/* SERVICES — consistent editorial cards and line icons. */
.home-service-grid{gap:16px!important}
.home-service-card,
.home-service-card.is-dark{
  min-height:330px!important;
  border-radius:12px!important;
  background:var(--mvr-paper)!important;
  color:var(--mvr-ink)!important;
  border-color:var(--mvr-line)!important;
  box-shadow:none!important;
}
.home-service-card.is-dark:after{display:none!important}
.home-service-card:hover,.home-service-card.is-dark:hover{transform:translateY(-3px)!important;box-shadow:var(--mvr-shadow)!important}
.home-service-card.is-dark p{color:#6e6461!important}
.home-service-card.is-dark .home-service-top>span,
.home-service-card.is-dark>a{color:var(--mvr-red)!important}
.home-service-top>i.home-service-icon,
.home-service-card.is-dark .home-service-top>i.home-service-icon{
  width:42px!important;height:42px!important;border-radius:9px!important;
  color:var(--mvr-red)!important;background:#fff0f1!important;border-color:rgba(214,21,35,.14)!important;
}
.home-service-card.is-dark .home-service-top>i.home-service-icon svg{color:var(--mvr-red)!important}

/* SELECTED WORK — one editorial lead card plus two supporting cases. */
.home-selected-work{background:#f7f7f7!important}
.home-work-grid{grid-template-columns:1.35fr .825fr .825fr!important;gap:16px!important}
.home-work-card{border-radius:12px!important;border-color:var(--mvr-line)!important;box-shadow:none!important}
.home-work-card:hover{transform:translateY(-3px)!important;box-shadow:var(--mvr-shadow)!important}
.home-work-card:first-child{grid-row:span 2}
.home-work-card:first-child .home-work-media{height:390px!important}
.home-work-media{height:185px!important;background:#e9e9e9!important}
.home-work-placeholder{
  background:linear-gradient(145deg,#f1f1f1,#dedede)!important;
  padding:26px!important;
}
.home-work-placeholder i{border-color:rgba(68,68,68,.12)!important;background:rgba(255,255,255,.55)!important}
.home-work-copy{padding:22px!important}

/* PROCESS — exact MEPOR red, editorial numbers, thin dividers. */
.home-premium-process{padding:clamp(70px,7vw,92px) 0!important;background:var(--mvr-red)!important}
.home-premium-process .home-process-intro>span{color:rgba(255,255,255,.78)!important}
.home-process-steps{border-top-color:rgba(255,255,255,.22)!important}
.home-process-steps article{border-right-color:rgba(255,255,255,.14)!important}
.home-process-steps article>span{font-size:34px!important;line-height:1;color:var(--mvr-yellow)!important;font-weight:800!important}
.home-process-steps h3{margin-top:24px!important}
.home-process-steps p{color:rgba(255,255,255,.70)!important}

/* INSIGHTS — predictable editorial image ratio. */
.home-insight-grid{gap:20px!important}
.home-insight-card{padding-top:12px!important}
.home-insight-media{height:auto!important;aspect-ratio:16/9;border-radius:10px!important;background:#eeeeee!important}
.home-insight-card h3{font-size:19px!important}

/* FINAL CTA — exact MEPOR red with a single yellow action. */
.home-premium-final{padding:64px 0!important;background:linear-gradient(112deg,#d61523 0%,#c41220 68%,#a90f1a 100%)!important}
.home-premium-final:after{opacity:.28!important}
.home-premium-final .home-final-actions .btn.primary{
  color:var(--mvr-ink)!important;background:var(--mvr-yellow)!important;border-color:var(--mvr-yellow)!important;box-shadow:none!important;
}
.home-premium-final .home-final-actions .btn.primary:hover,
.home-premium-final .home-final-actions .btn.primary:focus-visible{background:#ffda68!important;color:var(--mvr-ink)!important}

@media(max-width:1080px){
  .premium-browser{inset:20px 44px!important;transform:none!important}
  .home-work-grid{grid-template-columns:1fr 1fr!important}
  .home-work-card:first-child{grid-column:1/-1;grid-row:auto}
  .home-work-card:first-child .home-work-media{height:auto!important;aspect-ratio:16/7}
}
@media(max-width:720px){
  .home-premium-hero{padding-top:54px!important}
  .home-premium-copy h1{font-size:clamp(40px,11vw,54px)!important}
  .home-premium-stage{min-height:400px!important}
  .premium-browser{inset:18px 0 20px!important}
  .premium-browser:after{width:145px;height:34px;right:-36px;top:84px}
  .premium-float-card.card-pr{display:none!important}
  .home-work-grid{grid-template-columns:1fr!important}
  .home-work-card:first-child{grid-column:auto}
  .home-work-card:first-child .home-work-media,.home-work-media{height:auto!important;aspect-ratio:16/9}
  .home-premium-final{padding:54px 0!important}
}
@media(prefers-reduced-motion:reduce){
  .home-premium-hero *, .home-assessment *, .home-services *, .home-selected-work *, .home-premium-process *, .home-insights *, .home-premium-final *{
    animation:none!important;transition:none!important;scroll-behavior:auto!important;
  }
}