/* Approved phone-and-cards scene from preview/reference-matched-motion/build.py. */
.pd-pilot-modes .pm-reminder-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:48px;padding-bottom:76px;scroll-margin-top:100px}
.pd-pilot-modes .pm-reminder-copy{min-width:0}
.pd-pilot-modes #main-content .pm-reminder-copy p{margin-block:20px 12px;font-size:16px;line-height:1.5;color:var(--text-secondary)}
.pd-pilot-modes .pm-reminder-copy .pm-link{font-size:14px}
.pd-pilot-modes .pm-reminder-motion{--pmr-deep:var(--brand-purple-deep-1,#3B2A8C);--pmr-lime:var(--brand-lime,#C4F25A);position:relative;display:grid;grid-template:1fr / 1fr;container-type:inline-size;container-name:reminder-scene;width:100%;min-width:0;min-height:400px;aspect-ratio:1;margin:0;overflow:hidden;isolation:isolate;border-radius:4px;background:#131225;color:white;font-family:'Open Sans',Arial,sans-serif}
.pd-pilot-modes .pm-reminder-motion .pmr-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:76% 45%;transform:scaleX(-1)}
.pd-pilot-modes .pm-reminder-motion::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 25%,#100821b8 100%),linear-gradient(0deg,#100821cd,transparent 84%)}
.pd-pilot-modes .pmr-title{position:absolute;inset:16px auto auto 16px;padding:6px 12px;background:var(--pmr-deep);color:white;font-size:16px;font-weight:700;line-height:1.5}
.pd-pilot-modes .pmr-orbit{position:absolute;left:24%;top:45%;width:27%;height:20%;transform:translate(-50%,-50%) rotate(-15deg);pointer-events:none}
.pd-pilot-modes .pmr-orbit::before{content:'';position:absolute;inset:0;border:1px dashed #fff9;border-radius:50%;opacity:var(--track,1)}
.pd-pilot-modes .pmr-card{position:absolute;display:flex;align-items:center;justify-content:center;gap:3px;width:clamp(35px,8cqi,58px);aspect-ratio:1.55;background:white;border:1px solid #c8bcf1;border-radius:4px;box-shadow:0 2px 6px #180e3547;transform:translate(-50%,-50%) rotate(15deg)}
.pd-pilot-modes .pmr-card:nth-child(1){left:85%;top:15%}.pd-pilot-modes .pmr-card:nth-child(2){left:85%;top:85%}.pd-pilot-modes .pmr-card:nth-child(3){left:15%;top:85%}.pd-pilot-modes .pmr-card:nth-child(4){left:15%;top:15%}
.pd-pilot-modes .pmr-card svg{width:42%;height:auto;color:var(--pmr-deep);background:var(--pmr-lime);border-radius:50%;fill:none;stroke:currentColor;stroke-width:2.8}
.pd-pilot-modes .pmr-card::after{content:'';width:25%;height:6px;border-block:2px solid #8978bd}
.pd-pilot-modes #main-content .pmr-steps{align-self:end;justify-self:end;list-style:none;width:min(56%,350px);margin:0 12px 20px 0;padding:0;color:white}
.pd-pilot-modes #main-content .pmr-step{display:grid;grid-template-rows:var(--reveal,1fr);opacity:var(--opacity,1);transform:translateX(var(--offset,0px));margin:0;padding:0}
.pd-pilot-modes .pmr-step>div{min-height:0;overflow:hidden}
.pd-pilot-modes #main-content .pmr-line{display:flex;gap:8px;align-items:center;padding:8px 12px;font-size:clamp(16px,3.1cqi,23px);font-weight:700;line-height:1.25;color:white}
.pd-pilot-modes .pmr-step.is-current .pmr-line{background:var(--pmr-deep);border-radius:4px}
.pd-pilot-modes .pmr-check{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:white;color:var(--pmr-deep)}
.pd-pilot-modes .pmr-check svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:3}
.pd-pilot-modes #main-content .pmr-label small{display:block;margin-top:2px;color:white;font-size:14px;font-weight:500;line-height:1.4}
@media(max-width:760px){.pd-pilot-modes .pm-reminder-section{grid-template-columns:1fr;gap:24px;padding-bottom:48px}.pd-pilot-modes .pm-reminder-motion{min-height:560px}}
@container reminder-scene (max-width:410px){.pd-pilot-modes #main-content .pmr-steps{width:calc(100% - 24px);margin:0 12px 16px 0}.pd-pilot-modes #main-content .pmr-line{padding-inline:6px}}