:root{--canvas:#f7f8fa;--ink:#253247;--card:#ffffff;--card-foreground:#253247;--primary:#3559a8;--primary-foreground:#ffffff;--primary-hover:#294889;--secondary:#f0f2f6;--secondary-foreground:#253247;--muted:#f0f2f6;--muted-foreground:#626b78;--selection:#edf2fc;--selection-foreground:#3559a8;--selection-border:#3559a8;--accent:#f3d2b8;--accent-foreground:#253247;--accent-soft:color-mix(in srgb,var(--accent) 42%,var(--canvas));--success:#21664d;--success-surface:#edf7f1;--warning:#855400;--warning-surface:#fff4db;--destructive:#b33643;--destructive-surface:#fdeff0;--border:#e2e5eb;--input:#7c8797;--focus:#3559a8;--ring:var(--focus);--disabled:#e6e9ef;--disabled-foreground:#626b78;--info:#3559a8;--info-surface:#edf2fc;--feeding:#fff2e7;--feeding-ink:#9a4a20;--sleep:#f1edfa;--sleep-ink:#6a4fb3;--care:#eaf4f6;--care-ink:#236a78;--play:#f7edf3;--play-ink:#875276;--shadow:0 18px 50px rgba(37,50,71,0.12);--radius:16px;--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;--measure:72rem}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.5rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body,html{margin:0;padding:0;background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh}img,svg{display:block;max-width:100%}a{color:var(--primary);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--primary-hover)}:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.skip-link{position:absolute;left:1rem;top:-3rem;z-index:80;padding:.5rem .85rem;background:var(--card);color:var(--ink);border-radius:8px}.skip-link:focus{top:.75rem}.wrap{width:min(100% - 2rem,var(--measure));margin-inline:auto}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--canvas) 96%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.25rem}.wordmark{font-weight:650;letter-spacing:-.03em;font-size:1.2rem;text-decoration:none}.wordmark,.wordmark:hover{color:var(--ink)}.nav-desktop{display:none;align-items:center;gap:1.5rem}.nav-desktop a{color:var(--ink);text-decoration:none;font-size:.95rem}.nav-desktop a:hover,.nav-desktop a[aria-current=page]{color:var(--primary)}.header-actions{display:flex;align-items:center;gap:.65rem}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--ink);cursor:pointer}.nav-mobile{display:none;padding:0 0 1rem;border-top:1px solid var(--border)}.nav-mobile.is-open{display:grid;grid-gap:.25rem;gap:.25rem;padding-top:.75rem;padding-bottom:1rem}.nav-mobile a{display:block;padding:.7rem .15rem;color:var(--ink);font-size:1.05rem}.btn,.nav-mobile a{text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.55rem 1.1rem;border-radius:999px;border:1px solid transparent;font:inherit;font-size:.95rem;font-weight:600;letter-spacing:-.01em;cursor:pointer}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background:var(--primary-hover);color:var(--primary-foreground)}.btn:disabled,.btn:disabled:hover{background:var(--disabled);color:var(--disabled-foreground);cursor:progress}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--border)}.btn-ghost:hover{background:var(--selection);color:var(--ink)}.hero{position:relative;padding:2.5rem 0 3.5rem;overflow:hidden}.hero:before{content:"";position:absolute;inset:-10% -15% auto 35%;height:32rem;background:radial-gradient(closest-side,var(--accent) 0,var(--accent-soft) 38%,transparent 72%);opacity:.45;pointer-events:none}.hero-grid{position:relative;display:grid;grid-gap:2.5rem;gap:2.5rem;align-items:center}.eyebrow{margin:0 0 .75rem;color:var(--primary);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.cta-band h2,.hero h1,.legal-page h1,.section h2{margin:0 0 1rem;letter-spacing:-.035em;line-height:1.15}.hero h1{font-size:clamp(2rem,5vw,3.05rem);max-width:16em;text-wrap:balance}.hero .subhead,.lede{margin:0 0 1.5rem;max-width:40rem;color:var(--ink);font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.hero-note,.microcopy,.muted{color:var(--muted-foreground);font-size:.92rem}.section{padding:4rem 0}.section.alt{background:var(--card);border-block:1px solid var(--border)}.section.warm{background:var(--accent-soft);border-block:1px solid color-mix(in srgb,var(--accent) 55%,var(--border))}.section h2{font-size:clamp(1.6rem,4vw,2.2rem);max-width:18em;text-wrap:balance}.quote-list{list-style:none;margin:1.5rem 0;padding:0;display:grid;grid-gap:.75rem;gap:.75rem}.quote-list li{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;padding:.9rem 1rem;font-weight:550}.close-line{margin:0;font-weight:600}.steps{display:grid;grid-gap:1rem;gap:1rem;margin:1.75rem 0 0;padding:0;list-style:none;counter-reset:step}.steps li{counter-increment:step;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.25rem 1.25rem 1.4rem}.steps h3{margin:0 0 .4rem;font-size:1.08rem}.steps p{margin:0;color:var(--ink)}.feature-grid{display:grid;grid-gap:1rem;gap:1rem;margin-top:1.75rem}.feature-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.feature-card h3{margin:0 0 .45rem;font-size:1.05rem}.feature-card p{margin:0}.privacy-band ul{margin:1.25rem 0;padding-left:1.15rem}.privacy-band li{margin:.35rem 0}.cta-band{padding:4rem 0 4.5rem}.cta-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:1.6rem 1.4rem;box-shadow:var(--shadow)}.cta-card h2{font-size:clamp(1.6rem,4vw,2.1rem)}.access-form{display:grid;grid-gap:.9rem;gap:.9rem;margin-top:1.25rem;max-width:28rem}.access-form label{display:grid;grid-gap:.35rem;gap:.35rem;font-size:.92rem;font-weight:600}.access-form input,.access-form textarea{width:100%;min-height:44px;padding:.65rem .8rem;border:1px solid var(--border);border-radius:10px;background:var(--canvas);color:var(--ink);font:inherit}.access-form textarea{min-height:6rem;resize:vertical}.form-fallback{margin:.35rem 0 0}.site-footer{padding:2rem 0 2.5rem;border-top:1px solid var(--border);color:var(--muted-foreground);font-size:.92rem}.footer-nav{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-bottom:.85rem}.footer-nav a,.footer-nav span{color:var(--ink);text-decoration:none}.footer-nav a:hover{color:var(--primary)}.footer-row p{margin:0}.phone-wrap{justify-self:center}.phone-caption{display:grid;grid-gap:.12rem;gap:.12rem;margin:.85rem 0 0;text-align:center;color:var(--muted-foreground);font-size:.85rem}.phone-caption-sub{color:var(--ink);font-weight:650}.phone{width:min(100%,21.25rem);background:#1a2230;border-radius:2.35rem;padding:.62rem;box-shadow:var(--shadow)}.phone-screen{display:flex;flex-direction:column;background:var(--canvas);border-radius:1.85rem;overflow:hidden;color:var(--ink)}.phone-screen svg{width:1.05rem;height:1.05rem;flex-shrink:0}.phone-screen .pm-mark{width:1.85rem;height:1.85rem}.phone-screen .pm-status-glyphs{width:2.85rem;height:.75rem}.pm-status{display:flex;align-items:center;justify-content:space-between;padding:.72rem 1.05rem .2rem;font-size:.72rem;font-weight:700;letter-spacing:-.02em}.pm-status-glyphs{width:2.85rem;height:.75rem;color:var(--ink)}.pm-brand{display:flex;align-items:center;gap:.55rem;padding:.35rem .85rem .55rem}.pm-mark{width:1.85rem;height:1.85rem}.pm-brand-copy{min-width:0;flex:1 1}.pm-block h3,.pm-card-head,.pm-elapsed,.pm-meta,.pm-metric,.pm-tagline,.pm-wordmark{margin:0}.pm-wordmark{font-size:.98rem;font-weight:700;letter-spacing:-.035em;line-height:1.2}.pm-tagline{font-size:.62rem;letter-spacing:-.01em}.pm-icon-btn,.pm-tagline{color:var(--muted-foreground)}.pm-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;border:1px solid var(--border);border-radius:999px;background:var(--card)}.pm-sections{display:grid;grid-template-columns:repeat(3,1fr);padding:.2rem .45rem .6rem;border-bottom:1px solid var(--border)}.pm-sections span,.pm-tabbar span{display:flex;flex-direction:column;align-items:center;gap:.18rem;color:var(--muted-foreground);font-size:.62rem;font-weight:600}.pm-sections span.is-active,.pm-tabbar span.is-active{color:var(--primary)}.pm-body{display:grid;grid-gap:.78rem;gap:.78rem;padding:.78rem .8rem .85rem}.pm-block h3{margin-bottom:.42rem;color:var(--muted-foreground);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pm-children{display:flex;align-items:center;gap:.4rem}.pm-child{display:inline-flex;align-items:center;gap:.32rem;min-height:2.15rem;padding:.22rem .65rem .22rem .38rem;border:1px solid var(--border);border-radius:999px;background:var(--card);font-size:.72rem;font-weight:650;letter-spacing:-.02em}.pm-card-head small,.pm-child small,.pm-elapsed small{display:block;color:var(--muted-foreground);font-size:.58rem;font-weight:550}.pm-child.is-selected{background:var(--selection);border-color:var(--selection-border);color:var(--selection-foreground)}.pm-child-add{display:inline-flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;border:1px dashed var(--border);border-radius:999px;color:var(--muted-foreground);background:var(--card)}.pm-summary{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem}.pm-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:.72rem .75rem;box-shadow:0 8px 20px rgba(37,50,71,.04)}.pm-card-head{display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:650;letter-spacing:-.02em}.pm-well{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;border-radius:999px}.pm-well.feeding{background:var(--feeding);color:var(--feeding-ink)}.pm-well.sleep{background:var(--sleep);color:var(--sleep-ink)}.pm-well.info{background:var(--info-surface);color:var(--info)}.pm-well.accent{background:var(--accent-soft);color:var(--ink)}.pm-metric{margin:.4rem 0 .32rem;font-size:1.12rem;font-weight:720;letter-spacing:-.04em}.pm-meta{display:flex;align-items:center;gap:.28rem;color:var(--muted-foreground);font-size:.6rem;line-height:1.35}.pm-dot{width:.38rem;height:.38rem;border-radius:999px}.pm-dot.feeding{background:var(--feeding-ink)}.pm-dot.sleep{background:var(--sleep-ink)}.pm-reminder,.pm-timer{display:flex;align-items:center;justify-content:space-between;gap:.55rem}.pm-timer-action{display:flex;align-items:center;gap:.5rem}.pm-elapsed{text-align:right;font-size:.92rem;font-weight:720;letter-spacing:-.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pm-btn{display:inline-flex;align-items:center;justify-content:center;min-height:1.85rem;padding:.28rem .72rem;border-radius:999px;background:var(--primary);color:var(--primary-foreground);font-size:.68rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.pm-btn.ghost{background:var(--card);color:var(--ink);border:1px solid var(--border)}.pm-tabbar{display:grid;grid-template-columns:repeat(4,1fr);margin-top:auto;padding:.4rem .35rem .15rem;border-top:1px solid var(--border);background:color-mix(in srgb,var(--card) 88%,var(--canvas))}.pm-home-indicator{width:6.4rem;height:.28rem;margin:.28rem auto .42rem;border-radius:999px;background:var(--ink);opacity:.82}.legal-page{padding:2.5rem 0 4.5rem}.legal-page h1{font-size:clamp(2rem,5vw,2.6rem)}.legal-page h2{margin:2rem 0 .7rem;font-size:1.25rem;letter-spacing:-.02em}.legal-page li,.legal-page p{max-width:44rem}.legal-updated{color:var(--muted-foreground);font-size:.92rem}.badge{display:inline-flex;align-items:center;margin:0 0 1rem;padding:.28rem .72rem;border-radius:999px;background:var(--selection);color:var(--primary);font-size:.82rem;font-weight:650;letter-spacing:.01em}.nav-desktop .nav-join,.nav-join,.nav-mobile .nav-join{color:var(--primary);font-weight:650;text-decoration:none}.nav-join:hover{color:var(--primary-hover)}.nav-join-compact{display:inline-flex;align-items:center;min-height:44px}.narrow{max-width:46rem}.section-index{margin:0 0 .7rem;font-size:.82rem;font-weight:650;letter-spacing:.04em}.section-index,.section-note{color:var(--muted-foreground)}.section-note{margin:-.35rem 0 0;max-width:36rem}.handoff-list{list-style:none;margin:1.5rem 0 1.35rem;padding:0;display:grid;grid-gap:.75rem;gap:.75rem}.handoff-list li{display:grid;grid-template-columns:auto 1fr;grid-gap:.9rem;gap:.9rem;align-items:baseline;background:var(--canvas);border:1px solid var(--border);border-radius:14px;padding:.95rem 1.05rem;font-weight:600}.handoff-num{color:var(--primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.82rem;letter-spacing:.04em}.step-kicker{margin:0 0 .55rem;color:var(--primary);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.waitlist-grid,.who-grid{display:grid;grid-gap:1.75rem;gap:1.75rem;align-items:start}.who-list{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;grid-gap:.7rem;gap:.7rem}.who-list li{padding:.85rem 1rem;border-radius:12px;background:var(--canvas);border:1px solid var(--border)}.who-line{margin:0;font-size:1.08rem;font-weight:600;letter-spacing:-.02em;line-height:1.45}.not-block{margin-top:1.5rem}.not-block h3{margin:0 0 .75rem;font-size:.95rem}.not-list{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0}.not-list li{padding:.4rem .75rem;border:1px solid var(--border);border-radius:999px;background:var(--card);font-size:.9rem}.waitlist-section{padding-top:4.25rem}.waitlist-aside{display:inline-block;margin:.25rem 0 0;padding:.35rem .8rem;border-radius:999px;background:var(--accent-soft);color:var(--ink);font-size:.92rem}.waitlist-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:1.4rem 1.25rem 1.2rem;box-shadow:var(--shadow)}.waitlist-fallback{min-height:22rem}.access-form select{width:100%;min-height:44px;padding:.65rem .8rem;border:1px solid var(--border);border-radius:10px;background:var(--canvas);color:var(--ink);font:inherit}.field-error{margin:-.35rem 0 0;color:var(--destructive);font-size:.92rem;font-weight:650}.form-status{margin:0;padding:1rem 1.05rem;border-radius:12px;background:var(--info-surface);color:var(--ink);font-weight:650}.preview-banner,.preview-note{margin:0 0 1rem;padding:.75rem .85rem;border-radius:12px;background:var(--warning-surface);color:var(--ink);font-size:.9rem}.form-privacy{margin:.9rem 0 0}.trust{padding:1rem 0 3.5rem}.trust-line{margin:0;font-size:clamp(1.45rem,3vw,1.9rem);letter-spacing:-.03em;line-height:1.2}.trust p{margin:.45rem 0 0;color:var(--ink)}.trust a{display:inline-block;margin-top:.95rem}.sticky-join{position:fixed;left:0;right:0;bottom:0;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--card) 94%,transparent);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sticky-join p{flex:1 1;margin:0;color:var(--muted-foreground);font-size:.88rem;font-weight:650}.waitlist-card .btn{width:100%}.sticky-dismiss{border:0;background:transparent;color:var(--muted-foreground);font:inherit;font-size:.85rem;min-height:44px;padding:0 .25rem;cursor:pointer}#how-it-works,#waitlist,#who-its-for{scroll-margin-top:5.5rem}#waitlist-email{scroll-margin-top:6.5rem;scroll-margin-bottom:6rem}@media (min-width:720px){.menu-toggle,.nav-mobile,.nav-mobile.is-open{display:none}.nav-desktop{display:flex}.nav-join-compact,.sticky-join{display:none}.hero{padding:4.5rem 0 5rem}.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(17rem,.9fr);gap:3rem}.steps{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.cta-card,.waitlist-card{padding:1.7rem 1.6rem 1.4rem}.who-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:3rem;align-items:center}.footer-row{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem}.footer-row .footer-nav{margin-bottom:0}}@media (min-width:880px){.waitlist-grid{grid-template-columns:minmax(0,.9fr) minmax(18rem,1fr);gap:3.5rem;align-items:center}}@media (min-width:960px){.feature-grid,.quote-list{grid-template-columns:repeat(3,1fr)}}
/* coming-soon-depth */
/* Marketing chrome only. Does not restyle the in-phone Avery/Rowan home frame. */
.wordmark{display:inline-flex;align-items:center;gap:.5rem}
.wordmark::before{content:"";width:1.75rem;height:1.5rem;flex:0 0 auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 32'%3E%3Cpath fill='%23F3D2B8' d='M26.2 26.4c-.35.28-.85.28-1.2 0C21.6 23.8 17 19.8 17 15.6c0-2.35 1.75-4.05 3.85-4.05 1.25 0 2.35.62 3.05 1.62.7-1 1.8-1.62 3.05-1.62 2.1 0 3.85 1.7 3.85 4.05 0 4.2-4.6 8.2-8.6 10.8z'/%3E%3Cpath fill='%233559A8' d='M15.6 28.2c-.45.32-1.05.32-1.5 0C9.7 25.1 4.6 20.4 4.6 15.2 4.6 12.2 6.85 10 9.7 10c1.55 0 2.9.78 3.75 2.02C14.3 10.78 15.65 10 17.2 10c2.85 0 5.1 2.2 5.1 5.2 0 5.2-5.1 9.9-9.7 13z'/%3E%3C/svg%3E") center/contain no-repeat}
.site-header{box-shadow:0 1px 0 rgba(37,50,71,.04),0 14px 36px rgba(37,50,71,.05)}
.nav-desktop .nav-join,.header-actions .nav-join{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.4rem .95rem;border-radius:999px;background:var(--primary);color:var(--primary-foreground);box-shadow:0 8px 18px rgba(53,89,168,.18)}
.nav-desktop .nav-join:hover,.header-actions .nav-join:hover{background:var(--primary-hover);color:var(--primary-foreground)}
.nav-mobile .nav-join{display:inline-flex;width:fit-content;margin-top:.35rem;padding:.55rem 1rem;border-radius:999px;background:var(--primary);color:var(--primary-foreground)}
.nav-mobile .nav-join:hover{background:var(--primary-hover);color:var(--primary-foreground)}
.hero{padding-bottom:4.25rem}
.hero::before{inset:auto;right:-8rem;top:46%;width:min(48rem,92vw);height:min(48rem,92vw);transform:translateY(-52%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 28%,transparent) 0%,color-mix(in srgb,var(--primary) 10%,transparent) 40%,transparent 70%);opacity:1}
.hero::after{content:"";position:absolute;z-index:0;pointer-events:none;left:-6rem;top:-4rem;width:32rem;height:32rem;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 70%,transparent),transparent 68%);opacity:.5}
.hero-grid{z-index:1}
.badge{gap:.45rem;padding:.32rem .78rem;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}
.badge::before{content:"";width:.42rem;height:.42rem;border-radius:999px;background:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}
.hero-actions .btn{gap:.4rem}
.hero-actions .btn-primary::after,.hero-actions .btn-ghost::after{content:"";width:.95rem;height:.95rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.hero-actions .btn-ghost::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
.phone-wrap{position:relative;justify-self:center;width:min(100%,21.25rem);margin:0}
.phone-wrap::before{content:"";position:absolute;z-index:0;left:58%;top:48%;width:140%;height:78%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 22%,transparent) 0%,color-mix(in srgb,var(--primary) 8%,transparent) 46%,transparent 72%);pointer-events:none}
.phone{position:relative;z-index:1;width:100%;box-shadow:0 28px 64px rgba(37,50,71,.2),0 10px 24px rgba(53,89,168,.12)}
.phone-caption{display:none}
#problem .section-index{display:flex;align-items:center;gap:.7rem;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem}
#problem .section-index::before{content:"";width:1.65rem;height:2px;border-radius:999px;background:var(--primary)}
.handoff-list li,.steps li{box-shadow:0 12px 30px rgba(37,50,71,.05)}
@media (max-width:719px){
.hero{padding-bottom:3.25rem}
.nav-join-compact{padding-inline:.75rem;font-size:.9rem}
}
@media (min-width:720px){
.hero{padding-bottom:5.75rem}
.steps{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:960px){
#problem .narrow{max-width:none;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(16rem,.9fr);column-gap:3.5rem;align-items:center}
#problem .section-index,#problem h2,#problem .lede,#problem .close-line{grid-column:1}
#problem .handoff-list{grid-column:2;grid-row:1/span 5;margin:0}
}
/* Header lock: one Join waitlist per viewport. The compact pill is the mobile top bar. Desktop uses the nav pill, so this later rule must beat the pill's display:inline-flex. The header is sticky, so the bottom bar would be a second Join waitlist in the same viewport. */
@media (min-width:720px){
.header-actions .nav-join{display:none}
}
.sticky-join{display:none}