
.medview-page{background:#f7f9fc;color:#10243b}
.medview-nav{display:flex;align-items:center;gap:20px;font-weight:700;font-size:13px}
.mv-hero{padding:96px 0 76px;background:radial-gradient(circle at 80% 10%,#d8ebff 0,transparent 34%),linear-gradient(145deg,#f8fbff,#eaf3ff)}
.mv-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:66px;align-items:center}
.mv-kicker,.mv-heading>span,.mv-download span{font-size:12px;font-weight:900;letter-spacing:2px;color:#0b6eea}
.mv-hero h1{font-size:clamp(52px,7vw,86px);line-height:.98;letter-spacing:-4px;margin:12px 0 10px}
.mv-hero h2{font-size:clamp(26px,3.4vw,42px);line-height:1.15;letter-spacing:-1.5px;margin:0 0 22px;color:#174b79}
.mv-hero p{font-size:18px;line-height:1.75;color:#536b82;max-width:720px}
.mv-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.mv-hero-facts{display:flex;gap:35px;margin-top:34px}
.mv-hero-facts div{display:flex;flex-direction:column}
.mv-hero-facts strong{font-size:21px;color:#0a6ce6}
.mv-hero-facts span{font-size:12px;color:#6b7e90;margin-top:4px}
.mv-hero-panel{padding:26px;border-radius:26px;background:#061c2d;box-shadow:0 30px 80px rgba(12,64,102,.22)}
.mv-exe{height:115px;border-radius:18px;background:linear-gradient(145deg,#0d74ff,#0853c5);display:grid;place-items:center;color:#fff;font-size:35px;font-weight:900}
.mv-services{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}
.mv-services span{padding:14px;border:1px solid #24445c;border-radius:11px;background:#0b2940;color:#c5d9e8;font-size:12px;text-align:center}
.mv-section{padding:92px 0}
.mv-section.mv-dark{background:#061b2d;color:#fff}
.mv-section.mv-soft{background:#eef5fb}
.mv-heading{max-width:780px;margin:0 auto 46px;text-align:center}
.mv-heading h2{font-size:clamp(34px,4.5vw,52px);letter-spacing:-2px;margin:12px 0}
.mv-heading p{color:#64778b;line-height:1.7}
.mv-heading.light p{color:#adc1d0}
.benefit-grid,.feature-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.benefit-grid article,.feature-tabs article{padding:27px;border-radius:18px;border:1px solid #dce6ee;background:#fff;box-shadow:0 14px 36px rgba(13,54,86,.06)}
.benefit-grid b{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eaf3ff;color:#0a6ce6}
.benefit-grid h3,.feature-tabs h3{font-size:21px;margin:18px 0 9px}
.benefit-grid p,.feature-tabs li{color:#5e7285;line-height:1.6;font-size:14px}
.architecture-flow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.arch-node{padding:17px 19px;border-radius:13px;background:#0b2b43;border:1px solid #2b5068;color:#d5e6f1;font-weight:800;font-size:13px}
.arch-node.core{background:#0b70f3;border-color:#4f9cf8;color:#fff}
.arch-node.source,.arch-node.target{background:#0e483e;border-color:#267566}
.arch-arrow{color:#6db9ed;font-size:25px}
.architecture-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.architecture-cards article{padding:23px;border-radius:15px;background:#0b2940;border:1px solid #29485f}
.architecture-cards h3{color:#63b9f8}
.architecture-cards p{color:#b8cbd8;font-size:13px;line-height:1.6}
.feature-tabs ul,.spec-grid ul{padding-left:19px}
.feature-tabs li,.spec-grid li{margin:9px 0}
.workflow-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.workflow-steps div{padding:22px;border-radius:16px;background:#fff;border:1px solid #d8e4ed}
.workflow-steps b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#0b6eea;color:#fff}
.workflow-steps h3{margin:15px 0 8px}
.workflow-steps p{font-size:13px;color:#617488;line-height:1.55}
.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.spec-grid article{padding:28px;border-radius:18px;background:#fff;border:1px solid #dbe5ed}
.spec-grid h3{font-size:22px;margin-top:0}
.spec-grid li{color:#52687c;line-height:1.5}
.mv-download{padding:72px 0;background:#0b6eea;color:#fff}
.mv-download-box{display:flex;justify-content:space-between;align-items:center;gap:30px}
.mv-download span{color:#c9e1ff}
.mv-download h2{font-size:38px;letter-spacing:-1.5px;margin:10px 0}
.mv-download p{max-width:760px;color:#dfebff}
@media(max-width:1000px){
  .medview-nav a:not(.pill){display:none}
  .mv-hero-grid{grid-template-columns:1fr}
  .benefit-grid,.feature-tabs{grid-template-columns:1fr 1fr}
  .architecture-cards{grid-template-columns:1fr 1fr}
  .workflow-steps{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:700px){
  .mv-hero{padding:68px 0 52px}
  .mv-hero h1{letter-spacing:-2.5px}
  .benefit-grid,.feature-tabs,.spec-grid,.architecture-cards,.workflow-steps{grid-template-columns:1fr}
  .mv-hero-facts{flex-direction:column;gap:12px}
  .mv-download-box{flex-direction:column;align-items:flex-start}
}

.mv-language-switcher{display:flex;align-items:center;gap:5px;margin-left:auto;margin-right:14px}
.mv-language-switcher button{
  min-width:34px;height:30px;padding:0 8px;border:1px solid #d6e1eb;border-radius:8px;
  background:#fff;color:#314a62;font-size:11px;font-weight:800;cursor:pointer
}
.mv-language-switcher button:hover,.mv-language-switcher button.active{
  background:#0b6eea;border-color:#0b6eea;color:#fff
}
@media(max-width:760px){
  .mv-language-switcher{margin-left:auto;margin-right:6px;gap:3px}
  .mv-language-switcher button{min-width:29px;padding:0 5px;font-size:10px}
}


/* v19 MedView screenshots */
.mv-hero-screenshot{
  position:relative;
  padding:0;
  overflow:hidden;
  background:#071b2c;
}
.mv-hero-screenshot img{
  display:block;
  width:100%;
  min-height:440px;
  object-fit:cover;
}
.mv-floating-label{
  position:absolute;
  left:22px;
  bottom:22px;
  padding:14px 16px;
  border-radius:13px;
  background:rgba(3,18,31,.82);
  backdrop-filter:blur(10px);
  color:#fff;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(255,255,255,.16);
}
.mv-floating-label span{
  margin-top:4px;
  color:#a9c9df;
  font-size:11px;
}
.mv-product-gallery{background:#f4f8fc}
.mv-product-gallery-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.mv-product-gallery figure{
  margin:0;
  overflow:hidden;
  border-radius:20px;
  background:#fff;
  border:1px solid #dbe6ef;
  box-shadow:0 16px 42px rgba(11,48,78,.08);
}
.mv-product-gallery figure.wide{grid-column:1 / -1}
.mv-product-gallery img{
  display:block;
  width:100%;
  min-height:320px;
  object-fit:cover;
}
.mv-product-gallery figure.wide img{min-height:440px}
.mv-product-gallery figcaption{
  padding:20px 22px;
  display:flex;
  flex-direction:column;
}
.mv-product-gallery figcaption strong{font-size:20px}
.mv-product-gallery figcaption span{
  margin-top:5px;
  color:#64788c;
  font-size:13px;
}
@media(max-width:800px){
  .mv-product-gallery-grid{grid-template-columns:1fr}
  .mv-product-gallery figure.wide{grid-column:auto}
  .mv-product-gallery img,
  .mv-product-gallery figure.wide img{min-height:260px}
}

/* v36 compact presentation spacing */
.mv-hero{padding:70px 0 56px}
.mv-section{padding:64px 0}
.mv-heading{margin-bottom:32px}
.mv-download{padding:54px 0}
@media(max-width:700px){
  .mv-hero{padding:48px 0 40px}
  .mv-section{padding:46px 0}
  .mv-heading{margin-bottom:28px}
}
@media(max-width:800px){
  .mv-product-gallery img,
  .mv-product-gallery figure.wide img{min-height:220px}
}

/* v37 visibly compact layout */
.mv-hero{padding:52px 0 44px}
.mv-section{padding:44px 0}
.mv-heading{margin-bottom:24px}
.benefit-grid article,.feature-tabs article{padding:22px}
.architecture-cards{margin-top:24px}
.architecture-cards article{padding:19px}
.workflow-steps div{padding:18px}
.spec-grid article{padding:22px}
.mv-download{padding:44px 0}
.mv-hero-screenshot img{min-height:360px}
.mv-product-gallery img{min-height:240px}
.mv-product-gallery figure.wide img{min-height:320px}
@media(max-width:700px){
  .mv-hero{padding:38px 0 32px}
  .mv-section{padding:32px 0}
  .mv-heading{margin-bottom:22px}
  .mv-hero-screenshot img{min-height:250px}
}
@media(max-width:800px){.mv-product-gallery img,.mv-product-gallery figure.wide img{min-height:180px}}
