/* Open layouts and a calm, readable rhythm across the marketing site. */
.eyebrow { text-transform:none; letter-spacing:.025em; font-size:13px; line-height:1.5; }
.chapter-number { display:none; }
.everyday-home .hero-copy > .eyebrow { font-size:13px; letter-spacing:.025em; }
.everyday-home .hero-description { font-size:18px; line-height:1.8; }
.everyday-home .hero-note { max-width:430px; }
.everyday-home .service-line { padding-block:19px; }
.everyday-home .service-line > p { display:none; }
.section { padding-block:88px; }
.section-heading h2 { line-height:1.12; }
.section-heading > p,.two-column-heading > p { font-size:17px; line-height:1.8; }
.anchor-target { display:block; scroll-margin-top:110px; }
.editorial-benefits { background:#101d27; border-block:1px solid #c3d8d40f; }
.editorial-benefits .section-heading { align-items:end; }
.editorial-benefits .section-heading h2 { font-size:clamp(36px,4vw,55px); }
.editorial-benefits .benefit-grid { gap:48px; margin-top:42px; }
.editorial-benefits .benefit-editorial { border:0; border-radius:0; background:none; padding:0 0 4px; box-shadow:none; }
.editorial-benefits .benefit-editorial > .icon { width:27px; height:27px; margin:0 0 22px; }
.editorial-benefits .benefit-editorial h3 { font-size:24px; line-height:1.35; }
.editorial-benefits .benefit-editorial p { margin-block:14px 21px; font-size:16px; line-height:1.75; }
.editorial-benefits .benefit-editorial:hover { box-shadow:none; background:none; }
.enhanced-motion .benefit-editorial.is-visible:hover { transform:none; }
.family-spotlight,.story-band { background:#e5ebe4; color:#172e2b; border:0; }
.family-spotlight .accent,.story-band .accent { color:#28634f; }
.spotlight-grid { display:grid; grid-template-columns:1.15fr 1fr; gap:48px 80px; align-items:center; }
.spotlight-copy h2 { font-size:clamp(36px,4vw,56px); line-height:1.12; margin-top:17px; }
.spotlight-copy > p:not(.eyebrow):not(.spotlight-note) { color:#405952; font-size:17px; line-height:1.8; margin-top:21px; max-width:510px; }
.family-spotlight .eyebrow,.story-band .eyebrow { color:#45695e; }
.spotlight-copy .button { margin-top:27px; }
.spotlight-copy > .text-link { margin-top:19px; display:flex; width:fit-content; }
.family-spotlight .button-primary { background:#285d4c; border-color:#285d4c; color:#fff; }
.family-spotlight .button-primary:hover { background:#1e4d3d; border-color:#1e4d3d; }
.family-spotlight .text-link { color:#285d4c; }
.spotlight-copy .spotlight-note { font-size:12px; color:#526a62; line-height:1.75; margin-top:24px; max-width:420px; }
.life-product { position:relative; min-width:0; padding:0 0 52px 34px; isolation:isolate; }
.life-product-photo { border-radius:20px; box-shadow:0 18px 40px #162c2a15; }
.life-product-photo img { aspect-ratio:3/2; }
.proof-shot { position:absolute; bottom:0; left:0; margin:0; width:clamp(100px,11vw,144px); }
.proof-shot img { display:block; width:100%; height:auto; border:5px solid #253638; border-radius:23px; background:#0c181e; box-shadow:0 16px 35px #13251f35; }
.proof-shot figcaption { font-size:11px; line-height:1.5; margin-top:10px; color:#3d5a4f; text-align:center; }
.proof-watch { width:clamp(155px,16vw,215px); }
.proof-watch img { border:0; border-radius:15px; }
.professional-inline { grid-column:1/-1; display:flex; justify-content:space-between; gap:30px; align-items:center; border-top:1px solid #456b5538; padding-top:29px; }
.professional-inline h3 { font-size:21px; margin-bottom:9px; }
.professional-inline p { font-size:15px; line-height:1.8; color:#49655a; }
.professional-inline .text-link { flex-shrink:0; }
.everyday-home .follow-section { background:#0b1421; border:0; }
.everyday-home .follow-heading { gap:60px; }
.everyday-home .follow-introduction { max-width:440px; }
.everyday-home .follow-introduction p { font-size:17px; }
.everyday-home .app-explorer { margin-top:48px; }
.everyday-home .beta-invitation { padding-top:24px; }
.everyday-home .invitation-icon { display:none; }
.everyday-home .app-feature { padding-block:24px; }
.everyday-home .feature-content > span { line-height:1.8; }
.everyday-home .feature-index { display:none; }
.everyday-home .connect-section { border-block:1px solid #bdd8d310; }
.everyday-home .provider-grid { gap:0 26px; }
.everyday-home .provider-grid > li { border:0; border-bottom:1px solid var(--line); border-radius:0; background:none; }
.everyday-home .provider-grid > li:hover { background:none; }
.enhanced-motion .provider-grid > .is-visible:hover { transform:none; }
.everyday-home .compatibility-help { border-radius:0; padding-left:22px; }
.everyday-home .getting-started { padding-block:65px; }
.everyday-home .getting-started .section-heading { margin-bottom:30px; }
.everyday-home .steps { gap:45px; }
.everyday-home .steps article { padding-top:25px; }
.everyday-home .steps p { font-size:16px; }
.everyday-home .steps .step-number { font-size:13px; }
.everyday-home .plans-section { padding-top:54px; }
.everyday-home .plans-section > .plans-copy { padding-top:0; }
.everyday-home .plan-card { border-color:#c0dcd640; box-shadow:0 18px 60px #0002; }
.everyday-home .plan-card .micro-label { text-transform:none; font-size:13px; letter-spacing:.02em; }
.display-preview { display:grid; grid-template-columns:1fr .8fr; gap:100px; align-items:center; border-block:1px solid var(--line); padding-block:65px; }
.display-preview-copy h2 { font-size:clamp(35px,3.5vw,49px); line-height:1.15; margin-top:19px; }
.display-preview-copy > p:not(.eyebrow):not(.scope-note) { font-size:17px; line-height:1.8; color:#b9c7ce; max-width:485px; margin-top:23px; }
.display-preview-copy .text-link { margin-top:24px; }
.display-preview-copy .scope-note { max-width:440px; }
.display-preview-image { min-width:0; display:block; }
.display-preview-image img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:18px; }
.display-preview-image > span { display:flex; justify-content:space-between; gap:20px; font-size:12px; color:#afc1ca; margin-top:13px; line-height:1.6; }
.display-preview-image .icon { flex-shrink:0; width:16px; height:16px; }
.existing-nightscout { padding-bottom:75px; }
.existing-nightscout .advanced-details { margin-top:0; }
.existing-nightscout .advanced-details > summary { font-size:17px; }
.everyday-home .faq-section { padding-bottom:45px; }
.faq-list summary { font-size:17px; line-height:1.6; }
.faq-answer p { font-size:16px; line-height:1.8; }
.journey-page .journey-hero-copy .eyebrow { font-size:12px; letter-spacing:.025em; }
.journey-benefits p,.journey-differences p { font-size:16px; }
.story-band .scenario-copy > p:not(.eyebrow),.story-band .scenario-copy > p.scenario-payoff { color:#405952; }
.story-band .scenario-note,.story-band .timeline-note { color:#526a62; }
.story-band .scenario-copy h2 { color:#172e2b; }
.story-band .timeline-time { color:#28634f; }
.story-band .timeline-event p { color:#405952; }
.story-band .scenario-timeline { background:none; border:0; border-top:1px solid #486c5738; border-radius:0; box-shadow:none; }
.story-band .timeline-note { border-top-color:#486c5738; }
.story-band .scenario-grid.has-lifestyle > .life-product { grid-area:photo; }
.story-band .has-lifestyle > .scenario-timeline { padding-inline:0; }
.journey-differences article { border-top-color:#9abaae3b; }
.family-situation { background:none; border:0; border-bottom:1px solid var(--line); border-radius:0; padding:35px 0 55px; gap:70px; }
.family-situations { gap:10px; }
.family-situation .family-lifestyle { padding-bottom:0; }
.family-situation-copy .eyebrow { font-size:12px; letter-spacing:.03em; }
.family-situations > .lifestyle-credit { margin-top:7px; }
.displays-hero { padding-block:70px 60px; max-width:1000px; }
.displays-hero h1 { font-size:clamp(44px,5.2vw,74px); letter-spacing:-.05em; line-height:1.1; margin-top:20px; }
.displays-hero .journey-description { max-width:660px; }
.displays-hero + .widget-section { background:#101d27; }
.displays-hero ~ .widget-section .widget-section-note { font-size:12px; }
.displays-hero ~ .widget-section .hardware-showcase { padding-top:80px; border-top:1px solid var(--line); margin-top:70px; }
.displays-hero ~ .widget-section .hardware-kind { font-size:11px; text-transform:none; letter-spacing:.03em; }
.displays-hero ~ .widget-section .hardware-heading > h3 { font-size:44px; }
@media(max-width:1020px) {
 .spotlight-grid { gap:36px 45px; }
 .life-product { padding-left:24px; padding-bottom:44px; }
 .proof-shot { width:115px; }
 .proof-watch { width:170px; }
 .editorial-benefits .benefit-grid { gap:30px; }
 .display-preview { gap:50px; }
 .family-situation { gap:35px; }
}
@media(max-width:800px) {
 .section { padding-block:68px; }
 .spotlight-grid { grid-template-columns:1fr; }
 .spotlight-grid > .life-product { max-width:600px; width:100%; }
 .spotlight-copy > p:not(.eyebrow):not(.spotlight-note) { max-width:600px; }
 .professional-inline { flex-direction:column; align-items:flex-start; gap:16px; }
 .everyday-home .follow-heading { gap:30px; }
 .display-preview { gap:35px; }
 .everyday-home .steps { gap:25px; }
 .displays-hero { padding-block:45px; }
}
@media(max-width:700px) {
 .everyday-home .hero-copy > .eyebrow,.eyebrow { font-size:12px; }
 .everyday-home .hero-description { font-size:17px; }
 .everyday-home .service-line { display:flex; flex-wrap:wrap; gap:10px 24px; }
 .everyday-home .service-line > span { font-size:12px; }
 .editorial-benefits .benefit-grid { gap:0; margin-top:26px; }
 .editorial-benefits .benefit-editorial { padding:25px 0; border-top:1px solid var(--line); }
 .editorial-benefits .benefit-editorial > .icon { margin-bottom:15px; }
 .editorial-benefits .benefit-editorial p { max-width:520px; }
 .section-heading > p,.two-column-heading > p { font-size:16px; }
 .spotlight-copy h2 { font-size:39px; }
 .spotlight-copy > p:not(.eyebrow):not(.spotlight-note) { font-size:16px; }
 .proof-shot { width:104px; }
 .proof-watch { width:157px; }
 .proof-shot img { border-width:4px; border-radius:17px; }
 .proof-shot figcaption { font-size:10px; }
 .spotlight-grid { gap:29px; }
 .life-product { padding-left:25px; padding-bottom:55px; }
 .professional-inline { padding-top:24px; }
 .everyday-home .app-explorer { margin-top:32px; }
 .everyday-home .app-feature { padding:17px 4px; }
 .everyday-home .getting-started { padding-block:58px; }
 .display-preview { grid-template-columns:1fr; gap:32px; padding-block:55px; }
 .display-preview-copy > p:not(.eyebrow):not(.scope-note) { font-size:16px; }
 .display-preview-image { max-width:490px; }
 .display-preview-image img { aspect-ratio:1.6; }
 .existing-nightscout { padding-bottom:45px; }
 .faq-list summary { font-size:16px; }
 .story-band .has-lifestyle .timeline-event + .timeline-event { border-color:#486c5738; }
 .family-situation { padding:30px 0 45px; gap:28px; }
 .displays-hero ~ .widget-section .hardware-heading > h3 { font-size:36px; }
}
@media(max-width:370px) {
 .spotlight-copy h2 { font-size:34px; }
 .proof-shot { width:84px; }
 .proof-watch { width:137px; }
 .professional-inline .text-link { font-size:13px; }
}

/* One readable app view, with a small supporting watch view. */
.everyday-home .everyday-hero { grid-template-columns:1fr 1fr; gap:64px; padding-block:48px 58px; }
.hero-showcase { display:grid; grid-template-columns:minmax(0,1fr) minmax(125px,.72fr); gap:24px; align-items:center; min-width:0; padding-left:15px; }
.hero-app { margin:0; min-width:0; max-width:280px; justify-self:end; }
.hero-app-frame { position:relative; border:7px solid #253638; border-radius:33px; box-shadow:0 24px 60px #0005,0 0 65px #70c9aa12; }
.hero-app-frame > img { display:block; width:100%; height:auto; border-radius:25px; }
.hero-app > figcaption,.hero-watch > figcaption { color:#a6bbc5; font-size:11px; line-height:1.7; text-align:center; margin-top:12px; }
.screen-pin { position:absolute; display:grid; place-items:center; width:24px; height:24px; right:-16px; background:#a2e2c5; color:#132c26; border:3px solid #0c1820; border-radius:50%; font-size:11px; font-weight:700; }
.pin-reading { top:21.3%; }
.pin-updated { top:26.2%; }
.pin-context { top:48%; }
.hero-guide { min-width:0; padding-top:10px; }
.reading-guide { padding:0; margin:0; list-style:none; display:grid; gap:27px; }
.reading-guide li { display:flex; align-items:flex-start; gap:10px; }
.reading-guide li > span { display:grid; place-items:center; flex:0 0 21px; width:21px; height:21px; border-radius:50%; border:1px solid #a2e2c548; color:#b3e4d0; font-size:11px; margin-top:2px; }
.reading-guide strong { display:block; font-size:14px; font-weight:500; line-height:1.5; color:#e2eeeb; }
.reading-guide p { font-size:12px; color:#a7b9c5; line-height:1.75; margin-top:5px; }
.hero-watch { margin:30px 0 0; max-width:190px; }
.hero-watch img { display:block; width:100%; height:auto; border-radius:16px; border:1px solid #9dcbb92b; }
.hero-watch > figcaption { text-align:left; font-size:11px; }
.hero-showcase-note { grid-column:1/-1; color:#a7b9c5; font-size:11px; line-height:1.7; margin-top:-10px; text-align:center; }
.everyday-home .app-feature-list .feature-content > span { display:none; }
.everyday-home .app-feature { padding-block:20px; }
.everyday-home .app-feature .feature-content strong { font-size:20px; }
.feature-guide { grid-column:1; grid-row:2; padding-top:22px; border-top:1px solid var(--line); }
.guide-heading { font-size:12px; color:#add7c6; margin-bottom:14px; }
.feature-guide ol { list-style:none; margin:0; padding:0; counter-reset:guide; display:grid; gap:15px; }
.feature-guide li { display:grid; grid-template-columns:25px 1fr; column-gap:12px; counter-increment:guide; }
.feature-guide li::before { content:counter(guide,decimal-leading-zero); font-size:11px; color:#92baa9; grid-row:1/3; padding-top:2px; }
.feature-guide strong { font-size:15px; line-height:1.5; font-weight:500; }
.feature-guide li > span { font-size:14px; color:#aebfc9; line-height:1.7; margin-top:3px; }
.feature-guide .guide-footnote { font-size:12px; color:#a7b9c5; line-height:1.7; margin-top:18px; }
.everyday-home .beta-invitation { grid-row:3; }
.everyday-home .explorer-device { grid-row:1/span 3; align-self:center; }
.journey-phone-visual > img,.proof-phone img { border-color:#253638; box-shadow:0 24px 60px #0005; }
.journey-visual figcaption,.screen-caption { font-size:11px; line-height:1.7; letter-spacing:0; }
.hero-buttons .button,.conversion-actions .button { min-height:50px; }
.mobile-next-step { display:none; }
@media(max-width:1100px) and (min-width:801px) {
 .everyday-home .everyday-hero { gap:38px; }
 .hero-showcase { gap:20px; grid-template-columns:minmax(0,1.15fr) minmax(125px,.8fr); padding-left:0; }
 .hero-app-frame { border-width:5px; border-radius:27px; }
 .hero-app-frame > img { border-radius:21px; }
 .reading-guide { gap:20px; }
 .reading-guide li { gap:7px; }
 .reading-guide strong { font-size:13px; }
 .reading-guide p { font-size:11px; }
}
@media(max-width:800px) {
 .everyday-home .everyday-hero { grid-template-columns:1fr; gap:35px; padding-block:40px 45px; }
 .hero-showcase { width:100%; max-width:590px; justify-self:center; grid-template-columns:minmax(0,1fr) minmax(130px,.75fr); }
 .hero-app { max-width:270px; }
 .hero-watch { max-width:190px; }
}
@media(max-width:700px) {
 body.has-mobile-next-step { padding-bottom:calc(76px + env(safe-area-inset-bottom,0px)); }
 html { scroll-padding-bottom:85px; }
 .mobile-next-step:not([hidden]) { display:block; position:fixed; inset:auto 0 0; z-index:80; background:#0b1520f5; border-top:1px solid #a0c7bc40; box-shadow:0 -8px 30px #0003; padding:10px 20px calc(10px + env(safe-area-inset-bottom,0px)); backdrop-filter:blur(15px); }
 .mobile-next-step .button { width:100%; min-height:48px; justify-content:center; font-size:14px; }
 .hero-showcase { gap:20px; grid-template-columns:minmax(0,1fr) minmax(117px,.72fr); padding-left:0; }
 .hero-app-frame { border-width:5px; border-radius:24px; }
 .hero-app-frame > img { border-radius:18px; }
 .reading-guide { gap:18px; }
 .reading-guide li { gap:6px; }
 .reading-guide li > span { flex-basis:18px; width:18px; height:18px; font-size:10px; }
 .reading-guide strong { font-size:13px; }
 .reading-guide p { font-size:12px; line-height:1.6; }
 .hero-watch { margin-top:20px; }
 .hero-watch img { border-radius:10px; }
 .hero-watch > figcaption { font-size:10px; line-height:1.5; }
 .hero-showcase-note { font-size:11px; margin-top:0; }
 .hero-app > figcaption { font-size:10px; }
 .screen-pin { width:21px; height:21px; font-size:10px; right:-14px; }
}
@media(max-width:370px) {
 .hero-showcase { gap:16px; grid-template-columns:minmax(0,1fr) minmax(111px,.78fr); }
 .reading-guide p { font-size:11px; }
 .reading-guide li { gap:5px; }
 .hero-watch > figcaption { font-size:9px; }
 .hero-guide { padding-top:0; }
}

@media(max-width:640px) {
 .everyday-home .explorer-device { grid-column:1; grid-row:2; }
 .feature-guide { grid-column:1; grid-row:3; padding-top:24px; }
 .everyday-home .beta-invitation { grid-row:4; }
 .everyday-home .app-feature { padding:17px 4px; }
}

/* Sign-up is the primary customer action; compatibility stays easy to find. */
.hero-compatibility { margin-top:17px; }
.hero-compatibility .text-link { font-size:13px; color:#b8d4c9; }
.journey-hero-note a,.closing-action p a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.family-principles .family-compatibility { margin-left:24px; }
@media(max-width:700px) {
 .family-principles .family-compatibility { display:flex; margin:20px 0 0; width:fit-content; }
}

/* The full plan selection belongs to account creation. */
.everyday-home .plan-card-simple { padding:34px; }
.plan-card-simple .plan-from { font-size:15px; color:#c2d2db; }
.plan-card.plan-card-simple > .plan-amount { display:flex; align-items:baseline; flex-wrap:wrap; gap:10px 14px; color:var(--mint); font-size:72px; line-height:1.05; margin:12px 0 13px; letter-spacing:-.05em; }
.plan-card-simple .plan-amount > span { font-size:18px; letter-spacing:0; font-weight:400; color:#d0dce2; }
.plan-card-simple .plan-basis { font-size:13px; color:#a9becb; line-height:1.7; }
.plan-card-simple > .button { margin-top:28px; min-height:50px; }
@media(max-width:640px) {
 .everyday-home .plan-card-simple { padding:28px; }
 .plan-card.plan-card-simple > .plan-amount { font-size:64px; }
 .plan-card-simple .plan-amount > span { font-size:16px; }
}
/* Keep the legacy desk anchor out of the display preview grid. */
.display-preview { position:relative; }
.display-preview > .anchor-target { position:absolute; top:0; left:0; }

/* The available currencies share the From line, aligned to its right edge. */
.plan-price-top { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:34px; }
.currency-switch { display:flex; flex-wrap:nowrap; align-items:center; gap:3px; padding:3px; border:1px solid #a6c9bb2b; border-radius:9px; margin-left:auto; }
.currency-switch[hidden] { display:none; }
.currency-option { position:relative; display:block; flex:0 0 auto; cursor:pointer; }
.currency-option input { position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer; }
.currency-option span { display:grid; place-items:center; min-width:34px; height:28px; padding:0 5px; border-radius:5px; font-size:10px; line-height:1; color:#b6c8d1; transition:background-color .18s,color .18s; }
.currency-option input:checked + span { color:#102821; background:#9cddc4; font-weight:600; }
.currency-option input:focus-visible + span { outline:2px solid #c4f6e1; outline-offset:3px; }
.currency-option:hover span { color:#e3f1eb; background:#bddbcc12; }
.currency-option:hover input:checked + span { color:#102821; background:#9cddc4; }
.plan-card-simple .plan-amount > #starting-price { font:inherit; color:inherit; letter-spacing:inherit; white-space:nowrap; }
@media(max-width:1000px) {
 .plan-price-top { gap:6px; }
 .currency-switch { gap:1px; padding:2px; }
 .currency-option span { min-width:28px; height:28px; padding:0 3px; }
}
@media(max-width:640px) {
 .plan-card.plan-card-simple > .plan-amount { font-size:clamp(42px,13vw,64px); }
}
@media(max-width:370px) {
 .plan-from { font-size:13px; }
 .currency-option span { min-width:24px; padding:0 2px; font-size:9px; }
}