.p6-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:10px;isolation:isolate;color:#233c2e;background:#fff;padding:13px 10px 10px}
.p6-visual *{box-sizing:border-box}
.p6-visual .pv-stage{position:relative;flex:1;min-height:0;width:100%;display:grid;place-items:center;isolation:isolate}
.p6-visual .pv-product{display:block;width:100%;height:100%;min-height:0;overflow:hidden;mix-blend-mode:normal}
.p6-visual .pv-product-phone{max-width:350px}
.p6-visual .pv-product-nudge{max-width:310px;will-change:auto}
.p6-visual .pv-screen-type{font-family:Arial,Helvetica,sans-serif;font-weight:400}
.p6-visual .pv-time{font-weight:500;font-variant-numeric:tabular-nums}
.p6-visual .pv-hand{opacity:0;transform-box:fill-box;transform-origin:19% 13%;pointer-events:none}
.p6-visual .pv-tap-ring{opacity:0;transform-box:fill-box;transform-origin:center;pointer-events:none}
.p6-visual .pv-footer{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;flex:none;min-width:0;padding:0 3px}
.p6-visual .pv-demo-controls{display:flex;align-items:center;justify-content:center;gap:6px}
.p6-visual .pv-motion-toggle{display:grid;place-items:center;min-width:36px;min-height:36px;border:1px solid #e0e6dc;border-radius:50%;background:#fff;color:#607b59;cursor:pointer}
.p6-visual .pv-motion-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.p6-visual .pv-motion-toggle:disabled{opacity:.3;cursor:default}
.p6-visual .pv-demo-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 13px;border:1px solid #dce4d9;border-radius:50px;background:#fff;color:#34543d;font:inherit;font-size:12px;line-height:1.3;white-space:nowrap;cursor:pointer;transition:background .18s,border-color .18s}
.p6-visual .pv-demo-button:hover{background:#f0f5ed;border-color:#b7c8b1}
.p6-visual .pv-demo-button svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.p6-visual .pv-button-dot{width:6px;height:6px;border:1px solid #54795a;border-radius:50%;box-shadow:0 0 0 3px #edf3e9}
.p6-visual .pv-intervals{display:flex;align-items:center;justify-content:center;gap:5px;padding:3px;border:1px solid #dce4d9;border-radius:24px;background:#fff}
.p6-visual .pv-intervals button{min-height:34px;min-width:53px;padding:7px 11px;border:0;border-radius:20px;background:transparent;color:#60705d;font:inherit;font-size:12px;cursor:pointer;transition:background .18s,color .18s}
.p6-visual .pv-intervals button[aria-pressed=true]{background:#eaf1e6;color:#274c31}
.p6-visual .pv-intervals button:hover{background:#f0f5ed;color:#274c31}
.p6-visual button:focus-visible{outline:2px solid #507858;outline-offset:3px}
.p6-visual .pv-caption{color:#60705d;font-size:11px;line-height:1.3;letter-spacing:.015em}
.p6-visual .pv-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.p6-visual .pv-nudge-waves{position:absolute;inset:8% auto 8% 50%;width:min(66%,230px);transform:translateX(-50%);pointer-events:none;display:grid;place-items:center;z-index:-1}
.p6-visual .pv-nudge-waves i{position:absolute;inset:1%;border:1px solid #8ba083;border-radius:25%;opacity:0}
.p6-visual .pv-nudge-waves i:nth-child(2){inset:-4%}
.p6-visual .pv-goals{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);gap:10px;width:100%;max-width:390px;align-items:stretch;min-height:0;flex:1;max-height:320px}
.p6-visual .pv-goal{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;min-height:0;padding:12px 7px 18px;background:#f2f5ee;border:1px solid #e0e7db;border-radius:18px}
.p6-visual .pv-goal:nth-child(2){background:#f7f5ee;border-color:#e9e5d9}
.p6-visual .pv-goal-art{width:100%;height:auto;min-height:65px;max-height:172px;flex:1;display:flex;justify-content:center}
.p6-visual .pv-goal-art svg{display:block;width:100%;height:100%;overflow:visible}
.p6-visual .pv-phone-outline{fill:#23382c;stroke:#17261e;stroke-width:1}
.p6-visual .pv-phone-paper{fill:#fafbf8}
.p6-visual .pv-phone-line{fill:none;stroke:#47634c;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.p6-visual .pv-phone-outline+.pv-phone-line{stroke:#bdc9b8;stroke-width:2.5}
.p6-visual .pv-quiet-line{stroke:#a9b5a3;stroke-width:2}
.p6-visual .pv-app-grid{fill:#e0e7da;stroke:#51664b;stroke-width:1.3}
.p6-visual .pv-app-detail{fill:none;stroke:#3f593e;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.p6-visual .pv-goal-label{font-size:clamp(15px,1.5vw,21px);font-weight:500;line-height:1.17;letter-spacing:-.035em;margin:5px 0 8px;color:#294630}
.p6-visual .pv-goal-detail{font-size:12px;line-height:1.4;color:#60705d;margin:0;max-width:120px;min-height:28px}
.p6-visual .pv-goal-note{font-size:11px;line-height:1.4;color:#60705d;margin:1px 0 0;text-align:center}
@media(max-width:760px){
 .p6-visual{gap:6px}
 .p6-visual .pv-product-phone,.p6-visual .pv-product-nudge{max-width:245px}
 .p6-visual .pv-demo-button{font-size:11px;min-height:40px;padding:8px 12px}
 .p6-visual .pv-intervals{gap:3px;padding:2px}
 .p6-visual .pv-intervals button{min-width:49px;min-height:36px;padding:7px 9px;font-size:11px}
 .p6-visual .pv-footer{gap:5px}
 .p6-visual .pv-goals{gap:9px;max-width:340px}
 .p6-visual .pv-goal{padding:7px 7px 13px;border-radius:15px}
 .p6-visual .pv-goal-art{height:auto;max-height:150px}
 .p6-visual .pv-goal-label{font-size:18px;margin:3px 0 7px}
 .p6-visual .pv-goal-detail{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.p6-visual button{transition:none}.p6-visual .pv-hand,.p6-visual .pv-tap-ring,.p6-visual .pv-nudge-waves,.p6-visual .pv-motion-toggle{display:none}}

.p6-visual[data-kind=film]{padding:0;background:transparent}.pv-session-film{position:relative;height:100%;width:100%;display:flex;justify-content:center;min-height:0}.pv-session-film video{height:100%;width:100%;object-fit:contain;display:block;border-radius:16px}.pv-film-replay{position:absolute;bottom:10px;right:10px;border:1px solid #dbe2d6;border-radius:30px;padding:8px 14px;min-height:40px;background:#ffffffed;color:#233d30;font:inherit;font-size:12px;cursor:pointer}.pv-reading-film video{object-fit:contain;background:white}

.p6-visual.pv-cooldown-photo{padding:0;background:transparent}.pv-cooldown-photo img{width:100%;height:100%;object-fit:contain;display:block;border-radius:16px}

/* Match the Check-in film to the quiet white visual containers. */
#p6-panel-0 .p6-visual{background:#fff;padding:12px}
#p6-panel-0 .pv-session-film video{border-radius:6px}

/* Clip the dark matte baked into the supplied photo. */
.p6-visual.pv-cooldown-photo{position:relative;align-self:center;width:min(100%,calc(100%));aspect-ratio:1.25;height:auto;max-height:100%;overflow:hidden;border-radius:16px}
.pv-cooldown-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);border-radius:0}

/* The two lifestyle visuals share the new film's 16:9 frame. */
#p6-panel-0 .p6-visual,#p6-panel-2 .p6-visual{padding:0;background:#fff;justify-content:center}
#p6-panel-0 .pv-session-film,.p6-visual.pv-cooldown-photo{width:100%;height:auto;aspect-ratio:16/9;max-height:100%;overflow:hidden;border-radius:12px;flex:none}
#p6-panel-0 .pv-session-film video{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px}
.pv-cooldown-photo img{aspect-ratio:16/9;object-fit:cover;object-position:70% 54%;transform:scale(1.12)}
#p6-panel-2 .p6-visual-wrap{align-items:center}

/* Original front-phone/live-timer visual, fitted into the Reminders card. */
.p6-visual[data-kind=nudge]{padding:0;overflow:hidden}
.pv-reminder-phone{position:relative;height:100%;aspect-ratio:614/901;max-width:100%;flex:none;isolation:isolate}
.pv-reminder-phone>img{display:block;width:100%;height:100%;object-fit:contain}
.pv-reminder-phone .flow-feed{position:absolute;inset:0;pointer-events:none}
