/* R13 market-grade layer: outcome-led hero, proof band, industries, pilot programme,
   ROI estimator and company page. Builds on site.css tokens; scoped to .st-page. */

/* Photoreal hero */
.mk-hero{position:relative;min-height:min(86vh,760px);display:flex;align-items:flex-end;background:#081c2c;color:#f3f7f9;overflow:hidden}
.mk-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;transform:scale(1.02)}
.mk-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,28,44,.96) 0%,rgba(8,28,44,.86) 34%,rgba(8,28,44,.35) 62%,rgba(8,28,44,.05) 100%),linear-gradient(0deg,rgba(8,28,44,.85) 0%,rgba(8,28,44,0) 38%)}
.mk-hero .st-shell{position:relative;z-index:2;padding:120px 0 56px}
.mk-hero-copy{max-width:640px}
.mk-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#34e0c8;margin-bottom:20px}
.mk-eyebrow:before{content:"";width:28px;height:2px;background:currentColor}
.mk-hero h1{font-size:clamp(42px,5.4vw,76px);line-height:1.02;font-weight:800;letter-spacing:-.045em;max-width:15ch}
.mk-hero h1 em{font-style:normal;color:#34e0c8}
.mk-hero .st-lead{color:#c9d8e2;margin-top:24px;max-width:52ch}
.mk-hero-foot{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16);font-size:15px;color:#a9bfce}
.mk-hero-foot b{color:#f3f7f9;font-weight:800}
.mk-tag{position:absolute;right:20px;bottom:18px;z-index:3;font-size:13px;color:#dbe7ee;background:rgba(8,28,44,.72);border:1px solid rgba(255,255,255,.18);padding:6px 12px;border-radius:999px;backdrop-filter:blur(6px)}

/* Fact band: verifiable company facts instead of invented metrics */
.mk-facts{background:#0f2a4a;color:#f3f7f9}
.mk-facts .st-shell{display:grid;grid-template-columns:repeat(4,1fr)}
.mk-facts div{padding:30px 24px;border-left:1px solid rgba(255,255,255,.12)}
.mk-facts div:first-child{border-left:0;padding-left:0}
.mk-facts b{display:block;font-size:clamp(26px,2.6vw,36px);line-height:1.1;font-weight:800;letter-spacing:-.03em;color:#fff}
.mk-facts span{display:block;margin-top:8px;font-size:15px;line-height:1.5;color:#b9cbd7}

/* Problem → approach */
.mk-problem{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.mk-problem article{padding:30px;border:1px solid var(--st-line);border-radius:12px;background:#fff}
.mk-problem small{display:block;font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#b4561a;margin-bottom:14px}
.mk-problem h3{font-size:22px;line-height:1.3;margin-bottom:10px}
.mk-problem p{color:var(--st-body);font-size:17px}
.mk-problem .is-answer{background:#0f2a4a;border-color:#0f2a4a;color:#f3f7f9}
.mk-problem .is-answer small{color:#34e0c8}
.mk-problem .is-answer p{color:#c3d3de}

/* System cards with photoreal imagery */
.mk-systems{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}
.mk-sys{position:relative;grid-column:span 4;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--st-line);text-decoration:none;color:var(--st-ink)!important;transition:box-shadow .2s,transform .2s}
.mk-sys:hover{box-shadow:0 18px 40px -18px rgba(15,42,74,.35);transform:translateY(-2px)}
.mk-sys.is-wide{grid-column:span 8}
.mk-sys-img{position:relative;aspect-ratio:16/10;background:#eef3f5;overflow:hidden}
.mk-sys.is-wide .mk-sys-img{aspect-ratio:auto;height:100%;min-height:300px}
.mk-sys-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.mk-sys:hover .mk-sys-img img{transform:scale(1.03)}
.mk-sys-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.mk-sys h3{font-size:23px;line-height:1.25}
.mk-sys p{font-size:16.5px;color:var(--st-body);flex:1}
.mk-sys .st-more{font-weight:800;color:var(--st-teal-ink);font-size:16px}
.mk-sys.is-wide{display:grid;grid-template-columns:1.25fr 1fr}
.mk-sys .st-badge{position:absolute;top:14px;left:14px;z-index:2;background:rgba(255,255,255,.94);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.mk-sys .st-badge.is-concept{background:#fff7ee}

/* Outcomes for roles */
.mk-roles{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.mk-roles article{padding:26px;border-radius:12px;background:#fff;border:1px solid var(--st-line)}
.mk-roles h3{font-size:20px;margin-bottom:12px}
.mk-roles ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.mk-roles li{position:relative;padding-left:22px;font-size:16px;line-height:1.55;color:var(--st-body)}
.mk-roles li:before{content:"";position:absolute;left:0;top:.62em;width:10px;height:2px;background:#14b3a0}

/* Industries grid */
.mk-industries{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mk-ind{display:flex;flex-direction:column;gap:10px;padding:28px;border-radius:12px;border:1px solid var(--st-line);background:#fff;text-decoration:none;color:var(--st-ink)!important}
.mk-ind:hover{border-color:#14b3a0}
.mk-ind small{font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--st-teal-ink)}
.mk-ind h3{font-size:22px;line-height:1.3}
.mk-ind p{font-size:16.5px;color:var(--st-body);flex:1}
.mk-ind .mk-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.mk-chips span{font-size:14px;font-weight:700;padding:4px 10px;border-radius:999px;background:#eef4f6;color:#25466e}

/* Detailed industry rows */
.mk-ind-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:start;padding:56px 0;border-top:1px solid var(--st-line)}
.mk-ind-row:first-child{border-top:0;padding-top:0}
.mk-ind-row h2{font-size:clamp(28px,3vw,38px);line-height:1.15;font-weight:800;letter-spacing:-.025em}
.mk-ind-row .st-lead{font-size:18px}
.mk-ind-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mk-ind-grid div{padding:20px;border-radius:10px;background:var(--st-paper)}
.mk-ind-grid b{display:block;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#b4561a;margin-bottom:8px}
.mk-ind-grid div.is-fit b{color:var(--st-teal-ink)}
.mk-ind-grid ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:16px;color:var(--st-body)}
.mk-ind-grid a{color:var(--st-teal-ink)!important;font-weight:700}

/* Pilot programme */
.mk-pilot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.mk-pilot-img{border-radius:14px;overflow:hidden;position:relative}
.mk-pilot-img img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.mk-pilot-img figcaption,.mk-figure figcaption{position:absolute;left:12px;bottom:12px;font-size:13px;color:#3d5366;background:rgba(255,255,255,.94);padding:5px 10px;border-radius:999px}
.mk-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:phase;margin-top:8px}
.mk-timeline article{position:relative;padding:28px 24px 0 0}
.mk-timeline article:before{counter-increment:phase;content:counter(phase,decimal-leading-zero);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#0f2a4a;color:#34e0c8;font-weight:800;font-size:16px;position:relative;z-index:1}
.mk-timeline article:after{content:"";position:absolute;top:50px;left:44px;right:0;height:2px;background:#cfe0e6}
.mk-timeline article:last-child:after{display:none}
.mk-timeline small{display:block;margin-top:18px;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--st-teal-ink)}
.mk-timeline h3{font-size:21px;margin:6px 0 8px}
.mk-timeline p{font-size:16px;color:var(--st-body)}
.mk-give{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mk-give article{padding:30px;border-radius:12px;border:1px solid var(--st-line);background:#fff}
.mk-give article.is-dark{background:#0f2a4a;border-color:#0f2a4a;color:#f3f7f9}
.mk-give h3{font-size:22px;margin-bottom:14px}
.mk-give ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.mk-give li{position:relative;padding-left:30px;font-size:16.5px;line-height:1.55;color:var(--st-body)}
.mk-give .is-dark li{color:#c3d3de}
.mk-give li:before{content:"✓";position:absolute;left:0;top:0;font-weight:800;color:#14b3a0}
.mk-give .is-dark li:before{color:#34e0c8}

/* CTA banner */
.mk-cta{position:relative;overflow:hidden;border-radius:16px;background:#0f2a4a;color:#f3f7f9;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);min-height:320px}
.mk-cta-copy{padding:48px}
.mk-cta-copy .st-h2{color:#fff}
.mk-cta-copy .st-lead{color:#c3d3de}
.mk-cta-img{position:relative}
.mk-cta-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mk-cta-img:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0f2a4a 0%,rgba(15,42,74,0) 40%)}

/* ROI estimator */
.mk-roi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.mk-roi-form{padding:32px;border-radius:14px;border:1px solid var(--st-line);background:#fff;display:grid;gap:18px}
.mk-roi-form h3{font-size:20px}
.mk-roi-form fieldset{border:0;margin:0;padding:0;display:grid;gap:16px}
.mk-roi-form legend{font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--st-teal-ink);margin-bottom:6px}
.mk-field{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:6px 16px;align-items:center}
.mk-field label{font-size:16px;font-weight:700;color:var(--st-ink)}
.mk-field small{grid-column:1/-1;font-size:14px;color:var(--st-muted);line-height:1.45}
.mk-field input{width:100%;min-height:46px;padding:8px 12px;border:1px solid #b8cad3;border-radius:8px;font:inherit;font-size:17px;font-weight:700;color:var(--st-ink);background:#f9fbfc;text-align:right}
.mk-field input:focus{outline:3px solid #34e0c8;outline-offset:1px;background:#fff}
.mk-roi-out{position:sticky;top:110px;padding:32px;border-radius:14px;background:#0f2a4a;color:#f3f7f9}
.mk-roi-out h3{font-size:20px;color:#fff}
.mk-kpis{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}
.mk-kpis div{padding:18px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.mk-kpis div.is-key{grid-column:1/-1;background:rgba(52,224,200,.12);border-color:rgba(52,224,200,.35)}
.mk-kpis small{display:block;font-size:14px;color:#b9cbd7;line-height:1.4}
.mk-kpis output{display:block;margin-top:6px;font-size:clamp(24px,2.4vw,32px);font-weight:800;letter-spacing:-.02em;color:#fff}
.mk-kpis .is-key output{color:#34e0c8;font-size:clamp(30px,3vw,42px)}
.mk-roi-out p{font-size:15px;line-height:1.6;color:#b9cbd7}
.mk-roi-out .st-actions{margin-top:22px}
.mk-assume{margin-top:28px;font-size:15px;color:var(--st-muted)}
.mk-assume summary{font-weight:800;color:var(--st-ink);cursor:pointer}
.mk-assume ul{margin:12px 0 0;padding-left:20px;display:grid;gap:6px}

/* Company page */
.mk-company{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.mk-ledger{display:grid;gap:0;border:1px solid var(--st-line);border-radius:12px;overflow:hidden;background:#fff}
.mk-ledger div{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:16px 22px;border-top:1px solid var(--st-line);font-size:16px}
.mk-ledger div:first-child{border-top:0}
.mk-ledger dt{font-weight:800;color:var(--st-ink)}
.mk-ledger dd{margin:0;color:var(--st-body)}
.mk-ledger a{color:var(--st-teal-ink)!important;font-weight:700}
.mk-standards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mk-standards article{padding:22px;border-radius:10px;background:#fff;border:1px solid var(--st-line)}
.mk-standards b{display:block;font-size:17px;color:var(--st-navy)}
.mk-standards span{display:block;margin-top:6px;font-size:15.5px;line-height:1.5;color:var(--st-body)}
.mk-values{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mk-values article{padding:28px;border-top:3px solid #14b3a0;background:#fff;border-radius:0 0 10px 10px}
.mk-values h3{font-size:21px;margin-bottom:10px}
.mk-values p{font-size:16.5px;color:var(--st-body)}

/* Page hero for new inner pages */
.mk-page-hero{position:relative;background:#081c2c;color:#f3f7f9;overflow:hidden}
.mk-page-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.mk-page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081c2c 0%,rgba(8,28,44,.9) 40%,rgba(8,28,44,.35) 100%)}
.mk-page-hero .st-shell{position:relative;z-index:2;padding:96px 0 88px}
.mk-page-hero h1{font-size:clamp(38px,4.6vw,62px);line-height:1.05;font-weight:800;letter-spacing:-.04em;max-width:18ch}
.mk-page-hero h1 em{font-style:normal;color:#34e0c8}
.mk-page-hero .st-lead{color:#c9d8e2;max-width:58ch}
.mk-page-hero .st-crumb{padding:0 0 22px;color:#a9bfce}
.mk-page-hero .st-crumb a{color:#34e0c8!important}

@media (max-width:1100px){
  .mk-systems{grid-template-columns:repeat(2,1fr)}
  .mk-sys,.mk-sys.is-wide{grid-column:span 1;display:flex}
  .mk-sys.is-wide .mk-sys-img{aspect-ratio:16/10;min-height:0;height:auto}
  .mk-roles{grid-template-columns:repeat(2,1fr)}
  .mk-standards{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .mk-facts .st-shell{grid-template-columns:1fr 1fr}
  .mk-facts div{border-left:0;padding:22px 0;border-top:1px solid rgba(255,255,255,.12)}
  .mk-facts div:nth-child(-n+2){border-top:0}
  .mk-facts div:nth-child(even){padding-left:20px;border-left:1px solid rgba(255,255,255,.12)}
  .mk-problem,.mk-industries,.mk-values,.mk-give,.mk-pilot,.mk-roi,.mk-company,.mk-ind-row{grid-template-columns:1fr}
  .mk-timeline{grid-template-columns:1fr 1fr;gap:12px}
  .mk-timeline article:after{display:none}
  .mk-cta{grid-template-columns:1fr}
  .mk-cta-img{min-height:220px;order:-1}
  .mk-cta-img:before{background:linear-gradient(0deg,#0f2a4a 0%,rgba(15,42,74,0) 50%)}
  .mk-cta-copy{padding:32px 24px}
  .mk-roi-out{position:static}
  .mk-ledger div{grid-template-columns:1fr;gap:4px}
}
@media (max-width:600px){
  .mk-hero{min-height:auto}
  .mk-hero>img{object-position:72% center}
  .mk-hero:after{background:linear-gradient(0deg,rgba(8,28,44,.98) 0%,rgba(8,28,44,.9) 55%,rgba(8,28,44,.45) 100%)}
  .mk-hero .st-shell{padding:220px 0 40px}
  .mk-tag{top:16px;bottom:auto;right:16px}
  .mk-systems,.mk-roles,.mk-standards,.mk-timeline,.mk-kpis,.mk-ind-grid{grid-template-columns:1fr}
  .mk-field{grid-template-columns:1fr}
  .mk-roi-form,.mk-roi-out{padding:22px}
}

/* Paragraph rhythm: .st-page p{margin:0} otherwise wins over .st-lead. */
.st-page .mk-hero .st-lead,.st-page .mk-page-hero .st-lead,.st-page .mk-pilot .st-lead,.st-page .mk-ind-row .st-lead,.st-page .mk-company .st-lead,.st-page .mk-cta-copy .st-lead{margin-top:20px}
.st-page .mk-hero .st-lead{margin-top:26px}

/* Next-generation concept renders (Fusion engineering models) */
.mk-concept-grid{display:grid;gap:18px;grid-template-columns:1fr}
.mk-concept-grid.is-2{grid-template-columns:1.4fr 1fr}
.mk-concept-grid.is-3{grid-template-columns:1.4fr 1fr;grid-template-rows:auto auto}
.mk-concept-grid.is-3 .is-lead{grid-row:span 2}
.mk-concept-grid figure{position:relative;margin:0;border-radius:12px;overflow:hidden;background:#20262c}
.mk-concept-grid img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}
.mk-concept-grid .is-lead img{aspect-ratio:auto;min-height:100%}
.mk-concept-grid .is-video{min-height:240px}
.mk-concept-grid .is-video video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:860px){.mk-concept-grid .is-video{min-height:0;aspect-ratio:16/9}}
.mk-concept-grid figcaption{position:absolute;left:12px;bottom:12px;right:12px;width:max-content;max-width:calc(100% - 24px);font-size:13px;color:#3d5366;background:rgba(255,255,255,.94);padding:5px 10px;border-radius:999px}
.mk-concept-figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:24px 0 0}
.mk-concept-figures div{padding:16px 18px;border-radius:10px;border:1px solid var(--st-line);background:#fff}
.mk-concept-figures dt{font-size:14px;color:var(--st-muted)}
.mk-concept-figures dd{margin:4px 0 0;font-size:19px;font-weight:800;color:var(--st-ink)}
@media (max-width:860px){.mk-concept-grid.is-2,.mk-concept-grid.is-3{grid-template-columns:1fr}.mk-concept-grid.is-3 .is-lead{grid-row:auto}.mk-concept-grid figcaption{width:auto;border-radius:8px}}

/* Homepage hero with a studio render: keep the machine in the right-hand half, clear of the headline */
.mk-hero.is-render{background:#2a2d31}
.mk-hero.is-render>img{left:auto;right:0;width:72%;object-position:30% 55%;transform:none}
.mk-hero.is-render:after{background:linear-gradient(90deg,rgba(8,28,44,.97) 0%,rgba(8,28,44,.9) 30%,rgba(8,28,44,.25) 52%,rgba(8,28,44,0) 70%),linear-gradient(0deg,rgba(8,28,44,.8) 0%,rgba(8,28,44,0) 35%)}
@media (max-width:860px){.mk-hero.is-render>img{width:100%;object-position:55% 40%}}

/* Fusion engineering-model animation, shown above the interactive 3D scene */
.mk-video-frame{position:relative;margin:0;border-radius:12px;overflow:hidden;background:#20262c;aspect-ratio:16/9}
.mk-video-frame video{display:block;width:100%;height:100%;object-fit:cover}
.mk-video-frame figcaption{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);font-size:13px;color:#3d5366;background:rgba(255,255,255,.94);padding:5px 10px;border-radius:999px}
@media (prefers-reduced-motion: reduce){.mk-video-frame video{animation:none}}
/* Fusion video beside the interactive 3D scene (stacks on narrow screens). */
.mk-video-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.mk-video-pair .mk-video-frame figcaption{position:static;max-width:none;border-radius:0;background:#fff;border:1px solid var(--st-line,#dde5ea);border-top:0;padding:10px 14px;font-size:15px;color:var(--st-muted,#53687a);min-height:52px;display:flex;align-items:center}
.mk-video-pair .mk-video-frame{aspect-ratio:auto;background:none}
.mk-video-pair .mk-video-frame video{aspect-ratio:16/10;height:auto;border-radius:10px 10px 0 0;background:#20262c}
@media (max-width:900px){.mk-video-pair{grid-template-columns:1fr}}
/* Contact us page and the end-of-page contact band (2026-11-03). */
.ct-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.ct-card{display:grid;gap:6px;align-content:start;padding:22px;border:1px solid var(--st-line,#dde5ea);border-radius:12px;background:#fff;color:inherit;text-decoration:none}
a.ct-card:hover{border-color:var(--st-teal,#0f8f7f)}
.ct-card small{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--st-muted,#53687a)}
.ct-card b{font-size:19px;color:var(--st-ink,#0b1f33);overflow-wrap:anywhere}
.ct-card span{font-size:15px;color:var(--st-muted,#53687a)}
.ct-links{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ct-link{display:grid;gap:6px;padding:22px;border-radius:12px;background:#fff;border:1px solid var(--st-line,#dde5ea);color:inherit;text-decoration:none}
.ct-link b{font-size:18px;color:var(--st-ink,#0b1f33)}
.ct-link span{color:var(--st-muted,#53687a);font-size:15px}
.contact-band-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}
.contact-band-actions{display:grid;gap:4px;justify-items:start}
.contact-band-actions .st-contact-meta{margin-top:20px}
@media (max-width:1180px){.ct-cards,.ct-links{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.ct-cards,.ct-links{grid-template-columns:1fr 1fr}.contact-band-grid{grid-template-columns:1fr;gap:28px}}
@media (max-width:560px){.ct-cards,.ct-links{grid-template-columns:1fr}}
.ct-ico{width:16px;height:16px;fill:currentColor;vertical-align:-3px;margin-right:6px}
.ct-card .ct-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95em}
.ct-copy{justify-self:start;margin-top:6px;padding:7px 14px;border-radius:999px;border:1px solid var(--st-teal,#0f8f7f);background:#fff;color:var(--st-teal-ink,#0b6b60);font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.ct-copy:hover{background:var(--st-teal,#0f8f7f);color:#fff}
.st-footer-wechat{color:inherit}