/* Local concept only: a single quiet design system across the full landing. */
:root{--mm-paper:#fafbf7;--mm-ink:#203b30;--mm-muted:#68796d;--mm-line:#dce3d7;--mm-panel:#eff2ea;--mm-accent:#375f47}
body.minimal-site{background:var(--mm-paper);color:var(--mm-ink);-webkit-font-smoothing:antialiased}
.minimal-site h1,.minimal-site h2,.minimal-site h3{font-weight:500;letter-spacing:-.045em}
.minimal-site .minimal-eyebrow{font-size:10px;line-height:1.5;letter-spacing:.16em;font-weight:500;color:var(--mm-muted);margin:0 0 22px}
.minimal-site .s4-topbar{background:#fafbf7f5;border-bottom:1px solid var(--mm-line);padding-inline:6%;backdrop-filter:blur(10px)}
.minimal-site .s4-brand{font-size:25px;letter-spacing:.1em}
.minimal-site .s4-topbar .s4-preorder,.minimal-site #final-preorder,.minimal-site #intro .closing-purchase-button{background:var(--mm-ink);color:#fff;box-shadow:none;font-weight:500;border-radius:30px}
.minimal-site .s4-topbar .s4-preorder:hover,.minimal-site #final-preorder:hover,.minimal-site #intro .closing-purchase-button:hover{background:#365e46}
/* Hero: product plate and a calm, left-aligned introduction. */
.minimal-site .sales-hero .rotation-stage{background:var(--mm-paper);grid-template-columns:1fr 1fr;grid-template-rows:1fr auto 1fr;gap:0 4%;padding:40px 7%;align-content:center;justify-items:start;isolation:isolate}
.minimal-site .sales-hero .rotation-stage .turn-headline{grid-column:1;grid-row:2;align-self:end;text-align:left;max-width:580px}
.minimal-site .sales-hero .rotation-stage #hero-title{display:block;white-space:normal;font-size:clamp(42px,4.6vw,70px);line-height:1.04;text-align:left;margin:0;letter-spacing:-.05em}
.minimal-site .sales-hero #hero-title .hero-title-lead{display:block}
.minimal-site .sales-hero #hero-title #hero-role-line{display:block;margin-top:5px;white-space:nowrap}
.minimal-site #hero-role{color:#638467}
.minimal-site .minimal-hero-sub{font-size:clamp(15px,1.3vw,19px);line-height:1.65;color:var(--mm-muted);margin:28px 0 0}
.minimal-site .sales-hero .rotation-stage .rotation-visual{grid-column:2;grid-row:1/4;width:100%;max-width:640px;aspect-ratio:1;align-self:center;justify-self:center;z-index:1}
.minimal-site .sales-hero .rotation-visual>img{transform:scale(1.15);mix-blend-mode:multiply}
.minimal-site .sales-hero .rotation-stage .closing-order{grid-column:1;grid-row:3;align-self:start;margin-top:30px}
.minimal-site .sales-hero .closing-order #final-preorder{min-width:170px;min-height:52px;font-size:15px;padding:14px 28px}
.minimal-site .sales-hero .preorder-depth{inset:10% -5% 10% 48%;opacity:.22;z-index:0;mask-image:linear-gradient(90deg,transparent,#000 25%,#000)}
.minimal-site .sales-hero .preorder-depth:after{background:radial-gradient(ellipse 32% 80%,#fafbf7 15%,#fafbf7ed 55%,transparent)}
/* Overview: quiet linked rows beside the same working product video. */
.minimal-site #control.sales-intro{background:#fff;padding:70px 7%;gap:8%;border-top:1px solid var(--mm-line);border-bottom:1px solid var(--mm-line)}
.minimal-site .minimal-overview-title{font-size:clamp(34px,3.6vw,52px);line-height:1.1;color:var(--mm-ink);margin:0 0 30px}
.minimal-site #control .sales-benefits{gap:0}
.minimal-site #control .chapter-link{border-radius:0;border-top:1px solid var(--mm-line);padding:22px 0;gap:18px}
.minimal-site #control .chapter-link:hover{background:transparent;color:#64876b}
.minimal-site #control .chapter-link h3{font-size:23px;line-height:1.2;margin-bottom:9px;color:var(--mm-ink)}
.minimal-site #control .chapter-link p{font-size:14px;line-height:1.6;color:var(--mm-muted)}
.minimal-site #control .callout-icon{width:42px;height:42px;background:var(--mm-panel);border-radius:12px;color:#527158;flex:none}
.minimal-site #control .callout-icon svg{width:24px;height:24px}
.minimal-site #control .snap-media{background:var(--mm-panel);border:1px solid var(--mm-line);border-radius:26px;box-shadow:none;overflow:hidden}
/* Selected phone-use composition. Explanation above the product; one group on right. */
.minimal-site #goals.phone-use-compact{grid-template-columns:1.05fr 1fr;grid-template-rows:1fr 1fr auto;grid-template-areas:'visual heading' 'visual choices' 'legend choices';height:calc(100svh - var(--s4-nav));min-height:650px;padding:54px 7%;gap:20px 7%;background:var(--mm-paper)}
.minimal-site #goals .phone-use-heading{align-self:end;margin-bottom:8px}
.minimal-site #goals .phone-use-heading h2{font-size:clamp(32px,3.6vw,52px);line-height:1.12;letter-spacing:-.045em}
.minimal-site #goals .phone-use-heading h2>span:last-child{color:#55795f}
.minimal-site #goals .flow-arrow{font-weight:400;color:#96ac90;display:inline-block;font-size:.85em}
.minimal-site #goals .goal-phone-column{border-radius:24px;max-height:none;height:100%;min-height:0;justify-content:center;overflow:hidden}
.minimal-site #goals .demo-lead{align-self:flex-start;margin:0;padding:22px 24px 0;font-size:15px;line-height:1.45;color:#49634f;position:relative;z-index:5}
.minimal-site #goals .record-phone{width:min(100%,calc(100svh - var(--s4-nav) - 295px));max-width:470px;margin:0 auto;flex:0 1 auto}
.minimal-site #goals .goal-copy{align-self:start;grid-area:choices;margin:20px 0 0;padding:0}
.minimal-site #goals .goal-copy h3{font-size:clamp(20px,2.1vw,29px);line-height:1.2;margin:0 0 28px;color:var(--mm-ink)}
.minimal-site #goals .optimize-choices{gap:22px}
.minimal-site #goals .optimize-choices li{font-size:15px;gap:17px}
.minimal-site #goals .optimize-choices li+li{padding-left:22px}
.minimal-site #goals .social-app-icons{display:grid;grid-template-columns:repeat(2,20px);gap:5px;height:45px;width:45px}
.minimal-site #goals .social-app-icons svg{width:20px;height:20px}
.minimal-site #goals .total-phone-icon{height:45px;width:45px}
.minimal-site #goals .total-phone-icon svg{width:45px;height:45px;color:#526f59}
.minimal-site #goals .duration-guide{max-width:none}
.minimal-site #goals .duration-legend{border-radius:18px;background:#fff9;padding:14px 20px;gap:8px 16px}
.minimal-site #goals .duration-legend li{font-size:14px}
/* Section transition, no competing marquee. */
.minimal-site .minimal-divider{background:#edf1e8;border-block:1px solid var(--mm-line);height:auto;min-height:0;padding:36px 7%;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--mm-ink)}
.minimal-site .minimal-divider .minimal-eyebrow{margin:0;white-space:nowrap}
.minimal-site .minimal-divider>p{font-size:clamp(18px,2vw,28px);font-weight:400;line-height:1.3;letter-spacing:-.03em;margin:0}
/* Keep all shared product camera motion and native report scrolling. */
.minimal-site .feature-trilogy{background:var(--mm-paper);padding-inline:6%}
.minimal-site .trilogy-panel>h2{font-size:clamp(36px,4vw,56px);letter-spacing:-.045em;line-height:1.08}
.minimal-site .trilogy-panel>.minimal-eyebrow{margin-bottom:18px}
.minimal-site .trilogy-subtitle{color:var(--mm-muted);font-size:18px}
.minimal-site #modes #features .feature-tiles{gap:10px!important}
.minimal-site #modes #features .feature-tiles li{border:1px solid var(--mm-line);background:#f5f7f0;border-radius:14px;padding:15px 16px;min-height:73px;font-size:13px;color:#4d6854;gap:14px}
.minimal-site #modes #features .feature-tiles svg{width:25px;height:25px;stroke-width:1.4}
.minimal-site #locked-in-reports{background:var(--mm-paper);color:var(--mm-ink)}
.minimal-site #locked-in-reports .ir5-stage{background:var(--mm-paper)}
.minimal-site #locked-in-reports h2{font-weight:500;font-size:clamp(32px,3.8vw,54px);letter-spacing:-.045em}
.minimal-site #locked-in-reports .ir5-device{filter:drop-shadow(0 8px 10px #294b3020)}
.minimal-site #locked-in-reports .ir5-header{border:0}
.minimal-site #reading-section .reading-unfold-card{background:#f1f4eb;border-color:var(--mm-line);color:#4d6b54;box-shadow:none;border-radius:14px 14px 4px 4px}
.minimal-site #reading-section .reading-unfold-card[aria-pressed=true]{background:#e1ead9;border-color:#819b79}
.minimal-site #reading-section .reading-unfold-reset button{background:transparent;border-color:var(--mm-line);color:var(--mm-ink);border-radius:25px}
.minimal-site #reading-section .reading-discovery .feature-row-label{font-size:14px;color:var(--mm-muted)}
/* Comparison on paper: a subtle INKY column, no dark slab. */
.minimal-site #comparison{background:#fff;color:var(--mm-ink);padding:70px 5%;border-block:1px solid var(--mm-line)}
.minimal-site #comparison .ic-inner{padding:0;max-width:1200px;background:transparent;border:0;border-radius:0}
.minimal-site #comparison .ic-heading{font-size:clamp(32px,3.8vw,52px);margin-bottom:36px;color:var(--mm-ink);line-height:1.1;letter-spacing:-.045em}
.minimal-site #comparison .ic-heading span{color:#72916e}
.minimal-site #comparison .ic-scroll{scrollbar-color:#a5b7a0 #f4f7ef}
.minimal-site #comparison thead th,.minimal-site #comparison tbody th{background:#fff;color:var(--mm-ink);font-size:14px}
.minimal-site #comparison thead th:first-child{font-size:10px;color:var(--mm-muted)}
.minimal-site #comparison tbody tr:nth-child(odd)>*{background:#f6f8f2}
.minimal-site #comparison th,.minimal-site #comparison td{padding:15px 12px;border-bottom:1px solid #e6ebe2}
.minimal-site #comparison .ic-product-note{color:var(--mm-muted)}
.minimal-site #comparison .ic-product-name{font-size:17px;color:var(--mm-ink)}
.minimal-site #comparison .ic-inky,.minimal-site #comparison tbody tr:nth-child(odd)>.ic-inky{background:#e8f0e0;border-color:#b9caae}
.minimal-site #comparison .ic-inky .ic-product-note{color:#687f5e}
.minimal-site #comparison .ic-mark.yes{color:#59814f}.minimal-site #comparison .ic-mark.no{color:#a1aa9c}.minimal-site #comparison .ic-mark.partial{color:#b89a52;font-size:23px}
.minimal-site #comparison .ic-pan-hint{color:var(--mm-muted)}
/* Closing chapter: same photography, framed beside the final invitation. */
.minimal-site #intro.hero-photo{height:auto;min-height:calc(100svh - var(--s4-nav));display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:80px 7%;background:var(--mm-paper);color:var(--mm-ink);align-items:center;isolation:isolate}
.minimal-site #intro:before,.minimal-site #intro:after{display:none}
.minimal-site #intro .hero-wordmark{display:none}
.minimal-site #intro .hero-copy{position:relative;inset:auto;transform:none;width:auto;max-width:none;padding:0;grid-column:2;grid-row:1;color:var(--mm-ink);text-align:left;z-index:2}
.minimal-site #intro .opening-title{font-size:clamp(35px,3.9vw,58px);line-height:1.08;text-shadow:none;color:var(--mm-ink);letter-spacing:-.045em;font-weight:500}
.minimal-site #intro .calm-word{color:#638467}
.minimal-site #intro #hero-hook{font-size:17px;line-height:1.65;color:var(--mm-muted);max-width:390px;margin:25px 0 0;text-shadow:none}
.minimal-site #intro .hero-visual{position:relative;inset:auto;transform:none;grid-column:1;grid-row:1;width:100%;height:550px;max-height:65svh;min-height:300px;border-radius:24px;overflow:hidden;z-index:1}
.minimal-site #intro .hero-desk{width:100%;height:100%;object-fit:cover;object-position:72% center;filter:none;opacity:1}
.minimal-site #intro .closing-purchase-button{font-size:15px;min-height:52px;min-width:180px}
.minimal-site dialog{border-color:var(--mm-line);background:var(--mm-paper);color:var(--mm-ink);box-shadow:0 25px 90px #203b3033}
@media(max-width:900px){
 .minimal-site #control.sales-intro{padding:42px 6%;gap:30px}.minimal-site .minimal-overview-title{font-size:36px}.minimal-site #control .snap-media{height:320px}
 .minimal-site .trilogy-panel>.minimal-eyebrow{max-width:560px;width:100%;margin-inline:auto}
 .minimal-site #goals.phone-use-compact{height:auto;min-height:0;padding:40px 6%;gap:28px;grid-template-columns:1fr 1fr}
 .minimal-site #goals .record-phone{width:100%;max-width:360px}.minimal-site #goals .demo-lead{font-size:13px;padding:18px 18px 0}.minimal-site #goals .phone-use-heading h2{font-size:34px}
 .minimal-site #goals .goal-copy h3{font-size:23px}.minimal-site #goals .optimize-choices li{font-size:13px}
 .minimal-site #intro.hero-photo{padding:60px 6%;gap:5%}.minimal-site #intro .hero-visual{height:400px}.minimal-site #intro #hero-hook{font-size:15px}
}
@media(max-width:700px){
 .minimal-site .s4-topbar{padding-inline:6%}.minimal-site .s4-brand{font-size:22px}
 .minimal-site .sales-hero .rotation-stage{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding:24px 6% 28px;justify-items:center}
 .minimal-site .sales-hero .rotation-stage .turn-headline{grid-column:1;grid-row:1;text-align:center;align-self:auto}
 .minimal-site .sales-hero .rotation-stage #hero-title{font-size:clamp(29px,8vw,42px);text-align:center;line-height:1.06}
 .minimal-site .sales-hero .minimal-eyebrow{font-size:8px;margin-bottom:12px}
 .minimal-site .minimal-hero-sub{font-size:12px;line-height:1.5;margin:14px 0 0}
 .minimal-site .sales-hero .rotation-stage .rotation-visual{grid-column:1;grid-row:2;max-width:470px;width:min(90vw,calc(100svh - var(--s4-nav) - 290px))}
 .minimal-site .sales-hero .rotation-stage .closing-order{grid-column:1;grid-row:3;margin:0;align-self:center}
 .minimal-site .sales-hero .preorder-depth{inset:30% -15% 10%;opacity:.19;mask-image:none}
 .minimal-site #control.sales-intro{display:flex;flex-direction:column;padding-block:44px}.minimal-site #control .sales-copy{width:100%}.minimal-site #control .snap-column{width:100%}.minimal-site #control .snap-media{height:290px}
 .minimal-site #control .chapter-link{padding:18px 0}.minimal-site #control .chapter-link h3{font-size:22px}.minimal-site #control .chapter-link p{font-size:13px}
 .minimal-site #goals.phone-use-compact{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;grid-template-areas:'heading' 'choices' 'visual' 'legend';gap:24px;padding:40px 6%;height:auto}
 .minimal-site #goals .phone-use-heading{margin:0;text-align:left}.minimal-site #goals .phone-use-heading h2{font-size:35px}
 .minimal-site #goals .goal-copy{margin:0}.minimal-site #goals .goal-copy h3{text-align:left;font-size:22px;margin:0 0 22px}
 .minimal-site #goals .optimize-choices li{align-items:flex-start;text-align:left;gap:12px}.minimal-site #goals .optimize-choices{gap:20px}
 .minimal-site #goals .goal-phone-column{height:auto}.minimal-site #goals .record-phone{width:100%;max-width:320px}.minimal-site #goals .demo-lead{font-size:14px;padding:22px 22px 0}
 .minimal-site #goals .duration-legend{padding:14px 16px}.minimal-site #goals .duration-legend li{font-size:13px}
 .minimal-site .minimal-divider{display:block;padding:30px 6%}.minimal-site .minimal-divider .minimal-eyebrow{font-size:9px;margin-bottom:12px}.minimal-site .minimal-divider>p{font-size:23px}
 .minimal-site .trilogy-panel>h2{font-size:36px}.minimal-site .trilogy-panel>.minimal-eyebrow{font-size:9px}.minimal-site #modes #features .feature-tiles li{min-height:65px;padding:13px 10px;font-size:12px}
 .minimal-site #comparison{padding:44px 6%}.minimal-site #comparison .ic-heading{font-size:35px;margin-bottom:25px}.minimal-site #comparison .ic-inner{padding:0}.minimal-site #comparison th,.minimal-site #comparison td{padding:14px 9px}.minimal-site #comparison tbody th{font-size:12px}
 .minimal-site #intro.hero-photo{display:flex;flex-direction:column-reverse;padding:44px 6% 58px;gap:34px}.minimal-site #intro .hero-copy{width:100%}.minimal-site #intro .hero-visual{height:300px;min-height:0;max-height:none}.minimal-site #intro .opening-title{font-size:38px}.minimal-site #intro .minimal-eyebrow{font-size:9px}
}
@media(min-width:701px) and (max-height:620px){.minimal-site .sales-hero .rotation-stage{padding-block:25px}.minimal-site .sales-hero .rotation-stage #hero-title{font-size:40px}.minimal-site .sales-hero .minimal-hero-sub{margin-top:18px;font-size:14px}.minimal-site .sales-hero .rotation-stage .rotation-visual{width:min(100%,400px)}.minimal-site .sales-hero .rotation-stage .closing-order{margin-top:20px}}

/* Local closing layout supersedes the retained photo-overlay experiment. */
.minimal-site #intro.hero-photo .hero-copy{height:auto;align-self:center;display:block}
.minimal-site #intro.hero-photo .opening-title,.minimal-site #intro.hero-photo .calm-word{font-family:inherit;font-style:normal}
.minimal-site #intro.hero-photo .hero-copy>.minimal-eyebrow{margin:0 0 22px;color:var(--mm-muted);font-size:10px;letter-spacing:.16em}
.minimal-site .feature-trilogy,.minimal-site #locked-in-reports,.minimal-site #locked-in-reports .ir5-stage{background:#fff}
.minimal-site #comparison img[src$="apple.svg"]{filter:brightness(.2)}