/* MEDERA 3.1 — stable interactive home */
.hero-v4{background:#fff;overflow:clip}
.hero-v4-grid{display:grid;grid-template-columns:minmax(420px,.78fr) minmax(680px,1.22fr);gap:54px;align-items:center;min-height:760px;padding-top:52px;padding-bottom:52px}
.hero-v4 .hero-copy{min-width:0}
.hero-v4 .hero-copy h1{max-width:680px;margin:0 0 28px;font-size:clamp(52px,4.35vw,76px);line-height:.98;letter-spacing:-.064em;text-wrap:balance}
.hero-v4 .hero-copy>p{max-width:650px;margin:0;color:#666c76;font-size:clamp(17px,1.22vw,21px);line-height:1.58}
.hero-v4 .actions{margin-top:34px}
.hero-v4 .btn{min-height:60px;padding-inline:25px}
.hero-v4 .hero-proof{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border-block:1px solid #e0e3e9;background:transparent;gap:0}
.hero-v4 .hero-proof>div{padding:18px 17px 18px 0;background:transparent;border-right:1px solid #e0e3e9}
.hero-v4 .hero-proof>div+div{padding-left:17px}
.hero-v4 .hero-proof>div:last-child{border-right:0}
.hero-v4 .hero-proof strong{font-size:15px;letter-spacing:-.02em}
.hero-v4 .hero-proof span{font-size:11px;line-height:1.4}
.hero-economics{min-width:0;border:1px solid #dfe3eb;border-radius:22px;background:#fff;box-shadow:0 28px 70px rgba(19,35,70,.09);overflow:hidden}
.hero-brand-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:0 28px;border-bottom:1px solid #e5e8ee}
.hero-brand-tabs button{position:relative;height:66px;border:0;background:transparent;color:#888e98;font-weight:650;transition:color .2s ease}
.hero-brand-tabs button:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;background:#2368ff;transform:scaleX(0);transition:transform .25s ease}
.hero-brand-tabs button:hover,.hero-brand-tabs button:focus-visible,.hero-brand-tabs button.is-active{color:#1e63ed}
.hero-brand-tabs button.is-active:after{transform:scaleX(1)}
.hero-brand-tabs button:focus-visible{outline:2px solid #2368ff;outline-offset:-4px}
.hero-product-summary{display:grid;grid-template-columns:1fr 185px;gap:24px;padding:28px 30px 22px}
.hero-product-summary>div:first-child>span{display:block;margin-bottom:9px;color:#777e89;font-size:10px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}
.hero-product-summary h2{margin:0 0 8px;font-size:clamp(27px,2.25vw,38px);line-height:1.04;letter-spacing:-.048em}
.hero-product-summary p{max-width:520px;margin:0;color:#737985;font-size:12px;line-height:1.55}
.hero-product-price{padding-left:20px;border-left:1px solid #e3e6ec;align-self:center}
.hero-product-price span,.hero-product-price small{display:block;color:#858b95;font-size:10px}
.hero-product-price strong{display:block;margin:7px 0 6px;font-size:18px;letter-spacing:-.035em;white-space:nowrap}
.hero-data-stage{display:grid;grid-template-columns:minmax(0,1fr) 230px;min-height:410px;border-top:1px solid #edf0f4}
.hero-chart-panel{display:flex;min-width:0;flex-direction:column;padding:24px 12px 22px 28px}
.hero-chart-head{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-right:16px}
.hero-chart-head>div:first-child strong,.hero-chart-head>div:first-child span{display:block}
.hero-chart-head>div:first-child strong{font-size:13px}
.hero-chart-head>div:first-child span{margin-top:5px;color:#858b95;font-size:9px}
.hero-chart-live{display:flex!important;align-items:center;gap:7px}
.hero-chart-live i{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#4be49d;box-shadow:0 0 0 4px rgba(75,228,157,.12);animation:heroLivePulse 2s ease-in-out infinite}
.hero-chart-head>div:last-child{text-align:right}
.hero-chart-head>div:last-child span{display:block;color:#858b95;font-size:10px}
.hero-chart-head>div:last-child strong{display:block;margin-top:3px;color:#2368ff;font-size:18px}
.hero-chart-plot{position:relative;margin:13px 14px 10px 0;padding:8px 12px 10px 5px;border:1px solid #e3e8f1;border-radius:16px;background:linear-gradient(180deg,#fbfcff 0,#f5f8ff 100%);overflow:hidden}
.hero-chart-plot:before{content:"";position:absolute;right:-55px;top:-85px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(50,105,255,.1),rgba(50,105,255,0) 70%);pointer-events:none}
#hero-cashflow-chart{position:relative;width:100%;height:225px;margin-top:0;overflow:visible}
.hero-chart-grid line{stroke:#dfe3ea;stroke-width:1;stroke-dasharray:4 5}
.hero-chart-grid .hero-zero-grid{stroke:#b9c3d2;stroke-dasharray:0}
.hero-chart-y text{fill:#9298a2;font-size:9px;text-anchor:end}
.hero-chart-unit{fill:#9298a2;font-size:8px;text-anchor:end;text-transform:uppercase}
.hero-chart-area{fill:url(#heroCashArea);transform-box:fill-box;transform-origin:left center;opacity:.88}
.hero-chart-line{fill:none;stroke:url(#heroCashLine);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 7px 7px rgba(35,104,255,.2));stroke-dasharray:1;stroke-dashoffset:0}
.hero-break-line{stroke:#72a0ff;stroke-width:1.5;stroke-dasharray:4 4}
.hero-break-point{fill:#fff;stroke:#2368ff;stroke-width:4}
.hero-break-halo{fill:rgba(50,105,255,.14);transform-box:fill-box;transform-origin:center}
.hero-end-point{fill:#3269ff;stroke:#fff;stroke-width:3}
.hero-end-halo{fill:rgba(50,105,255,.12);transform-box:fill-box;transform-origin:center}
.hero-chart-axis{display:flex;justify-content:space-between;margin:-7px 2px 0 52px;color:#9298a2;font-size:9px}
.hero-chart-panel>a{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:17px 16px 0 0;border-top:1px solid #e6e9ef;color:#435269;font-size:12px;font-weight:650}
.hero-chart-panel>a span{color:#2368ff;font-size:18px}
.hero-product-photo{position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:linear-gradient(155deg,#f7f9fd 0,#edf2fb 100%)}
.hero-product-photo:before{content:"";position:absolute;left:50%;top:50%;width:270px;aspect-ratio:1;transform:translate(-50%,-48%);border:1px solid #ccd9f2;border-radius:50%}
.hero-product-photo img{position:relative;z-index:1;width:92%;height:350px;object-fit:contain;filter:drop-shadow(0 22px 22px rgba(22,34,55,.2));transition:opacity .22s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.hero-product-photo img.is-changing{opacity:0;transform:translateX(18px) scale(.97)}
.hero-product-photo>span{position:absolute;z-index:2;right:13px;bottom:11px;color:#7b8390;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.promise-rail{overflow:hidden;background:#2368ff;color:#fff}
.promise-track{display:flex;width:max-content;gap:0;padding:0;animation:mederaTicker 27s linear infinite;will-change:transform}
.promise-track>div{display:flex;align-items:center;gap:28px;padding:16px 14px;font-size:12px;font-weight:650;letter-spacing:.075em;text-transform:uppercase;white-space:nowrap}
.promise-track i{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#bcd0ff}
.promise-rail:hover .promise-track{animation-play-state:paused}
@keyframes mederaTicker{to{transform:translateX(-50%)}}
@keyframes heroLineDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes heroAreaReveal{from{opacity:0;transform:scaleX(.02)}to{opacity:.88;transform:scaleX(1)}}
@keyframes heroMarkerReveal{0%,62%{opacity:0}100%{opacity:1}}
@keyframes heroMarkerPulse{0%,100%{opacity:.18;transform:scale(.75)}50%{opacity:.04;transform:scale(1.45)}}
@keyframes heroLivePulse{50%{box-shadow:0 0 0 8px rgba(75,228,157,0)}}
.hero-chart-line.is-drawing{animation:heroLineDraw 1.45s .12s cubic-bezier(.2,.7,.2,1) both}
.hero-chart-area.is-drawing{animation:heroAreaReveal 1.15s .2s cubic-bezier(.2,.7,.2,1) both}
.hero-break-line.is-drawing,.hero-break-point.is-drawing{animation:heroMarkerReveal 1.65s ease both}
.hero-break-halo.is-drawing{animation:heroMarkerReveal 1.55s ease both,heroMarkerPulse 2s 1.55s ease-in-out infinite}
.hero-end-point.is-drawing{animation:heroMarkerReveal 1.7s ease both}
.hero-end-halo.is-drawing{animation:heroMarkerReveal 1.7s ease both,heroMarkerPulse 2.2s 1.7s ease-in-out infinite}

.equipment-proof-section{padding:72px 0 22px;background:#fff}
.equipment-proof{display:grid;grid-template-columns:minmax(290px,.42fr) minmax(0,1fr);min-height:430px;margin:0;border:1px solid #dfe3ea;border-radius:22px;overflow:hidden;background:#f5f7fa;box-shadow:0 24px 70px rgba(21,33,55,.07)}
.equipment-proof figcaption{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:42px}
.equipment-proof figcaption>span{margin-bottom:22px;color:#2368ff;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.equipment-proof h2{margin:0;font-size:clamp(32px,3vw,48px);line-height:1.04;letter-spacing:-.052em;text-wrap:balance}
.equipment-proof p{margin:24px 0 30px;color:#666d77;font-size:15px;line-height:1.7}
.equipment-proof a{font-size:14px;font-weight:700}
.equipment-proof a b{margin-left:10px;color:#2368ff;font-size:18px}
.equipment-proof-photo{min-width:0;background:#fff}
.equipment-proof-photo img{display:block;width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center}

/* Stronger editorial typography and spacing in the second block. */
.value-section{background:#f8f9fb}
.value-heading{grid-template-columns:220px 1fr;gap:38px}
.value-heading h2{max-width:1040px;font-weight:650;text-wrap:balance}
.value-editorial{box-shadow:0 25px 70px rgba(25,35,55,.06)}
.value-side article>span{font-weight:650}
.value-side h3{max-width:420px;font-size:clamp(27px,2.1vw,34px)}

.price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:4px 0 20px;padding:13px 0;border-block:1px solid #e4e6eb}
.price-row span{color:#747a84;font-size:11px}
.price-row strong{font-size:18px;letter-spacing:-.03em;text-align:right}
.price-row small{display:block;margin-top:4px;color:#9297a0;font-size:9px;text-align:right}
.product-price-box{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:25px 0;background:#e0e3e9;border:1px solid #e0e3e9;border-radius:14px;overflow:hidden}
.product-price-box>div{padding:17px;background:#fff}
.product-price-box span,.product-price-box small{display:block;color:#747a84;font-size:11px}
.product-price-box strong{display:block;margin:7px 0 4px;font-size:23px;letter-spacing:-.04em}

@media(max-width:1320px){
  .hero-v4-grid{grid-template-columns:minmax(360px,.72fr) minmax(620px,1.28fr);gap:34px}
  .hero-v4 .hero-copy h1{font-size:clamp(48px,4.1vw,63px)}
  .hero-data-stage{grid-template-columns:minmax(0,1fr) 190px}
  .hero-product-photo img{height:325px}
}
@media(max-width:1100px){
  .hero-v4-grid{grid-template-columns:1fr;min-height:auto;padding-block:56px}
  .hero-v4 .hero-copy h1{max-width:850px;font-size:clamp(52px,7vw,76px)}
  .hero-v4 .hero-copy>p{max-width:800px}
  .hero-economics{width:100%}
  .equipment-proof{grid-template-columns:1fr}
  .equipment-proof figcaption{padding:38px}
  .equipment-proof-photo img{min-height:0;aspect-ratio:16/9}
}
@media(max-width:760px){
  .hero-v4-grid{gap:38px;padding-top:38px;padding-bottom:38px}
  .hero-v4 .hero-copy h1{font-size:42px;line-height:1.01;letter-spacing:-.052em}
  .hero-v4 .hero-copy>p{font-size:17px}
  .hero-v4 .hero-proof{grid-template-columns:1fr;margin-top:30px}
  .hero-v4 .hero-proof>div,.hero-v4 .hero-proof>div+div{display:grid;grid-template-columns:112px 1fr;gap:14px;padding:13px 0;border-right:0;border-bottom:1px solid #e0e3e9}
  .hero-v4 .hero-proof>div:last-child{border-bottom:0}
  .hero-brand-tabs{padding-inline:8px}
  .hero-brand-tabs button{height:54px;font-size:12px}
  .hero-product-summary{grid-template-columns:1fr;padding:22px 20px 18px}
  .hero-product-price{padding:14px 0 0;border-top:1px solid #e3e6ec;border-left:0}
  .hero-data-stage{grid-template-columns:1fr}
  .hero-product-photo{grid-row:1;min-height:290px}
  .hero-product-photo img{height:275px;width:82%}
  .hero-chart-panel{padding:21px 16px 20px}
  .hero-chart-plot{margin-right:0;padding-inline:2px 8px}
  #hero-cashflow-chart{height:215px}
  .hero-chart-axis{margin-left:42px}
  .value-heading{display:block}
  .equipment-proof-section{padding-top:45px}
  .equipment-proof{border-radius:17px}
  .equipment-proof figcaption{padding:28px 23px}
  .equipment-proof h2{font-size:34px}
  .equipment-proof-photo img{aspect-ratio:4/3;object-position:center}
}
@media(prefers-reduced-motion:reduce){
  .promise-track,.hero-chart-line.is-drawing,.hero-chart-area.is-drawing,.hero-break-line.is-drawing,.hero-break-point.is-drawing,.hero-break-halo.is-drawing,.hero-end-point.is-drawing,.hero-end-halo.is-drawing,.hero-chart-live i{animation:none!important}
  .hero-product-photo img{transition:none}
}