/* Human-first showcase: isolated component, no changes to payments or account UI. */
.mh-human-showcase{padding:clamp(44px,6vw,96px) 0;background:#f4f5f8;color:#17233a}
.mh-human-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:end;margin-bottom:28px}
.mh-human-heading h2{font-size:clamp(30px,3.7vw,56px);line-height:1.08;letter-spacing:-.045em;margin:8px 0 0;max-width:690px}
.mh-human-heading>p{font-size:17px;line-height:1.6;max-width:450px;color:#526079}
.mh-human-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px;align-items:stretch}
.mh-human-feature{min-width:0;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid #e2e7ee;border-radius:22px;box-shadow:0 8px 28px rgba(16,35,65,.055)}
.mh-human-product-visual{height:280px;overflow:hidden;background:#dfe9f6}
.mh-human-product-visual img{height:100%;width:100%;object-fit:cover;display:block}
.mh-human-feature-copy{padding:24px;flex:1;display:flex;flex-direction:column}
.mh-human-feature-copy>span{font-size:10px;font-weight:800;letter-spacing:.15em;color:#4163a0}
.mh-human-feature-copy h3{font-size:clamp(21px,2vw,27px);letter-spacing:-.035em;line-height:1.15;margin:10px 0}
.mh-human-feature-copy p{font-size:14px;line-height:1.58;color:#58677e;margin:0 0 18px}
.mh-human-feature-copy a{font-size:14px;font-weight:750;color:#174a9a;text-decoration:underline;text-underline-offset:4px;margin-top:auto}
.mh-human-phone{height:280px;background:linear-gradient(145deg,#d9e6f3,#eef2f7);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}
.mh-human-phone-top{font-size:10px;letter-spacing:.15em;color:#425779;font-weight:800;margin:10px 0 0}
.mh-human-phone .mh-vcard-phone,.mh-human-phone .mh-phone{transform:scale(.57);transform-origin:center top}
.mh-human-video-art{height:280px;background:radial-gradient(circle at 50% 30%,#3e70a7,#15294e 75%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;font-weight:800;font-size:10px;letter-spacing:.13em;padding:14px}
.mh-human-play{width:78px;height:78px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#254978;font-size:26px;box-shadow:0 16px 44px #071a3750}
.mh-human-disclaimer{font-size:12px;line-height:1.5;color:#657188;margin-top:16px}
@media(max-width:850px){.mh-human-heading{grid-template-columns:1fr}.mh-human-grid{grid-template-columns:1fr 1fr}.mh-human-feature-main{grid-column:1/-1}.mh-human-product-visual{height:310px}}
@media(max-width:580px){.mh-human-showcase{padding:42px 0}.mh-human-grid{grid-template-columns:1fr}.mh-human-feature-main{grid-column:auto}.mh-human-product-visual,.mh-human-phone,.mh-human-video-art{height:240px}.mh-human-feature-copy{padding:20px}.mh-human-heading>p{font-size:15px}}

/* Phase 2: real demo portrait and native video, both accessible without JS. */
.mh-human-phone{position:relative;isolation:isolate;background:#162943}
.mh-human-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%}
.mh-human-phone::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(4,18,37,.92));z-index:0}
.mh-human-profile-overlay{position:absolute;inset:auto 18px 17px;z-index:1;color:#fff;display:flex;flex-direction:column;gap:4px;text-shadow:0 2px 9px rgba(0,0,0,.4)}
.mh-human-profile-overlay small{font-size:9px;font-weight:800;letter-spacing:.13em;color:#e5f1ff}
.mh-human-profile-overlay strong{font-size:25px;letter-spacing:-.035em;line-height:1.1}
.mh-human-profile-overlay span{font-size:12px}
.mh-human-profile-overlay b{display:inline-block;align-self:flex-start;padding:7px 10px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);border-radius:30px;font-size:10px;margin-top:7px}
.mh-human-video-art{padding:0;background:#11223b}
.mh-human-video-art video{display:block;width:100%;height:100%;object-fit:cover;background:#10223c}
.mh-human-feature a:focus-visible{outline:3px solid #2466bc;outline-offset:4px;border-radius:2px}
@media(prefers-reduced-motion:reduce){.mh-human-feature *{scroll-behavior:auto}}

/* Homepage hero refresh: scoped to marketing-only home. */
.ms-home .mh-hero-secondary-links{display:flex;gap:12px 25px;flex-wrap:wrap;align-items:center;margin-top:10px}
.ms-home .mh-hero-secondary-links .ms-text-link{font-size:13px;line-height:1.5}
.ms-home .mh-stage-art{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}
.ms-home .mh-hero-person{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;min-height:290px;padding:0 10px 16px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;background:#102a3c;align-self:stretch}
.ms-home .mh-hero-person::before{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(5,23,36,.93));z-index:-1}
.ms-home .mh-hero-person img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;z-index:-2}
.ms-home .mh-hero-person>span{font-size:9px;letter-spacing:.12em;font-weight:800;color:#eaf4fa}
.ms-home .mh-hero-person>strong{font-size:clamp(18px,1.7vw,26px);font-weight:750;line-height:1.14;color:#fff;letter-spacing:-.035em}
.ms-home .mh-hero-person>small{font-size:9px;color:#e7eef5}
@media(max-width:950px){.ms-home .mh-stage-art{gap:10px;padding:14px}.ms-home .mh-hero-person{min-height:250px}.ms-home .mh-hero-person>strong{font-size:20px}}
@media(max-width:580px){.ms-home .mh-stage-art{grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:8px;padding:12px 10px}.ms-home .mh-hero-person{min-height:235px;padding:0 7px 13px}.ms-home .mh-hero-person>span{font-size:8px}.ms-home .mh-hero-person>strong{font-size:18px}.ms-home .mh-stage .ms-vcard-phone{width:202px;max-width:100%}.ms-home .mh-hero-secondary-links{gap:10px}}

/* Individually priced product gallery, driven by the existing accessories config. */
.ms-home .mh-human-shop{margin-top:38px;padding-top:30px;border-top:1px solid #d9e1eb;scroll-margin-top:100px}
.ms-home .mh-human-shop-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:20px}
.ms-home .mh-human-shop-heading h3{font-size:clamp(26px,2.7vw,38px);line-height:1.15;letter-spacing:-.045em;margin-top:7px}
.ms-home .mh-human-shop-heading>p{max-width:430px;font-size:14px;line-height:1.7;color:#51617b}
.ms-home .mh-human-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ms-home .mh-human-shop-item{overflow:hidden;background:#fff;border:1px solid #dce5ef;border-radius:18px;display:flex;flex-direction:column}
.ms-home .mh-human-shop-image{display:block;aspect-ratio:1.75;background:#e5ecf5;overflow:hidden}
.ms-home .mh-human-shop-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.ms-home .mh-human-shop-image:hover img{transform:scale(1.035)}
.ms-home .mh-human-shop-content{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;flex:1}
.ms-home .mh-human-shop-content h4{font-size:19px;font-weight:750;letter-spacing:-.025em;line-height:1.25;margin:0}
.ms-home .mh-human-shop-content p{font-size:13px;line-height:1.6;color:#5a677b}
.ms-home .mh-human-shop-content strong{font-size:23px;color:#122e55;line-height:1.3;margin-top:auto}
.ms-home .mh-human-shop-content strong small{display:block;font-size:11px;font-weight:600;color:#617088}
.ms-home .mh-human-shop-content>a{font-size:13px;font-weight:750;color:#194c8f;text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){.ms-home .mh-human-shop-heading{display:block}.ms-home .mh-human-shop-heading>p{margin-top:10px}.ms-home .mh-human-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.ms-home .mh-human-shop-grid{grid-template-columns:1fr}.ms-home .mh-human-shop-image{aspect-ratio:2.1}.ms-home .mh-human-shop-content{padding:16px}}
@media(prefers-reduced-motion:reduce){.ms-home .mh-human-shop-image img{transition:none}.ms-home .mh-human-shop-image:hover img{transform:none}}

/* Native interactive NFC walkthrough; CSS only, no network dependencies. */
.ms-home .mh-nfc-experience{margin-top:40px;padding:32px;border-radius:24px;background:#101f36;color:#f5f8fd;scroll-margin-top:100px}
.ms-home .mh-nfc-intro{max-width:680px;margin-bottom:22px}
.ms-home .mh-nfc-intro .ms-eyebrow{color:#9ac1ed}
.ms-home .mh-nfc-intro h3{font-size:clamp(27px,3vw,39px);line-height:1.15;letter-spacing:-.04em;margin:8px 0}
.ms-home .mh-nfc-intro>p:last-child{color:#becde1;font-size:14px;line-height:1.7}
.ms-home .mh-nfc-experience-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:stretch}
.ms-home .mh-nfc-scene{min-width:0;min-height:315px;position:relative;overflow:hidden;border:1px solid #344d68;border-radius:19px;background:radial-gradient(circle at 45% 40%,#395779,#152b49 74%);display:flex;justify-content:space-around;align-items:center;padding:20px 14px 46px;gap:10px}
.ms-home .mh-nfc-wearable{width:40%;max-width:200px;position:relative;z-index:1;animation:mh-nfc-bob 4s ease-in-out infinite}
.ms-home .mh-nfc-wearable img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:50%;border:3px solid #ffffff48;box-shadow:0 15px 32px #030b1b66}
.ms-home .mh-nfc-wearable span{display:block;text-align:center;margin-top:11px;color:#dbe7f5;font-size:11px}
.ms-home .mh-nfc-device{width:37%;max-width:158px;min-height:245px;border:5px solid #111a29;border-radius:24px;background:#fff;overflow:hidden;position:relative;z-index:1;box-shadow:0 15px 45px #0008;display:flex;flex-direction:column}
.ms-home .mh-nfc-notch{position:absolute;z-index:2;top:5px;left:37%;width:26%;height:8px;background:#141b29;border-radius:12px}
.ms-home .mh-nfc-device>img{width:100%;height:125px;object-fit:cover;object-position:center 27%;display:block}
.ms-home .mh-nfc-device-info{color:#182b41;padding:11px 8px;display:flex;flex-direction:column;gap:4px;min-width:0}
.ms-home .mh-nfc-device-info small{color:#556b80;font-size:8px;font-weight:800;letter-spacing:.07em}
.ms-home .mh-nfc-device-info strong{font-size:15px;line-height:1.1}
.ms-home .mh-nfc-device-info span{font-size:9px;color:#5d6c7a}
.ms-home .mh-nfc-device-info b{background:#1c466d;color:#fff;border-radius:5px;font-size:9px;padding:7px 2px;text-align:center;margin-top:6px}
.ms-home .mh-nfc-signal{position:absolute;left:43%;top:32%;z-index:2;display:flex;gap:6px;align-items:center}
.ms-home .mh-nfc-signal i{display:block;width:8px;height:8px;border-radius:50%;background:#8ae8f2;box-shadow:0 0 14px #64e6f9;animation:mh-nfc-wave 1.9s ease-in-out infinite}
.ms-home .mh-nfc-signal i:nth-child(2){animation-delay:.22s}.ms-home .mh-nfc-signal i:nth-child(3){animation-delay:.44s}
.ms-home .mh-nfc-scene-caption{position:absolute;bottom:12px;left:15px;right:15px;text-align:center;color:#c0ccde;font-size:10px;line-height:1.4}
.ms-home .mh-nfc-steps{display:flex;flex-direction:column;gap:10px}
.ms-home .mh-nfc-steps details{border:1px solid #405570;border-radius:12px;overflow:hidden;background:#182e4b}
.ms-home .mh-nfc-steps summary{cursor:pointer;display:flex;gap:11px;align-items:center;padding:13px;font-size:14px;font-weight:700;line-height:1.4;list-style:none}
.ms-home .mh-nfc-steps summary::-webkit-details-marker{display:none}
.ms-home .mh-nfc-steps summary::after{content:"+";margin-left:auto;font-size:18px}
.ms-home .mh-nfc-steps details[open] summary::after{content:"−"}
.ms-home .mh-nfc-steps summary span{display:grid;place-items:center;flex:0 0 32px;height:32px;border:1px solid #63829b;border-radius:50%;color:#bfeaf8;font-size:11px}
.ms-home .mh-nfc-steps details p{padding:0 15px 15px 56px;font-size:12px;line-height:1.65;color:#c9d7e6}
.ms-home .mh-nfc-steps>.ms-button{align-self:stretch;margin-top:4px;background:#e8f4ff;color:#113354;border-color:#e8f4ff}
.ms-home .mh-nfc-steps>.ms-text-link{color:#d5e9fc;align-self:center;font-size:12px}
@keyframes mh-nfc-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes mh-nfc-wave{0%,100%{opacity:.3;transform:scale(.75)}45%{opacity:1;transform:scale(1.25)}}
@media(max-width:800px){.ms-home .mh-nfc-experience-grid{grid-template-columns:1fr}.ms-home .mh-nfc-scene{min-height:280px}}
@media(max-width:580px){.ms-home .mh-nfc-experience{padding:20px 14px;border-radius:17px}.ms-home .mh-nfc-scene{min-height:255px}.ms-home .mh-nfc-device{min-height:215px}.ms-home .mh-nfc-device>img{height:100px}.ms-home .mh-nfc-steps summary{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ms-home .mh-nfc-wearable,.ms-home .mh-nfc-signal i{animation:none}}

/* Mobile repair 2026-11-10: force stable bounds for the illustrative NFC scene. */
@media (max-width: 800px) {
  .ms-home .ms-nav{width:calc(100% - 24px);min-height:62px;gap:7px;max-width:100%;padding:0}
  .ms-home .ms-brand{min-width:0;gap:7px}
  .ms-home .ms-brand img{width:29px;height:29px;flex:0 0 29px}
  .ms-home .ms-brand>span{font-size:clamp(17px,5vw,21px);white-space:nowrap}
  .ms-home .ms-nav-actions{gap:8px;min-width:0;flex-shrink:1}
  .ms-home .ms-nav-actions>.ms-button{min-height:38px;padding:8px 9px;font-size:11px;line-height:1.2;white-space:nowrap}
  .ms-home .ms-mobile-menu summary{min-height:38px;font-size:12px;white-space:nowrap}
  .ms-home .mh-nfc-experience{padding:20px 14px;max-width:100%;overflow:hidden}
  .ms-home .mh-nfc-experience-grid{grid-template-columns:minmax(0,1fr)}
  .ms-home .mh-nfc-scene{
    box-sizing:border-box;width:100%;height:290px;min-height:0;max-height:290px;
    display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);
    justify-content:center;align-items:center;justify-items:center;
    gap:4px;padding:17px 12px 43px;overflow:hidden
  }
  .ms-home .mh-nfc-wearable{position:relative;width:100%;max-width:130px;min-width:0;animation:none}
  .ms-home .mh-nfc-wearable img{width:100%;max-width:130px;height:130px;max-height:130px;aspect-ratio:1 / 1;object-fit:contain;border-radius:22px}
  .ms-home .mh-nfc-wearable span{font-size:10px;line-height:1.3;margin-top:6px}
  .ms-home .mh-nfc-signal{position:static;inset:auto;display:flex;flex-direction:column;gap:5px;align-items:center}
  .ms-home .mh-nfc-signal i{animation:none;width:6px;height:6px}
  .ms-home .mh-nfc-device{position:relative;width:100%;max-width:125px;height:205px;min-height:0;max-height:205px;border-width:4px;border-radius:20px}
  .ms-home .mh-nfc-device>img{height:85px;flex:0 0 85px}
  .ms-home .mh-nfc-device-info{padding:8px 6px;gap:3px}
  .ms-home .mh-nfc-device-info strong{font-size:13px}
  .ms-home .mh-nfc-device-info span{font-size:9px}
  .ms-home .mh-nfc-device-info b{font-size:9px;margin-top:4px;padding:5px 2px}
  .ms-home .mh-nfc-scene-caption{position:absolute;bottom:9px;left:9px;right:9px;font-size:9px;line-height:1.3}
  .ms-home .mh-nfc-steps summary{font-size:12px}
  .ms-home .mh-nfc-intro h3{font-size:27px}
  .ms-home .mh-human-shop-grid{grid-template-columns:1fr}
  .ms-home .mh-human-shop-image{aspect-ratio:1.8}
  .ms-home .mh-stage-art{grid-template-columns:1fr;padding:14px}
  .ms-home .mh-hero-person{display:none}
  .ms-home .mh-stage .ms-vcard-phone{max-width:230px;margin-inline:auto;transform:none}
}
@media (max-width:370px) {
  .ms-home .ms-nav-actions>.ms-button{padding:7px 7px;font-size:10px}
  .ms-home .ms-brand>span{font-size:17px}
  .ms-home .mh-nfc-scene{height:270px;max-height:270px}
  .ms-home .mh-nfc-wearable img{height:105px}
}
@media (prefers-reduced-motion: reduce) {
  .ms-home .mh-nfc-wearable,.ms-home .mh-nfc-signal i{animation:none}
}

/* Desktop NFC scene repair 2026-11-10: image intrinsic height was stretching grid to 1121px. */
@media(min-width:801px){
  .ms-home .mh-nfc-experience-grid{align-items:start}
  .ms-home .mh-nfc-scene{height:345px;min-height:345px;max-height:345px;box-sizing:border-box;align-self:start}
  .ms-home .mh-nfc-wearable{height:auto;max-height:245px}
  .ms-home .mh-nfc-wearable img{width:100%;height:auto;max-height:200px;aspect-ratio:1 / 1;object-fit:contain}
  .ms-home .mh-nfc-steps{align-self:start}
}
@media(max-width:800px){
  .ms-home .mh-nfc-wearable img{height:130px;max-height:130px;object-fit:contain}
}
@media(max-width:370px){
  .ms-home .mh-nfc-wearable img{height:105px;max-height:105px}
}

/* Landing simplificada: una experiencia audiovisual, sin tarjetas explicativas duplicadas. */
.ms-home .mh-compact-experience{padding-block:clamp(46px,5vw,76px)}
.ms-home .mh-compact-video-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:28px;align-items:center;padding:18px;border:1px solid #dae4ed;border-radius:24px;background:#fff}
.ms-home .mh-compact-video-layout .mh-human-video-art{height:auto;aspect-ratio:16/9;min-height:0;border-radius:15px;overflow:hidden}
.ms-home .mh-compact-video-layout video{width:100%;height:100%;display:block;object-fit:contain;background:#10223c}
.ms-home .mh-compact-video-copy{padding:12px 14px}
.ms-home .mh-compact-video-copy h3{font-size:clamp(24px,2.6vw,38px);letter-spacing:-.045em;line-height:1.13;margin:12px 0}
.ms-home .mh-compact-video-copy>p:not(.ms-eyebrow){color:#51617b;line-height:1.65;font-size:15px;margin-bottom:18px}
.ms-home .mh-compact-video-copy a{font-weight:750}
.ms-home .mh-compact-experience .mh-nfc-experience{margin-top:28px}
.ms-home .mh-compact-experience .mh-human-shop{margin-top:34px}
.ms-home .mh-compact-experience .mh-human-heading{margin-bottom:24px}
@media(max-width:800px){.ms-home .mh-compact-video-layout{grid-template-columns:minmax(0,1fr);padding:12px;gap:10px}.ms-home .mh-compact-video-copy{padding:12px}.ms-home .mh-compact-experience .mh-human-heading h2{font-size:31px}}

/* Share action for the marketing video */
.ms-home .mh-video-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin-top:18px}
.ms-home .mh-video-share-button{appearance:none;border:1px solid #153a58;border-radius:999px;background:#123652;color:#fff;font:inherit;font-size:14px;font-weight:700;line-height:1.3;padding:12px 18px;cursor:pointer;transition:background .2s ease}
.ms-home .mh-video-share-button:hover{background:#245780}
.ms-home .mh-video-share-button:focus-visible{outline:3px solid #65b2dc;outline-offset:3px}
.ms-home .mh-video-share-status{display:block;min-height:1.4em;margin-top:8px;font-size:12px;color:#285875}
@media(max-width:580px){.ms-home .mh-video-actions{align-items:stretch}.ms-home .mh-video-share-button{width:100%}}