:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1c3029;background:#edf0eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #91b947;outline-offset:3px}button:disabled{opacity:.45;cursor:default}button{border:0}h1,h2,h3,p{margin:0}h2{font-size:27px;letter-spacing:-1px;line-height:1.2}h3{font-size:16px;line-height:1.4}small{font-size:12px;color:#76817b}button strong,button small{display:block}button small{margin-top:5px}strong{font-weight:600}svg{flex-shrink:0}button svg{vertical-align:middle}.stage{display:flex;justify-content:center;align-items:flex-start;gap:64px;padding:48px 32px;min-height:100vh}.intro{max-width:330px;position:sticky;top:70px;padding-top:55px}.brandmark{background:#18392f;color:#d7eca9;display:grid;place-items:center;width:54px;height:54px;border-radius:17px;margin-bottom:35px}.eyebrow,.overline{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#77887a}.intro h1{font-size:43px;line-height:1.15;letter-spacing:-2px;font-weight:600;margin:18px 0 23px}.intro em{font-style:normal;color:#618450}.intro p{font-size:16px;line-height:1.7;color:#79827b}.intro-note{display:flex;gap:12px;font-size:13px;line-height:1.6;margin-top:40px;border-top:1px solid #d6ded2;padding-top:24px}.intro-note small{font-size:11px}.flow{display:flex;gap:18px;margin-top:70px;color:#7b8879;font-size:10px}.phone{background:#fbfcf8;width:400px;flex-shrink:0;border:1px solid #dce2d9;border-radius:28px;box-shadow:0 26px 90px #203d2712;overflow:hidden;position:relative;min-height:780px}header{padding:24px 23px 18px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;gap:9px;align-items:center;font-size:14px;font-weight:700}.wordmark small{display:block;font-weight:400;font-size:10px;margin-top:3px}.mark{display:grid;place-items:center;width:33px;height:33px;background:#1d4033;color:#dcebba;border-radius:10px}.avatar{width:34px;height:34px;border-radius:50%;background:#e4ebd8;color:#456036;font-size:12px}.demo{display:flex;gap:6px;align-items:center;justify-content:center;font-size:9px;letter-spacing:.4px;background:#edf3e5;padding:7px;color:#6e805b}.demo span{width:4px;height:4px;border-radius:50%;background:#8fa76c}main{padding:25px 22px 30px;min-height:617px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.heading h2{margin-top:5px}.count{font-size:15px;color:#8c9d83;font-weight:400;margin-left:5px}.iconbutton{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#edf1e7;color:#38513b;flex-shrink:0}.garage-summary{padding:24px 20px;border-radius:19px;background:#183c30;color:#fff;position:relative;overflow:hidden;display:flex;margin-bottom:27px}.garage-summary small{font-size:11px;color:#b0c3ad}.garage-summary strong{font-size:20px;display:block;margin:8px 0 10px;letter-spacing:-.5px}.garage-summary p{font-size:11px;line-height:1.6;color:#b6c8bc}.road{position:absolute;right:-9px;bottom:10px;width:100px;height:70px;display:grid;place-items:center;color:#b9d590;transform:rotate(-12deg)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:18px 0 12px}.section-head>span{font-size:11px;color:#87917d}.vehicle-card{padding:18px 13px;display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1px solid #e4e8df;border-radius:17px;margin:10px 0;color:#283e30}.grow{flex:1;min-width:0}.vehicle-card strong{font-size:13px;line-height:1.4}.vehicle-card small{font-size:10px}.vehicle-card b{display:flex;align-items:center;gap:5px;font-size:12px;margin-top:12px;font-weight:500}.car-icon{display:grid;place-items:center;width:59px;height:65px;border-radius:13px;background:#e9ede1;color:#61734f;flex-shrink:0}.tone1{background:#e8edf0;color:#6b8085}.reminder-preview{display:flex;align-items:center;gap:11px;width:100%;padding:16px 12px;text-align:left;border-radius:14px;background:#f6efdf;color:#65532e;margin-top:23px}.reminder-preview strong{font-size:12px}.reminder-preview small{font-size:10px;color:#98825b}.bell{display:grid;place-items:center;width:32px}.plain-row{display:flex;align-items:center;gap:12px;background:transparent;color:#496044;width:100%;padding:20px 0;text-align:left;border-bottom:1px solid #e8ece2}.plain-row strong{font-size:12px}.plain-row small{font-size:10px}.footnote{font-size:10px;line-height:1.7;color:#9ba393;margin-top:20px;text-align:center}.side-note{max-width:210px;padding-top:160px;color:#53684f}.side-note>span{font-size:10px;letter-spacing:2px;color:#96a28d}.side-note h3{margin:20px 0}.side-note ol{padding-left:17px;font-size:12px;line-height:1.7}.side-note li{padding:7px 0}.side-note p{font-size:11px;line-height:1.8;color:#8b9684;margin-top:30px}nav{display:flex;justify-content:space-around;background:#fff;border-top:1px solid #e8eddf;padding:12px 8px 18px}nav button{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;color:#9aa38f;width:70px;min-height:44px}nav span{font-size:10px}nav .active{color:#345d35}.back{background:none;display:flex;align-items:center;gap:6px;color:#7e8f76;font-size:11px;padding:0;margin:0 0 22px;min-height:30px}.subtitle{font-size:12px;color:#8c9786;margin:9px 0 22px;line-height:1.5}.odometer{background:#edf2e6;border-radius:18px;padding:22px;margin-bottom:16px;position:relative}.odometer strong{display:block;font-size:32px;letter-spacing:-1px;margin-top:8px}.odometer strong span{font-size:15px;color:#859576;font-weight:400}.odometer button{background:transparent;color:#6b8255;font-size:11px;margin-top:12px;padding:0}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;min-height:46px;padding:12px 15px;font-size:12px;font-weight:600}.primary{background:#254d36;color:#f5f8ed}.secondary{background:#eef2e7;color:#50673f;border:1px solid #e0e7d7}.full{width:100%}.tabs{display:flex;background:#eef1e8;padding:4px;border-radius:11px;margin:25px 0}.tabs button{flex:1;background:transparent;padding:10px 4px;color:#929d87;border-radius:8px;font-size:12px}.tabs .selected{background:#fff;box-shadow:0 2px 5px #182a1610;color:#334e28}.part-row,.catalog-row{display:flex;align-items:center;gap:12px;width:100%;background:transparent;text-align:left;color:#43573d;border-bottom:1px solid #e8ece0;padding:17px 0}.part-row strong,.catalog-row strong{font-size:12px}.part-row small,.catalog-row small{font-size:10px}.part-row b{display:block;font-size:11px;font-weight:500;color:#6d884e;margin-top:9px}.part-icon{width:38px;height:40px;display:grid;place-items:center;background:#eff2e9;border-radius:11px;color:#809369}.hint{display:flex;align-items:flex-start;gap:10px;background:#f0f3ea;padding:14px;border-radius:12px;color:#778969;font-size:11px;line-height:1.7;margin:20px 0}.empty{text-align:center;color:#859579;padding:35px 10px;font-size:12px;line-height:1.7}.empty p{margin-top:12px}.expense{background:#edf2e6;padding:18px;border-radius:13px}.expense strong{display:block;font-size:25px;margin-top:7px}.event{padding:17px 0;border-bottom:1px solid #e4e9de}.event summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;font-size:12px}.event summary small{display:block;font-size:10px;margin-top:5px}.event p{font-size:11px;margin-top:12px;color:#7a876e}.event p span{display:block}.part-hero{background:#203f31;border-radius:18px;color:#fff;padding:23px}.pill{display:inline-block;font-size:10px;background:#e9efda;color:#638146;padding:5px 9px;border-radius:20px}.part-hero .pill{background:#3b5941;color:#d1e6b1}.part-hero h3{margin-top:19px;font-size:14px;color:#b3c7ac}.part-hero strong{display:block;font-size:34px;margin-top:8px;letter-spacing:-1px}.part-hero strong span{font-size:16px;font-weight:400}.part-hero p{font-size:12px;color:#b9cdb3;margin:7px 0 17px}.part-hero small{font-size:10px;color:#9fb399}.spaced{margin:25px 0 20px}.timeline{padding-left:10px}.timeline-item{position:relative;border-left:1px solid #dce4d1;padding:0 0 28px 22px;font-size:12px}.timeline-item>strong{display:block}.timeline-item strong small{margin-left:8px;font-size:10px}.timeline-item p{font-size:10px;margin-top:8px;color:#8a967f}.timeline-item b{display:block;color:#68854b;font-size:11px;margin-top:12px;font-weight:500}.dot{position:absolute;left:-5px;top:2px;width:9px;height:9px;border-radius:50%;background:#bac5ac;border:2px solid #fbfcf8}.dot.live{background:#4e7735}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{display:block;font-size:11px;color:#7d8d70;margin:0 0 15px}input,select{display:block;width:100%;min-width:0;border:1px solid #dde5d5;background:#fff;border-radius:9px;padding:12px 10px;font-size:14px;color:#3d5335;margin-top:7px;min-height:44px}input:focus,select:focus{outline:2px solid #a0b789;outline-offset:1px}.line-card{background:#fff;border:1px solid #e0e7d8;border-radius:14px;padding:0 13px 2px;margin-bottom:12px}.line-card .section-head{margin-top:8px}.line-card .iconbutton{background:none}.line-card label{font-size:10px}.line-card input{font-size:13px}.replacement{padding:12px;background:#f5f1e5;border-radius:9px;margin-bottom:12px}.check{display:flex;align-items:center;gap:8px;font-size:11px!important}.check input{width:16px;min-height:16px;margin:0}.total{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:24px 0;font-size:13px}.total small{display:block;font-size:9px;margin-top:5px}.total strong{font-size:20px;white-space:nowrap}.error{color:#a03928;background:#fff0e8;padding:12px;border-radius:8px;font-size:12px;line-height:1.5;margin-bottom:15px}.search{position:relative}.search svg{position:absolute;left:12px;top:14px;color:#90a07e}.search input{padding-left:38px;font-size:13px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}.chips button{padding:9px 10px;border-radius:20px;background:#edf1e6;color:#899a77;font-size:10px;min-height:35px}.chips .selected{background:#3c5c36;color:#f4f7ee}.member{border:1px solid #e1e7d8;border-radius:13px;padding:14px;margin-bottom:12px}.member-top{display:flex;align-items:center;gap:10px}.member-avatar{width:34px;height:34px;display:grid;place-items:center;background:#e8eedf;border-radius:50%;font-size:12px}.member strong{font-size:12px}.member small{font-size:10px;display:block;margin-top:5px}.member-detail{font-size:10px;color:#8c987f;padding-left:44px;line-height:2.3;margin-top:8px}.member-detail svg{vertical-align:middle;margin-right:5px}.danger{color:#ad6754;background:#fcf0e8;font-size:10px;border-radius:6px;padding:9px;min-height:36px}.permissions{margin-top:25px}.permissions p{font-size:11px;display:flex;justify-content:space-between;gap:8px;padding:12px 0;border-bottom:1px solid #e4eadb}.permissions span{color:#89997b;text-align:right}.reminder-card{padding:18px;border:1px solid #e1e7d9;border-radius:14px;margin:18px 0}.reminder-card .section-head{margin-top:0}.reminder-card h3{margin-bottom:5px}.reminder-card p{font-size:12px;margin:15px 0 7px;color:#7b8e68}.reminder-card>b{font-size:13px;font-weight:500}.reminder-card button{margin-top:16px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:9;background:#203e2c;color:#fff;padding:15px 18px;border-radius:14px;font-size:12px;box-shadow:0 5px 30px #0002;display:flex;gap:8px;max-width:90vw}.overlay{position:absolute;inset:0;background:#152d2160;z-index:5;display:flex;align-items:flex-start;padding:100px 12px 20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sheet{width:100%;background:#fbfcf8;border-radius:20px;padding:15px 20px 23px;box-shadow:0 20px 50px #14220e22}.sheet .section-head{margin-top:0}.sheet .hint{display:block}.sheet input,.sheet select{font-size:16px}@media(max-width:1250px){.side-note{display:none}.stage{gap:50px}}@media(max-width:850px){.intro{display:none}.stage{padding:24px}}@media(max-width:480px){.stage{padding:0;background:#fbfcf8;display:block;min-height:100vh}.phone{width:100%;border:0;border-radius:0;box-shadow:none;min-height:100vh}main{min-height:calc(100vh - 192px);padding:25px 20px 30px}nav{padding-bottom:max(18px,env(safe-area-inset-bottom))}input,select,.line-card input,.search input{font-size:16px}.line-card .fields{gap:8px}.toast{width:calc(100% - 32px)}.overlay{position:fixed;overflow:auto;padding-top:65px}header{padding-top:max(20px,env(safe-area-inset-top))}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,transform .15s}button:active{transform:scale(.985)}}.live fieldset{padding:0;margin:0;border:0;min-width:0}.live textarea{display:block;width:100%;min-height:90px;margin-top:10px;border:1px solid #dce5d4;border-radius:8px;padding:10px;font-size:13px;resize:vertical;overflow-wrap:anywhere}.live label.hint{display:block}.live .overlay{position:fixed;overflow:auto;align-items:flex-start;max-width:420px;left:50%;transform:translate(-50%)}.live .member button,.live .event button{margin-top:12px}.garage-home-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:12px}.garage-home-heading h2{font-size:29px}.garage-home-heading p{font-size:12px;color:#899184;margin-top:6px}.garage-access{display:flex;flex-direction:column;align-items:center;gap:5px;background:#edf1e6;color:#466247;border-radius:13px;padding:11px 13px;font-size:10px;min-height:54px}.garage-hero{background:linear-gradient(155deg,#f1f3e9,#e9eddf);border:1px solid #e2e7d9;border-radius:23px;overflow:hidden}.garage-model-heading{padding:21px 20px 0}.garage-model-title{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;background:none;color:#243d30;padding:0;min-height:44px}.garage-model-title h3{font-size:29px;font-weight:600;letter-spacing:-1px;overflow-wrap:anywhere}.garage-model-heading p{font-size:12px;line-height:1.7;color:#74816c}.garage-car-select{margin:14px 0 0}.garage-model{margin:0;position:relative}.garage-model img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:contain}.garage-model figcaption{font-size:9px;text-align:center;color:#89917e;margin-top:-14px;position:relative}.garage-model-empty{min-height:190px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;color:#849276;padding:20px;text-align:center;font-size:12px}.garage-mileage{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:17px 20px 0;border-top:1px solid #d9e0cd;padding:17px 0 20px}.garage-mileage span{display:block;font-size:11px;color:#7c886f}.garage-mileage strong{display:block;font-size:28px;letter-spacing:-1px;margin-top:5px;white-space:nowrap}.garage-mileage time{display:block;font-size:10px;color:#8b957e;margin-top:5px}.garage-update{display:flex;align-items:center;gap:5px;background:#fff9;border:1px solid #dce3cf;border-radius:10px;padding:10px;font-size:10px;min-height:44px;color:#516f43}.garage-add-service{margin:17px 0 23px;min-height:52px;font-size:13px;background:#234b36;border-radius:14px;box-shadow:0 5px 12px #234b3610}.garage-last-service{width:100%;text-align:left;background:#fff;border:1px solid #e5e9de;border-radius:17px;padding:17px;color:#334831}.garage-service-heading{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:10px;color:#88927e;margin-bottom:12px}.garage-service-heading time{color:#667b56}.garage-service-body{display:flex;align-items:center;gap:8px}.garage-service-body>div{flex:1;min-width:0}.garage-service-body strong{font-size:14px;line-height:1.45}.garage-service-body p{font-size:11px;color:#88927e;line-height:1.7;margin-top:7px}.garage-pending{display:inline-block;background:#f5efdf;color:#927b4d;font-size:9px;padding:6px 8px;border-radius:6px;margin-top:12px}.garage-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:15px}.garage-shortcuts button{display:flex;align-items:center;gap:10px;text-align:left;padding:17px 12px;border:1px solid #e2e7d9;border-radius:14px;background:#f1f4ea;color:#567044;min-height:72px}.garage-shortcuts span{font-size:11px;line-height:1.5}.garage-journal{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;background:none;color:#7b8b6d;font-size:11px;margin-top:8px}.garage-management{border-top:1px solid #e6eadf;margin-top:9px;color:#89967d;font-size:11px}.garage-management summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;min-height:44px;list-style:none}.garage-management summary::-webkit-details-marker{display:none}.garage-management>div{display:grid;gap:5px}.garage-management button{display:flex;align-items:center;gap:8px;min-height:44px;background:#edf2e6;color:#4f6842;text-align:left;border-radius:9px;padding:10px}.garage-home button:focus-visible{outline-offset:2px}@media(max-width:350px){.garage-model-heading{padding:16px 15px 0}.garage-model-title h3{font-size:26px}.garage-mileage{margin-left:15px;margin-right:15px}.garage-mileage strong{font-size:25px}.garage-update{padding:8px;font-size:9px}.garage-shortcuts button{padding:14px 10px;gap:7px}.garage-shortcuts svg{width:20px}}