/* MCE — EINSCAN MEDIXA LANDING
   Medical / clinical language inspired by the official SHINING 3D brochure:
   icy blue-white backgrounds, cyan-blue primary, cyan → coral accent, graphite text, rounded white cards. */
.mcem-root{--mcem-bg:#f5f9fd;--mcem-bg2:#eaf4fb;--mcem-blue:#1490d6;--mcem-cyan:#20b6ea;--mcem-coral:#ff7a5c;--mcem-orange:#ff9b45;--mcem-ink:#22364a;--mcem-muted:#5c7083;--mcem-line:#dbe8f1;--mcem-radius:22px;--mcem-shadow:0 14px 44px rgba(20,110,170,.08);--mcem-accent:linear-gradient(90deg,#20b6ea 0%,#5fb5ea 38%,#ff7a5c 100%);background:var(--mcem-bg);color:var(--mcem-ink)}
.mcem-container{width:min(calc(100% - 48px),1220px);margin-inline:auto}
.mcem-section{padding:104px 0}
.mcem-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--mcem-blue)}
.mcem-kicker:before{content:"";width:26px;height:3px;border-radius:3px;background:var(--mcem-accent)}
.mcem-root h2{margin:0 0 18px;font-size:clamp(30px,3.6vw,50px);font-weight:600;line-height:1.08;letter-spacing:-.035em;color:var(--mcem-ink)}
.mcem-root h3{color:var(--mcem-ink)}
.mcem-head{max-width:780px;margin-bottom:52px}
.mcem-head p:not(.mcem-kicker),.mcem-split-copy>p{margin:0;color:var(--mcem-muted);font-size:16px;line-height:1.8}

