/* Preorder page: attached product, snap demo, and manual phone-use recording. */
.rotation-page{height:auto;min-height:100svh}
.rotation-page .rotation-stage{position:relative;top:auto;height:100svh;min-height:560px}
.rotation-page .rotation-stage .rotation-visual{width:min(80vw,calc(100svh - 280px),580px)}
.rotation-page .preorder-price{margin-top:12px}
#control.sales-intro{min-height:100svh;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:5%;padding-block:52px;overflow:hidden;background:#fff}
.sales-intro .goal-copy{width:100%;max-width:480px}
.sales-intro .goal-copy h2{line-height:1.12;letter-spacing:-.045em;color:#25372b;margin-bottom:38px}
.sales-intro .usage-choices{gap:32px}
.sales-intro .usage-choices h3{display:flex;align-items:baseline;gap:10px}
.sales-intro .benefit-number{font-size:12px;font-weight:500;letter-spacing:.04em;color:#819087}
.sales-intro .usage-choices li:nth-child(1) .callout-icon{background:#edf4ed;color:#3d7758}
.sales-intro .usage-choices li:nth-child(2) .callout-icon{background:#fbf1e7;color:#a4693d}
.sales-intro .usage-choices li:nth-child(3) .callout-icon{background:#eef0f7;color:#6d79a0}
.sales-intro .snap-column{min-width:0;align-self:center}
.snap-media{position:relative;isolation:isolate;height:min(74svh,660px);min-height:400px;overflow:hidden;background:#fff}
.snap-media video,.snap-still{display:block;width:100%;height:100%;object-fit:cover;object-position:54% center}
.snap-media video{position:absolute;inset:0;visibility:hidden}
.snap-media .snap-still{position:relative}
.sales-intro.snap-ready .snap-media video{visibility:visible}
.sales-intro.snap-ready .snap-still{visibility:hidden}
.sales-intro.snap-final .snap-still{visibility:visible}
.sales-intro.snap-final .snap-media video{visibility:hidden}
.sales-intro.snap-pending .sales-benefits{visibility:hidden;opacity:0;transform:translateY(10px)}
.sales-intro .sales-benefits{transition:opacity .6s ease,transform .6s ease;opacity:1;transform:translateY(0)}
.snap-play{position:absolute;z-index:1;right:14px;bottom:12px;border:1px solid #dce5dd;border-radius:24px;padding:10px 16px;background:#fffffff2;color:#425a49;font:inherit;font-size:12px;font-weight:500;line-height:1.2;cursor:pointer;box-shadow:0 2px 8px #21332408}
.snap-play span{margin-left:8px}
.snap-play[hidden]{display:none}
.snap-compat{display:block;width:fit-content;margin:12px auto 0;padding:6px;border:0;background:transparent;color:#7b897e;font:inherit;font-size:11px;font-weight:500;line-height:1.3;cursor:pointer}
.snap-play:focus-visible,.snap-compat:focus-visible{outline:2px solid #619578;outline-offset:4px}
#goals .record-phone{position:relative;aspect-ratio:1;max-width:560px;width:100%;margin:auto}
.record-phone>img{display:block;width:100%;height:100%;object-fit:contain}
.wheel-marker{position:absolute;left:59.6%;top:83%;width:6%;aspect-ratio:1;border:2px solid #619578;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #61957822}
#goals .record-caption{text-align:center;font-size:13px;line-height:1.6;color:#6d796f;margin:12px auto 0}
.record-caption strong,.record-caption span{display:block}
.record-caption strong{font-weight:500;color:#3d7758}
/* Editorial review selectors are not part of the preorder experience. */
#rest-section .rest-copy-chooser,#comparison [data-ic-review]{display:none}
@media(min-width:701px) and (max-height:600px){
 #control.sales-intro{padding-block:40px}
 .snap-media{height:440px;min-height:0}
}
@media(max-width:700px){
 .rotation-page .rotation-stage{height:100svh;min-height:580px}
 .rotation-page .rotation-stage .rotation-visual{width:min(94vw,calc(100svh - 310px))}
 #control.sales-intro{display:flex;flex-direction:column;gap:24px;padding:42px 7% 52px;min-height:0}
 .sales-intro .goal-copy{display:contents}
 .sales-intro .goal-copy h2{order:0;margin:0;align-self:flex-start;font-size:30px}
 .sales-intro .snap-column{order:1;width:100%}
 .sales-intro .sales-benefits{order:2;width:100%;gap:28px}
 .sales-intro .usage-choices li{flex-direction:row;gap:16px}
 .sales-intro .callout-icon{width:40px;height:40px;flex-basis:40px;border-radius:12px}
 .sales-intro .callout-icon svg{width:25px;height:25px}
 .sales-intro .usage-choices h3{font-size:22px;margin-bottom:9px}
 .sales-intro .usage-choices p{font-size:14px;line-height:1.6}
 .snap-media{height:350px;min-height:0}
 .snap-compat{margin-top:6px}
 #goals{grid-template-columns:1fr;padding:48px 7%;gap:24px}
 #goals .goal-phone-column{max-width:360px;width:100%;margin:auto}
 #goals .goal-copy{max-width:500px;margin:auto}
 #goals .goal-copy h2{font-size:30px}
 #goals .usage-choices li{flex-direction:row;gap:16px}
 #goals .usage-choices p{font-size:14px;line-height:1.6}
 #goals .record-caption{margin-top:0}
}
@media(min-width:701px) and (max-height:500px){
 .rotation-page .rotation-stage{height:100svh;min-height:0}
 .rotation-page .rotation-stage .rotation-visual{width:min(30vw,calc(100svh - 36px),350px)}
}
@media(prefers-reduced-motion:reduce){.sales-intro .sales-benefits{transition:none;transform:none}}

/* Keep the shared feature canvas inside its responsive media column while it loads. */
#modes[data-scroll-mode="flow"]:not(.is-static) .feature>.feature-flow-visual{overflow:clip}