:root{--green:#177c59;--green-dark:#173c31;--green-bright:#36a879;--mint:#edf6ef;--ink:#213c33;--muted:#829087;--line:#e6ebe5;--red:#cf4547;--red-soft:#fceeee;--font:'Manrope',sans-serif;--phone-height:752px;--phone-width:370px}
*{box-sizing:border-box}body{margin:0;overflow-x:clip;background:#f7f8f2;color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #64b393;outline-offset:4px}button{border:0;background:none}a{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon{width:21px;height:21px;flex-shrink:0}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.site-header{height:104px;max-width:1430px;margin:auto;padding:0 60px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:31px;letter-spacing:-1.6px;font-weight:800}.brand-mark{display:grid;place-items:center;width:38px;height:43px;color:var(--green)}.brand-mark svg{height:39px;width:36px;stroke-width:1.8}.brand-dot{color:var(--green);margin-left:1px}.header-subtitle{font-family:'DM Sans',sans-serif;font-size:12px;color:#8a968c;border-left:1px solid #dce3d9;padding-left:27px;letter-spacing:.1px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:28px}.demo-label{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:800;letter-spacing:1.3px;color:#64806f}.demo-label>span{width:6px;height:6px;border-radius:50%;background:var(--green-bright)}.help-button{display:flex;align-items:center;gap:8px;border:1px solid #dce3d8;background:#ffffff80;border-radius:30px;padding:10px 15px;font-size:11px;font-weight:650}.help-button .icon{height:16px;width:16px}.help-button:hover{background:white;border-color:#94b5a4}
.experience{max-width:1290px;margin:9px auto 0;display:grid;grid-template-columns:minmax(250px,1fr) var(--phone-width) minmax(285px,1fr);align-items:center;column-gap:69px;padding:0 34px;position:relative}.intro{padding-bottom:35px;position:relative}.eyebrow{font-size:8.4px;font-weight:750;letter-spacing:1.5px;display:flex;align-items:center;gap:8px;color:#6b8778;white-space:nowrap}.tiny-line{height:1px;width:20px;background:#7c9a88}.intro h1{font-size:60px;line-height:1.16;letter-spacing:-3.7px;font-weight:600;margin:25px 0 23px;position:relative}.intro h1 em{font-style:normal;color:var(--green);font-weight:600;position:relative}.intro h1 em:after{content:'';height:6px;position:absolute;background:#bfd9a0;opacity:.6;bottom:3px;left:1px;right:-8px;z-index:-1;border-radius:50%}.title-spark{color:#b2c981;font-size:36px;position:absolute;margin-left:28px;bottom:9px;font-weight:400}.intro-description{font-family:'DM Sans',sans-serif;color:#7f8b80;font-size:14px;line-height:1.9;margin:0}.intro-rule{width:39px;height:1px;background:#d7e0d2;margin:30px 0 24px}.feature-list{display:flex;gap:19px;flex-direction:column}.feature-list>div{display:flex;gap:13px;align-items:center}.feature-list>div>span{width:34px;height:36px;border:1px solid #e1e7dc;display:grid;place-items:center;border-radius:10px;color:#6c907c}.feature-list .icon{width:18px;height:18px;stroke-width:1.5}.feature-list p{font-size:11px;color:#859183;margin:0;line-height:1.7}.feature-list strong{font-weight:600;color:#526d5b}.academic-note{margin-top:43px}.academic-note>span{font-size:7.6px;font-weight:800;letter-spacing:1.2px;color:#97a38f}.academic-note p{margin:9px 0 0;font-size:11px;line-height:1.8;color:#7b8a79}
.device-stage{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column}.device-stage:before{content:'';position:absolute;width:620px;height:620px;background:radial-gradient(ellipse,#e0eddb88 0,#e7efdf99 20%,#edf2e750 48%,transparent 68%);top:75px;z-index:-3;border-radius:50%;pointer-events:none}.orbit{position:absolute;pointer-events:none;border-radius:50%;border:1px solid #dfe8d660;width:550px;height:550px;top:140px;z-index:-2}.orbit-two{width:630px;height:630px;top:98px;border-style:dashed;border-color:#dde5d34d}.device-caption{font-size:9px;color:#82917d;display:flex;align-items:center;gap:7px;margin-bottom:17px;letter-spacing:.2px}.live-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;background:#5eaa78;border-radius:50%;box-shadow:0 0 0 3px #5eaa7815}.phone{width:var(--phone-width);height:var(--phone-height);border:6px solid #29352e;border-radius:49px;position:relative;background:#29352e;box-shadow:0 28px 50px -18px #243b333d,0 8px 10px -5px #243b332b,0 0 0 1.5px #8f9992,0 0 0 3px #c9cec6;padding:2px}.phone-display{height:100%;background:#fbfcf9;border-radius:40px;overflow:hidden;display:flex;flex-direction:column;position:relative}.phone-side{position:absolute;background:#909a91;width:3px;border-radius:3px;left:-10px}.phone-side-one{height:34px;top:109px}.phone-side-two{height:58px;top:161px}.phone:after{content:'';position:absolute;width:3px;height:62px;right:-10px;top:159px;background:#909a91;border-radius:3px}.status-bar{height:43px;display:flex;align-items:center;justify-content:space-between;padding:4px 23px 0;font-size:11px;flex-shrink:0;font-weight:800;position:relative;color:#253b2e}.camera-island{position:absolute;width:94px;height:25px;background:#212c25;border-radius:20px;top:6px;left:50%;transform:translateX(-50%)}.camera-island:after{content:'';position:absolute;height:8px;width:8px;border-radius:50%;background:#263b35;right:12px;top:8px;box-shadow:inset 0 0 0 2px #1c2924}.status-icons{display:flex;align-items:center;gap:4px}.status-icons .icon{height:13px;width:13px;stroke-width:2.1}.status-icons .icon:last-child{width:20px;height:15px}.app-brandbar{height:49px;display:flex;align-items:center;justify-content:space-between;padding:1px 20px 8px;flex-shrink:0;border-bottom:1px solid #eaf0e9;background:#fbfcf9;z-index:5}.app-logo{display:flex;align-items:center;gap:5px;color:var(--green);font-size:22px;font-weight:800;letter-spacing:-1px}.app-logo .icon{height:24px;width:24px;stroke-width:1.9}.app-logo>span{margin-left:-4px}.app-tools{display:flex;gap:5px;align-items:center}.icon-button{height:32px;width:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:6px;color:#62756a}.icon-button:hover{background:#e8f0e6}.icon-button .icon{width:18px;height:18px}.icon-button.small{width:26px;height:26px}.icon-button.small .icon{width:13px;height:13px}.notifications-button{position:relative}.notifications-button>span{position:absolute;width:5px;height:5px;background:var(--red);border-radius:50%;right:7px;top:5px;border:1px solid white}.parent-avatar{width:28px;height:28px;display:grid;place-items:center;background:#e9eadc;border:2px solid white;border-radius:50%;font-size:10px;font-weight:700;color:#6b7958;margin-left:4px}.app-screen{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cfdccd transparent;position:relative}.app-screen::-webkit-scrollbar{width:3px}.app-screen::-webkit-scrollbar-thumb{background:#cfdccd;border-radius:4px}.home-padding{padding:19px 19px 8px}.welcome{display:flex;justify-content:space-between;align-items:center}.welcome p{margin:0 0 6px;font-size:10px;color:#79887a;font-weight:500}.welcome p>span{font-size:14px;color:#d2ab5d;margin-left:3px}.welcome h2{font-size:22px;line-height:1.3;letter-spacing:-.95px;margin:0;font-weight:750}.welcome-flower{color:#b4c68d;font-size:35px;font-weight:400;margin-right:2px}.family-summary{margin-top:17px;background:#eaf3e8;border:1px solid #dfeadd;padding:13px 11px;display:flex;align-items:center;gap:10px;border-radius:14px;position:relative}.summary-icon{display:grid;place-items:center;color:var(--green);width:32px;height:35px;background:#dcecd9;border-radius:10px}.summary-icon .icon{width:21px;height:21px}.family-summary strong{display:block;font-size:12px;font-weight:750;margin-bottom:3px}.family-summary div>span{font-size:8.8px;color:#7a8f78}.summary-pulse{background:#579e72;width:6px;height:6px;border-radius:50%;margin-left:auto;box-shadow:0 0 0 4px #579e720c}.family-summary.danger{background:#fbebea;border-color:#f1d7d5}.family-summary.danger .summary-icon{color:var(--red);background:#f6d6d4}.family-summary.danger strong{color:#a33839}.family-summary.danger div>span{color:#b27470}.family-summary.danger .summary-pulse{background:var(--red)}.section-title{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}.section-title h3{margin:0;font-size:12px;font-weight:750;letter-spacing:-.2px;display:flex;align-items:center;gap:7px}.section-title h3>span{font-size:9px;display:grid;place-items:center;width:17px;height:17px;border-radius:5px;background:#edf1e9;color:#7c927a}.text-button{color:var(--green);font-size:9px;font-weight:750;display:inline-flex;align-items:center;gap:3px;padding:4px 0}.text-button .icon{height:13px;width:13px}.text-button.muted{font-size:8px;font-weight:650;color:#899783}.text-button.muted .icon{width:11px;height:11px}.children-list{display:flex;flex-direction:column;gap:10px}.child-card{border:1px solid #e1e8de;border-radius:15px;padding:12px 12px 0;background:white;position:relative;transition:border-color .2s,background .2s}.child-card:hover{border-color:#b7d0b9}.child-card.danger{border-color:#eccbc8;background:#fffdfc}.child-card-top{display:flex;align-items:center;gap:10px}.avatar{width:39px;height:39px;display:inline-grid;place-items:center;flex-shrink:0;border-radius:50%;overflow:hidden;background:#f2e5d1;color:#b77e4c;position:relative;font-family:var(--font);font-size:13px;font-weight:800;isolation:isolate}.avatar:before{content:'';position:absolute;height:20px;width:27px;background:currentColor;opacity:.12;border-radius:50% 50% 0 0;bottom:-3px;z-index:-1}.avatar:after{content:'';position:absolute;height:15px;width:15px;background:currentColor;opacity:.13;border-radius:50%;top:3px;z-index:-1}.avatar[data-color="rose"]{background:#f4e5e5;color:#b67f88}.avatar[data-color="lavender"]{background:#eae7f6;color:#8e7abd}.avatar[data-color="blue"]{background:#e2eef4;color:#6190a9}.avatar[data-color="sage"]{background:#e7efdf;color:#829464}.child-name-wrap{min-width:0}.child-name-wrap strong{font-size:12px;font-weight:750;display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.child-location{font-size:8.7px;color:#8d9b89;display:flex;align-items:center;gap:3px;margin-top:4px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.child-location .icon{height:10px;width:10px}.child-card-top .icon-button{margin-left:auto;height:24px;width:24px;align-self:flex-start;color:#98a38f}.child-card-top .icon-button .icon{width:17px;height:17px}.child-card-bottom{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #f0f2ec;margin-top:10px;cursor:pointer}.child-state{display:flex;align-items:center;gap:4px;font-size:8px;color:#5d9b65}.child-state .icon{height:11px;width:11px}.child-state.danger{color:var(--red)}.child-battery{display:flex;align-items:center;gap:4px;font-size:8px;color:#86927c;border-left:1px solid #e8ede3;padding-left:10px}.child-battery .icon{height:12px;width:14px}.child-update{margin-left:auto;font-size:7.5px;color:#9ba58e}.child-card-bottom>.icon{height:11px;width:11px;color:#7b917c;margin-left:-5px}.zones-title{margin-top:19px}.home-zones{border:1px solid #e7ebe1;border-radius:12px;padding:0 11px;background:#fff9}.home-zone{display:flex;align-items:center;gap:9px;min-height:44px}.home-zone+.home-zone{border-top:1px solid #eff1e9}.zone-icon{width:27px;height:27px;display:grid;place-items:center;background:#f1f4ea;color:#84936b;border-radius:9px;flex-shrink:0}.zone-icon .icon{height:15px;width:15px}.home-zone strong{font-size:8.9px;display:block;font-weight:650;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-zone small{font-size:7px;color:#9aa28c;display:block;margin-top:2px}.home-zone>span:last-child{margin-left:auto;font-size:7px;color:#8da073;display:flex;align-items:center;gap:3px}.home-zone>span:last-child .icon{width:9px;height:9px}.rural-strip{display:flex;gap:9px;align-items:center;margin:15px 0 11px}.rural-strip>.icon{width:18px;height:18px;color:#8f9e75}.rural-strip strong{display:block;font-size:8.3px;color:#7e8c6b;font-weight:700}.rural-strip div>span{font-size:7px;color:#a2aa95;display:block;margin-top:3px}.in-app-demo{font-size:7px;line-height:1.6;color:#9aa58e;text-align:center;margin:12px 0 7px}.tab-bar{height:63px;flex-shrink:0;background:#fff;display:flex;justify-content:space-around;border-top:1px solid #e8ede3;padding:7px 9px 0;z-index:8}.tab{display:flex;flex-direction:column;align-items:center;gap:4px;width:85px;padding:3px;color:#96a18d;position:relative;border-radius:10px}.tab>.icon,.tab-alert-icon>.icon{width:20px;height:20px;stroke-width:1.6}.tab span:not(.tab-alert-icon){font-size:8px;font-weight:600}.tab.active{color:var(--green)}.tab.active:before{content:'';position:absolute;top:-8px;left:27px;right:27px;height:2px;background:var(--green);border-radius:0 0 3px 3px}.tab:hover{background:#f5f8f1}.tab-alert-icon{position:relative;display:block;height:20px}.tab-alert-icon i{position:absolute;top:0;right:-3px;width:5px;height:5px;border-radius:50%;background:var(--red);border:1px solid white}.tab.has-alert{color:var(--red)}.tab.has-alert.active:before{background:var(--red)}.home-indicator{height:11px;background:#fff;flex-shrink:0;position:relative}.home-indicator:after{content:'';position:absolute;height:3px;width:99px;background:#23372b;left:50%;transform:translateX(-50%);border-radius:5px;top:2px}.device-footnote{display:flex;gap:6px;align-items:center;font-family:'DM Sans',sans-serif;font-size:9px;color:#9aa38e;margin-top:20px}.device-footnote .icon{width:11px;height:11px;color:#88a780}
.simulator{align-self:center;position:relative;z-index:2;background:#ffffffc9;border:1px solid #e4e9df;border-radius:22px;padding:21px 20px 0;max-width:305px;box-shadow:0 9px 24px -20px #6b7d6b30;margin-left:0;margin-top:-35px}.simulator-heading{display:flex;align-items:center;gap:7px;font-size:7.4px;letter-spacing:1.1px;font-weight:750;color:#8a9b80}.control-icon{display:grid;place-items:center;width:23px;height:23px;border:1px solid #e4eadc;border-radius:7px;color:#809576}.control-icon .icon{height:13px;width:13px}.simulator-dots{margin-left:auto;font-size:11px;letter-spacing:2px;color:#bac1af}.simulator h2{font-size:23px;font-weight:700;letter-spacing:-1px;margin:18px 0 8px}.simulator-description{font-family:'DM Sans',sans-serif;font-size:10px;color:#95a087;line-height:1.8;margin:0 0 22px}.sim-child-label{display:block;font-size:7px;font-weight:700;letter-spacing:.8px;color:#95a088;margin-bottom:8px}.sim-select{width:100%;border:1px solid #e3e8dc;border-radius:8px;padding:10px 28px 10px 11px;background-color:#fafbf7;color:#4d654c;font-size:10px;font-weight:650;outline-offset:2px;text-overflow:ellipsis}.scenario-options{display:flex;flex-direction:column;gap:8px;margin:14px 0 0}.scenario{display:flex;gap:10px;align-items:center;text-align:left;padding:11px 10px;border-radius:11px;border:1px solid #e6eadf;background:#fff;transition:background .2s,border-color .2s;width:100%;min-height:63px}.scenario.selected{background:#f0f6eb;border-color:#9fc4a1}.scenario:hover{background:#f5f7f0;border-color:#becdb4}.scenario-icon{height:32px;width:32px;display:grid;place-items:center;flex-shrink:0;border-radius:10px}.scenario-icon .icon{height:18px;width:18px;stroke-width:1.6}.scenario-icon.green{background:#e5efdf;color:#629269}.scenario-icon.amber{background:#fbf1de;color:#bd9659}.scenario-icon.slate{background:#edf0e9;color:#8f9c86}.scenario strong{display:block;font-size:10px;font-weight:750;color:#536649}.scenario small{display:block;font-family:'DM Sans',sans-serif;font-size:8px;color:#9ca78e;margin-top:5px}.scenario-radio{width:13px;height:13px;border:1px solid #dce3d3;border-radius:50%;margin-left:auto;flex-shrink:0}.scenario.selected .scenario-radio{border:4px solid #5c9568;background:white}.scenario.selected[data-mode="escape"]{border-color:#deb889;background:#fff9ef}.scenario.selected[data-mode="escape"] .scenario-radio{border-color:#c69b60}.scenario.selected[data-mode="offline"]{border-color:#d2a1a0;background:#fff7f5}.scenario.selected[data-mode="offline"] .scenario-radio{border-color:#bf7773}.simulation-meter{padding:13px 1px 15px}.simulation-meter>div:first-child{display:flex;justify-content:space-between;align-items:center}.simulation-meter>div:first-child>span{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:650;color:#7c9573}.simulation-meter .live-dot{width:4px;height:4px}.meter-track{height:3px;background:#e8eddf;border-radius:4px;margin:5px 0 8px;overflow:hidden}.meter-track>span{display:block;width:22%;height:100%;background:#8bb278;transition:width .6s linear;border-radius:5px}.simulation-meter p{font-size:7.5px;color:#9da88d;margin:0;line-height:1.6;min-height:12px}.skip-distance{display:flex;align-items:center;gap:5px;font-size:8px;font-weight:700;color:#bc7557;padding:7px 0 0}.skip-distance .icon{width:11px;height:11px}.rural-control{border-top:1px solid #e9eddf;display:flex;align-items:center;gap:9px;padding:15px 0;position:relative}.rural-control-icon{color:#a3af8d}.rural-control-icon .icon{height:21px;width:21px}.rural-control label{display:flex;flex-direction:column;gap:4px;cursor:pointer}.rural-control strong{font-size:9px;color:#71825e;font-weight:700}.rural-control small{font-size:7.5px;color:#a2ad91}.rural-control input{position:absolute;right:0;opacity:0;width:35px;height:24px;cursor:pointer;z-index:2;margin:0}.switch-track{height:17px;width:30px;border-radius:20px;background:#e0e5d7;margin-left:auto;pointer-events:none;position:relative;transition:background .2s}.switch-track:after{content:'';position:absolute;width:13px;height:13px;top:2px;left:2px;background:white;box-shadow:0 1px 3px #2d4b2520;border-radius:50%;transition:transform .2s}.rural-control input:checked+.switch-track{background:#599268}.rural-control input:checked+.switch-track:after{transform:translateX(13px)}.rural-control input:focus-visible+.switch-track{outline:3px solid #64b393;outline-offset:3px}.simulator-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e9eddf;padding:12px 0 15px;gap:5px}.simulator-footer>span{display:flex;align-items:center;gap:4px;font-size:7px;color:#a5ae96}.simulator-footer .icon{width:11px;height:11px}.simulator-footer>button{display:flex;align-items:center;gap:4px;font-size:7px;color:#8c9c7c;padding:0}.guided-button{display:flex;align-items:center;gap:10px;position:absolute;top:calc(100% + 15px);left:0;right:0;border:1px solid #e3e8da;border-radius:11px;background:#f4f7ee;padding:12px}.guided-play{width:28px;height:28px;display:grid;place-items:center;background:white;border-radius:50%;color:#64885c;border:1px solid #e8edde;flex-shrink:0}.guided-play .icon{width:12px;height:12px;fill:#64885c;stroke-width:1}.guided-button>span:nth-child(2){text-align:left}.guided-button strong{font-size:9px;font-weight:750;color:#6a8057;display:block}.guided-button small{display:block;font-size:7px;color:#a3ac92;margin-top:4px}.guided-button>.icon{width:13px;height:13px;color:#8e9e7b;margin-left:auto}.guided-button:hover{background:#edf3e5;border-color:#b8c9a5}.session-event{position:absolute;left:4px;right:4px;top:calc(100% + 85px);display:flex;gap:7px}.session-event .event-line{width:2px;height:20px;background:#c4d8b4;flex-shrink:0;border-radius:4px;margin-top:2px}.session-event p{font-size:8px;color:#a0aa92;line-height:1.7;margin:0}.site-footer{max-width:1430px;margin:27px auto 0;padding:0 60px 25px;display:flex;justify-content:space-between;align-items:center;color:#a0a88f;gap:12px}.site-footer>span:first-child{font-size:7px;font-weight:600;letter-spacing:1.1px}.site-footer p{display:flex;align-items:center;gap:9px;font-size:8px;margin:0}.site-footer p i{width:2px;height:2px;border-radius:50%;background:#bac3a9}.footer-location{display:flex;gap:5px;align-items:center;font-family:'DM Sans',sans-serif;font-size:9px}.footer-location .icon{width:13px;height:13px}
/* The map stays mounted when changing tabs. */
.map-heading{padding:17px 18px 10px;display:flex;align-items:center;justify-content:space-between}.small-eyebrow{font-size:7px;letter-spacing:1.1px;color:#8da083;font-weight:750;display:block;margin:0 0 6px}.map-heading h2{font-size:18px;font-weight:750;letter-spacing:-.65px;margin:0}.map-heading>.icon-button{background:#eaf2e5;color:#67965d;width:28px;height:28px}.child-chips{display:flex;gap:7px;padding:0 18px 12px;overflow-x:auto;scrollbar-width:none}.child-chip{border:1px solid #e3e8dd;border-radius:20px;padding:4px 12px 4px 5px;display:flex;align-items:center;gap:6px;font-size:9px;color:#809174;white-space:nowrap}.child-chip .avatar{width:23px;height:23px;font-size:8px}.child-chip.active{background:#edf5e7;border-color:#abc69d;color:#4a7945;font-weight:700}.child-chip.empty{padding:9px 12px}.map-wrap{height:265px;position:relative;background:#e6eddf;border-block:1px solid #e1e8d8}.esri-map{height:100%;width:100%;z-index:1;background:#e8edde;font-family:var(--font);position:relative}.map-live-chip{position:absolute;top:12px;left:12px;z-index:400;font-size:6px;letter-spacing:.8px;font-weight:800;display:flex;align-items:center;gap:5px;background:#fffffff0;color:#63855b;border-radius:20px;padding:7px 9px;box-shadow:0 2px 8px #3c4b2520}.map-live-chip>span{height:4px;width:4px;border-radius:50%;background:#6d9f5c;box-shadow:0 0 0 3px #6d9f5c15}.map-live-chip.offline{color:#b5776c}.map-live-chip.offline>span{background:#bc7769}.map-floating-controls{position:absolute;right:10px;top:10px;display:flex;gap:5px;flex-direction:column;z-index:400}.map-control{width:29px;height:29px;display:grid;place-items:center;background:#fffffff5;color:#789066;border:1px solid #dce5d1;border-radius:8px;box-shadow:0 2px 7px #3c4b2510}.map-control .icon{width:15px;height:15px}.map-control:hover{background:#e4efd9}.tile-warning{position:absolute;left:10px;right:10px;bottom:34px;padding:10px;border:1px solid #ead4ac;border-radius:8px;z-index:401;background:#fff7e5;font-size:8px;line-height:1.7;color:#927346;text-align:center}.tile-warning button{display:block;margin:4px auto 0;text-decoration:underline;font-weight:750;color:#927346}.leaflet-control-attribution{font-size:5.5px!important;background:#ffffffe6!important;color:#58704c!important;max-width:92%;line-height:1.45!important;white-space:normal}.leaflet-control-attribution a{color:#4d7042!important}.leaflet-control-zoom{box-shadow:0 1px 6px #3c4b2520!important;border:1px solid #d9e1cf!important;border-radius:7px!important;overflow:hidden;margin-right:11px!important;margin-bottom:22px!important}.leaflet-control-zoom a{width:25px!important;height:25px!important;line-height:25px!important;font-size:16px!important;color:#6b8558!important;background:#fffffff5!important}.leaflet-container .leaflet-marker-pane{z-index:600}.child-marker{background:transparent;border:0}.map-child-dot{width:35px;height:35px;border-radius:50%;border:3px solid white;display:grid;place-items:center;background:#c39868;color:white;font-size:11px;font-weight:800;box-shadow:0 0 0 7px #c3986825,0 3px 8px #314e2a33;position:relative}.map-child-dot.danger{background:#d95a52;box-shadow:0 0 0 8px #d95a5220,0 3px 8px #314e2a33}.map-child-dot.offline{background:#9c9b95;box-shadow:0 0 0 6px #9c9b9520}.map-child-dot:after{content:'';position:absolute;bottom:-6px;left:10px;border:4px solid transparent;border-top-color:white}.zone-marker-label{white-space:nowrap;background:#fffffff2;border:1px solid #cadbb9;border-radius:6px;padding:4px 7px;color:#648256;font-size:7px;font-weight:700;box-shadow:0 2px 5px #263c1f12;display:flex;align-items:center;gap:4px;width:max-content;transform:translate(-50%,0)}.zone-marker-label .icon{width:10px;height:10px}.leaflet-tooltip{font-family:var(--font);font-size:9px;border-radius:7px;border:1px solid #dce6d4;box-shadow:0 2px 8px #314e2a10}.map-detail{background:white;padding:14px 17px 10px;position:relative;border-radius:19px 19px 0 0;margin-top:-15px;z-index:500;border-top:1px solid #e2e9d9}.map-person{display:flex;align-items:center;gap:9px}.map-person .avatar{height:32px;width:32px;font-size:11px}.map-person h3{font-size:11px;margin:0 0 3px;font-weight:750;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-person div>span{font-size:7.5px;color:#849579}.live-pill{font-size:6px;padding:5px 7px;background:#edf4e7;color:#6d945e;border-radius:20px;font-weight:700;margin-left:auto;white-space:nowrap}.live-pill.offline{background:#f5ede8;color:#b18272}.position-data{display:flex;gap:18px;margin:14px 0 12px;padding:9px 11px;background:#f5f7f1;border:1px solid #e9ede1;border-radius:8px}.position-data>div>span{display:block;font-size:5.5px;letter-spacing:1px;color:#a0ad90;font-weight:750;margin-bottom:4px}.position-data strong{font-family:'DM Sans',sans-serif;font-size:10px;font-weight:600;color:#6f8260;font-variant-numeric:tabular-nums}.position-data>.icon{height:15px;width:15px;margin:auto 0 auto auto;color:#97a684}.expected-zone-label{display:block;font-size:8px;font-weight:700;color:#7f916e}.expected-zone-label select{border:1px solid #e2e8d8;padding:7px 9px;font-size:8px;color:#667c58;border-radius:7px;background:white;display:block;width:100%;margin-top:5px}.map-meta{display:flex;align-items:center;justify-content:space-between;font-size:6.8px;color:#97a58a;gap:5px;margin-top:9px}.zone-add{font-size:8px;margin-top:9px;color:#78916a}.phone-notice{position:absolute;z-index:900;top:94px;left:10px;right:10px;border:1px solid #ecc9c4;border-radius:12px;background:#fff8f6;box-shadow:0 7px 18px #5b2a2226;padding:11px;display:flex;align-items:center;gap:8px;font-size:9px;color:#ae4b43;line-height:1.6}.phone-notice>.icon{width:18px;height:18px}.phone-notice>span{flex:1}.phone-notice>button{color:#b3665c;padding:1px}.phone-notice>button .icon{width:13px;height:13px}
/* Emergency state. */
.alerts-idle{padding:47px 25px 20px;display:flex;flex-direction:column;align-items:center;text-align:center}.idle-shield{display:grid;place-items:center;background:#edf5e7;width:95px;height:95px;border-radius:50%;color:#80aa6b;margin-bottom:27px;box-shadow:0 0 0 13px #f3f7ee}.idle-shield>svg{height:49px;width:49px;stroke-width:1.3}.alerts-idle>.small-eyebrow{font-size:6px;margin:9px 0}.alerts-idle h2{font-size:20px;letter-spacing:-.8px;font-weight:700;margin:5px 0 13px}.alerts-idle>p:not(.in-app-demo){font-size:10px;color:#97a28a;line-height:1.9;margin:0}.idle-detail{display:flex;align-items:center;gap:9px;text-align:left;margin:27px 0 24px;padding:12px;border:1px solid #e2ebd8;border-radius:10px;color:#98ab83}.idle-detail>.icon{width:19px;height:19px}.idle-detail>span{font-size:8px;line-height:1.8;color:#889b73}.primary-button{background:var(--green);color:white;border-radius:10px;padding:13px 16px;font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:43px}.primary-button:hover{background:#126144}.primary-button .icon{width:15px;height:15px}.alerts-idle>.primary-button{font-size:9px;padding:13px 10px}.alerts-idle .in-app-demo{margin-top:21px;font-size:6.5px}.emergency-banner{background:#cf4d4b;padding:17px 18px 16px;color:white}.emergency-heading{display:flex;align-items:center;gap:7px;font-size:6.5px;font-weight:750;letter-spacing:1px;color:#ffe8e4}.emergency-icon{height:23px;width:23px;display:grid;place-items:center;background:#ffffff1c;border-radius:7px}.emergency-icon .icon{height:14px;width:14px}.red-live-dot{width:5px;height:5px;background:#fff;margin-left:auto;box-shadow:0 0 0 4px #ffffff18;border-radius:50%;animation:alertPulse 2s infinite}.emergency-banner h2{font-size:21px;letter-spacing:-.8px;line-height:1.25;margin:12px 0 7px;font-weight:750}.emergency-banner p{font-size:8.5px;color:#ffdfda;line-height:1.8;margin:0;min-height:15px}.emergency-mini-meta{display:flex;justify-content:space-between;gap:5px;margin-top:13px;font-size:6px;font-weight:700;letter-spacing:.7px;color:#ffd6d1}.emergency-mini-meta>span:first-child{background:#fff2;padding:4px 7px;border-radius:4px}.emergency-mini-meta>span:last-child{padding-top:4px}.emergency-map-wrap{height:151px;position:relative}.emergency-map-label{position:absolute;top:10px;left:11px;z-index:400;background:#fffffff0;border-radius:20px;padding:6px 8px;font-size:6px;color:#a47266;font-weight:750}.emergency-body{padding:13px 17px 8px;background:#fffcfa}.emergency-person{display:flex;align-items:center;gap:9px}.emergency-person .avatar{width:31px;height:31px;font-size:10px}.emergency-person h3{font-size:11px;font-weight:750;margin:0 0 4px;max-width:225px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emergency-person div>span{font-size:7.5px;color:#b07b6b}.emergency-person>.icon{margin-left:auto;width:15px;height:15px;color:#c4a395}.emergency-coordinates{display:flex;align-items:center;gap:5px;justify-content:space-between;font-size:6.5px;color:#b59d8f;margin:10px 0 11px;font-variant-numeric:tabular-nums}.panic-button{width:100%;display:flex;align-items:center;gap:9px;text-align:left;border-radius:10px;border:1px solid #d5594f;background:#d5594f;color:white;padding:11px 10px;min-height:54px;box-shadow:0 3px 9px #cf454713;transition:background .2s}.panic-button:disabled{background:#f4e8e1;border-color:#e8d6cc;color:#b79c8e;box-shadow:none}.panic-button:not(:disabled):hover{background:#ba3b34}.panic-symbol{font-size:12px;font-weight:800;border:1px solid #ffffff66;border-radius:50%;height:30px;width:30px;display:grid;place-items:center;flex-shrink:0;letter-spacing:-.7px}.panic-button:disabled .panic-symbol{border-color:#d9bfb0}.panic-button strong{display:block;font-size:10px;font-weight:750}.panic-button small{display:block;font-size:6px;margin-top:4px;line-height:1.6;opacity:.8}.panic-button.is-active{background:#ac282a;border-color:#ac282a}.emergency-actions{display:flex;flex-direction:column;gap:7px;margin-top:12px}.emergency-actions>button{display:flex;gap:9px;align-items:center;border:1px solid #e9ddd3;min-height:44px;border-radius:9px;background:white;padding:9px 12px;font-size:9px;font-weight:700;color:#7b695d}.emergency-actions>button>.icon{width:17px;height:17px;color:#b08875}.emergency-actions>button>.end-icon{margin-left:auto;width:12px;height:12px;color:#c1aa99}.emergency-actions>.authority-button{background:#fef6f0;border-color:#efdbce;color:#a9664f}.emergency-actions>button:hover{background:#f5e9df}.end-emergency{font-size:7.5px;color:#9d9b83;display:flex;align-items:center;justify-content:center;gap:4px;padding:13px 0 2px;width:100%}.end-emergency .icon{height:11px;width:11px}.emergency-body .in-app-demo{font-size:6px;color:#baa99c;margin:8px 0}.empty-card{text-align:center;padding:19px 14px;border:1px dashed #c8d7bd;border-radius:12px;font-size:10px;color:#8a9b7b;line-height:1.8;background:#f7faf2}.empty-card button{margin:8px auto 0;font-size:9px}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);padding:13px 20px;max-width:calc(100vw - 32px);background:#244b38;box-shadow:0 8px 30px #244b3833;color:#fff;border:1px solid #4c7152;border-radius:12px;z-index:2000;font-size:11px;line-height:1.7;text-align:center}
/* Editable people, safe places, and presentation tools. */
dialog{border:1px solid #e0e8d8;border-radius:22px;padding:0;background:#fcfdf9;color:var(--ink);width:440px;max-width:calc(100vw - 26px);max-height:calc(100dvh - 40px);box-shadow:0 24px 100px #19392533;overflow:auto;scrollbar-width:thin;scrollbar-color:#b9cab0 transparent}dialog::backdrop{background:#20362c50;backdrop-filter:blur(5px)}.modal-shell{padding:24px}.modal-shell>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:21px}.modal-shell h2{font-size:22px;letter-spacing:-.8px;font-weight:750;line-height:1.3;margin:5px 0 0}.modal-shell header .small-eyebrow{font-size:7px}.modal-shell header>.icon-button{align-self:flex-start;background:#eff4e9}.modal-shell p{font-size:11px;line-height:1.9;color:#8c9b7d}.field{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:700;color:#778a69;margin-bottom:15px}.field input,.field select,.field textarea{border:1px solid #dce6d1;background:white;padding:11px 12px;border-radius:9px;min-width:0;font-size:12px;color:#47643d;font-weight:500;width:100%}.field textarea{resize:vertical;min-height:125px;line-height:1.8}.field small{font-size:9px;line-height:1.7;color:#9ba98b;font-weight:400}.field-row{display:flex;gap:12px}.field-row>.field{flex:1;min-width:0}.form-actions{display:flex;gap:9px;margin-top:20px}.form-actions>.primary-button{flex:1}.secondary-button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dce6d1;border-radius:9px;color:#7a8b69;background:white;padding:11px 15px;font-size:10px;font-weight:700;min-height:41px}.secondary-button .icon{width:15px;height:15px}.secondary-button:hover{background:#eff5e8}.danger-text{color:#bd6556!important}.danger-button{background:#cb6253!important;color:white!important;border-color:#cb6253!important}.delete-person{margin-top:18px;display:flex;align-items:center;gap:6px;font-size:10px;color:#bc7a66;padding:6px 0}.delete-person .icon{width:13px;height:13px}.zone-manager-list{display:flex;flex-direction:column;gap:9px;margin-bottom:19px}.zone-manager-row{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e2ead8;border-radius:11px;background:white}.zone-manager-row .zone-icon{width:35px;height:35px}.zone-manager-row>div{min-width:0;flex:1}.zone-manager-row strong{font-size:11px;display:block;color:#658055;overflow:hidden;text-overflow:ellipsis}.zone-manager-row small{font-size:8px;color:#a1ae90;display:block;line-height:1.8;margin-top:4px}.zone-manager-row .icon-button{width:27px;height:27px;flex-shrink:0}.zone-manager-row .icon-button .icon{width:14px;height:14px}.zone-manager-row .danger-text{color:#c99581!important}.settings-actions{display:flex;flex-direction:column;gap:9px;margin:18px 0}.settings-actions>button{justify-content:flex-start;gap:11px}.settings-note{padding:12px;background:#f0f5e9;border-radius:10px;font-size:10px;color:#859b70;line-height:1.8}.guide-steps{display:flex;flex-direction:column;gap:16px;margin:18px 0 22px}.guide-step{display:flex;gap:12px}.guide-number{height:27px;width:27px;border-radius:8px;background:#e7f0df;display:grid;place-items:center;color:#709459;font-size:11px;font-weight:700;flex-shrink:0}.guide-step strong{font-size:11px;color:#6d875a;display:block;margin:1px 0 5px}.guide-step p{font-size:10px;line-height:1.8;margin:0}.connection-note{border:1px solid #e7e1cc;border-radius:10px;padding:11px;color:#a69b75;font-size:9px;line-height:1.8;background:#fbf8ee}.zone-picker-wrap{height:175px;position:relative;border:1px solid #d6e1c8;border-radius:11px;overflow:hidden;margin-bottom:15px}.zone-picker-wrap .esri-map{height:100%}.picker-help{position:absolute;bottom:19px;left:10px;right:10px;padding:6px;border-radius:6px;background:#fffef1e8;z-index:450;pointer-events:none;font-size:8px;text-align:center;color:#8d956d}.color-options{display:flex;gap:10px;margin:0 0 16px}.color-option{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;border:2px solid transparent;background:#f2e5d1;color:#b77e4c;font-size:10px}.color-option[data-color="rose"]{background:#f4e5e5;color:#b67f88}.color-option[data-color="lavender"]{background:#eae7f6;color:#8e7abd}.color-option[data-color="blue"]{background:#e2eef4;color:#6190a9}.color-option[data-color="sage"]{background:#e7efdf;color:#829464}.color-option.active{border-color:#6e9665;box-shadow:0 0 0 2px white inset}.history-list{display:flex;flex-direction:column;gap:9px}.history-item{background:white;border:1px solid #e6ecdf;border-radius:10px;padding:11px;display:flex;gap:10px}.history-item>.icon{width:16px;height:16px;color:#94aa7f;flex-shrink:0;margin-top:1px}.history-item.danger>.icon{color:#c9816e}.history-item strong{font-size:10px;display:block;color:#7e8e6e;font-weight:650;line-height:1.7}.history-item small{font-size:8px;color:#abb699;display:block;margin-top:4px}.sms-preview{white-space:pre-wrap;line-height:1.9;font-family:'DM Sans',sans-serif;background:#eff4e8;border:1px solid #dce7cf;padding:16px;border-radius:13px;font-size:11px;color:#739060;word-break:break-word}.call-preview{display:flex;flex-direction:column;align-items:center;padding:18px 5px;text-align:center}.call-icon{width:70px;height:70px;border-radius:50%;background:#e8f2df;display:grid;place-items:center;color:#749c60;box-shadow:0 0 0 10px #f1f7e9;margin-bottom:20px}.call-icon .icon{width:30px;height:30px}.call-preview h3{font-size:20px;color:#698651;margin:13px 0 5px;letter-spacing:-.5px}.call-preview>span{font-size:10px;color:#9eb386}.call-preview p{max-width:280px;font-size:10px;margin:16px 0 0}.form-error{font-size:10px!important;color:#c26c59!important;background:#fcf0e9;padding:10px;border-radius:8px}.tour-active .guided-button{background:#e6f0dc;border-color:#a8c595}.tour-active .guided-play .icon{fill:none}.tour-active .guided-button>.icon{display:none}
@keyframes alertPulse{0%,100%{box-shadow:0 0 0 3px #ffffff15}50%{box-shadow:0 0 0 6px #ffffff25}}
@media(min-width:1100px) and (max-height:880px){:root{--phone-height:690px;--phone-width:344px}.site-header{height:81px}.experience{margin-top:4px;max-width:1200px;column-gap:62px}.intro h1{font-size:55px}.device-caption{margin-bottom:13px}.device-footnote{margin-top:16px}.site-footer{margin-top:18px;padding-bottom:18px}.home-padding{padding-top:15px}.section-title{margin-top:18px}.map-wrap{height:231px}.simulator{max-width:289px}.status-bar{height:39px}.app-brandbar{height:46px}.map-heading{padding-top:14px}.emergency-banner{padding-top:14px;padding-bottom:13px}.emergency-map-wrap{height:128px}.emergency-banner h2{font-size:19px}.emergency-actions>button{min-height:42px}}
@media(min-width:1600px){:root{--phone-width:390px;--phone-height:800px}.experience{max-width:1390px;column-gap:100px}.intro h1{font-size:67px}.intro-description{font-size:15px}.simulator{max-width:315px;padding:24px 23px 0}.simulator h2{font-size:25px}.scenario{min-height:67px}.home-padding{padding:21px 21px 8px}.child-card{padding-top:14px}.child-card-bottom{padding:12px 0}.family-summary{padding-block:15px}.home-zone{min-height:47px}.map-wrap{height:300px}.emergency-map-wrap{height:172px}.emergency-actions>button{min-height:48px}.site-footer{margin-top:37px}}
@media(max-width:1190px) and (min-width:1000px){.experience{column-gap:35px;padding-inline:30px}.intro h1{font-size:51px;letter-spacing:-3px}.eyebrow{font-size:6.8px;letter-spacing:1px}.title-spark{font-size:30px;margin-left:18px}.simulator{padding:18px 16px 0}.simulator h2{font-size:21px}.scenario{padding-inline:8px;gap:8px}.scenario strong{font-size:9px}.scenario small{font-size:7px}.simulator-description{font-size:9px}.site-header{padding-inline:35px}.site-footer{padding-inline:35px}.footer-location{display:none}}
@media(max-width:999px){.site-header{height:86px;padding:0 30px}.header-subtitle{font-size:10px;max-width:180px}.header-actions{gap:18px}.experience{max-width:850px;grid-template-columns:var(--phone-width) 280px;column-gap:55px;padding:0 30px;justify-content:center;margin-top:17px}.intro{grid-column:1 / -1;padding-bottom:29px;display:grid;grid-template-columns:1fr 1fr;gap:0 30px;max-width:715px}.intro .eyebrow{grid-column:1 / -1;font-size:7px}.intro h1{font-size:38px;line-height:1.2;letter-spacing:-2px;margin:16px 0 0}.intro h1 br:first-of-type{display:none}.intro h1 br:last-of-type{display:none}.intro h1 em{white-space:nowrap}.title-spark{font-size:24px;position:static;margin-left:14px}.intro-description{font-size:11px;align-self:end;padding-bottom:5px;line-height:1.9}.intro-rule,.feature-list,.academic-note{display:none}.simulator{margin-top:-75px}.site-footer{padding:0 30px 24px;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:29px}.site-footer>span:first-child{display:none}.footer-location{display:none}.device-stage:before{width:480px;height:600px}.orbit{width:450px;height:530px}.orbit-two{width:500px;height:620px}}
@media(max-width:740px){:root{--phone-width:358px;--phone-height:748px}.site-header{height:75px;padding:0 23px}.brand{font-size:27px;gap:5px}.brand-mark{width:31px;height:35px}.brand-mark svg{width:29px;height:33px}.header-subtitle{display:none}.header-actions{gap:15px}.demo-label{font-size:7px;letter-spacing:1px}.help-button{padding:8px 10px;font-size:9px;gap:5px}.help-button .icon{height:13px;width:13px}.experience{display:flex;flex-direction:column;padding:0 20px;margin-top:17px;gap:0}.intro{display:block;text-align:center;padding-bottom:30px;max-width:480px}.intro .eyebrow{justify-content:center;font-size:6px;letter-spacing:1.1px}.intro h1{font-size:37px;line-height:1.3;letter-spacing:-2.4px;margin:14px 0 12px}.intro h1 br{display:none}.intro h1 br:last-of-type{display:block}.title-spark{font-size:24px;margin-left:12px}.intro-description{font-size:11px;line-height:1.8}.intro-description br{display:none}.intro-description br:nth-child(2){display:block}.device-caption{font-size:8px;margin-bottom:14px}.simulator{margin:35px 0 110px;max-width:370px;width:100%;padding:20px 21px 0;align-self:center}.simulator-heading{font-size:8px}.simulator h2{font-size:24px}.simulator-description{font-size:11px;margin-bottom:18px}.simulator-description br{display:none}.scenario strong{font-size:11px}.scenario small{font-size:9px}.scenario{min-height:67px}.sim-child-label{font-size:7px}.sim-select{font-size:11px;padding-block:11px}.rural-control strong{font-size:10px}.rural-control small{font-size:8px}.simulation-meter>div:first-child>span{font-size:9px}.simulation-meter p{font-size:8px}.simulator-footer>span,.simulator-footer>button{font-size:8px}.guided-button strong{font-size:10px}.guided-button small{font-size:8px}.session-event p{font-size:8px}.site-footer{margin-top:5px;padding-bottom:24px}.device-stage:before{width:100vw;height:650px}.orbit{width:95vw;height:530px}.orbit-two{width:105vw;height:600px}.device-footnote{font-size:8px}.map-wrap{height:264px}.site-footer p{font-size:8px}}
@media(max-width:389px){:root{--phone-width:calc(100vw - 35px);--phone-height:720px}.site-header{padding-inline:17px}.demo-label{font-size:6px}.help-button{padding-inline:7px}.header-actions{gap:11px}.experience{padding-inline:15px}.intro h1{font-size:34px}.intro-description{font-size:10px}.phone{border-width:5px}.home-padding{padding-inline:15px}.welcome h2{font-size:20px}.map-wrap{height:245px}.emergency-banner h2{font-size:19px}.emergency-map-wrap{height:133px}.modal-shell{padding:21px}.modal-shell h2{font-size:20px}}
.title-first-line{white-space:nowrap}.intro h1{font-size:51px}.leaflet-control-attribution{font-size:6.5px!important}.color-option .icon{width:15px;height:15px}
@media(min-width:1600px){.intro h1{font-size:55px}}
@media(max-width:1190px) and (min-width:1000px){.intro h1{font-size:45px}}
@media(max-width:999px){.intro h1{font-size:38px}}
@media(max-width:740px){.intro h1{font-size:37px}.title-first-line{white-space:normal}}
@media(max-width:389px){.intro h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}