/* Selected hero: +30% / Scattered. Product and copy remain at their reviewed positions. */
/* Overview: exactly 1.25x the preceding type sizes, with complementary muted colors. */
.minimal-site #control .chapter-link h3{font-size:28.75px}
.minimal-site #control .chapter-link p{font-size:clamp(13.75px,1.1875vw,17.5px)}
.minimal-site #control .sales-benefits li:nth-child(1) .callout-icon{color:#527b65;background:#e7eee6}
.minimal-site #control .sales-benefits li:nth-child(2) .callout-icon{color:#a4744d;background:#f2e9df}
.minimal-site #control .sales-benefits li:nth-child(3) .callout-icon{color:#617e98;background:#e6edf2}
/* One selected phone-use arrangement; product left, two explanations right. */
.minimal-site #goals.phone-use-compact{padding-block:40px;gap:30px}
.minimal-site #goals .phone-use-heading h1{font-family:inherit;font-weight:500;font-size:clamp(30px,3.6vw,52px);line-height:1.1;letter-spacing:-.045em;color:var(--mm-ink);text-align:center;margin:0}
.minimal-site #goals .phone-use-heading h1>span{color:#55795f}
.minimal-site #goals .phone-use-body{grid-template-columns:1fr 1fr;max-width:1180px;gap:7%;align-items:center}
.minimal-site #goals .record-phone{width:min(100%,calc(100svh - var(--s4-nav) - 230px));max-width:490px;min-width:0}
.minimal-site #goals .goal-phone-column{max-width:none}
.minimal-site #goals .duration-guide{width:100%;margin:6px 0 0}
.duration-band-strip{display:flex;gap:7px;width:240px;max-width:78%;margin:0 auto;padding-bottom:7px}
.duration-band-strip i{display:block;height:15px;flex:1;border:1px solid #a0a0a0;background:var(--zone-shade);position:relative;border-radius:1px}
.duration-band-strip i.is-active:after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:2px;background:#333}
[data-phase-key=short]{--zone-shade:#f7f7f7}
[data-phase-key=medium]{--zone-shade:#ccc}
[data-phase-key=long]{--zone-shade:#909090}
[data-phase-key=hour]{--zone-shade:#202020}
.minimal-site #goals .phone-explanations{display:flex;flex-direction:column;gap:38px;max-width:500px;width:100%}
.phone-explanation{display:grid;grid-template-columns:23px minmax(0,1fr);gap:15px;text-align:left}
.explanation-number{font-size:10px;color:#8b9b88;letter-spacing:.08em;padding-top:9px}
.minimal-site #goals .phone-explanation h2{font-size:clamp(25px,2.5vw,36px);font-weight:500;line-height:1.1;letter-spacing:-.035em;color:var(--mm-ink);margin:0 0 14px}
.minimal-site #goals .phone-explanation p{font-size:clamp(16px,1.5vw,20px);font-weight:400;line-height:1.55;letter-spacing:-.015em;margin:0 0 18px;color:var(--mm-muted)}
.minimal-site #goals .choice-note{color:#8b9986}
.minimal-site #goals .social-app-icons{display:grid;grid-template-columns:repeat(4,24px);gap:8px;width:max-content;height:24px}
.minimal-site #goals .social-app-icons svg{width:24px;height:24px}
.time-zone-legend{list-style:none;padding:5px 0 0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.time-zone-legend li{display:flex;flex-direction:column;gap:12px;align-items:flex-start;font-size:13px;color:#71806d;white-space:nowrap}
.time-zone-legend li>i{display:block;width:100%;height:16px;border:1px solid #a0a0a0;background:var(--zone-shade);position:relative;border-radius:1px}
.time-zone-legend li.is-active{color:#203b30}
.time-zone-legend li.is-active>i:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:2px;background:#333}
/* The e-paper display and every duration indicator are monochrome. */
.minimal-site #goals .demo-screen{color:#242424;background:#e4e4df}
.minimal-site #goals .demo-screen strong{border-color:#686868;box-shadow:inset 0 0 0 .35cqw #686868;background:#f0f0ec;color:#242424}
.minimal-site #goals .demo-status-dot,.minimal-site #goals [data-demo-state=running] .demo-status-dot{background:#626262}
.minimal-site #goals .demo-screen-bars{display:flex;gap:1cqw;height:4cqw;align-items:stretch}
.minimal-site #goals .demo-screen-bars i{height:100%;width:3cqw;border:1px solid #737373;box-sizing:border-box;background:#f7f7f7}
.minimal-site #goals .demo-screen-bars i:nth-child(2){background:#ccc}
.minimal-site #goals .demo-screen-bars i:nth-child(3){background:#909090}
.minimal-site #goals .demo-screen-bars i:nth-child(4){background:#202020}
.minimal-site #goals [data-demo-phase=short] .demo-screen-bars i:nth-child(1),.minimal-site #goals [data-demo-phase=medium] .demo-screen-bars i:nth-child(2),.minimal-site #goals [data-demo-phase=long] .demo-screen-bars i:nth-child(3),.minimal-site #goals [data-demo-phase=hour] .demo-screen-bars i:nth-child(4){outline:1px solid #333;outline-offset:2px}
.minimal-site #goals .wheel-marker{border-color:#666;box-shadow:0 0 0 5px #66666622}
@media(max-width:1100px){.minimal-site #control .chapter-link p{font-size:13.75px}.minimal-site #control.sales-intro{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:4%}}
@media(max-width:900px){.minimal-site #goals .record-phone{width:100%;max-width:410px}.minimal-site #goals .phone-use-body{gap:5%}.minimal-site #goals .phone-explanations{gap:30px}.time-zone-legend{gap:10px}.time-zone-legend li{font-size:11px}}
@media(max-width:700px){
 .minimal-site #control .chapter-link{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px 12px;align-items:center}
 .minimal-site #control .chapter-link>div{display:contents}
 .minimal-site #control .chapter-link .callout-icon{width:30px;height:30px}
 .minimal-site #control .chapter-link h3{font-size:27.5px;grid-column:2;grid-row:1;margin:0}
 .minimal-site #control .chapter-link p{grid-column:1/-1;font-size:clamp(11.25px,3.1875vw,15px);line-height:1.5;white-space:normal;letter-spacing:-.02em}
 .minimal-site #goals.phone-use-compact{padding:34px 6%;gap:20px}
 .minimal-site #goals .phone-use-heading h1{font-size:clamp(25px,7vw,36px)}
 .minimal-site #goals .phone-use-body{grid-template-columns:1fr;gap:40px}
 .minimal-site #goals .record-phone{width:100%;max-width:320px}
 .duration-band-strip{width:220px}
 .minimal-site #goals .phone-explanations{gap:30px;max-width:440px;margin:auto}
 .phone-explanation{grid-template-columns:20px minmax(0,1fr);gap:10px}
 .minimal-site #goals .phone-explanation h2{font-size:27px;margin-bottom:12px}
 .minimal-site #goals .phone-explanation p{font-size:16px;line-height:1.5;margin-bottom:14px}
 .time-zone-legend{gap:10px}.time-zone-legend li{font-size:11px}
 .minimal-site #goals .social-app-icons{grid-template-columns:repeat(4,22px);height:22px}.minimal-site #goals .social-app-icons svg{width:22px;height:22px}
}
@media(max-height:620px) and (min-width:701px){.minimal-site #goals.phone-use-compact{padding-block:25px;gap:20px}.minimal-site #goals .phone-use-heading h1{font-size:32px}.minimal-site #goals .record-phone{width:330px}.minimal-site #goals .phone-explanation h2{font-size:28px}.minimal-site #goals .phone-explanation p{font-size:16px}.minimal-site #goals .phone-explanations{gap:24px}}
.minimal-site #goals .phone-use-heading h1{width:100%;max-width:none;margin-inline:auto}
.minimal-site #goals .phone-explanation h2{text-wrap:balance}
.minimal-site #goals .phone-explanation:first-child>div{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:0 18px}
.minimal-site #goals .phone-explanation:first-child h2{grid-column:1/-1}
.minimal-site #goals .phone-explanation:first-child p{grid-column:1;grid-row:2;margin-bottom:0}
.minimal-site #goals .social-app-icons{grid-template-columns:repeat(2,24px);gap:6px;width:54px;height:54px;grid-column:2;grid-row:2;align-self:start}
@media(max-width:700px){.minimal-site #goals .phone-explanation:first-child>div{grid-template-columns:minmax(0,1fr) 50px;column-gap:14px}.minimal-site #goals .social-app-icons{grid-template-columns:repeat(2,22px);width:50px;height:50px}}