/* Buttons */
.mcem-actions{display:flex;flex-wrap:wrap;gap:12px}
.mcem-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.01em;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.mcem-btn-primary{background:linear-gradient(90deg,#1490d6,#20b6ea);color:#fff!important;box-shadow:0 10px 26px rgba(20,144,214,.28)}
.mcem-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(20,144,214,.36)}
.mcem-btn-soft{background:#fff;color:var(--mcem-ink)!important;border:1px solid var(--mcem-line);box-shadow:var(--mcem-shadow)}
.mcem-btn-soft:hover{transform:translateY(-2px);border-color:#b9d9ee}

/* 1. HERO */
.mcem-hero{position:relative;overflow:hidden;padding:150px 0 96px;background:radial-gradient(circle at 78% 38%,rgba(255,255,255,.95),rgba(255,255,255,0) 42%),linear-gradient(165deg,#e3f0fa 0%,#f3f8fc 46%,#fbfdff 100%)}
.mcem-hero-glow{position:absolute;inset:auto -10% -45% 30%;height:520px;background:radial-gradient(ellipse at center,rgba(32,182,234,.18),transparent 65%);pointer-events:none}
.mcem-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:40px;align-items:center}
.mcem-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;font-size:12px;color:#7a8fa1}
.mcem-breadcrumb a:hover{color:var(--mcem-blue)}
.mcem-eyebrow{margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6a8297}
.mcem-wordmark{margin:0 0 8px;font-size:clamp(44px,5.6vw,78px);font-weight:300;line-height:1;letter-spacing:-.03em;color:#7d8b99}
.mcem-wordmark span{font-weight:700;color:var(--mcem-blue)}
.mcem-wordmark b{font-weight:700;background:linear-gradient(90deg,#ff7a5c,#ff9b45);-webkit-background-clip:text;background-clip:text;color:transparent}
.mcem-hero h1{margin:0 0 14px;font-size:clamp(22px,2.2vw,30px);font-weight:700;letter-spacing:-.02em;color:var(--mcem-ink)}
.mcem-lead{margin:0 0 8px;font-size:clamp(18px,1.6vw,22px);line-height:1.45;color:#3a5063;font-weight:500}
.mcem-tagline{margin:0 0 30px;font-size:14px;color:var(--mcem-muted)}
.mcem-hero-icons{display:flex;gap:12px;margin:34px 0 0;padding:0;list-style:none}
.mcem-hero-icons li{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(145deg,#2aa6e6,#1a7fd0);box-shadow:0 8px 18px rgba(20,144,214,.25)}
.mcem-hero-icons li:nth-child(even){background:linear-gradient(145deg,#ff8a63,#ff6d52);box-shadow:0 8px 18px rgba(255,122,92,.25)}
.mcem-hero-icons svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mcem-hero-visual{position:relative;min-width:0}
.mcem-hero-visual img{position:relative;z-index:2;width:100%;height:auto;filter:drop-shadow(0 34px 40px rgba(26,72,110,.18));animation:mcemFloat 7s ease-in-out infinite}
.mcem-hero-orb{position:absolute;z-index:1;left:12%;right:4%;top:8%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff 0%,#eaf5fc 45%,rgba(214,236,250,0) 70%)}
.mcem-float{position:absolute;z-index:3;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);box-shadow:var(--mcem-shadow);font-size:12px;font-weight:800;color:var(--mcem-ink);white-space:nowrap}
.mcem-float:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--mcem-accent);vertical-align:middle}
.mcem-float-a{left:2%;top:10%}.mcem-float-b{right:4%;top:46%}.mcem-float-c{left:16%;bottom:4%}
@keyframes mcemFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* 2 / 6 / 7. Split layouts */
.mcem-positioning{background:#fff}
.mcem-split{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.mcem-split-reverse .mcem-split-copy{order:1}.mcem-split-reverse .mcem-split-media{order:2}
.mcem-split-media{position:relative;overflow:hidden;border-radius:var(--mcem-radius);box-shadow:var(--mcem-shadow);background:var(--mcem-bg2)}
.mcem-split-media img{width:100%;height:100%;aspect-ratio:3/2.15;object-fit:cover;transition:transform .9s ease}
.mcem-split-media:hover img{transform:scale(1.02)}
.mcem-pills{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 0;padding:0;list-style:none}
.mcem-pills li{padding:9px 15px;border-radius:999px;background:var(--mcem-bg2);color:#1c5e8c;font-size:12px;font-weight:800}
.mcem-pills-accent li{background:linear-gradient(90deg,rgba(32,182,234,.12),rgba(255,122,92,.12));color:var(--mcem-ink)}
.mcem-note{margin:14px 0 0;font-size:12px;line-height:1.7;color:#7a8b9a}

/* 3. All-in-one */
.mcem-design{background:linear-gradient(180deg,#f5f9fd,#eef6fc)}
.mcem-design-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}
.mcem-design-cards{display:grid;gap:16px}
.mcem-card{position:relative;padding:30px 30px 28px 92px;border-radius:var(--mcem-radius);background:#fff;box-shadow:var(--mcem-shadow);transition:transform .3s ease,box-shadow .3s ease}
.mcem-card:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(20,110,170,.12)}
.mcem-card-no{position:absolute;left:28px;top:28px;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--mcem-bg2);color:var(--mcem-blue);font-size:13px;font-weight:900}
.mcem-card h3{margin:0 0 6px;font-size:20px;letter-spacing:-.02em}
.mcem-card p{margin:0;color:var(--mcem-muted);font-size:14px;line-height:1.7}
.mcem-device{position:relative;margin:0;text-align:center}
.mcem-device-halo{position:absolute;inset:6% 8% 14%;border-radius:50%;background:radial-gradient(circle,#fff 0%,rgba(225,240,251,.9) 45%,rgba(225,240,251,0) 72%)}
.mcem-device img{position:relative;width:min(100%,380px);height:auto;margin-inline:auto;filter:drop-shadow(0 26px 34px rgba(26,72,110,.18))}
.mcem-device figcaption{position:relative;margin-top:14px;font-size:12px;font-weight:700;color:var(--mcem-muted)}

/* 4. Workflow */
.mcem-workflow{background:#fff}
.mcem-steps{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center}
.mcem-step-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.mcem-root .mcem-step-list button{display:grid;grid-template-columns:44px 1fr;gap:2px 14px;width:100%;padding:18px 20px;border:1px solid var(--mcem-line);border-radius:18px;background:#fff;text-align:left;cursor:pointer;white-space:normal;color:var(--mcem-ink);transition:border-color .25s,box-shadow .25s,background .25s}
.mcem-root .mcem-step-list button:hover,.mcem-root .mcem-step-list button:focus{background:#f7fbfe;color:var(--mcem-ink);border-color:#b8d9ee}
.mcem-root .mcem-step-list button.is-active{border-color:transparent;background:#fff;box-shadow:0 0 0 2px var(--mcem-cyan),var(--mcem-shadow)}
.mcem-step-list button span{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--mcem-bg2);color:var(--mcem-blue);font-size:12px;font-weight:900}
.mcem-step-list button.is-active span{background:var(--mcem-accent);color:#fff}
.mcem-step-list button strong{font-size:16px}
.mcem-step-list button small{font-size:13px;line-height:1.55;color:var(--mcem-muted)}
.mcem-screen{position:relative;padding:14px;border-radius:30px;background:linear-gradient(160deg,#dfeef9,#f6fbff);box-shadow:var(--mcem-shadow)}
.mcem-screen-panel{margin:0;border-radius:18px;overflow:hidden;background:#fff;animation:mcemFade .45s ease}
.mcem-screen-panel img{width:100%;height:auto}
@keyframes mcemFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* 5. Presets */
.mcem-presets{background:linear-gradient(180deg,#eef6fc,#f5f9fd)}
.mcem-preset-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:12px;margin:0 0 40px;padding:0;list-style:none}
.mcem-preset{display:grid;justify-items:center;gap:6px;padding:20px 8px 18px;border-radius:20px;background:#fff;box-shadow:var(--mcem-shadow);text-align:center;transition:transform .3s ease}
.mcem-preset:hover{transform:translateY(-4px)}
.mcem-preset-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:6px;border-radius:15px;background:linear-gradient(145deg,#2aa6e6,#1a7fd0)}
.mcem-preset:nth-child(3n+2) .mcem-preset-icon{background:linear-gradient(145deg,#ff8a63,#ff6d52)}
.mcem-preset-icon svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mcem-preset strong{font-size:13px;line-height:1.3}
.mcem-preset small{font-size:10px;color:#8696a5;letter-spacing:.04em}
.mcem-presets-ui{margin:0;padding:14px;border-radius:28px;background:#fff;box-shadow:var(--mcem-shadow)}
.mcem-presets-ui img{width:100%;height:auto;border-radius:16px}

/* 6. Contact-free */
.mcem-contactfree{background:#fff}
.mcem-feature-rows{display:grid;gap:18px;margin-top:8px}
.mcem-feature-rows>div{padding:20px 22px;border-radius:18px;background:var(--mcem-bg)}
.mcem-feature-rows h3{margin:0 0 6px;font-size:17px}
.mcem-feature-rows p{margin:0;color:var(--mcem-muted);font-size:14px;line-height:1.7}

/* 7. Movement */
.mcem-movement{background:linear-gradient(180deg,#f5f9fd,#eaf4fb)}
.mcem-scanframe .mcem-scanline{position:absolute;left:6%;right:6%;top:10%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#20b6ea 20%,#fff 50%,#ff7a5c 80%,transparent);box-shadow:0 0 14px rgba(32,182,234,.6);animation:mcemScan 4.2s ease-in-out infinite}
@keyframes mcemScan{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(clamp(160px,26vw,330px));opacity:1}}

/* 8. Precision */
.mcem-precision{background:#fff}
.mcem-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px}
.mcem-metric{position:relative;padding:30px 26px;border-radius:var(--mcem-radius);background:var(--mcem-bg);overflow:hidden}
.mcem-metric:after{content:"";position:absolute;left:26px;right:26px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--mcem-accent)}
.mcem-metric strong{display:block;margin-bottom:8px;font-size:clamp(22px,2.2vw,30px);font-weight:700;letter-spacing:-.02em;color:var(--mcem-blue)}
.mcem-metric span{font-size:13px;line-height:1.6;color:var(--mcem-muted)}
.mcem-wide-figure{position:relative;margin:0;border-radius:var(--mcem-radius);overflow:hidden;box-shadow:var(--mcem-shadow)}
.mcem-wide-figure img{width:100%;height:auto;max-height:560px;object-fit:cover}
.mcem-wide-figure figcaption{position:absolute;left:20px;bottom:20px;max-width:calc(100% - 40px);padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);font-size:12px;font-weight:700;color:var(--mcem-ink)}

/* 9. ROI */
.mcem-roi{background:linear-gradient(180deg,#eef6fc,#f5f9fd)}
.mcem-table-wrap{overflow-x:auto;border-radius:var(--mcem-radius);background:#fff;box-shadow:var(--mcem-shadow);-webkit-overflow-scrolling:touch}
.mcem-table{width:100%;min-width:680px;border-collapse:collapse;font-size:14px}
.mcem-table caption{caption-side:bottom;padding:16px 22px 20px;text-align:left;font-size:12px;line-height:1.6;color:#7a8b9a}
.mcem-table th,.mcem-table td{padding:16px 22px;border-bottom:1px solid var(--mcem-line);text-align:left;vertical-align:top;line-height:1.55}
.mcem-table thead th{background:#f3f9fd;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#4f6578}
.mcem-table thead th:last-child{color:var(--mcem-blue)}
.mcem-table tbody th{width:22%;font-weight:800;color:var(--mcem-ink)}
.mcem-table td{color:var(--mcem-muted)}
.mcem-table td:last-child{color:var(--mcem-ink);font-weight:600;background:linear-gradient(90deg,rgba(32,182,234,.04),rgba(255,122,92,.04))}

/* 10. Specs */
.mcem-specs{background:#fff}
.mcem-specs-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:start}
.mcem-specs-head{position:sticky;top:110px}
.mcem-specs-head img{width:min(100%,300px);height:auto;margin-top:12px;filter:drop-shadow(0 22px 30px rgba(26,72,110,.16))}
.mcem-spec-table{border-radius:var(--mcem-radius);background:var(--mcem-bg);padding:10px 26px 22px}
.mcem-spec-row{display:grid;grid-template-columns:minmax(170px,.7fr) 1.3fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--mcem-line)}
.mcem-spec-row span{font-size:13px;color:var(--mcem-muted)}
.mcem-spec-row strong{font-size:14px;font-weight:700;line-height:1.5}

/* 11. Local MCE */
.mcem-local{background:linear-gradient(180deg,#f5f9fd,#eaf4fb)}
.mcem-local-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;padding:50px;border-radius:30px;background:#fff;box-shadow:var(--mcem-shadow)}
.mcem-local-copy p:not(.mcem-kicker){margin:0 0 26px;color:var(--mcem-muted);font-size:15px;line-height:1.8}
.mcem-local-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none}
.mcem-local-steps li{display:grid;grid-template-columns:38px 1fr;gap:2px 12px;padding:18px;border-radius:18px;background:var(--mcem-bg)}
.mcem-local-steps span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#fff;color:var(--mcem-blue);font-size:11px;font-weight:900}
.mcem-local-steps strong{font-size:15px}
.mcem-local-steps small{font-size:12px;line-height:1.55;color:var(--mcem-muted)}

/* 12. FAQ */
.mcem-faq{background:#fff}
.mcem-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:start}
.mcem-faq-list{display:grid;gap:12px}
.mcem-faq-item{border-radius:18px;background:var(--mcem-bg);transition:background .25s}
.mcem-faq-item[open]{background:#fff;box-shadow:0 0 0 1px var(--mcem-line),var(--mcem-shadow)}
.mcem-faq-item summary{position:relative;list-style:none;padding:20px 56px 20px 22px;font-size:16px;font-weight:700;cursor:pointer;color:var(--mcem-ink)}
.mcem-faq-item summary::-webkit-details-marker{display:none}
.mcem-faq-item summary i{position:absolute;right:20px;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:50%;background:var(--mcem-bg2)}
.mcem-faq-item summary i:before,.mcem-faq-item summary i:after{content:"";position:absolute;left:7px;right:7px;top:11px;height:2px;border-radius:2px;background:var(--mcem-blue);transition:transform .25s}
.mcem-faq-item summary i:after{transform:rotate(90deg)}
.mcem-faq-item[open] summary i:after{transform:rotate(0)}
.mcem-faq-item p{margin:0;padding:0 22px 22px;color:var(--mcem-muted);font-size:14px;line-height:1.75}

/* 13. Final CTA */
.mcem-final{padding:30px 0 110px;background:#fff}
.mcem-final-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:56px;border-radius:32px;overflow:hidden;background:linear-gradient(120deg,#e5f2fb 0%,#f4f9fd 55%,#fff1ec 100%)}
.mcem-final-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--mcem-accent)}
.mcem-final-card>div{position:relative;z-index:2}
.mcem-final-card p:not(.mcem-kicker){margin:0;max-width:560px;color:var(--mcem-muted);font-size:15px;line-height:1.75}
.mcem-final-img{position:absolute;right:-60px;bottom:-110px;width:360px;height:auto;opacity:.18;pointer-events:none}

/* Responsive */
@media(max-width:1100px){.mcem-preset-grid{grid-template-columns:repeat(5,1fr)}.mcem-metrics{grid-template-columns:1fr 1fr}.mcem-split,.mcem-design-grid,.mcem-steps{gap:40px}}
@media(max-width:900px){
  .mcem-section{padding:76px 0}
  .mcem-hero{padding:118px 0 70px}
  .mcem-hero-grid,.mcem-split,.mcem-design-grid,.mcem-steps,.mcem-specs-grid,.mcem-local-card,.mcem-faq-grid,.mcem-final-card{grid-template-columns:1fr}
  .mcem-split-reverse .mcem-split-copy,.mcem-split-reverse .mcem-split-media{order:initial}
  .mcem-hero-visual{max-width:640px}
  .mcem-specs-head{position:static}
  .mcem-specs-head img{display:none}
  .mcem-local-card{padding:32px}
  .mcem-final-card{padding:36px 28px}
}
@media(max-width:600px){
  .mcem-container{width:calc(100% - 32px)}
  .mcem-wordmark{font-size:46px}
  .mcem-actions{display:grid}
  .mcem-actions .mcem-btn{width:100%}
  .mcem-hero-icons li{width:46px;height:46px}
  .mcem-float{font-size:10px;padding:7px 10px}
  .mcem-float-c{left:4%}
  .mcem-preset-grid{grid-template-columns:repeat(3,1fr);gap:9px}
  .mcem-preset{padding:16px 4px 14px}
  .mcem-preset strong{font-size:12px}
  .mcem-metrics{grid-template-columns:1fr}
  .mcem-card{padding:24px 22px 22px 80px}
  .mcem-card-no{left:20px;top:22px}
  .mcem-local-steps{grid-template-columns:1fr}
  .mcem-spec-row{grid-template-columns:1fr;gap:4px}
  .mcem-spec-table{padding:6px 18px 18px}
  .mcem-wide-figure figcaption{position:static;display:block;border-radius:0;max-width:none}
  .mcem-screen{padding:8px;border-radius:20px}
}
@media(prefers-reduced-motion:reduce){
  .mcem-root *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .mcem-hero-visual img{animation:none}
}