:root{color:#182d42;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--navy:#122a42;--red:#c93536;--muted:#617185;--line:#dfe5eb;--yellow:#f6c84c;background:#f4f6f8;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.65;cursor:wait}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #2781b3}input:focus,textarea:focus{border-color:#4b84a6;outline:3px solid #b8d8ec}h1:focus{outline:none}button svg,a svg{flex-shrink:0}h1,h2,h3,p{margin:0}button{border:0}h1{letter-spacing:-1.35px;font-size:clamp(30px,4.3vw,42px);font-weight:760;line-height:1.15}h2{font-size:17px;line-height:1.4}h3{font-size:16px}.header{background:var(--navy);color:#fff;border-bottom:3px solid var(--yellow);padding-top:env(safe-area-inset-top)}.header-inner{justify-content:space-between;align-items:center;gap:12px;max-width:980px;min-height:91px;margin:auto;padding:15px 28px;display:flex}.brand{letter-spacing:1.7px;align-items:center;gap:10px;font-size:14px;font-weight:760;line-height:1.2;display:flex}.brand>span>span{letter-spacing:4.3px;color:#cbd8e3;margin-top:4px;font-size:10px;font-weight:500;display:block}.demo-badge{color:#e7edf3;white-space:nowrap;border:1px solid #516172;border-radius:30px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;display:flex}.demo-badge>span{background:var(--yellow);border-radius:50%;width:5px;height:5px}.main{max-width:880px;padding:0 28px calc(116px + env(safe-area-inset-bottom));margin:auto}.context-row{color:var(--muted);justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 0 30px;font-size:11px;display:flex}.context-row>span{align-items:center;gap:6px;min-width:0;display:flex}.context-row>span:first-child{overflow-wrap:anywhere;max-width:60%}.context-row svg{flex-shrink:0}.connection{white-space:nowrap;color:#3b785e}.connection.offline{color:#795b1d}.eyebrow,.overline{letter-spacing:1.65px;font-size:10px;font-weight:750;line-height:1.5}.eyebrow{color:#788694;margin-bottom:12px}.lead{color:var(--muted);max-width:570px;margin-top:13px;font-size:14px;line-height:1.75}.title-dot{color:var(--red)}.welcome{margin-bottom:26px}.unit-banner{background:var(--navy);color:#fff;border-radius:14px;align-items:center;gap:22px;padding:25px;display:flex;position:relative;overflow:hidden}.unit-banner .overline{color:var(--yellow);letter-spacing:1.8px;font-size:9px}.unit-banner h2{overflow-wrap:anywhere;margin-top:6px;font-size:19px;line-height:1.3}.unit-banner p{color:#becbda;margin-top:5px;font-size:12px}.unit-banner>div:nth-child(2){flex:1;min-width:0}.truck-art{color:#fff;background:#223c54;border:1px solid #42586c;border-radius:12px;flex-shrink:0;place-items:center;width:68px;height:68px;display:grid;position:relative}.truck-art span{background:var(--yellow);border-radius:3px;width:39px;height:3px;position:absolute;bottom:12px}.icon-button{min-width:44px;min-height:44px;color:var(--muted);background:0 0;border-radius:9px;place-items:center;display:inline-grid}.icon-button.light{color:#fff;background:#ffffff0d}.icon-button:hover{background:#e9eef3}.icon-button.light:hover{background:#ffffff20}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin:30px 0 14px;display:flex}.section-heading h2{letter-spacing:-.3px;font-size:15px}.section-heading>span{color:#8090a1;letter-spacing:.6px;font-size:10px}.resource-grid{gap:12px;display:grid}.resource-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:17px;padding:21px;transition:transform .15s,box-shadow .15s;display:flex}.resource-card:hover{transform:translateY(-2px);box-shadow:0 5px 14px #122a420a}.resource-card.featured{border-left:3px solid var(--red);padding-left:19px}.resource-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.resource-icon.red{color:var(--red);background:#fbebeb}.resource-icon.blue{color:#3f6e93;background:#edf3f8}.resource-icon.yellow{color:#896c23;background:#fcf5df}.resource-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.resource-copy .overline{letter-spacing:1.5px;color:#84909e;font-size:8px}.resource-copy strong{letter-spacing:-.3px;font-size:16px}.resource-copy>span:last-child{color:var(--muted);font-size:12px;line-height:1.4}.resource-card>svg{color:#91a0ae}.offline-card{border:1px solid var(--line);background:#eef2f5;border-radius:12px;align-items:center;gap:13px;margin-top:24px;padding:18px;display:flex}.offline-card.ready{background:#eaf2ed;border-color:#d5e4db}.offline-icon{color:#58765f;flex-shrink:0;align-self:flex-start;margin-top:2px}.offline-card>div{flex:1}.offline-card h2{color:#3d6250;font-size:12px}.offline-card p{color:#61716b;max-width:510px;margin-top:4px;font-size:11px;line-height:1.65}.offline-card>svg{color:#3d7456;flex-shrink:0}.install-strip{text-align:left;background:0 0;align-items:center;gap:12px;width:100%;padding:20px 2px;display:flex}.install-strip-icon{border:1px solid var(--line);background:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.install-strip>span:nth-child(2){flex-direction:column;flex:1;gap:4px;display:flex}.install-strip strong{font-size:12px}.install-strip>span:nth-child(2)>span{color:var(--muted);font-size:10px}.install-strip>svg{color:#81909f}.demo-foot{border-top:1px solid var(--line);color:#8b97a4;justify-content:center;align-items:center;gap:6px;padding:15px 0;font-size:10px;display:flex}.bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:10;background:#fffffff5;position:fixed;bottom:0;left:0;right:0}.bottom-nav>div{grid-template-columns:repeat(4,1fr);max-width:880px;margin:auto;display:grid}.bottom-nav a{color:#8693a2;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:76px;padding:11px 4px 13px;font-size:10px;font-weight:550;display:flex;position:relative}.bottom-nav a.active{color:var(--red)}.bottom-nav a.active:before{content:"";background:var(--red);border-radius:0 0 3px 3px;width:28px;height:3px;position:absolute;top:0}.page-intro{margin:0 0 27px}.page-intro h1{max-width:680px}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:27px}.panel-heading{align-items:center;gap:14px;margin-bottom:28px;display:flex}.panel-heading p{color:var(--muted);margin-top:4px;font-size:12px}.field{flex-direction:column;gap:9px;display:flex}.field label,.note-form>label{font-size:12px;font-weight:650}.field input,.note-form textarea{width:100%;color:var(--navy);background:#fff;border:1px solid #d4dce4;border-radius:8px;padding:14px;scroll-margin-bottom:120px;font-size:16px;line-height:1.4}.field input[aria-invalid=true]{border-color:var(--red)}.input-unit{position:relative}.input-unit input{padding-right:64px;font-size:23px;font-weight:650}.input-unit>span{color:var(--muted);font-size:11px;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.calculator-inputs{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);align-items:start;gap:14px;display:grid}.times{color:#8d9ca8;margin-top:40px;font-size:24px;font-weight:300}.result{background:var(--navy);color:#fff;border-radius:11px;flex-direction:column;align-items:center;margin:25px 0 18px;padding:30px 20px 22px;display:flex}.result .overline{color:var(--yellow);font-size:9px}.result output{letter-spacing:-2px;overflow-wrap:anywhere;max-width:100%;margin:14px 0 5px;font-size:clamp(40px,8vw,64px);font-weight:750;line-height:1.2}.result>span:not(.overline){color:#ced9e2;font-size:12px}.result-line{background:var(--yellow);border-radius:2px;width:35px;height:3px;margin:22px 0 13px}.result p{color:#adbece;text-align:center;font-size:11px;line-height:1.6}.button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 18px;font-size:12px;font-weight:650;line-height:1.5;display:inline-flex}.primary{color:#fff;background:var(--red)}.primary:hover{background:#ae2a2d}.secondary{color:#4f6173;border:1px solid var(--line);background:#f6f8fa}.secondary:hover{background:#eaf0f5}.full{width:100%}.small{min-height:44px;padding:9px 12px;font-size:11px}.support-note{color:var(--muted);align-items:flex-start;gap:10px;margin-top:22px;padding:0 5px;font-size:11px;line-height:1.8;display:flex}.support-note svg{color:#7f93a5;flex-shrink:0;margin-top:2px}.field-error{color:#a62a30;font-size:11px;line-height:1.6}.unit-form .field{margin:0 0 23px}.unit-form .button{margin-top:3px}.note-form textarea{resize:vertical;min-height:120px;max-height:400px;margin-top:12px;font-size:16px;line-height:1.7;display:block}.note-form textarea::placeholder{color:#9ba6b0}.form-bottom{justify-content:space-between;align-items:center;gap:12px;margin-top:17px;display:flex}.form-bottom>span{color:#83909d;font-size:10px}.feedback{align-items:center;gap:8px;margin-top:15px;font-size:12px;line-height:1.6;display:flex}.feedback svg{flex-shrink:0}.feedback.success{color:#3c7458}.feedback.error{color:#af2f35}.empty-state{text-align:center;color:#93a4b3;border:1px dashed #cfd8e1;border-radius:12px;padding:40px 20px}.empty-state h3{color:#617487;margin:15px 0 9px;font-size:14px}.empty-state p{font-size:12px;line-height:1.8}.notes-list{gap:12px;display:grid}.saved-note{border:1px solid var(--line);border-left:3px solid var(--yellow);background:#fff;border-radius:10px;padding:16px 21px 23px}.note-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.note-top time{color:#7e8e9d;font-size:10px}.saved-note>p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px;font-size:14px;line-height:1.8}.delete:hover{color:var(--red);background:#fbebeb}.delete-confirm{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:15px;display:flex}.delete-confirm>span{font-size:12px}.delete-confirm>div{gap:8px;display:flex}.install-dialog{border:1px solid var(--line);width:calc(100% - 30px);max-width:460px;max-height:calc(100dvh - 40px);color:var(--navy);overscroll-behavior:contain;border-radius:18px;padding:25px;overflow-y:auto}.install-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b2031a3}.dialog-top{justify-content:space-between;align-items:center;display:flex}.dialog-top .eyebrow{margin:0}.install-dialog>.resource-icon{margin:12px 0 18px}.install-dialog>h2{letter-spacing:-.8px;font-size:28px}.install-dialog>p{color:var(--muted);margin:13px 0 22px;font-size:13px;line-height:1.8}.install-instruction{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.install-instruction h3{font-size:13px}.install-instruction ol{color:var(--muted);margin-bottom:0;padding-left:19px;font-size:12px;line-height:1.8}.install-instruction li+li{margin-top:8px}.inline-icon{vertical-align:middle;color:#42779d}.install-dialog .dialog-note{background:#f3f5f8;border-radius:9px;gap:10px;margin-bottom:0;padding:13px;font-size:11px;display:flex}.dialog-note svg{flex-shrink:0;margin-top:4px}.skip-link{z-index:30;border:2px solid var(--red);background:#fff;border-radius:8px;padding:12px;font-size:14px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.keyboard-open .bottom-nav{display:none}@media (width>=700px){.header-inner{padding:18px 50px}.main{padding-top:4px}.resource-grid{grid-template-columns:1fr 1fr}.resource-card.featured{grid-column:1/-1}.resource-card{min-height:112px}.welcome h1{font-size:43px}.unit-banner{padding:28px}.context-row{font-size:12px}.panel,.support-note{max-width:650px}.notes-list{grid-template-columns:1fr 1fr}.bottom-nav a{font-size:11px}.bottom-nav>div{max-width:580px}.welcome{margin-bottom:30px}.lead{font-size:15px}}@media (width<=420px){.header-inner{min-height:85px;padding:14px 20px}.main{padding-left:20px;padding-right:20px}.brand{letter-spacing:1.4px;font-size:12px}.brand>span>span{letter-spacing:3.5px;font-size:9px}.brand img{width:36px;height:36px}.demo-badge{padding:6px 8px;font-size:9px}.context-row{padding:20px 0 27px;font-size:10px}.unit-banner{gap:14px;padding:21px 16px}.unit-banner h2{font-size:15px}.unit-banner p{font-size:10px}.truck-art{width:52px;height:60px}.truck-art svg{width:34px}.truck-art span{width:30px;bottom:10px}.unit-banner>.icon-button{width:32px;min-width:32px}.resource-card{gap:13px;padding:18px 15px}.resource-card.featured{padding-left:13px}.resource-copy strong{font-size:15px}.resource-copy>span:last-child{font-size:11px}.resource-icon{width:43px;height:43px}.panel{padding:21px 18px}.calculator-inputs{gap:9px}.input-unit input{padding-left:12px;padding-right:49px;font-size:21px}.input-unit>span{font-size:10px;right:11px}.form-bottom>span{font-size:9px}.note-form .button{padding-left:12px;padding-right:12px}.install-strip strong{font-size:11px}.install-strip>span:nth-child(2)>span{font-size:9px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}