.parents {
 background: linear-gradient(#ffffff00, #f1faff 90px, #fff 740px),
             linear-gradient(100deg, #fff 74%, #edfaff) top / 100% 90px no-repeat;
 padding-block: 46px 64px;
}
.parents-width { width: calc(100% - 92px); max-width: 1240px; margin-inline: auto; }
.parents p { font-size: 18px; line-height: 1.65; color: var(--copy); margin: 0 0 20px; }
.parents p:last-child { margin-bottom: 0; }
.parents h2 { font-size: 36px; line-height: 1.18; letter-spacing: -.8px; margin: 0 0 22px; }
.parents h1, .parents h2 { text-wrap: balance; }
.parents h3 { font-size: 25px; line-height: 1.3; letter-spacing: -.4px; margin: 0 0 20px; }
.parents h4 { font-size: 21px; line-height: 1.35; margin: 0 0 12px; }
.parents a { text-underline-offset: 4px; text-decoration-thickness: 1px; }
.parents a:hover { color: #0064c9; }
.parents a:focus-visible, .parents button:focus-visible, .parents summary:focus-visible { outline: 3px solid #884ee7; outline-offset: 4px; }
.parents-hero { display: grid; grid-template-columns: 1fr 1.12fr; gap: 50px; align-items: center; }
.parents .parents-intro-title { color: #0069ce; font-size: 21px; font-weight: 700; margin-bottom: 14px; }
.parents .parents-hero h1 { font-size: 51px; line-height: 1.1; letter-spacing: -1.6px; margin: 0 0 24px; }
/* The homepage's French heading width must not constrain this interior page. */
.parents:lang(fr) .parents-hero h1 { max-width: none; }
.parents .parents-intro { font-size: 20px; line-height: 1.6; margin-bottom: 0; }
.parents-hero-figure { margin: 0; }
.parents-hero-image { width: 100%; height: auto; border-radius: 24px; box-shadow: 0 14px 35px #193d7415; }
.parents .parents-language-note { font-size: 14px; margin-top: 16px; }
.parents-timeline { margin-block: 50px; }
.parents-timeline ol { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin: 0; padding: 0; list-style: none; }
.parents-timeline li { position: relative; }
.parents-timeline li:not(:last-child)::after { content: ''; position: absolute; height: 1px; width: 25px; background: #9fc6e7; right: -28px; top: 50%; }
.parents-timeline a { display: flex; align-items: center; gap: 18px; padding: 20px; background: #fff; border: 1px solid #cfe1f0; border-radius: 16px; text-decoration: none; font-size: 22px; font-weight: 700; transition: border-color 160ms, background-color 160ms; }
.parents-timeline a:hover { border-color: #0084f5; background: #f3faff; }
.timeline-number, .section-number { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 50%; background: #e6f3ff; color: #006bca; font-weight: 800; flex-shrink: 0; }
.parents-section { scroll-margin-top: 22px; }
.parents-section-heading { display: flex; gap: 22px; align-items: flex-start; margin-bottom: 30px; }
.section-number { background: #0078ef; color: white; width: 48px; height: 48px; font-size: 23px; }
.parents-section-heading h2 { margin-bottom: 0; }
.parents-install { border: 1px solid #cbdfee; border-top: 4px solid #0084f5; background: #fff; box-shadow: 0 12px 34px #193d7409; border-radius: 24px; padding: 38px; }
.android-notice { display: flex; align-items: center; gap: 20px; padding: 20px 25px; background: #e8f6ef; border: 1px solid #bfdecf; border-radius: 14px; margin-bottom: 38px; }
.android-notice strong { color: #155c47; font-size: 23px; }
.parents .android-notice p { color: #244f45; font-size: 18px; margin: 3px 0 0; }
.parents-account-guide { display: grid; grid-template-columns: 1.05fr 1fr; gap: 58px; align-items: start; }
.account-directions { list-style: none; padding: 0; margin: 28px 0; counter-reset: account; }
.account-directions li { position: relative; counter-increment: account; padding-left: 40px; margin-bottom: 19px; font-size: 18px; line-height: 1.6; color: var(--navy); }
.account-directions li::before { content: counter(account); position: absolute; left: 0; top: 1px; font-size: 15px; font-weight: 800; background: #e6f2fc; width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; }
.parents .multiple-devices { background: #f3f8fc; border-left: 3px solid #80bbed; padding: 18px 20px; font-size: 17px; }
.multiple-devices strong { display: block; margin-bottom: 4px; color: var(--navy); }
.parents-download-guide { border-top: 1px solid #d4e4f0; margin-top: 32px; padding-top: 32px; }
/* A single connected path, rather than rows of numbered cells. */
.download-flow { list-style: none; margin: 32px 0; padding: 0 0 0 30px; }
.download-flow > li { position: relative; border-left: 2px solid #90c5ee; padding: 0 0 36px 36px; }
.download-flow > li:last-child { border-color: transparent; padding-bottom: 0; }
.flow-marker { position: absolute; left: -19px; top: 0; width: 36px; height: 36px; display: grid; place-items: center; background: #e8f4ff; color: #006ac5; border: 5px solid #fff; border-radius: 50%; font-size: 23px; line-height: 1; }
.flow-action { display: flex; align-items: center; gap: 22px; margin-bottom: 12px; }
.flow-action h4 { margin: 0; }
.parents .download-flow p { max-width: 850px; font-size: 17px; margin-bottom: 16px; }
.download-example { display: inline-block; padding: 10px 23px; color: #fff; background: #086ed3; border-radius: 9px; font-size: 16px; font-weight: 700; white-space: nowrap; }
.flow-word { font-size: 16px; font-weight: 700; color: #006ac5; white-space: nowrap; }
.flow-options { display: flex; gap: 16px; align-items: center; color: #075298; font-size: 17px; }
.flow-options span { border: 1px solid #c6dff2; border-radius: 10px; padding: 12px 18px; background: #f3f9fe; }
.flow-options b { font-size: 15px; color: var(--copy); font-weight: 400; }
.flow-complete .flow-marker { color: #237449; background: #e4f3e9; }
.parents .parents-install-note { padding-top: 22px; border-top: 1px solid #d4e4f0; font-size: 16px; }
.parents-install-note a { color: #0064c9; white-space: nowrap; }
.parents-use, .parents-next { padding-top: 56px; }
#use-title span { display: block; }
#use-title span + span { margin-top: 5px; }
.parents-use-grid, .parents-next-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 56px; align-items: start; }
.parents-editorial-copy { max-width: 760px; }
.parents-editorial-copy p + p { margin-top: 26px; }
.parents-editorial-image { margin: 0; }
.parents-editorial-image img { display: block; width: 100%; height: auto; border-radius: 22px; box-shadow: 0 12px 30px #18395412; }
.parents-review { margin: 0; align-self: end; width: 100%; max-width: 440px; justify-self: center; }
.parents-review img { display: block; width: 100%; height: auto; }
.parents-next { margin-top: 44px; border-top: 1px solid #d9e8f3; }
.parents-faq { display: grid; grid-template-columns: .8fr 1.5fr; gap: 70px; border-top: 1px solid #d9e8f3; margin-top: 48px; padding-top: 42px; }
.parents-questions { border-top: 1px solid #d2e3ef; }
.parents details { border-bottom: 1px solid #d2e3ef; }
.parents summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 4px; font-size: 18px; line-height: 1.4; font-weight: 700; cursor: pointer; list-style: none; transition: color 160ms ease; }
.parents summary::-webkit-details-marker { display: none; }
.parents summary::after { content: '+'; color: #0076d6; font-size: 25px; line-height: 1; font-weight: 400; flex-shrink: 0; }
.parents details[open] summary::after { content: '−'; }
.parents summary:hover { color: #0064c9; }
.parents details p, .parents details p:last-child { font-size: 17px; margin: 0 30px 20px 4px; }
/* Photographic phone/hand with crisp local screen content. The static default is the result. */
.play-tutorial { margin: 0 auto; width: 100%; max-width: 390px; position: relative; border-radius: 22px; overflow: hidden; box-shadow: 0 12px 28px #1839541c; }
.tutorial-device { width: 100%; aspect-ratio: 780 / 1536; position: relative; container-type: inline-size; overflow: hidden; }
.tutorial-phone-frame { position: absolute; width: 131.282%; max-width: none; height: 100%; left: -15.641%; top: 0; }
.tutorial-screen { position: absolute; inset: 7.1% 12.8% 9.1% 12.3%; overflow: hidden; border-radius: 6.7cqw; background: #f8fafd; color: #202124; font-family: Arial, sans-serif; }
.tutorial-screen::after { content: ''; position: absolute; z-index: 4; pointer-events: none; inset: 0; background: linear-gradient(115deg,#fff1,transparent 32%,#18354f04); box-shadow: inset 0 0 4px #0002; border-radius: inherit; }
.tutorial-status { position: absolute; top: 1.7%; left: 6%; right: 6%; display: flex; justify-content: space-between; z-index: 3; font-size: 2.9cqw; font-weight: 700; }
.tutorial-status::after { content: ''; position: absolute; left: 47%; width: 3cqw; height: 3cqw; border-radius: 50%; background: #101722; box-shadow: inset 1px 1px 2px #607480; }
.tutorial-screen::before { content: ''; position: absolute; bottom: 1%; left: 35%; width: 30%; height: .7cqw; background: #202124; border-radius: 5px; z-index: 3; }
.tutorial-home, .tutorial-store { position: absolute; inset: 0; }
.tutorial-home { background: radial-gradient(ellipse at 90% 90%,#749aa5 0 27%,transparent 28%),radial-gradient(ellipse at 8% 50%,#b9d8d3 0 33%,transparent 34%),linear-gradient(150deg,#e5efdf,#c3dce1 53%,#9cb7ce); }
.tutorial-home-date { margin: 13% 8% 0; font-size: 3.3cqw; line-height: 1.8; }
.tutorial-home-date span { display: block; }
.tutorial-home-clock { display: block; margin: 5% auto 0; text-align: center; font-size: 21cqw; line-height: .95; font-weight: 300; letter-spacing: -1cqw; color: #254d50; }
.tutorial-home-play { position: absolute; top: 58%; left: 37%; width: 27%; display: grid; justify-items: center; gap: 5px; font-size: 3.5cqw; }
.tutorial-home-play img { width: 12cqw; height: 12cqw; background: #fff; border-radius: 50%; padding: 2.5cqw; box-shadow: 0 2px 4px #2342; }
.tutorial-dock { position: absolute; bottom: 15%; left: 8%; right: 8%; display: flex; justify-content: space-between; }
.tutorial-dock span { display: grid; place-items: center; width: 11cqw; height: 11cqw; border-radius: 50%; background: #edf6e7; color: #345664; font-size: 6cqw; }
.tutorial-search { position: absolute; bottom: 5%; left: 6%; right: 6%; border-radius: 8cqw; background: #f5faf1; padding: 2.5cqw 4cqw; display: flex; justify-content: space-between; font-size: 5cqw; color: #4175af; }
.tutorial-store { background: #fff; padding: 13% 6% 0; }
.tutorial-store-head { display: flex; align-items: center; gap: 2cqw; font-size: 4.7cqw; text-align: left; letter-spacing: -.2px; }
.tutorial-store-head img { width: 5.8cqw; height: 6.4cqw; }
.tutorial-avatar { display: inline-grid; place-items: center; width: 8cqw; height: 8cqw; flex-shrink: 0; border-radius: 50%; background: #256150; color: white; font-size: 4cqw; }
.tutorial-store-head .tutorial-avatar { margin-left: auto; }
.tutorial-store-tabs { display: flex; justify-content: space-between; font-size: 3.4cqw; margin: 6cqw 0 4cqw; color: #5f6368; }
.tutorial-store-tabs b { color: #0962d5; border-bottom: 2px solid; padding-bottom: 3cqw; }
.tutorial-store-feature { overflow: hidden; border-radius: 4cqw; padding: 5cqw; background: linear-gradient(120deg,#173c68,#547892); color: #fff; font-size: 5cqw; line-height: 1.2; }
.tutorial-feature-art { display: flex; justify-content: center; gap: 3cqw; margin-top: 6cqw; font-size: 10cqw; color: #ffe2a1; }
.tutorial-feature-art span:nth-child(2) { color: #badbea; transform: rotate(-12deg); }
.tutorial-store-label { display: flex; justify-content: space-between; margin: 6cqw 0 4cqw; font-size: 3.6cqw; font-weight: 500; }
.tutorial-app-row { display: flex; justify-content: space-between; gap: 3cqw; font-size: 3cqw; }
.demo-app { width: 17cqw; height: 17cqw; display: grid; place-items: center; border-radius: 4cqw; margin-bottom: 2cqw; font-size: 8cqw; box-shadow: 0 0 0 1px #e7e9ed; }
.demo-video { background: #fff; color: #f52222; }
.demo-maps { background: linear-gradient(130deg,#d7edbf 50%,#bed9ed 51%); }
.demo-photos { background: #fff; color: #ec9b26; font-size: 14cqw; }
.tutorial-store-chips { display: flex; gap: 2cqw; font-size: 2.8cqw; }
.tutorial-store-chips span { border: 1px solid #ddd; border-radius: 6cqw; padding: 2cqw 3cqw; }
.tutorial-store-bottom { position: absolute; bottom: 4%; left: 0; right: 0; padding: 3cqw 4cqw; background: #f1f4f8; display: flex; justify-content: space-between; font-size: 5cqw; text-align: center; }
.tutorial-store-bottom small { display: block; font-size: 2.6cqw; margin-top: 1.5cqw; }
.tutorial-store-bottom b { color: #0955aa; }
.tutorial-panel-shade { position: absolute; inset: 6% 0 0; background: #15243550; }
.tutorial-account { position: absolute; top: 8%; left: 3%; right: 3%; border-radius: 5cqw; background: #f0f4f9; box-shadow: 0 6px 18px #1234; padding: 4cqw 3cqw; }
.tutorial-account-top { display: flex; font-size: 5cqw; margin-bottom: 5cqw; }
.tutorial-account-top b { margin-left: 25%; font-weight: 500; color: #5f6368; }
.tutorial-account-identity { display: flex; align-items: center; flex-wrap: wrap; gap: 2cqw; }
.tutorial-account-identity > div { flex: 1; }
.tutorial-account-identity strong { font-size: 3.7cqw; font-weight: 500; }
.tutorial-account-identity > span:last-child { display: none; }
.tutorial-email { position: relative; font-size: 4.25cqw; white-space: nowrap; line-height: 1.8; color: #202124; }
.tutorial-email svg { position: absolute; width: 110%; height: 12cqw; left: -5%; top: -2cqw; overflow: visible; }
.tutorial-marker { fill: none; stroke: #e02c24; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: var(--marker-offset, 0); }
.tutorial-manage { border: 1px solid #aebccc; color: #185abc; border-radius: 6cqw; padding: 2cqw 2.5cqw; display: block; font-size: 3cqw; margin: 5cqw 0 0 9cqw; text-align: center; }
.tutorial-account-items { display: grid; gap: 6cqw; margin-top: 5cqw; padding: 5cqw 0 3cqw; border-top: 1px solid #dae1e7; font-size: 3.5cqw; text-align: left; }
.tutorial-account-items > span { display: flex; gap: 3cqw; align-items: center; }
.tutorial-account-footer { border-top: 1px solid #dae1e7; font-size: 2.7cqw; text-align: center; padding-top: 4cqw; margin-top: 3cqw; }
.tutorial-finger { position: absolute; width: 70%; max-width: none; height: auto; left: var(--finger-x, 50%); top: var(--finger-y, 60%); transform: translate(-48%, -7%) rotate(-32deg) scale(var(--finger-scale,1)); transform-origin: 48% 7%; filter: drop-shadow(2px 4px 2px #173a4f22); opacity: var(--finger-opacity, 0); pointer-events: none; z-index: 5; }
.tutorial-tap { position: absolute; left: var(--tap-x,83%); top: var(--tap-y,12%); width: 11%; aspect-ratio: 1; border: 2px solid #80baf5; border-radius: 50%; transform: translate(-50%,-50%) scale(var(--tap-scale,1)); opacity: var(--tap-opacity,0); z-index: 4; }
.play-tutorial[data-phase="0"] .tutorial-store, .play-tutorial[data-phase="0"] .tutorial-panel-shade, .play-tutorial[data-phase="0"] .tutorial-account,
.play-tutorial[data-phase="1"] .tutorial-panel-shade, .play-tutorial[data-phase="1"] .tutorial-account,
.play-tutorial[data-phase="2"] .tutorial-panel-shade, .play-tutorial[data-phase="2"] .tutorial-account { visibility: hidden; }
.play-tutorial:not([data-phase="0"]) .tutorial-home { visibility: hidden; }
.tutorial-play { position: absolute; bottom: 12px; right: 12px; border: 1px solid #d3dce5; border-radius: 50%; width: 44px; height: 44px; background: #fffffff0; color: #16364d; cursor: pointer; font-size: 18px; }
.tutorial-play[hidden] { display: none; }
@media (max-width:1100px) {
 .parents { padding-block: 32px 48px; }
 .parents-width { width: calc(100% - 48px); }
 .parents-hero { gap: 30px; grid-template-columns: 1fr 1fr; }
 .parents .parents-hero h1 { font-size: 42px; }
 .parents .parents-intro { font-size: 18px; }
 .parents p, .account-directions li { font-size: 17px; }
 .parents h2 { font-size: 31px; }
 .parents h3 { font-size: 23px; }
 .parents-timeline { margin-block: 36px; }
 .parents-timeline ol { gap: 22px; }
 .parents-timeline a { padding: 16px 12px; gap: 12px; font-size: 19px; }
 .parents-timeline li:not(:last-child)::after { width: 17px; right: -20px; }
 .parents-install { padding: 28px; }
 .parents-account-guide { gap: 28px; grid-template-columns: 1fr 1fr; }
 .parents-use-grid, .parents-next-grid { grid-template-columns: 1.5fr 1fr; gap: 32px; }
 .parents-faq { gap: 36px; }
}
@media (max-width:700px) {
 .parents { padding-block: 28px 40px; }
 .parents-width { width: calc(100% - 40px); }
 .parents-hero, .parents-account-guide, .parents-use-grid, .parents-next-grid, .parents-faq { grid-template-columns: 1fr; }
 .parents .parents-hero h1 { font-size: 40px; letter-spacing: -1.1px; }
 .parents .parents-intro-title { font-size: 19px; }
 .parents .parents-intro { font-size: 18px; }
 .parents p, .account-directions li { font-size: 16px; }
 .parents h2 { font-size: 29px; }
 .parents h3 { font-size: 23px; }
 .parents h4 { font-size: 20px; }
 .parents-hero-image { border-radius: 18px; }
 .parents-timeline { margin-block: 32px; }
 .parents-timeline ol { grid-template-columns: 1fr; gap: 16px; }
 .parents-timeline a { padding: 16px 20px; }
 .parents-timeline li:not(:last-child)::after { width: 1px; height: 16px; top: 100%; left: 41px; right: auto; }
 .parents-install { padding: 26px 20px; border-radius: 18px; }
 .parents-section-heading { gap: 14px; margin-bottom: 25px; }
 .section-number { width: 34px; height: 34px; font-size: 19px; }
 .android-notice { padding: 18px 15px; gap: 14px; margin-bottom: 28px; align-items: flex-start; }
 .android-notice img { flex-shrink: 0; width: 30px; height: auto; }
 .android-notice strong { font-size: 20px; }
 .parents .android-notice p { font-size: 16px; }
 .parents-account-guide { gap: 28px; }
 .account-directions li { padding-left: 35px; }
 .parents .multiple-devices { font-size: 16px; padding: 16px; }
 .parents-download-guide { margin-top: 28px; padding-top: 28px; }
 .parents-use, .parents-next { padding-top: 36px; }
 .download-flow { padding-left: 15px; }
 .download-flow > li { padding-left: 26px; }
 .flow-action { align-items: flex-start; flex-direction: column; gap: 12px; }
 .flow-options { flex-direction: column; align-items: stretch; gap: 8px; }
 .flow-options b { text-align: center; }
 .parents .download-flow p { font-size: 16px; }
 .play-tutorial { max-width: 350px; }
 .tutorial-account-identity { display: block; text-align: center; }
 .tutorial-account-identity > .tutorial-avatar { margin-bottom: 2cqw; }
 .tutorial-email { font-size: 5.2cqw; }
 .tutorial-manage { margin-left: 0; }
 .parents-editorial-image { max-width: 430px; margin-inline: auto; }
 .parents-next { margin-top: 30px; }
 .parents-use-grid, .parents-next-grid { gap: 25px; }
 .parents-faq { margin-top: 34px; padding-top: 30px; gap: 20px; }
 .parents summary { font-size: 17px; padding-block: 18px; gap: 18px; }
 .parents details p, .parents details p:last-child { font-size: 16px; margin-right: 16px; }
}
@media (prefers-reduced-motion: reduce) {
 .parents *, .parents *::before, .parents *::after { scroll-behavior: auto; transition: none; }
 .tutorial-play { display: none; }
}