/* Additions only: original hero/scroll/phone animation styles are preserved. */
.visual-example-note{font-size:12px;line-height:1.5;color:#66715d;max-width:44rem;margin:18px auto 0}
.hero-copy>.visual-example-note{max-width:40rem}.details-gallery .visual-example-note{font-size:11px}
#dialog-example-note{margin:8px 38px 18px 0;color:#f8f7ef;font-size:13px;text-align:left}
.restored-routine{background:#eee9d9;border-radius:40px;margin:0 3vw;padding:64px 5vw}
.restored-routine .steps{list-style:none;counter-reset:steps;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:0;margin:36px 0 0}
.restored-routine li{counter-increment:steps}.restored-routine li:before{content:"0" counter(steps);font-size:12px;letter-spacing:.14em;color:#677451}
.restored-routine h3{font-size:21px;letter-spacing:-.02em}.restored-routine p{font-size:15px}
.restored-device{max-width:1040px;margin:auto}.restored-device>div{max-width:760px}
.restored-faq{max-width:1000px;margin:auto}.restored-faq details{padding:22px 0;border-bottom:1px solid #d7ddcc}
.restored-faq summary{font-size:18px;font-weight:600;cursor:pointer;line-height:1.45}.restored-faq details p{max-width:760px;color:#56624f}
.feature-rows details>a{display:inline-block;margin:0 0 24px;color:#526a36;font-weight:600;text-underline-offset:4px}
.site-nav .links{gap:clamp(12px,2.5vw,26px)}footer>span:last-child{display:flex;gap:16px;flex-wrap:wrap}
@media(max-width:700px){.restored-routine{padding:40px 6vw;border-radius:28px}.restored-routine .steps{grid-template-columns:1fr;gap:20px}.visual-example-note{font-size:11px}}
@media(max-width:560px){.site-nav .links>a[href="/compare/"]{display:none}.site-nav .links{gap:12px}.site-nav .links .button{padding:11px 14px}.site-nav .links>a:not(.button){font-size:12px}}

/* Preserve the full source UI when fresh captures change native aspect. */
.mobile-motion .hero-device .phone img,.mobile-motion .train-art .panel-phone img{object-fit:contain;aspect-ratio:auto}

/* Private v4 copy draft: direct feature facts, preserving original motion hooks. */
.feature-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.feature-card{min-width:0;padding:26px 28px;border:1px solid #d7ddcc;border-radius:26px;background:#f7f1e6}
.feature-number{font-size:12px;letter-spacing:.14em;color:#526a36}
.feature-card h3{font-size:clamp(21px,2.1vw,28px);line-height:1.15;letter-spacing:-.035em;margin:12px 0}
.feature-card h3 a{color:#303c2c;text-decoration:none}.feature-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.feature-card h3 a:focus-visible{outline:2px solid #4a6232;outline-offset:5px;border-radius:3px}
.feature-arrow{color:#526a36;white-space:nowrap}.feature-card p{font-size:15px;line-height:1.5;margin:0 0 16px}
.feature-card ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:7px}
.feature-card li{font-size:12px;line-height:1.4;background:#e2e7ce;color:#303c2c;border-radius:999px;padding:7px 11px;max-width:100%}
.security-summary{max-width:72ch;font-size:14px;line-height:1.65;color:#56624f}
@media(max-width:700px){.feature-cards{grid-template-columns:1fr;gap:14px}.feature-card{padding:22px;border-radius:22px}.feature-card h3{font-size:24px}}

/* Five home-view frames follow the accepted captures' natural aspect. */
.home-overviews .panel-phone img{width:100%;height:auto;object-fit:contain;aspect-ratio:auto}
.journey-screen .journey-capture img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto}
