/* Restore the original straight hero and its viewport-fit dimensions. */
.sales-hero .rotation-stage .rotation-visual{width:min(90vw,calc(min(100svh,100dvh) - var(--s4-nav) - 192px))}
.sales-hero .rotation-visual>img{transform:scale(1.16);mix-blend-mode:normal}
#goals.phone-use-compact{height:calc(100svh - var(--s4-nav));min-height:520px;box-sizing:border-box;padding:26px max(6%,calc((100% - 1140px)/2));grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);column-gap:7%;row-gap:20px;align-items:center}
#goals .phone-use-heading{grid-column:1/-1;text-align:center}
#goals .phone-use-heading h2{font-size:clamp(30px,3.4vw,48px);font-weight:500;letter-spacing:-.045em;line-height:1.1;margin:0;color:#f5f7ed}
#goals .phone-use-heading p{font-size:clamp(17px,1.8vw,24px);line-height:1.3;margin:9px 0 0;color:#c6d6ad}
#goals.phone-use-compact .goal-phone-column{position:relative;width:100%;height:100%;max-height:570px;max-width:490px;padding:0;border-radius:26px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f3f6ef}
#goals.phone-use-compact .record-phone{width:min(100%,calc(100svh - var(--s4-nav) - 190px));max-width:470px;aspect-ratio:1;flex:none;margin:22px auto 0;container-type:inline-size}
#goals .tap-demo-summary{position:absolute;top:19px;left:22px;right:18px;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;color:#294736;pointer-events:none}
.tap-demo-summary>div{display:flex;flex-direction:column;gap:4px}
.tap-demo-summary [data-demo-label]{font-size:12px;font-weight:500}
.tap-demo-summary strong{font-size:30px;line-height:1.1;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-.03em}
.tap-demo-toggle{pointer-events:auto;cursor:pointer;border:1px solid #d5dfd2;border-radius:50%;width:36px;height:36px;background:#fff;color:#395641;font:16px/1 inherit;display:grid;place-items:center}
.tap-demo-toggle:focus-visible{outline:3px solid #0879ed;outline-offset:3px}
#goals .tap-demo-footnote{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:10px;color:#7b887a}
.demo-screen{position:absolute;left:36.95%;top:41.65%;width:26.1%;height:38.8%;background:#dadbd6;color:#263429;border-radius:1.1%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2cqw;font-family:inherit;box-sizing:border-box;padding:2cqw}
.demo-screen>span{font-size:1.5cqw;letter-spacing:.04em}
.demo-screen strong{font-size:6.3cqw;line-height:1;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.demo-screen small{font-size:1.8cqw}.demo-status-dot{display:block;width:1.4cqw;height:1.4cqw;border-radius:50%;background:#8a9588}
[data-demo-state=running] .demo-status-dot{background:#447c49}
.demo-screen-bars{display:flex;gap:1cqw;align-items:end;height:6cqw}.demo-screen-bars i{width:1.5cqw;height:2cqw;border:1px solid #869180}.demo-screen-bars i:nth-child(2){height:4cqw}.demo-screen-bars i:nth-child(3){height:3cqw}.demo-screen-bars i:nth-child(4){height:6cqw}.demo-screen-bars i:nth-child(5){height:4cqw}
[data-demo-state=running] .demo-screen-bars i,[data-demo-state=saved] .demo-screen-bars i{background:#52674e}
#goals .wheel-marker{z-index:2;left:59.6%;top:83%;width:6%;border-color:#619578}
.tap-demo-touch{position:absolute;left:59.6%;top:83%;z-index:3;width:4%;aspect-ratio:1;border-radius:50%;background:#d9b895;border:1px solid #987c5c;opacity:0;transform:translate(-50%,-50%);box-shadow:0 2px 5px #0002}
#goals.phone-use-compact .goal-copy{max-width:480px;width:100%;margin:0}
#goals.phone-use-compact .goal-copy h3{font-size:clamp(22px,2.2vw,32px);line-height:1.2;font-weight:500;letter-spacing:-.035em;margin:0 0 24px;color:#f4f6e9}
.optimize-choices{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.optimize-choices li{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid #52715e;border-radius:18px;background:#234837;font-size:clamp(16px,1.7vw,23px);font-weight:500;line-height:1.25;color:#f3f6e9}
.optimize-choices svg{width:32px;height:32px;flex:none;color:#c3d6ab}
@media(max-width:700px){
.sales-hero .rotation-stage .rotation-visual{width:min(95vw,calc(min(100svh,100dvh) - var(--s4-nav) - 210px))}
#goals.phone-use-compact{height:calc(100svh - var(--s4-nav));min-height:490px;padding:18px 6%;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;row-gap:15px}
#goals .phone-use-heading h2{font-size:29px}#goals .phone-use-heading p{font-size:16px;margin-top:7px}
#goals.phone-use-compact .goal-phone-column{max-width:420px;border-radius:20px;height:100%;max-height:none}
#goals.phone-use-compact .record-phone{width:min(100%,calc(100svh - var(--s4-nav) - 270px));max-width:390px;margin:0 auto}
#goals .tap-demo-summary{left:15px;right:12px;top:15px}.tap-demo-summary [data-demo-label]{font-size:10px}.tap-demo-summary strong{font-size:24px}.tap-demo-toggle{width:32px;height:32px;font-size:13px}
#goals .tap-demo-footnote{font-size:8px;bottom:7px}
#goals.phone-use-compact .goal-copy{margin:0 auto;max-width:420px}
#goals.phone-use-compact .goal-copy h3{font-size:18px;text-align:center;margin:0 0 11px}
.optimize-choices{gap:8px}.optimize-choices li{font-size:15px;padding:12px 14px;border-radius:12px;gap:12px}.optimize-choices svg{width:24px;height:24px}
}
@media(max-height:620px) and (max-width:700px){#goals.phone-use-compact{padding-block:12px;row-gap:10px}#goals .phone-use-heading h2{font-size:25px}#goals .phone-use-heading p{font-size:14px;margin-top:5px}#goals.phone-use-compact .goal-copy h3{font-size:16px;margin-bottom:8px}.optimize-choices li{font-size:13px;padding:10px 12px}.optimize-choices svg{width:21px;height:21px}.tap-demo-summary strong{font-size:20px}}
@media(max-height:520px) and (min-width:701px){#goals.phone-use-compact{min-height:0;padding:16px 6%;gap:12px 5%}#goals .phone-use-heading h2{font-size:28px}#goals .phone-use-heading p{font-size:16px;margin-top:5px}#goals.phone-use-compact .record-phone{width:calc(100svh - var(--s4-nav) - 115px);margin:0}#goals.phone-use-compact .goal-copy h3{font-size:21px;margin-bottom:12px}.optimize-choices li{padding:12px;font-size:15px}.optimize-choices{gap:8px}.tap-demo-summary strong{font-size:23px}.sales-hero .rotation-stage .rotation-visual{width:min(45vw,calc(min(100svh,100dvh) - var(--s4-nav) - 110px))}}
