/* Hero image sizes are independent of the three existing background treatments. */
.hero-size-picker,.phone-composition-picker{display:flex;align-items:center;gap:3px;padding:4px;background:#fafbf7ed;border:1px solid #dce3d7;border-radius:30px}
.hero-size-picker{position:absolute;left:7%;bottom:16px;z-index:5}
.hero-size-picker button,.phone-composition-picker button{border:0;border-radius:24px;background:none;font:500 11px/1.2 inherit;font-size:11px;color:#68796d;padding:8px 14px;cursor:pointer}
.hero-size-picker button[aria-pressed=true],.phone-composition-picker button[aria-pressed=true]{color:white;background:#203b30}
.hero-size-picker button:focus-visible,.phone-composition-picker button:focus-visible{outline:2px solid #638467;outline-offset:2px}
.minimal-site .sales-hero .rotation-stage{overflow:hidden}
.minimal-site .sales-hero .rotation-stage[data-product-size="130"] .rotation-visual>img{transform:scale(1.495);transform-origin:50% 78%}
.minimal-site .sales-hero .rotation-stage[data-product-size="160"] .rotation-visual>img{transform:scale(1.84);transform-origin:50% 78%}
/* One concise description per overview link. Wide pages stay on one line. */
.minimal-site #control.sales-intro{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:5%}
.minimal-site #control .chapter-link{gap:14px}
.minimal-site #control .chapter-link p{font-size:clamp(11px,.95vw,14px);white-space:nowrap}
/* All three phone-use layouts share the same centered, two-line headline. */
.minimal-site #goals.phone-use-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto;min-height:calc(100svh - var(--s4-nav));padding:32px 7%;gap:18px}
.minimal-site #goals .phone-use-heading{width:100%;margin:0;align-self:auto;text-align:center}
.minimal-site #goals .phone-use-heading h2{font-size:clamp(27px,3.3vw,48px);line-height:1.1;max-width:none;margin:0 auto;text-align:center}
.phone-composition-picker{flex:none;align-self:center;margin:0 0 2px}
.minimal-site #goals .phone-use-body{width:100%;max-width:1180px;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}
.minimal-site #goals .phone-demo-column{grid-area:auto;align-self:center;text-align:center;min-width:0}
.minimal-site #goals .demo-lead{padding:0;margin:0 0 4px;align-self:auto;text-align:center;font-size:14px;line-height:1.5}
.minimal-site #goals .demo-lead br{display:none}
.minimal-site #goals .goal-phone-column{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;overflow:visible}
.minimal-site #goals .record-phone{width:min(100%,calc(100svh - var(--s4-nav) - 290px));max-width:460px;min-width:230px;margin:0 auto;overflow:hidden}
.minimal-site #goals .duration-legend{padding:0;gap:9px 22px;display:grid;grid-template-columns:repeat(2,max-content);justify-content:center}
.minimal-site #goals .duration-legend li{font-size:12px}
.minimal-site #goals .goal-copy{grid-area:auto;margin:0;align-self:center;text-align:left;padding:0}
.minimal-site #goals .optimize-choices{display:flex;flex-direction:column;gap:25px;align-items:flex-start;max-width:340px;margin:0 auto;padding:0}
.minimal-site #goals .optimize-choices li{display:flex;flex-direction:row;align-items:center;gap:22px;font-size:clamp(17px,1.6vw,23px);font-weight:400;line-height:1.3;text-align:left}
.minimal-site #goals .optimize-choices .optimize-or{padding-left:67px;font-size:12px;align-self:flex-start}
.minimal-site #goals .social-app-icons,.minimal-site #goals .total-phone-icon{flex:none}
/* Centered: the same phone is flanked by two simple alternatives. */
.minimal-site #goals[data-composition="center"] .phone-use-body{grid-template-columns:1fr minmax(270px,440px) 1fr;gap:3%}
.minimal-site #goals[data-composition="center"] .phone-demo-column{grid-column:2;grid-row:1}
.minimal-site #goals[data-composition="center"] .goal-copy,.minimal-site #goals[data-composition="center"] .optimize-choices{display:contents}
.minimal-site #goals[data-composition="center"] .optimize-social{grid-column:1;grid-row:1;justify-self:center;flex-direction:column;text-align:center}
.minimal-site #goals[data-composition="center"] .optimize-total{grid-column:3;grid-row:1;justify-self:center;flex-direction:column;text-align:center}
.minimal-site #goals[data-composition="center"] .optimize-or{display:none}
.minimal-site #goals[data-composition="center"] .optimize-total>span:last-child:before{content:'or';display:block;font-size:12px;color:#94a18f;margin:0 0 14px}
/* Stacked: a centered demonstration above a quiet full-width choice band. */
.minimal-site #goals[data-composition="stack"] .phone-use-body{grid-template-columns:1fr;gap:24px;max-width:900px}
.minimal-site #goals[data-composition="stack"] .record-phone{width:min(100%,calc(100svh - var(--s4-nav) - 390px));min-width:230px;max-width:360px}
.minimal-site #goals[data-composition="stack"] .duration-legend{display:flex;flex-wrap:wrap}
.minimal-site #goals[data-composition="stack"] .goal-copy{border-top:1px solid #dce3d7;padding-top:22px;width:100%}
.minimal-site #goals[data-composition="stack"] .optimize-choices{max-width:780px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:48px}
.minimal-site #goals[data-composition="stack"] .optimize-choices .optimize-or{padding:0;align-self:center}
/* A timed reading beat replaces the old runway; it cannot trap reverse scrolling. */
.minimal-site #reading-section{min-height:calc(100svh - var(--s4-nav));padding:0}
.minimal-site .knowledge-stage{min-height:calc(100svh - var(--s4-nav));position:relative;top:auto}
@media(max-width:1100px){.minimal-site #control .chapter-link{gap:10px}.minimal-site #control .callout-icon{width:32px;height:32px}.minimal-site #control .chapter-link p{font-size:11px}}
@media(max-width:900px){.minimal-site #goals .record-phone{min-width:0;max-width:370px}.minimal-site #goals .phone-use-heading h2{font-size:34px}.minimal-site #goals[data-composition="center"] .phone-use-body{grid-template-columns:1fr minmax(240px,340px) 1fr;gap:16px}.minimal-site #goals .optimize-choices li{font-size:17px}}
@media(max-width:700px){
 .hero-size-picker{left:auto;right:8px;top:48%;bottom:auto;flex-direction:column;transform:translateY(-50%);padding:3px;border-radius:18px}.hero-size-picker button{padding:8px 7px;font-size:9px;min-width:40px}
 .minimal-site .sales-hero .rotation-stage[data-product-size="130"] .rotation-visual,.minimal-site .sales-hero .rotation-stage[data-product-size="160"] .rotation-visual{overflow:hidden}
 .minimal-site #control .chapter-link{gap:10px}.minimal-site #control .chapter-link p{font-size:clamp(9px,2.55vw,12px);letter-spacing:-.02em;white-space:nowrap}.minimal-site #control .callout-icon{width:26px;height:26px}.minimal-site #control .callout-icon svg{width:20px;height:20px}
 .minimal-site #goals.phone-use-compact{padding:30px 6%;gap:18px;min-height:calc(100svh - var(--s4-nav))}
 .minimal-site #goals .phone-use-heading h2{font-size:clamp(22px,5.5vw,35px);line-height:1.15;letter-spacing:-.05em}
 .minimal-site #goals .phone-use-body{grid-template-columns:1fr;gap:22px}
 .minimal-site #goals .demo-lead{font-size:12px;line-height:1.5}
 .minimal-site #goals .record-phone{width:100%;max-width:300px;min-width:0}
 .minimal-site #goals .optimize-choices{flex-direction:row;gap:18px;max-width:none;justify-content:space-between;align-items:center}
 .minimal-site #goals .optimize-choices li{font-size:13px;flex-direction:column;align-items:flex-start;gap:10px}
 .minimal-site #goals .optimize-choices .optimize-or{padding:0;align-self:center}
 .minimal-site #goals .duration-legend{gap:7px 18px}.minimal-site #goals .duration-legend li{font-size:11px}
 .minimal-site #goals[data-composition="center"] .phone-use-body{grid-template-columns:1fr 1fr;gap:25px 22px}
 .minimal-site #goals[data-composition="center"] .phone-demo-column{grid-column:1/-1;grid-row:1}
 .minimal-site #goals[data-composition="center"] .optimize-social{grid-column:1;grid-row:2;flex-direction:row;text-align:left;align-items:center;gap:10px}
 .minimal-site #goals[data-composition="center"] .optimize-total{grid-column:2;grid-row:2;flex-direction:row;text-align:left;align-items:center;gap:10px}
 .minimal-site #goals[data-composition="center"] .optimize-total>span:last-child:before{margin:0 0 4px}
 .minimal-site #goals[data-composition="stack"] .phone-use-body{gap:20px}.minimal-site #goals[data-composition="stack"] .record-phone{width:100%;max-width:270px;min-width:0}
 .minimal-site #goals[data-composition="stack"] .duration-legend{display:grid;grid-template-columns:repeat(2,max-content)}
 .minimal-site #goals[data-composition="stack"] .goal-copy{padding-top:18px}.minimal-site #goals[data-composition="stack"] .optimize-choices{gap:18px;justify-content:space-between}
}
@media(max-height:620px) and (min-width:701px){.minimal-site #goals.phone-use-compact{padding-block:28px}.minimal-site #goals .record-phone{width:280px}.minimal-site #goals .phone-use-heading h2{font-size:32px}.minimal-site #goals[data-composition="stack"] .record-phone{width:230px}}
.hero-size-picker button,.phone-composition-picker button{font-family:inherit}
@media(min-width:701px){.minimal-site .sales-hero .rotation-stage:not([data-product-size="100"]) .preorder-depth:after{background:radial-gradient(ellipse 35% 38% at 25% 52%,#fafbf7 35%,#fafbf7f2 65%,#fafbf700 100%),radial-gradient(ellipse 25% 90% at 74% 38%,#fafbf7 77%,#fafbf700 100%)}}
@media(max-width:700px){.minimal-site #goals .phone-use-heading h2{font-size:clamp(18px,5.4vw,35px)}.minimal-site .sales-hero .rotation-stage:not([data-product-size="100"]) .rotation-visual{overflow:visible;clip-path:inset(-70px 0 -20px)}.minimal-site .sales-hero .rotation-stage:not([data-product-size="100"]) .rotation-visual>img{transform-origin:50% 60%}}
@media(max-width:700px) and (min-height:761px){.minimal-site .knowledge-stage{padding-block:18px}}
@media(min-width:701px) and (max-height:500px){.hero-size-picker{left:auto;right:4%;top:12px;bottom:auto}}