/* MatSoft editorial premium landing 2026. Isolated to public .ms-home only. */
.ms-home {
  --msp-ink:#11283e;
  --msp-night:#091a30;
  --msp-blue:#1c426a;
  --msp-teal:#82d5cd;
  --msp-soft:#f2f5f9;
  --msp-line:#dce5ef;
  --msp-gold:#dcc19c;
  background:#fff;
}
.ms-home .ms-site-header{background:rgba(255,255,255,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #dfe7ef}
.ms-home .ms-nav{min-height:76px}
.ms-home .ms-brand>span{color:#122c46;letter-spacing:-.055em}
.ms-home .ms-nav-actions>.ms-button{border-radius:999px;padding-inline:20px;background:#102e4d;border-color:#102e4d;box-shadow:0 5px 16px #0e294525}
.ms-home .ms-button{border-radius:999px;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.ms-home .ms-button:hover{transform:translateY(-2px)}
.ms-home .ms-mobile-menu nav{border-radius:16px;box-shadow:0 18px 45px #071c3340}
.ms-home .mh-hero{padding:clamp(42px,6vw,96px) 0;background:radial-gradient(circle at 82% 10%,#214467 0%,transparent 41%),linear-gradient(120deg,#07182b 0%,#112c47 65%,#193e5e 100%);color:#fff;border:0;overflow:hidden}
.ms-home .mh-hero-grid{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(24px,4vw,60px);align-items:center}
.ms-home .mh-hero-copy{padding:16px 0}
.ms-home .mh-hero .ms-eyebrow{color:#a9e2dc;font-weight:750;letter-spacing:.17em}
.ms-home .mh-hero h1{font-size:clamp(46px,5.6vw,78px);font-weight:670;line-height:1.02;letter-spacing:-.07em;margin:25px 0 24px;text-wrap:balance;color:#fff}
.ms-home .mh-hero h1 em{color:#9ce2db}
.ms-home .mh-hero .mh-lead{color:#d9e5ef;font-size:clamp(16px,1.5vw,19px);line-height:1.7;max-width:510px}
.ms-home .mh-hero .ms-button{min-height:52px;font-size:14px;padding:14px 22px;border-color:#e6f2fa;background:#eef7fd;color:#0b2c4b}
.ms-home .mh-hero .ms-button-outline{background:transparent;color:#fff;border-color:#7995a8}
.ms-home .mh-hero .ms-button-outline:hover{background:#ffffff1a}
.ms-home .mh-hero .mh-purchase-note{color:#bfd0df;font-size:12px}
.ms-home .mh-hero-secondary-links{margin-top:16px}
.ms-home .mh-hero .ms-text-link{color:#bceae7;font-size:13px}
.ms-home .mh-stage{background:#0b253e;border:1px solid #57768d;border-radius:25px;box-shadow:0 24px 60px #0005;overflow:hidden}
.ms-home .mh-stage-heading,.ms-home .mh-stage-bottom{padding:16px 20px}
.ms-home .mh-stage-heading{color:#cce3ef}
.ms-home .mh-stage-art{gap:10px;padding:22px 24px 12px;grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}
.ms-home .mh-hero-person{min-height:320px;border-radius:17px;border:1px solid #ffffff38;box-shadow:0 15px 30px #02102155}
.ms-home .mh-stage .ms-vcard-phone{max-width:100%;transform:rotate(2deg)}
.ms-home .mh-proof-strip{border-bottom:1px solid #e1e9ef}
.ms-home .mh-proof-strip>.ms-container{padding-block:22px}
.ms-home .mh-proof-strip span{font-size:12px;font-weight:620;color:#405a6e}
.ms-home .mh-human-showcase{padding:clamp(55px,7vw,104px) 0;background:linear-gradient(180deg,#f5f7fa,#fff);color:#122b45}
.ms-home .mh-human-heading h2{font-size:clamp(35px,3.8vw,56px);font-weight:680;letter-spacing:-.055em;line-height:1.1}
.ms-home .mh-human-heading .ms-eyebrow{color:#39767f}
.ms-home .mh-human-grid{gap:18px}
.ms-home .mh-human-feature{border-radius:24px;border:1px solid #dce4ee;box-shadow:0 16px 45px #0a29440e;transition:transform .2s ease,box-shadow .2s ease}
.ms-home .mh-human-feature:hover{transform:translateY(-3px);box-shadow:0 25px 56px #0b2e4b1b}
.ms-home .mh-human-feature-copy{padding:27px}
.ms-home .mh-human-feature-copy h3{font-size:clamp(21px,2.1vw,28px);font-weight:670}
.ms-home .mh-human-feature-copy a{color:#1d527b}
.ms-home .mh-human-product-visual img{object-position:center}
.ms-home .mh-human-profile-overlay strong{font-size:27px}
.ms-home .mh-nfc-experience{background:radial-gradient(circle at 9% 0%,#234b74,transparent 46%),#0b2038;border:1px solid #355572;border-radius:28px;box-shadow:0 19px 42px #061b3330}
.ms-home .mh-nfc-intro h3{font-weight:680}
.ms-home .mh-nfc-steps details{background:#153254;border-color:#385a77}
.ms-home .mh-nfc-steps details[open]{background:#1a3c60}
.ms-home .mh-nfc-steps>.ms-button{border-radius:999px}
.ms-home .mh-human-shop{margin-top:50px}
.ms-home .mh-human-shop-item{border-radius:24px;border-color:#dae4ed;box-shadow:0 12px 33px #0a2c4710;transition:transform .2s ease}
.ms-home .mh-human-shop-item:hover{transform:translateY(-3px)}
.ms-home .mh-human-shop-content strong{color:#133b60}
.ms-home .mh-section{padding-block:clamp(54px,6vw,86px)}
.ms-home .mh-product{border-radius:20px;box-shadow:0 12px 36px #0e35500d}
.ms-home .mh-workspace{border-radius:20px}
.ms-home .mh-final{background:linear-gradient(120deg,#0e253d,#1d4f69);padding-block:76px}
.ms-home .mh-footer-grid{gap:32px}
@media(max-width:950px){
  .ms-home .mh-hero-grid{grid-template-columns:1fr;max-width:750px}
  .ms-home .mh-hero h1{font-size:clamp(43px,6vw,65px)}
  .ms-home .mh-stage{max-width:650px}
  .ms-home .mh-stage-art{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}
  .ms-home .mh-hero-person{display:flex}
}
@media(max-width:800px){
  .ms-home .ms-nav{width:calc(100% - 24px);gap:7px;min-height:64px}
  .ms-home .ms-nav-actions>.ms-button{min-height:38px;padding:8px 10px;font-size:11px}
  .ms-home .mh-hero{padding:42px 0 32px}
  .ms-home .mh-hero-grid{gap:27px}
  .ms-home .mh-hero h1{font-size:clamp(36px,9.5vw,51px);margin:16px 0 20px}
  .ms-home .mh-hero .mh-lead{font-size:16px;line-height:1.65}
  .ms-home .mh-hero .ms-button{min-height:46px;padding:11px 10px;font-size:12px}
  .ms-home .mh-stage{border-radius:19px}
  .ms-home .mh-stage-art{grid-template-columns:1fr;padding:16px 10px}
  .ms-home .mh-hero-person{display:none}
  .ms-home .mh-stage .ms-vcard-phone{width:min(240px,100%);margin-inline:auto;transform:none}
  .ms-home .mh-human-showcase{padding:50px 0}
  .ms-home .mh-human-heading h2{font-size:33px}
  .ms-home .mh-human-feature{border-radius:19px}
  .ms-home .mh-human-feature-copy{padding:22px}
  .ms-home .mh-nfc-experience{border-radius:19px;box-shadow:none}
  .ms-home .mh-human-shop-item{border-radius:18px}
  .ms-home .mh-final{padding-block:50px}
}
@media(max-width:370px){
  .ms-home .ms-nav-actions>.ms-button{padding-inline:6px;font-size:10px}
  .ms-home .ms-brand>span{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
  .ms-home .ms-button,.ms-home .mh-human-feature,.ms-home .mh-human-shop-item{transition:none}
  .ms-home .ms-button:hover,.ms-home .mh-human-feature:hover,.ms-home .mh-human-shop-item:hover{transform:none}
}

/* 2026-11-10 Hero editorial correction: preserve product and portrait proportions. */
@media (min-width:951px) and (max-height:860px){
  .ms-home .mh-hero{padding-block:clamp(22px,3.6vh,36px);overflow:visible}
  .ms-home .mh-hero-copy{padding-block:4px}
  .ms-home .mh-hero h1{font-size:clamp(48px,4.3vw,62px);margin:14px 0 16px;line-height:1.06}
  .ms-home .mh-hero .mh-lead{font-size:clamp(16px,1.3vw,18px);line-height:1.55}
  .ms-home .mh-hero-actions{margin-top:18px}
  .ms-home .mh-hero-secondary-links{margin-top:12px}
  .ms-home .mh-stage{max-height:none}
  .ms-home .mh-stage .ms-vcard-phone{transform:rotate(2deg)}
}