/* Opt-in, one-time smartphone composition for Pro tablets in either orientation.
   Revision styles remain last, so subsequent tablet edits stay independent. */
html[data-me-tablet-layout="phone-v1"] .section-wrap{width:calc(100% - 64px);max-width:720px;margin-inline:auto}
html[data-me-tablet-layout="phone-v1"] :is(.hero,.intro-grid,.id-section,.experience-heading,.journey-layout,.services-top,.intel-header){display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
html[data-me-tablet-layout="phone-v1"] :is(.hero,.intro,.id-section,.intelligence,.pro-demo){padding-block:64px;min-height:0;height:auto}
html[data-me-tablet-layout="phone-v1"] :is(.experience,.services){padding-block:64px}
html[data-me-tablet-layout="phone-v1"] .hero-copy{padding-bottom:0}
html[data-me-tablet-layout="phone-v1"] .hero h1{font-size:48px;line-height:1.1}
html[data-me-tablet-layout="phone-v1"] :is(.intro,.experience,.services,.id-copy,.intel-header,.closing-content) h2{font-size:44px;line-height:1.15}
html[data-me-tablet-layout="phone-v1"] :is(.hero-lede,.intro-copy,.experience-heading>p,.services-aside,.intel-header>p,.id-copy>p){max-width:100%;width:100%;margin-inline:0;font-size:16px;line-height:1.8}
html[data-me-tablet-layout="phone-v1"] .hero-face-visual{width:100%;max-width:460px;margin-inline:auto;justify-self:center}
html[data-me-tablet-layout="phone-v1"] .hero-bottom{position:relative;inset:auto;grid-column:1;gap:16px}
html[data-me-tablet-layout="phone-v1"] .id-visual{width:100%;max-width:560px;min-width:0;margin:auto}
html[data-me-tablet-layout="phone-v1"] .id-copy{padding:0}
html[data-me-tablet-layout="phone-v1"] #platform .feature-grid{grid-template-columns:none;grid-auto-columns:calc((100% - 20px) / 2);gap:20px}
html[data-me-tablet-layout="phone-v1"] .feature-grid>.feature-card{flex-basis:100%;min-width:0;width:100%}
html[data-me-tablet-layout="phone-v1"] .journey-layout{margin-top:32px}
html[data-me-tablet-layout="phone-v1"] .journey-visual{width:100%;min-width:0}
html[data-me-tablet-layout="phone-v1"] .journey-stage{height:440px}
html[data-me-tablet-layout="phone-v1"] #ecosystem .service-grid{gap:20px}
html[data-me-tablet-layout="phone-v1"] #ecosystem .service-grid>.service-tile{flex:0 0 calc((100% - 20px) / 2);min-width:0}
html[data-me-tablet-layout="phone-v1"] #intelligence .ai-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
html[data-me-tablet-layout="phone-v1"] .ai-grid article{min-height:250px;height:auto}
html[data-me-tablet-layout="phone-v1"] .closing-cta{height:auto;min-height:0;padding:48px 36px}
html[data-me-tablet-layout="phone-v1"] .closing-content{position:relative;width:100%;max-width:100%;padding:0;z-index:2}
html[data-me-tablet-layout="phone-v1"] .closing-mark{opacity:.25;right:0}
html[data-me-tablet-layout="phone-v1"] .me-shared-header .main-nav{display:none!important}
html[data-me-tablet-layout="phone-v1"] .me-shared-header .menu-toggle{display:flex!important}
html[data-me-tablet-layout="phone-v1"] .me-shared-header .main-nav.open{display:flex!important;position:absolute!important;inset:100% 0 auto!important;transform:none!important;flex-direction:column;align-items:stretch;padding:24px;background:#100e0c}
html[data-me-tablet-layout="phone-v1"] .me-demo-scene{min-height:0;grid-template-columns:1fr;gap:20px;padding:12px 0 32px}
html[data-me-tablet-layout="phone-v1"] .me-demo-scene .float-card{position:relative;inset:auto;max-width:100%;grid-column:1}
html[data-me-tablet-layout="phone-v1"] .me-demo-scene .float-credit{grid-row:1;justify-self:start;margin-left:8px}
html[data-me-tablet-layout="phone-v1"] .me-demo-scene .phone-device{grid-area:2/1;margin:0 auto}
html[data-me-tablet-layout="phone-v1"] .me-demo-scene .float-pay{grid-row:3;justify-self:end;margin-right:8px}
html[data-me-tablet-layout="phone-v1"] .me-demo-scene .home-demo-tools{position:relative;inset:auto;transform:none;grid-row:4;grid-column:1}
