/* (Claude/Cowork) 2026-10-05 — phone layouts Seth picked from the mobile mockups:
   D1 "same scene, turned portrait" for the hero, and Pricing C "one list, two prices".
   Phones only (≤760px). Desktop and tablet are untouched. Loaded after every prototype stylesheet. */
.pm{display:none}
@media(max-width:760px){
/* ── hero copy: readable sizes (prototype had 7–13px) ── */
.all-in-one-home .platform-eyebrow{font-size:11px;letter-spacing:1.6px;margin-bottom:16px}
.all-in-one-home .platform-copy h1{font-size:clamp(38px,10.4vw,44px);line-height:1.04;letter-spacing:-1.6px}
.all-in-one-home .platform-description{font-size:15px;line-height:1.55;margin:16px auto 20px}
.all-in-one-home .platform-actions{gap:16px;flex-wrap:wrap;justify-content:center}
.all-in-one-home .platform-cta{font-size:14px;padding:15px 20px;gap:14px}
.all-in-one-home .platform-cta>span{font-size:16px}
.all-in-one-home .platform-tour{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
/* capabilities: one row of chips you can swipe sideways */
.all-in-one-home .platform-capabilities{display:flex;width:auto;gap:8px;overflow-x:auto;margin:22px 0 6px;padding:0 16px 4px;scrollbar-width:none;scroll-padding-inline:16px}
.all-in-one-home .platform-capabilities::-webkit-scrollbar{display:none}
.all-in-one-home .platform-capabilities>a{flex:0 0 auto;min-height:40px;padding:0 14px;border:1px solid #dcd8cf;border-radius:100px;font-size:13px;gap:7px;color:#2b4163}
.all-in-one-home .platform-capabilities svg{width:16px;height:16px}
.all-in-one-home .platform-capabilities b{display:none}
/* ── the scene: calendar in the middle, four cards over its corners, like desktop ── */
.all-in-one-home .platform-showcase{width:100%;max-width:430px;margin:0 auto}
.all-in-one-home .platform-scene{display:block;position:relative;height:612px;padding:0}
.all-in-one-home .platform-wash{display:block}
.all-in-one-home .salon-core{position:absolute;left:34px;right:34px;top:96px;width:auto;height:356px;grid-template-columns:1fr;border-radius:18px;box-shadow:0 18px 40px #2b41631a}
.all-in-one-home .core-sidebar,.all-in-one-home .core-calendar-title,.all-in-one-home .core-date{display:none}
.all-in-one-home .core-heading{padding:54px 12px 6px}
.all-in-one-home .core-heading>div>span{font-size:10px;letter-spacing:1.2px}
.all-in-one-home .core-heading h2{font-size:16px;letter-spacing:-.3px;margin-top:3px}
.all-in-one-home .core-staff{grid-template-columns:26px repeat(3,1fr);padding:8px 8px 7px;font-size:11px}
.all-in-one-home .core-staff i{width:18px;height:18px;font-size:9px}
.all-in-one-home .core-grid{grid-template-columns:26px 1fr;padding:0 8px 8px}
.all-in-one-home .core-times{font-size:8px;color:#7f8a7e}
.all-in-one-home .core-appointment{padding:5px 6px;font-size:10px;line-height:1.35}
.all-in-one-home .core-appointment>b{font-size:10.5px}
.all-in-one-home .core-appointment>span,.all-in-one-home .core-appointment>small{font-size:9.5px;line-height:1.35}
.all-in-one-home .tally-booking .core-booked-label{font-size:8.5px;letter-spacing:.3px;margin:0 0 4px}
.all-in-one-home .tally-booking>b{font-size:12px}
.all-in-one-home .tally-booking>span:not(.core-booked-label),.all-in-one-home .tally-booking>small{font-size:9.5px}
.all-in-one-home .platform-card{position:absolute;padding:12px 14px;border-radius:16px;box-shadow:0 14px 30px #2b416324}
.all-in-one-home .platform-card-label{font-size:9px;letter-spacing:1.2px;margin-bottom:6px;gap:6px}
.all-in-one-home .platform-card-label svg{width:14px;height:14px}
.all-in-one-home .platform-card-label>b{font-size:11px}
.all-in-one-home .reception-card{left:10px!important;top:6px!important;right:auto!important;bottom:auto!important;width:186px;transform:rotate(-2deg)}
.all-in-one-home .payment-card{right:10px!important;top:44px!important;left:auto!important;bottom:auto!important;width:150px;transform:rotate(2deg)}
.all-in-one-home .booth-card{left:10px!important;top:444px!important;right:auto!important;bottom:auto!important;width:160px;transform:rotate(1.5deg)}
.all-in-one-home .marketing-card{right:10px!important;top:486px!important;left:auto!important;bottom:auto!important;width:178px;transform:rotate(-1.5deg)}
/* one headline + one number per card */
.all-in-one-home .platform-wave,.all-in-one-home .reception-result,.all-in-one-home .payment-method,.all-in-one-home .booth-week,.all-in-one-home .booth-card>p,.all-in-one-home .marketing-card>p{display:none}
.all-in-one-home .reception-status>strong{font-size:15px}
.all-in-one-home .reception-line{font-size:12px;margin:4px 0 0}
.all-in-one-home .payment-amount{font-size:26px}
.all-in-one-home .payment-amount>span{font-size:14px}
.all-in-one-home .payment-amount>i{width:18px;height:18px;font-size:10px}
.all-in-one-home .payment-card>p{font-size:12px;margin:2px 0 0}
.all-in-one-home .booth-card>strong{font-size:14px;line-height:1.3;display:block}
.all-in-one-home .booth-total{font-size:12px;padding-top:6px;margin-top:6px}
.all-in-one-home .marketing-card>strong{font-size:13px;line-height:1.35;display:block}
.all-in-one-home .campaign-results{gap:12px;padding-top:6px;margin-top:6px}
.all-in-one-home .campaign-results b{font-size:17px}
.all-in-one-home .campaign-results span{font-size:10px}
.all-in-one-home .platform-booked{top:394px;bottom:auto;left:50%;padding:8px 12px;gap:2px 8px;grid-template-columns:20px 1fr}
.all-in-one-home .platform-booked>span{width:20px;height:20px;font-size:10px}
.all-in-one-home .platform-booked strong{font-size:12px}
.all-in-one-home .platform-booked small{font-size:10px}
.all-in-one-home .platform-showcase>figcaption{padding:0 20px;font-size:11px;margin-top:6px;align-items:center}
.all-in-one-home .platform-showcase>figcaption button{font-size:12px;min-height:44px}
.all-in-one-home .platform-showcase>figcaption button span{font-size:13px}
.all-in-one-home .platform-beyond>p{font-size:14px}
.all-in-one-home .platform-beyond>div{font-size:13px;gap:8px 12px}
.all-in-one-home .platform-beyond>div a{min-height:32px;display:inline-flex;align-items:center}
.all-in-one-home .platform-beyond>small{font-size:10px}

/* ── pricing: one list, two prices ── */
.homepage-pricing .homepage-spotlight{display:none}
.pm{display:flex;flex-direction:column;gap:16px;width:calc(100% - 32px);max-width:440px;margin:0 auto;font-family:Manrope,'DM Sans',sans-serif;color:#1e2b44}
.pm-eyebrow{margin:0 4px;font-size:11px;font-weight:700;letter-spacing:1.6px;color:#5e6b7d}
.pm-title{margin:0 4px;font-size:34px;line-height:1.05;font-weight:800;letter-spacing:-1.2px;color:#2b4163}
.pm-title em{font-style:normal;color:#6b8468}
.pm-bar{background:#2b4163;color:#fff;border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:12px}
.pm-toggle{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#22344f;border-radius:100px;padding:4px}
.pm-toggle button{height:44px;border:0;border-radius:100px;background:transparent;color:#fff;font:600 14px Manrope,'DM Sans',sans-serif;cursor:pointer}
.pm-toggle button[aria-pressed=true]{background:#fff;color:#1e2b44;font-weight:800}
.pm-toggle button:focus-visible,.pm-cta:focus-visible{outline:2px solid #f4a088;outline-offset:3px}
.pm-price-row{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.pm-price{margin:0;font-size:44px;line-height:1;font-weight:800;letter-spacing:-1.6px}
.pm-currency{font-size:24px;vertical-align:top;margin-right:2px}
.pm-price small{font-size:14px;font-weight:600;letter-spacing:0;color:#d3dbe6}
.pm-sub{margin:6px 0 0;font-size:13px;color:#d3dbe6}
.pm-cta{flex-shrink:0;min-height:44px;display:flex;align-items:center;gap:6px;padding:0 16px;background:#fff;color:#2b4163;border-radius:100px;font-size:14px;font-weight:800;text-decoration:none}
.pm-list{list-style:none;margin:0;padding:6px 16px;background:#fffefa;border:1px solid #e6e2da;border-radius:20px}
.pm-list li{display:flex;align-items:center;gap:10px;min-height:40px;border-bottom:1px solid #eeeae3;font-size:14px;color:#3a4657}
.pm-list li:last-child{border-bottom:0}
.pm-mark::before{content:'✓';color:#6b8468;font-weight:800}
.pm-label{flex:1}
.pm-tag{flex-shrink:0;font-size:11px;font-weight:800;color:#2f4a2c;background:#e3ede1;border-radius:100px;padding:4px 8px}
.pm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pm-is-salon .pm-rev{color:#6b7482}
.pm-is-salon .pm-rev .pm-label{text-decoration:line-through}
.pm-is-salon .pm-rev .pm-mark::before{content:'–';color:#8c95a1}
.pm-voice{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px dashed #b9c2ce;border-radius:16px;text-decoration:none;color:#1e2b44}
.pm-voice strong{display:block;font-size:14px;font-weight:800}
.pm-voice small{display:block;margin-top:2px;font-size:13px;color:#55606f}
.pm-voice b{flex-shrink:0;font-size:13px;color:#2b4163;min-height:44px;display:flex;align-items:center}
.pm-fine{margin:0 4px;font-size:12px;line-height:1.6;color:#55606f}
}
@media(max-width:374px){
.all-in-one-home .reception-card{width:156px;left:6px!important}
.all-in-one-home .payment-card{width:132px;right:6px!important;top:56px!important}
.all-in-one-home .booth-card{width:140px;left:6px!important}
.all-in-one-home .platform-scene{height:650px}
.all-in-one-home .marketing-card{width:160px;right:6px!important;top:506px!important}
.all-in-one-home .campaign-results{gap:8px}
.all-in-one-home .campaign-results>div+div{padding-left:8px}
.all-in-one-home .campaign-results b{font-size:15px}
.all-in-one-home .campaign-results span{font-size:9px;white-space:normal}
.all-in-one-home .salon-core{left:20px;right:20px}
.all-in-one-home .reception-status>strong{font-size:14px}
.all-in-one-home .payment-amount{font-size:22px}
.pm-price-row{flex-wrap:wrap}
}