@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 450;font-display:swap;src:url('fonts/dm-sans-regular.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500 550;font-display:swap;src:url('fonts/dm-sans-medium.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600 650;font-display:swap;src:url('fonts/dm-sans-semibold.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/dm-sans-bold.ttf') format('truetype')}
:root{--ink:#17233c;--muted:#647084;--blue:#203dcc;--blue-hover:#1730ad;--line:#e2e6ec;--soft:#f5f7fa;--yellow:#fbd966;--green:#256249;--radius:16px;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:white;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #839df4;outline-offset:4px}button{border:0;background:transparent}button .icon,a .icon{flex-shrink:0}h1,h2,h3,p{margin:0}p{line-height:1.65}h1{letter-spacing:-.055em;font-weight:500}h2{letter-spacing:-.035em;font-weight:600}h3{font-size:1.1rem;letter-spacing:-.02em}small{font-size:.8125rem}.icon{vertical-align:middle;flex-shrink:0}.muted{color:var(--muted)}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.13em}.prototype-bar{min-height:38px;padding:7px 30px;background:#17233c;color:white;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.75rem}.prototype-bar>span{display:flex;gap:18px;align-items:center}.prototype-bar b{font-size:.6875rem;letter-spacing:.13em;color:var(--yellow)}.prototype-description{color:#c7ccda}.prototype-bar>div{display:flex;gap:16px}.prototype-bar button{color:#fff;font-size:.75rem;padding:3px 0}.prototype-bar button:hover{text-decoration:underline}.brand{display:inline-flex;align-items:center;font-weight:700;font-size:1.65rem;letter-spacing:-.065em;padding:0}.brand-mark{display:grid;place-items:center;height:36px;width:36px;border-radius:11px;background:var(--blue);color:#fff;margin-right:10px}.brand-mark .icon{width:23px;height:23px}.brand-period{color:var(--blue)}.landing-header{max-width:1360px;margin:auto;padding:29px 64px;display:flex;align-items:center;justify-content:space-between;gap:22px}.landing-header nav{display:flex;gap:32px;align-items:center}.landing-header a{text-decoration:none;font-size:.875rem}.button{display:inline-flex;gap:14px;align-items:center;justify-content:center;background:var(--blue);border:1px solid var(--blue);color:white;padding:12px 19px;border-radius:8px;font-size:.875rem;font-weight:600;line-height:1.35;text-decoration:none;transition:background .15s,transform .15s}.button:hover{background:var(--blue-hover);transform:translateY(-1px)}.button.small{padding:10px 15px}.button.large{padding:15px 22px;font-size:1rem}.button.secondary{background:white;color:var(--ink);border-color:#d9dfe8}.button.secondary:hover{background:var(--soft)}.button.danger{background:#a83137;border-color:#a83137}.text-button{padding:8px 0;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;font-size:.875rem}.text-button:hover{color:var(--blue)}.hero{max-width:1360px;margin:auto;display:grid;grid-template-columns:1.09fr 1fr;gap:58px;padding:46px 64px 64px;align-items:center;min-height:610px}.hero-copy .eyebrow{display:flex;align-items:center;gap:10px;font-size:.6875rem;color:var(--blue);margin-bottom:26px}.tiny-line{height:2px;width:24px;background:var(--blue)}.hero h1{font-size:clamp(3rem,4.75vw,4.25rem);line-height:1.075;white-space:nowrap}.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--blue);letter-spacing:-.06em;position:relative}.hero h1 em:after{content:'';position:absolute;bottom:-7px;left:0;width:100%;height:5px;border-bottom:3px solid var(--yellow);border-radius:50%}.hero-copy>p{font-size:1.0625rem;color:var(--muted);max-width:395px;margin-top:28px}.hero-actions{display:flex;gap:24px;margin-top:31px;align-items:center}.hero-proof{display:flex;gap:9px;align-items:center;font-size:.8125rem;color:var(--muted);margin-top:27px}.hero-proof .icon{width:17px;height:17px;color:var(--green)}.hero-stage{border-radius:20px;background:#eaf0fc;padding:26px 33px 23px;position:relative;min-height:454px;overflow:hidden}.stage-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.625rem;letter-spacing:.12em;font-weight:700;color:#4b6092}.stage-heading>span:last-child{font-size:.75rem;letter-spacing:0;display:flex;gap:5px;align-items:center;font-weight:500}.stage-heading .icon{width:13px;height:13px}.phone-preview{width:91%;margin:29px auto 0;background:#fff;border-radius:14px;border:1px solid #dce3f2;box-shadow:0 14px 28px #283c7110;text-align:center;overflow:hidden;padding:24px 0 0;transform:rotate(-2deg)}.preview-icon{background:#e9edff;width:49px;height:49px;margin:0 auto 16px;border-radius:15px;display:grid;place-items:center;color:var(--blue)}.preview-icon .icon{width:24px;height:24px}.phone-preview .eyebrow{font-size:.5625rem;color:var(--muted);letter-spacing:.12em}.phone-preview h2{font-size:1.75rem;margin:6px 0 10px}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:6px;font-size:.75rem;font-weight:550;line-height:1.35;white-space:nowrap}.pill .icon{width:13px;height:13px}.pill.green{color:#256249;background:#eaf5ed}.pill.amber{color:#856013;background:#fff3d3}.pill.neutral{color:#647084;background:#f0f2f6}.pill.blue{color:var(--blue);background:#eef1ff}.preview-people{display:flex;justify-content:space-around;padding:23px 13px}.preview-people>div{display:flex;align-items:center;flex-direction:column;gap:7px;font-size:.8125rem;font-weight:600}.preview-people small{font-size:.5625rem;font-weight:400;color:var(--muted)}.avatar{display:inline-grid;place-items:center;flex-shrink:0;width:46px;height:46px;border-radius:50%;font-size:1.1875rem;font-weight:500;background:#eef0f6}.avatar.lavender{background:#e9e1fc;color:#7250a8}.avatar.yellow{background:#fce9a2;color:#836017}.avatar.blue{background:#dae6ff;color:#3b58a3}.avatar.peach{background:#ffe1d6;color:#a9563c}.avatar.green{background:#d9eee3;color:#386f56}.preview-footer{padding:13px 8px;background:#f8fafc;border-top:1px solid #eaf0f3;color:var(--muted);font-size:.625rem;display:flex;gap:5px;align-items:center;justify-content:center}.preview-footer .icon{width:13px;height:13px}.stage-note{background:var(--yellow);border:1px solid #f3cf57;padding:14px 19px;position:absolute;right:12px;bottom:58px;transform:rotate(5deg);font-family:Georgia,serif;font-size:1rem;line-height:1.45;box-shadow:0 5px 8px #17233c0a;display:flex;flex-direction:column}.stage-caption{font-size:.6875rem;line-height:1.5;margin-top:25px;color:#5f7198}.how-section{border-top:1px solid var(--line);max-width:1232px;margin:0 auto;padding:34px 0 45px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.how-section .eyebrow{font-size:.625rem;color:var(--muted);margin-bottom:9px}.how-section h2{font-size:1.8rem}.how-section .section-heading>.muted{font-size:.8125rem}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:52px}.how-grid article{padding-top:18px}.step-label{font-size:.6875rem;letter-spacing:.1em;font-weight:650;color:var(--blue)}.how-grid h3{margin:13px 0 8px;font-size:1rem}.how-grid p{font-size:.875rem;color:var(--muted);line-height:1.65;max-width:315px}.landing-footer{border-top:1px solid var(--line);padding:22px 64px;display:flex;justify-content:space-between;gap:18px;font-size:.75rem;color:var(--muted)}.skip-link{position:absolute;top:-80px;left:12px;z-index:99;background:white;padding:10px}.skip-link:focus{top:10px}.first-family{max-width:1100px;margin:60px auto;padding:24px}.first-family h1{font-size:3rem;margin:15px 0}.starter-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.panel{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.panel h2{margin:12px 0}.panel p{margin-bottom:20px}dialog:not([open]){display:none}dialog{border:1px solid var(--line);border-radius:18px;padding:0;width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 48px);color:var(--ink)}dialog::backdrop{background:#14243b60;backdrop-filter:blur(4px)}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,30px);background:var(--ink);color:white;padding:14px 22px;border-radius:10px;max-width:calc(100% - 32px);z-index:20;font-size:.875rem;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.hero{min-height:670px}.hero-stage{min-height:480px}.phone-preview{margin-top:36px}.hero h1{font-size:4.5rem}}
@media(max-width:1200px){.hero{padding:40px;gap:32px}.landing-header{padding:26px 40px}.hero h1{font-size:3.65rem}.how-section{margin:0 40px}.hero-stage{padding:24px}.hero-actions{gap:16px}.hero-actions .text-button{font-size:.8125rem}}
@media(max-width:960px){.hero h1{font-size:3rem}.hero{gap:26px;padding:30px 30px 45px}.hero-stage{padding:24px 18px}.hero-actions{flex-wrap:wrap;gap:12px}.hero-actions .button{font-size:.875rem}.landing-header{padding:24px 30px}.landing-header nav{gap:20px}.landing-header nav>a{display:none}.how-section{margin:0 30px}.how-grid{gap:30px}.how-section .section-heading>.muted{display:none}.landing-footer{padding:20px 30px}}
@media(max-width:700px){.prototype-bar{padding:8px 16px}.prototype-description{display:none}.prototype-bar>div{gap:13px}.landing-header{padding:24px 20px}.brand{font-size:1.4rem}.brand-mark{width:32px;height:32px}.landing-header nav{gap:15px}.landing-header nav>.button{display:none}.hero{grid-template-columns:1fr;padding:25px 22px 38px;gap:36px}.hero h1{font-size:clamp(2.6rem,8.2vw,3.9rem)}.hero-copy>p{font-size:1rem}.hero-actions{gap:20px}.hero-stage{max-width:480px;width:100%;margin:auto;min-height:440px;padding:24px 27px}.phone-preview{max-width:340px}.how-section{margin:0 22px;padding:28px 0}.how-section h2{font-size:1.6rem}.how-grid{grid-template-columns:1fr;gap:20px}.how-grid article{padding:18px 0;border-top:1px solid var(--line)}.how-grid p{max-width:none}.landing-footer{padding:22px;flex-direction:column;font-size:.75rem}.starter-cards{grid-template-columns:1fr}.stage-note{right:7px;bottom:52px}.section-heading{align-items:flex-start}.hero-copy .eyebrow{font-size:.625rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Family workspace */
.app-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:calc(100dvh - 38px);background:#f8f9fc}.sidebar{background:#fff;border-right:1px solid var(--line);padding:30px 20px 0;display:flex;flex-direction:column;position:sticky;top:0;height:calc(100dvh - 0px);max-height:1100px}.sidebar>.brand{margin:0 10px 32px}.family-switch{display:flex;gap:12px;align-items:center;background:#f6f7fb;border:1px solid #e8ebf3;border-radius:10px;padding:12px;margin-bottom:30px}.family-switch>.avatar{width:37px;height:37px;font-size:1rem;border-radius:11px}.family-switch strong{font-size:.875rem;font-weight:650}.family-switch span:not(.avatar){display:block;font-size:.75rem;color:var(--muted);margin-top:4px}.nav-label{font-size:.75rem;letter-spacing:.1em;font-weight:600;color:#737e90;padding:0 13px 12px}.nav-item{display:flex;align-items:center;gap:11px;padding:13px 12px;border-radius:8px;text-decoration:none;color:#657087;font-size:.875rem;font-weight:500;margin-bottom:6px;transition:background .15s}.nav-item>.icon{width:19px;height:19px}.nav-item:hover{background:#f4f6fc;color:var(--blue)}.nav-item.active{background:#edf0ff;color:var(--blue);font-weight:650}.nav-count{display:inline-grid;place-items:center;min-width:23px;height:23px;border-radius:6px;background:#fbd966;color:#574415;font-size:.75rem;font-weight:700;margin-left:auto}.sidebar-bottom{margin-top:auto}.sidebar-note{border-top:1px solid var(--line);margin:45px 13px 24px;padding:25px 0 0}.sidebar-note>.icon{width:23px;height:23px;color:#778bc1;margin-bottom:10px}.sidebar-note p{font-family:Georgia,serif;font-size:1.15rem;line-height:1.4;color:#66789d}.profile{border-top:1px solid var(--line);padding:20px 5px;display:flex;align-items:center;gap:10px;margin-top:12px}.profile strong{font-size:.875rem}.profile>div span{display:block;font-size:.75rem;color:var(--muted);margin-top:4px}.profile>.icon-button{margin-left:auto}.small-avatar{height:36px;width:36px;font-size:.9rem}.tiny-avatar{height:27px;width:27px;font-size:.8125rem}.icon-button{display:inline-grid;place-items:center;height:36px;width:36px;min-width:36px;border-radius:7px;color:#6a768c}.icon-button:hover{color:var(--blue);background:#eef1fb}.workspace{min-width:0}.app-topbar{min-height:76px;border-bottom:1px solid var(--line);background:#fff;padding:18px 38px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.8125rem;color:var(--muted)}.breadcrumb-slash{padding:0 13px;color:#b5bfce}.topbar-right{display:flex;align-items:center;gap:23px}.privacy-label{display:flex;gap:7px;align-items:center;font-size:.75rem}.privacy-label>.icon{width:13px;height:13px}.notification-button{position:relative}.notification-dot{position:absolute;right:8px;top:7px;width:6px;height:6px;border:1px solid white;border-radius:50%;background:#d79425}.family-main{max-width:1450px;padding:39px 38px 50px;margin:auto;outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.page-heading .eyebrow{color:#7a86a0;font-size:.75rem;letter-spacing:.12em;margin-bottom:11px}.page-heading h1{font-size:2.55rem;line-height:1.15}.page-heading p{color:var(--muted);font-size:.9375rem;margin-top:11px}.page-heading>.button{flex-shrink:0}.setup-banner{border:1px solid #dce4f7;border-radius:13px;background:#eff3ff;padding:22px 25px;margin-bottom:32px}.setup-banner-intro{display:flex;align-items:center;gap:13px}.setup-icon{display:grid;place-items:center;background:#e0e7ff;color:var(--blue);border-radius:11px;width:39px;height:39px;flex-shrink:0}.setup-banner h2{font-size:1.125rem;letter-spacing:-.025em}.setup-banner p{font-size:.875rem;color:#66769a;margin-top:4px}.setup-count{font-size:.75rem;white-space:nowrap;color:#687999;margin-left:auto}.setup-steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:23px;border-top:1px solid #dbe2f3;padding-top:21px}.setup-steps>button{display:flex;align-items:center;text-align:left;gap:12px;padding:0}.setup-steps>button>span:nth-child(2){font-size:.875rem;font-weight:600}.setup-steps strong{display:block;font-size:.75rem;font-weight:400;color:#6c7b98;margin-top:4px}.step-number{display:grid;place-items:center;background:white;color:#7181a5;border:1px solid #d1daef;border-radius:50%;width:29px;height:29px;font-size:.875rem;flex-shrink:0}.step-number.done{background:var(--blue);border-color:var(--blue);color:#fff}.step-number>.icon{width:16px;height:16px}.setup-steps>button>.icon{margin-left:auto;color:#8b9abb;width:15px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:27px}.family-main .section-heading{margin-bottom:17px}.family-main .section-heading h2{font-size:1.125rem;display:flex;align-items:center;gap:9px}.family-main .section-heading .text-button{font-size:.8125rem;padding:0}.blue-text{color:var(--blue)}.heading-count{font-size:.75rem;font-weight:500;border-radius:5px;color:#77849c;background:#e9edf5;padding:3px 7px}.children-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.child-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:box-shadow .15s}.child-card:hover{box-shadow:0 4px 15px #182b5010}.child-card-heading{padding:21px 20px;display:flex;align-items:center;gap:12px}.child-card-heading h3{font-size:1.125rem;font-weight:600}.child-card-heading>div>span{display:block;font-size:.8125rem;color:var(--muted);margin-top:5px}.child-card-heading>.icon-button{margin-left:auto;align-self:flex-start;width:28px;min-width:28px;height:28px}.child-card .avatar{width:42px;height:42px}.phone-status{padding:12px 0;margin:0 20px;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.phone-status>span:first-child{font-size:.75rem;display:flex;align-items:center;gap:7px;color:#65738b}.phone-status .icon{width:14px;height:14px}.phone-status b{color:#334561;font-weight:550}.child-meta{padding:18px 20px;display:flex;flex-direction:column;gap:11px}.child-meta>span{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#6a778c;line-height:1.5}.child-meta .icon{width:15px;height:15px;color:#8291ad}.card-action{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);width:100%;padding:15px 20px;color:var(--blue);font-size:.8125rem;font-weight:600;background:#fff}.card-action:hover{background:#f6f8ff}.card-action>.icon{width:17px;height:17px}.connections-preview{margin-top:31px}.compact{padding:0;overflow:hidden;border-radius:12px}.family-row{display:flex;align-items:center;gap:12px;padding:19px 20px}.family-row+.family-row{border-top:1px solid var(--line)}.family-row .avatar{width:40px;height:40px;font-size:1rem}.family-row-copy{min-width:0}.family-row h3{font-size:.9375rem}.family-row p{font-size:.75rem;color:var(--muted);margin-top:4px;margin-bottom:0}.family-row>.pill{margin-left:auto}.family-row>.icon-button{width:25px;min-width:25px;height:30px}.subtle-add{width:100%;text-align:left;padding:14px 20px;background:#fcfcfe;border-top:1px dashed #dfe4ef;display:flex;gap:9px;align-items:center;font-size:.8125rem;color:#647597}.subtle-add:hover{color:var(--blue);background:#f1f4ff}.subtle-add>.icon{width:16px;height:16px}.activity-section{margin-top:31px}.activity-section .section-heading>.muted{font-size:.75rem}.activity-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.activity-row p{font-size:.8125rem;color:#65738b;line-height:1.5}.activity-icon{display:grid;place-items:center;background:#ecf1f7;color:#7d8aa2;border-radius:50%;width:28px;height:28px;flex-shrink:0}.activity-icon>.icon{width:14px;height:14px}.activity-row time{margin-left:auto;font-size:.75rem;white-space:nowrap;color:#8490a5}.inbox-panel{border:1px solid #e4e5e7;border-radius:12px;background:#fff;padding:20px}.inbox-panel>.section-heading{margin-bottom:19px}.inbox-panel .section-heading h2{font-size:1.0625rem}.inbox-panel .section-heading h2>.icon{color:#6c7d99;width:18px}.person-line{display:flex;gap:12px;align-items:center;min-width:0}.person-line h3{font-size:.875rem;letter-spacing:-.015em}.person-line>div{min-width:0}.person-line>div>span{display:block;font-size:.75rem;color:#788499;margin-top:5px;line-height:1.4}.person-line strong{font-size:.875rem;font-weight:600}.invite-peek>p{font-size:.875rem;color:#68758b;line-height:1.6;margin:18px 0}.full-width{width:100%}.invite-peek+.invite-peek{padding-top:20px;border-top:1px solid var(--line);margin-top:20px}.inbox-panel>.text-button{display:flex;width:100%;margin:14px 0 -4px;font-size:.8125rem;color:#7c899e}.inbox-panel>.text-button>.icon{width:14px}.trust-note{margin-top:20px;border-radius:12px;background:#f9df7c;padding:23px 23px 20px}.note-symbol{width:33px;height:33px;display:grid;place-items:center;border:1px solid #dbbd56;border-radius:50%;color:#7a652a;margin-bottom:15px}.trust-note h3{font-family:Georgia,serif;font-size:1.6rem;font-weight:400;letter-spacing:-.03em;line-height:1.15;color:#56491f}.trust-note p{font-size:.8125rem;color:#766330;line-height:1.6;margin-top:13px}.trust-note a{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#65511d;font-size:.75rem;font-weight:600;margin-top:20px;text-decoration:none}.trust-note a .icon{width:16px}.external-peek{padding:26px 3px}.icon-tile{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#ebeff7;color:#6b80ac;flex-shrink:0}.external-peek h3{font-size:.9375rem;margin:13px 0 7px}.external-peek p{font-size:.8125rem;color:var(--muted)}.external-peek>.text-button{font-size:.75rem;margin-top:8px}.external-peek .text-button>.icon{width:15px}.app-footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:20px 38px;font-size:.75rem;color:#818ca1}.app-footer>span:first-child{display:flex;align-items:center;gap:7px}.app-footer .icon{width:14px;height:14px}.info-strip{background:#edf2fd;border:1px solid #e1e8f8;border-radius:9px;padding:16px 18px;display:flex;align-items:flex-start;gap:11px;color:#526c9d;margin-bottom:24px}.info-strip>.icon{width:19px;height:19px;margin-top:1px}.info-strip p{font-size:.875rem;line-height:1.55}.expanded{grid-template-columns:repeat(3,minmax(0,1fr))}.section-footnote{display:flex;align-items:flex-start;gap:8px;color:#7a879b;font-size:.8125rem;margin-top:25px;line-height:1.5}.section-footnote .icon{width:16px;height:16px;margin-top:2px}.empty-state{padding:40px 25px;text-align:center;background:white;border:1px dashed #dae1ef;border-radius:12px;grid-column:1/-1}.empty-state>.icon{width:32px;height:32px;color:#8b9abd;margin-bottom:18px}.empty-state h3{font-size:1.15rem;margin-bottom:10px}.empty-state p{font-size:.9375rem;color:var(--muted);max-width:450px;margin:0 auto 22px}.small-empty{font-size:.875rem;color:var(--muted);line-height:1.8;margin-bottom:12px}.connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.connection-card{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.connection-card>.person-line{padding:24px}.connection-card h2{font-size:1.15rem}.direction-block{padding:17px 24px;border-top:1px solid #eef0f5}.mini-label{font-size:.75rem;letter-spacing:.06em;font-weight:600;color:#7b899f;margin-bottom:12px}.permission-line{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:.875rem;padding:10px 0}.permission-line+.permission-line{border-top:1px solid var(--line)}.direction-block>p{font-size:.875rem}.tab-list{display:flex;border-bottom:1px solid var(--line);gap:25px;margin-bottom:25px}.tab-list>button{padding:10px 0 16px;color:#72809a;display:flex;align-items:center;gap:9px;border-bottom:2px solid transparent;font-size:.875rem}.tab-list>button.selected{color:var(--blue);border-bottom-color:var(--blue);font-weight:650}.tab-list>button>span{border-radius:5px;background:#ebeff7;padding:3px 7px;font-size:.75rem}.invite-list{max-width:950px}.invite-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:25px;margin-bottom:18px}.invite-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.invite-card h2{font-size:1.15rem}.invite-card>p{margin:23px 0 15px;font-size:.9375rem;color:#64718a}.invite-card p strong{color:var(--ink);font-weight:600}blockquote{margin:16px 0 24px;background:#f6f8fc;border-left:3px solid #ccd7ef;padding:14px 17px;font-size:.9375rem;line-height:1.6;color:#5c6e8d}.invite-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:18px}.invite-card-bottom>span{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--muted)}.invite-card-bottom>span>.icon{width:16px;height:16px}.invite-card-bottom>div{display:flex;gap:10px}.switch{margin-left:auto;width:45px;min-width:45px;height:26px;border-radius:30px;background:#bac3d2;padding:3px;display:flex;align-items:center;transition:background .2s}.switch>span{width:20px;height:20px;border-radius:50%;background:white;box-shadow:0 1px 3px #17233c20;transition:transform .2s}.switch[aria-checked="true"]{background:var(--blue)}.switch[aria-checked="true"]>span{transform:translateX(19px)}.contacts-table-wrap{border:1px solid var(--line);border-radius:12px;overflow:auto;background:#fff}.contacts-table{width:100%;border-collapse:collapse;text-align:left;min-width:660px}.contacts-table thead{background:#f6f8fb}.contacts-table thead th{font-size:.8125rem;color:#78859b;font-weight:500;padding:17px 20px;white-space:nowrap}.contacts-table tbody td,.contacts-table tbody th{padding:23px 20px;border-top:1px solid var(--line);font-size:.875rem;font-weight:400}.contacts-table tbody .person-line>div>span{white-space:nowrap}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.settings-panel .section-heading{margin-bottom:25px}.settings-panel h2{margin:0}.family-identity{display:flex;align-items:center;gap:14px}.family-identity h3{font-size:1rem}.family-identity p{font-size:.8125rem;color:var(--muted);margin:6px 0 0}.details-list{margin:27px 0 0}.details-list>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:15px 0;font-size:.875rem}.details-list dt{color:var(--muted)}.details-list dd{margin:0;text-align:right;overflow-wrap:anywhere}.settings-panel>.person-line{flex-wrap:wrap}.settings-panel>.person-line>.pill{margin-left:auto}.settings-panel>.info-strip{margin-top:25px}.safety-panel{grid-column:1/-1;padding:22px;border:1px solid #e6dfc7;border-radius:12px;background:#fffdf5;display:flex;gap:16px;align-items:center}.safety-panel>.icon-tile{background:#fff0bb;color:#907231}.safety-panel h3{font-size:.9375rem}.safety-panel p{font-size:.875rem;color:#887a55;margin-top:7px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Opt-in family discovery */
.directory-welcome{display:flex;align-items:center;gap:20px;border:1px solid #dce4f7;border-radius:13px;background:#eff3ff;padding:24px 26px;margin-bottom:20px}
.directory-welcome-icon{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border-radius:15px;background:#dfe7ff;color:var(--blue)}
.directory-welcome-icon .icon{width:27px;height:27px}
.directory-welcome h2{font-size:1.25rem;margin-bottom:8px}
.directory-welcome p{font-size:1rem;line-height:1.6;color:#607497;max-width:700px}
.directory-visibility-summary{border:1px solid var(--line);background:white;padding:17px 20px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}
.directory-visibility-summary>div:first-child{display:flex;gap:11px;align-items:flex-start;min-width:0}
.directory-visibility-summary>div>.icon{width:18px;height:18px;color:#7186ad;margin-top:3px}
.directory-visibility-summary p{font-size:.875rem;line-height:1.6;color:var(--muted)}
.directory-visibility-summary strong{font-weight:600;color:var(--ink)}
.directory-visibility-summary>.inline-actions{flex-shrink:0;gap:22px}
.directory-visibility-summary .text-button{white-space:nowrap}
.directory-toolbar{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:22px}
.directory-search{display:flex;align-items:center;gap:11px;padding:0 15px;border:1px solid #d8dfeb;border-radius:9px;background:#fff;width:min(100%,460px);color:#7a88a0}
.directory-search:focus-within{outline:3px solid #c0cff9;outline-offset:2px}
.directory-search>input:not([type="checkbox"]):not([type="radio"]){border:0;background:transparent;padding:14px 0;border-radius:0;outline:none;font-size:1rem}
.directory-count{font-size:.875rem;color:var(--muted);white-space:nowrap}
.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.directory-card{border:1px solid var(--line);background:white;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s}
.directory-card:hover{box-shadow:0 5px 18px #17233c0a}
.directory-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:23px 23px 0;flex-wrap:wrap}
.directory-card-top .avatar{width:46px;height:46px;border-radius:14px}
.directory-card h2{font-size:1.1875rem;font-weight:600;margin:21px 23px 13px}
.directory-guardians{display:flex;align-items:flex-start;gap:9px;margin:0 23px 24px;font-size:.9375rem;color:#596b87;line-height:1.5;flex:1}
.directory-guardians>.icon{width:17px;height:17px;margin-top:3px;color:#91a0b8}
.directory-guardians small{display:block;margin-top:5px;font-size:.8125rem;color:#8390a5}
.directory-card .card-action{padding:17px 23px;font-size:.875rem;min-height:56px}
.directory-grid>.empty-state{padding:45px 25px}
.empty-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.directory-settings{grid-column:1/-1}
.visibility-control{display:flex;gap:24px;align-items:center}
.visibility-control h3{font-size:1rem;line-height:1.4}
.visibility-control p{font-size:.9375rem;color:var(--muted);margin:8px 0 0;max-width:640px}
.listing-preview{border:1px solid var(--line);border-radius:10px;padding:17px 19px;background:#f8faff;margin-top:20px}
.listing-preview>.mini-label{display:block;margin-bottom:16px;font-size:.75rem}
.listing-preview h3{font-size:1rem}
.listing-preview .person-line>div>span{font-size:.875rem}
.directory-settings>.form-note{margin-bottom:10px}
.signup-directory-choice{border-top:1px solid var(--line);margin-top:24px;padding-top:17px}
.signup-directory-choice>.check-row{padding-left:0;padding-right:0;align-items:flex-start;font-size:.9375rem;font-weight:500}
.signup-directory-choice .check-row>input{margin-top:3px}
.signup-directory-choice>.form-note{margin:0 0 10px 31px}
.signup-directory-choice .listing-preview{margin-top:18px}
.invitation-family{margin-bottom:23px;padding:17px;border:1px solid var(--line);border-radius:10px;background:#f8faff}
.invitation-family h3{font-size:1rem}
.invitation-family .person-line>div>span{font-size:.875rem}
.input-with-action>button>.icon{height:15px;width:15px;margin-left:3px}
#share-family-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;font-weight:600}
.invitation-options>summary{font-size:.875rem;color:var(--blue);cursor:pointer;line-height:1.6}
@media(max-width:1280px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-visibility-summary{flex-wrap:wrap}.directory-visibility-summary>.inline-actions{padding-left:29px}.directory-welcome{padding:21px}}
@media(max-width:760px){.directory-welcome{padding:19px;align-items:flex-start;gap:13px}.directory-welcome-icon{width:38px;height:38px;border-radius:11px}.directory-welcome-icon .icon{width:22px;height:22px}.directory-welcome h2{font-size:1.125rem;line-height:1.4}.directory-welcome p{font-size:.9375rem}.directory-visibility-summary{padding:17px}.directory-toolbar{flex-wrap:wrap;gap:13px}.directory-search{width:100%}.directory-count{font-size:.8125rem}.directory-grid{gap:16px}.directory-card-top{padding:20px 18px 0}.directory-card h2{margin:18px 18px 12px}.directory-guardians{margin:0 18px 21px}.directory-card .card-action{padding:16px 18px}.directory-settings .inline-actions{justify-content:flex-start;gap:15px}.visibility-control{gap:15px;align-items:flex-start}.visibility-control>.switch{margin-top:2px}}
@media(max-width:480px){.directory-grid{grid-template-columns:1fr}.directory-visibility-summary>.inline-actions{padding-left:0;gap:15px}.directory-welcome-icon{display:none}.directory-card-top{padding:21px 22px 0}.directory-card h2{margin:20px 22px 12px}.directory-guardians{margin:0 22px 24px}.directory-card .card-action{padding:17px 22px}.directory-card-top .avatar{height:46px;width:46px}.listing-preview{padding:16px}.directory-settings .text-button{font-size:.875rem}.signup-directory-choice>.form-note{margin-left:0}}

/* Shared dialogs and form states */
.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:28px 28px 20px}.dialog-heading h2{font-size:1.6rem;font-weight:500;line-height:1.2}.dialog-heading .eyebrow{font-size:.75rem;color:#8090af;margin-bottom:11px}.dialog-heading>.icon-button{margin:-5px -8px 0 0}.dialog-body{padding:0 28px 26px}.dialog-intro{font-size:.9375rem;color:var(--muted);margin:0 0 23px}.dialog-footer{border-top:1px solid var(--line);padding:19px 28px;display:flex;justify-content:flex-end;gap:10px;background:#fafbfe}.demo-notice{font-size:.8125rem;background:#fff7dc;color:#82682d;border:1px solid #f4e6bb;padding:12px 14px;border-radius:8px;line-height:1.6;margin-bottom:22px}.field{display:block;margin:18px 0}.field>span{display:block;font-size:.875rem;font-weight:550;margin-bottom:9px}.field>span>small{font-weight:400;color:var(--muted)}input:not([type="radio"]):not([type="checkbox"]),textarea,select{width:100%;border:1px solid #d8dfeb;border-radius:7px;padding:12px 13px;min-width:0;background:#fff;color:var(--ink);font-size:1rem;line-height:1.4}input::placeholder,textarea::placeholder{color:#97a1b4}input[type="checkbox"],input[type="radio"]{accent-color:var(--blue);width:18px;height:18px;flex-shrink:0}textarea{resize:vertical}.form-row{display:flex;align-items:flex-start;gap:13px}.form-row>.field{flex:1;min-width:0}.form-note{font-size:.8125rem;color:#79869b;line-height:1.6;margin:10px 0 18px}.form-error{font-size:.875rem;color:#a83137;padding:12px;background:#fff0f0;border-radius:7px;margin-top:16px}.auth-switch{font-size:.875rem;text-align:center;color:var(--muted);margin-top:12px}.dialog-body .info-strip{padding:13px;margin:20px 0 0}.dialog-body .info-strip p{font-size:.8125rem}.dialog-body>.text-button.danger-text{margin-top:20px}.avatar-options{display:flex;gap:17px;flex-wrap:wrap}.avatar-options>legend{margin-bottom:13px}.avatar-options label{display:block;cursor:pointer;position:relative}.avatar-options input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0}.avatar-options input:checked+.avatar{outline:2px solid var(--blue);outline-offset:4px}.avatar-options input:focus-visible+.avatar{outline:3px solid #839df4;outline-offset:4px}fieldset{border:0;padding:0;margin:25px 0}legend{font-size:.875rem;font-weight:600;margin-bottom:13px}.checkbox-list{border:1px solid var(--line);border-radius:9px;overflow:hidden}.check-row{display:flex;align-items:center;gap:10px;font-size:.875rem;padding:13px 12px;line-height:1.5;cursor:pointer}.checkbox-list>.check-row+.check-row{border-top:1px solid var(--line)}.check-row input{margin:0 3px 0 0}.check-row>.avatar{margin:0 3px}.input-with-action{display:flex;border:1px solid #d8dfeb;border-radius:7px;overflow:hidden}.input-with-action>input:not([type="radio"]):not([type="checkbox"]){border:0;border-radius:0;flex:1;width:30%}.input-with-action>button{color:var(--blue);padding:0 14px;font-size:.875rem;background:#f6f8ff;border-left:1px solid #d8dfeb;white-space:nowrap}.child-detail-identity{display:flex;align-items:center;gap:13px;margin-bottom:25px}.child-detail-identity h3{font-size:1rem}.child-detail-identity p{font-size:.8125rem;color:var(--muted);margin-top:5px}.child-detail-identity>.text-button{margin-left:auto}.detail-section{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.detail-section h3{font-size:1rem;margin-bottom:13px}.detail-section .form-row>.field{margin-bottom:0}.inline-actions{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.inline-actions .text-button{font-size:.8125rem}.inline-actions .icon{width:15px}.approval-summary{background:#eef3ff;padding:20px;border-radius:10px;margin:22px 0}.approval-summary h3{font-size:1.1rem;margin:8px 0}.approval-summary p{font-size:.875rem;color:#64789e;margin-top:12px}.danger-text{color:#a83137}.danger-text:hover{color:#872328}.confirm-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.wide-dialog{width:min(640px,calc(100% - 32px))}

/* Keep secondary copy readable, including the landing illustration’s UI. */
.pill{font-size:.875rem}.phone-status>span:first-child,.child-meta>span,.card-action,.person-line h3{font-size:.875rem}.page-heading p,.info-strip p,.dialog-intro,.invite-peek>p{font-size:1rem}.child-meta{min-height:103px}.phone-status{align-items:flex-start}
.prototype-bar b,.hero-copy .eyebrow,.stage-heading,.phone-preview .eyebrow,.preview-people small,.preview-footer,.stage-caption,.how-section .eyebrow,.step-label{font-size:.75rem}.preview-people small{max-width:80px;line-height:1.4}.stage-heading{letter-spacing:.05em}.preview-people{gap:10px}.hero-stage{min-height:475px}.stage-note{bottom:60px}.hero-copy .eyebrow{letter-spacing:.09em}.how-grid p{font-size:1rem}.hero h1{white-space:normal}.hero-copy{min-width:0}
@media(min-width:1600px){.family-main{padding:48px 55px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 310px;gap:34px}.app-topbar,.app-footer{padding-left:55px;padding-right:55px}}
@media(max-width:1280px){.app-shell{grid-template-columns:218px minmax(0,1fr)}.sidebar{padding:28px 14px 0}.sidebar>.brand{font-size:1.45rem}.family-main{padding:32px 25px 40px}.app-topbar,.app-footer{padding-left:25px;padding-right:25px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 245px;gap:21px}.child-card-heading{padding:18px 15px;gap:9px}.child-card-heading>.avatar{width:35px;height:35px;font-size:1rem}.phone-status{margin:0 15px}.child-meta,.card-action{padding:15px}.setup-banner{padding:20px}.setup-steps{gap:15px}.setup-steps>button{gap:8px}.setup-steps strong{font-size:.75rem}.inbox-panel{padding:17px}.person-line{gap:9px}.inbox-panel .person-line>.avatar{width:30px;height:30px}.trust-note{padding:20px}.family-row{padding:17px 15px;gap:9px}.family-row>.pill{display:none}.expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading h1{font-size:2.3rem}.page-heading>div{min-width:0}.settings-grid{grid-template-columns:1fr}.invite-card-bottom{flex-wrap:wrap}}
@media(max-width:1080px){.dashboard-grid{grid-template-columns:1fr}.dashboard-secondary{display:grid;grid-template-columns:1fr 1fr;gap:20px}.trust-note{margin-top:0}.external-peek{grid-column:1/-1;display:none}.setup-count{display:none}.connection-grid{grid-template-columns:1fr}.setup-steps{grid-template-columns:1fr;gap:16px}.setup-steps strong{display:inline;font-size:.8125rem;margin-left:9px}.setup-steps>button>span:nth-child(2){font-size:.875rem}.setup-steps>button>.icon{display:none}.family-main{padding:30px 25px}.setup-steps{margin-top:18px;padding-top:18px}.sidebar-note{margin-top:30px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:relative;height:auto;max-height:none;padding:18px 18px 0;border-right:0;border-bottom:1px solid var(--line)}.sidebar>.brand{margin:0 0 17px}.family-switch,.nav-label,.sidebar-bottom{display:none}.sidebar>nav{display:flex;gap:6px;overflow-x:auto;margin:0 -18px;padding:0 12px 10px}.nav-item{white-space:nowrap;margin:0;font-size:.8125rem;padding:10px}.nav-item>.icon{width:16px;height:16px}.nav-count{min-width:20px;height:20px;font-size:.75rem}.app-topbar{min-height:54px;padding:12px 20px;font-size:.75rem}.privacy-label{display:none}.topbar-right{gap:8px}.topbar-right>.avatar{width:28px;height:28px;font-size:.75rem}.app-topbar .notification-button{width:28px;min-width:28px;height:28px}.family-main{padding:28px 20px 35px}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:18px;margin-bottom:23px}.page-heading h1{font-size:2.15rem}.page-heading p{font-size:.9375rem;margin-top:9px}.page-heading>.button{padding:10px 15px}.setup-banner{padding:19px 17px;margin-bottom:27px}.setup-banner-intro{align-items:flex-start;gap:10px}.setup-banner h2{font-size:1.05rem;line-height:1.4}.setup-banner p{font-size:.8125rem}.setup-icon{width:32px;height:32px;border-radius:8px}.setup-steps strong{display:block;margin-left:0;margin-top:3px}.children-grid,.expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.child-card-heading{align-items:center;flex-wrap:wrap}.child-card-heading>.icon-button{display:none}.child-card-heading>div{flex:1;min-width:75px}.phone-status{align-items:flex-start;flex-direction:column;gap:10px}.child-meta{min-height:106px}.card-action{font-size:.8125rem}.child-meta>span{align-items:flex-start}.inbox-panel .person-line>.avatar{width:34px;height:34px}.dashboard-secondary{grid-template-columns:1fr 1fr}.app-footer{padding:20px;flex-wrap:wrap;font-size:.75rem}.invite-card{padding:20px}.invite-card-top{flex-wrap:wrap;gap:13px}.invite-card-bottom>div{flex-wrap:wrap}.connection-card>.person-line{padding:20px}.direction-block{padding:17px 20px}.permission-line{flex-wrap:wrap;gap:8px}.family-row-copy p{line-height:1.5}.family-row .avatar{width:34px;height:34px}.family-row .icon-button{margin-left:auto}.family-main .section-heading .text-button{font-size:.75rem}.family-main .section-heading h2{font-size:1.05rem}.activity-row{flex-wrap:wrap;gap:8px}.activity-row p{flex:1}.activity-row time{margin-left:36px}.settings-panel{padding:20px}.settings-panel .section-heading{flex-wrap:wrap}.safety-panel{align-items:flex-start;padding:19px}}
@media(max-width:480px){.children-grid,.expanded{grid-template-columns:1fr}.phone-status{flex-direction:row;align-items:center}.child-meta{min-height:0}.child-card-heading{padding:20px}.child-card-heading>.avatar{width:42px;height:42px;font-size:1.15rem}.child-card-heading>.icon-button{display:inline-grid}.phone-status{margin:0 20px}.child-meta,.card-action{padding:17px 20px}.dashboard-secondary{grid-template-columns:1fr}.trust-note{display:block}.family-main .section-heading{gap:10px}.family-main .section-heading h2{font-size:1rem}.family-row>.pill{display:none}.family-main{padding-left:17px;padding-right:17px}.activity-section .section-heading>.muted{display:none}.dialog-heading{padding:24px 21px 19px}.dialog-body{padding:0 21px 23px}.dialog-footer{padding:17px 21px}.dialog-heading h2{font-size:1.45rem}.form-row{flex-wrap:wrap}.form-row>.field{flex-basis:120px}.form-row:has([name="phone"])>.field{flex-basis:100%;margin:9px 0}.dialog-footer>.button{font-size:.8125rem;padding:12px}.avatar-options{gap:14px}.avatar-options .avatar{width:39px;height:39px}.hero-stage{padding:22px 18px;min-height:490px}.stage-heading{font-size:.75rem}.stage-heading>span:last-child{display:none}.phone-preview{width:100%}.stage-note{font-size:.9375rem;right:8px;bottom:60px;padding:12px 15px}.preview-people{padding-left:10px;padding-right:10px}.preview-people small{font-size:.75rem}.hero-copy .eyebrow{font-size:.75rem}.prototype-bar{padding:8px 12px}.prototype-bar b{font-size:.75rem;letter-spacing:.03em}.prototype-bar>div{gap:11px}.hero-actions{gap:12px}.hero-actions>.text-button{font-size:.875rem}.hero h1{font-size:2.85rem;line-height:1.08}.landing-header{padding:24px 22px}.preview-footer{font-size:.75rem}.stage-caption{max-width:185px}.info-strip{padding:14px}.app-footer{font-size:.75rem}}

/* Per-phone shortcuts use the same approved calling circle. */
.shortcut-card-link{display:flex;align-items:center;gap:9px;width:100%;text-align:left;color:var(--blue);font-size:.875rem;line-height:1.5;padding:5px 0;margin-top:2px}
.shortcut-card-link>.icon{width:16px;height:16px;flex-shrink:0}
.shortcut-card-link>span{margin-left:auto;display:flex;align-items:center;gap:3px;white-space:nowrap;font-size:.8125rem;color:#7282a0}
.shortcut-card-link>span>.icon{width:14px;height:14px}
.shortcut-overview{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.shortcut-overview h3{margin-bottom:0}.shortcut-overview .form-note{margin:9px 0 0}
.shortcut-overview>.button{font-size:.875rem}
.shortcut-phone{display:flex;align-items:center;gap:12px;background:#f3f6fd;border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:20px}
.shortcut-phone>div{min-width:0}.shortcut-phone strong{display:block;font-size:.9375rem;overflow-wrap:anywhere}
.shortcut-phone>div>span{display:block;font-size:.8125rem;color:var(--muted);margin-top:5px}
.shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.shortcut-slot{display:flex;align-items:flex-start;gap:12px;padding:17px 14px;border:1px solid #dce4f4;border-radius:10px;text-align:left;min-height:121px;background:#fafcff}
.shortcut-slot:hover{border-color:#9bb0e9;background:#f1f5ff}
.shortcut-digit{display:grid;place-items:center;width:34px;height:38px;flex-shrink:0;background:#eaf0ff;border:1px solid #d4dffb;border-radius:8px;color:var(--blue);font-size:1.2rem;font-weight:600;box-shadow:0 2px 0 #d4dffb}
.shortcut-slot-copy{flex:1;min-width:0}.shortcut-slot-copy>strong{display:block;font-size:.9375rem;font-weight:600;overflow-wrap:anywhere;line-height:1.4;margin-top:2px}
.shortcut-slot-copy>small{display:block;font-size:.75rem;color:var(--muted);line-height:1.5;margin-top:5px;overflow-wrap:anywhere}
.shortcut-slot>.icon{width:15px;height:15px;color:#8293b0;flex-shrink:0;margin-top:10px}
.shortcut-state{display:block;font-size:.75rem;line-height:1.5;color:#826b3c;margin-top:8px}.shortcut-state.enabled{color:#287556}
.shortcut-slot.empty-slot{background:white;border-style:dashed;align-items:center;color:#647794}
.empty-slot .shortcut-digit{background:#f7f9fd;border-color:#e0e6f0;color:#8091b0;box-shadow:0 2px 0 #e0e6f0}
.empty-slot .shortcut-slot-copy>strong{font-weight:500;font-size:.875rem}.empty-slot>.icon{margin-top:0}
.shortcut-slot.unavailable{background:#fffcf4;border-color:#eadfbe}
.shortcut-warning{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid #eadfbe;background:#fffae9;border-radius:8px;margin:20px 0}
.shortcut-warning>.icon{color:#967435;flex-shrink:0}.shortcut-warning>p{margin:0;font-size:.875rem;color:#7e673b;line-height:1.6}
@media(max-width:480px){.shortcut-grid{grid-template-columns:1fr;gap:10px}.shortcut-slot{min-height:88px;padding:14px;align-items:center}.shortcut-slot>.icon{margin-top:0}.shortcut-phone{padding:13px}.shortcut-phone>.icon-tile{display:none}}

/* Guardian membership and a visible exit at every screen size. */
.guardian-panel .section-heading{align-items:center;flex-wrap:wrap;gap:13px}
.guardian-panel .section-heading>.button{gap:7px;font-size:.875rem}
.guardian-panel .section-heading>.button>.icon{width:16px;height:16px}
.guardian-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:13px;padding:17px 0;border-top:1px solid var(--line)}
.guardian-row>.person-line{flex:1 1 170px;min-width:0}
.guardian-row .person-line>div>span{overflow-wrap:anywhere;font-size:.8125rem}
.guardian-row .person-line h3{font-size:.9375rem}
.guardian-row>.pill{margin-left:auto}
.guardian-row-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
.guardian-row-actions .text-button{font-size:.8125rem}
.guardian-empty{font-size:.9375rem;color:var(--muted);margin:5px 0 10px!important;line-height:1.6}
.guardian-panel>.info-strip{margin-top:22px;margin-bottom:0}
.guardian-panel>.info-strip p{margin:0;font-size:.875rem}
.guardian-invitations{border-top:1px solid var(--line);padding-top:20px;margin-top:8px}
.guardian-invitations>h3{font-size:1rem;margin-bottom:15px}
.guardian-invitation{border:1px solid #e1e7f2;border-radius:10px;background:#fafbfe;padding:17px;margin-bottom:12px}
.guardian-invitation-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.guardian-invitation-heading>div{min-width:0;flex:1 1 150px}
.guardian-invitation-heading h4{font-size:.9375rem;font-weight:600;margin:0}
.guardian-invitation-heading p{font-size:.8125rem;color:var(--muted);margin:5px 0 0;overflow-wrap:anywhere}
.guardian-invite-timing{font-size:.8125rem;color:#7b879c;line-height:1.6;margin:12px 0!important}
.guardian-invite-actions{display:flex;flex-wrap:wrap;gap:9px 18px;align-items:center}
.guardian-invite-actions .text-button{font-size:.8125rem;padding:4px 0}
.guardian-invite-actions .text-button>.icon{width:14px;height:14px}
.guardian-history{font-size:.875rem;margin:20px 0 0;border-top:1px solid var(--line);padding-top:16px}
.guardian-history>summary{cursor:pointer;color:#6d7f9e;padding:5px 0}
.guardian-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}
.guardian-history-row>span:first-child{min-width:0}
.guardian-history-row small{display:block;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}
.guardian-access{border:1px solid #dce5fa;border-radius:10px;background:#f0f4ff;padding:19px;margin:23px 0}
.guardian-access h3{font-size:1rem;margin-bottom:13px}
.guardian-access ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.guardian-access li{display:flex;align-items:flex-start;gap:9px;font-size:.875rem;line-height:1.5;color:#586f97}
.guardian-access li>.icon{width:17px;height:17px;margin-top:2px;color:var(--blue)}
.guardian-complete-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:23px}
.guardian-account-modes{display:flex;gap:6px;padding:5px;background:#edf1f9;border-radius:9px;margin:23px 0}
.guardian-account-modes>button{flex:1;font-size:.875rem;line-height:1.4;padding:11px 12px;border:1px solid transparent;border-radius:6px;color:#6a7993}
.guardian-account-modes>button.selected{background:white;border-color:#dce3f0;box-shadow:0 1px 3px #17306a09;color:var(--blue);font-weight:600}
.field>input[readonly]{background:#f7f9fd;color:#687994}
@media(max-width:480px){.guardian-panel .section-heading{align-items:flex-start}.guardian-panel .section-heading>.button{font-size:.8125rem;padding:9px 11px}.guardian-invitation{padding:15px}.guardian-complete-actions>.button{flex:1 1 100%}.guardian-account-modes>button{padding:10px 8px;font-size:.8125rem}.guardian-access{padding:16px}}
.logout-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 11px;border:1px solid var(--line);border-radius:7px;background:white;color:#53647f;font-size:.875rem;font-weight:550;white-space:nowrap;flex-shrink:0}
.logout-button:hover{background:#f3f6fd;color:var(--blue);border-color:#ccd7ef}
.logout-button>.icon{width:17px;height:17px}
@media(max-width:760px){.topbar-right{flex-shrink:0}.logout-button{min-height:36px;padding:7px 9px;gap:6px}.topbar-right>.avatar{display:none}.app-topbar>span:first-child{min-width:0;overflow-wrap:anywhere}.breadcrumb-slash{padding:0 6px}}

/* Family-wide external contacts */
.family-contacts-banner{display:flex;align-items:flex-start;gap:16px;padding:23px;background:#edf3ff;border:1px solid #dce5f7;border-radius:12px;margin-bottom:25px}
.family-contacts-banner>.icon-tile{background:#dfe9ff;color:var(--blue)}
.family-contacts-banner h2{font-size:1.125rem;line-height:1.4;margin-bottom:7px}
.family-contacts-banner p{font-size:.9375rem;color:#647493;max-width:690px}
.contact-extension{display:inline-block;font-size:1.2rem;font-weight:600;color:var(--blue);letter-spacing:.08em;font-variant-numeric:tabular-nums;white-space:nowrap}
.contact-detail{display:block;color:var(--muted);font-size:.75rem;line-height:1.5;margin-top:6px}
.contact-access-cell>.pill{white-space:nowrap}
.contact-access-cell .icon{width:15px;height:15px}
.contact-dial-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px;border:1px solid var(--line);border-radius:9px;background:#f7f9fd;margin:22px 0}
.contact-dial-summary strong{font-size:.875rem;font-weight:600}
.contact-dial-summary p{font-size:.8125rem;line-height:1.6;color:var(--muted);margin-top:6px}
.contact-dial-summary>.icon{color:#8396b8}
.contact-approval-summary{display:flex;align-items:flex-start;gap:12px;border:1px solid #d4e5db;border-radius:10px;background:#f0f8f2;padding:18px;margin:22px 0}
.contact-approval-summary>.icon{color:var(--green);margin-top:2px}
.contact-approval-summary h3{font-size:.9375rem;line-height:1.5;color:#335d46}
.contact-approval-summary p{font-size:.875rem;line-height:1.65;color:#617b6b;margin-top:8px}
@media(max-width:760px){.family-contacts-banner{padding:18px;gap:12px}.family-contacts-banner h2{font-size:1rem}.family-contacts-banner p{font-size:.875rem}.contacts-table{min-width:0}.contacts-table thead{display:none}.contacts-table tbody{display:block}.contacts-table tbody tr{display:grid;grid-template-columns:1fr auto;gap:17px;padding:20px;border-top:1px solid var(--line)}.contacts-table tbody tr:first-child{border-top:0}.contacts-table tbody th,.contacts-table tbody td{padding:0;border:0}.contacts-table tbody th{grid-column:1/-1;min-width:0}.contacts-table tbody .person-line>div>span{white-space:normal}.contact-extension-cell{grid-column:1}.contact-access-cell{grid-column:2;text-align:right}.contact-edit-cell{grid-column:1/-1;border-top:1px solid var(--line)!important;padding-top:9px!important}.contact-edit-cell>.text-button{width:100%;justify-content:space-between}.contact-approval-summary{padding:16px}.contact-dial-summary{padding:15px}}

/* Setup can be dismissed without clearing progress. */
.setup-banner-intro{flex-wrap:wrap}
.setup-copy{flex:1 1 230px;min-width:0}
.setup-controls{display:flex;align-items:center;gap:16px;margin-left:auto}
.setup-controls .setup-count{margin-left:0}
.setup-dismiss{font-size:.8125rem;color:#657797;white-space:nowrap;min-height:40px;padding:7px 0}
.setup-dismiss>.icon{width:15px;height:15px}
@media(max-width:760px){.setup-copy{flex-basis:190px}.setup-controls{margin-top:-4px}.setup-dismiss{min-height:36px}}

/* Emergency calling limitation is visible before entering the prototype. */
.emergency-banner{display:flex;align-items:center;gap:15px;background:#a5222e;color:white;padding:12px 30px;border-bottom:1px solid #891b25}
.emergency-banner[hidden]{display:none}
.emergency-banner>p{flex:1;min-width:0;font-size:.9375rem;line-height:1.6}
.emergency-banner strong{font-weight:700;margin-right:6px}
.emergency-banner>.icon{flex-shrink:0}
.emergency-dismiss{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #ffffff70;border-radius:7px;color:white;font-size:.8125rem;font-weight:600}
.emergency-dismiss:hover{background:#ffffff1a;border-color:white}
.emergency-dismiss:focus-visible,.emergency-banner:focus-visible{outline:3px solid white;outline-offset:-5px}
@media(max-width:760px){.emergency-banner{align-items:flex-start;padding:14px 18px;gap:12px}.emergency-banner>.icon{margin-top:3px}.emergency-banner>p{font-size:.875rem}.emergency-banner strong{display:block;margin:0 0 3px}.emergency-dismiss{padding:8px}}
@media(max-width:480px){.emergency-dismiss>span{display:none}.emergency-banner{gap:10px;padding:13px 14px}.emergency-banner>.icon{width:20px;height:20px}}