@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#19312a;--muted:#7a857e;--line:#dce2da;--paper:#f6f7f3;--green:#315c48;--accent:#d36c46;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #d1a37d;outline-offset:4px}a{color:inherit}.header{height:88px;padding:0 5.5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font:800 25px Manrope,sans-serif;letter-spacing:-1.2px}.brand-symbol{font-size:20px;border:2px solid var(--ink);border-radius:50%;width:29px;height:29px;display:grid;place-items:center;line-height:1;font-style:italic}.brand-location{font:600 9px 'DM Sans',sans-serif;letter-spacing:1.3px;margin-left:9px;padding-left:18px;border-left:1px solid #cbd3ca}.header-right{display:flex;align-items:center;gap:27px}.demo-label{font-size:9px;letter-spacing:1.3px;color:var(--muted)}.workspace-link{font-size:12px;font-weight:600;text-decoration:none}.workspace-link span{margin-left:12px}main{max-width:1240px;margin:auto;padding:38px 44px 0}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:31px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.5px;color:var(--muted);margin-bottom:10px}h1{font:650 clamp(31px,3.1vw,43px)/1.12 Manrope,sans-serif;letter-spacing:-1.8px;margin:0}.intro p{font-size:13px;color:var(--muted);margin:0 0 4px;line-height:1.65}.scenes{display:flex;border-bottom:1px solid var(--line);gap:32px}.scene{border:0;border-bottom:2px solid transparent;background:none;color:#7a857e;padding:14px 0 15px;font-size:12px;font-weight:550;transition:.2s}.scene span{font-size:10px;margin-right:9px;color:#929b95}.scene.active{color:var(--ink);border-color:var(--ink);font-weight:700}.scene.active span{color:var(--accent)}.scene:hover{color:var(--ink)}.experience{display:grid;grid-template-columns:minmax(0,1fr) 450px;gap:65px;padding:35px 0 40px;align-items:center;min-height:690px}.operator{align-self:center}.section-tag{font-size:9px;font-weight:650;letter-spacing:1.5px;color:var(--muted);display:flex;align-items:center;gap:7px;margin-bottom:17px}.small-square{width:7px;height:7px;border:1px solid var(--muted)}.operator h2{font:650 29px/1.2 Manrope,sans-serif;letter-spacing:-1px;margin:0 0 10px}.operator-description{font-size:13px;line-height:1.65;color:var(--muted);max-width:410px;margin:0 0 26px}.control-surface{border:1px solid var(--line);background:var(--white);border-radius:7px;overflow:hidden;max-width:470px;box-shadow:0 4px 10px #263e2b03}.surface-title{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid #edf0ea;font-size:11px;font-weight:650}.surface-title span{font-size:10px;color:var(--muted);font-weight:400}.surface-body{padding:19px 18px}.person-row{display:flex;align-items:center;gap:10px;margin-bottom:20px}.avatar{height:33px;width:33px;border-radius:50%;background:#edf1eb;display:grid;place-items:center;font-size:10px;font-weight:650;color:#52705e}.person-row strong{font-size:12px;display:block}.person-row small{font-size:10px;color:var(--muted);display:block}.person-row .plate{margin-left:auto;font-size:10px;letter-spacing:1px;border:1px solid #dbe1d8;padding:4px 7px;border-radius:3px}.field-label{display:block;font-size:9px;letter-spacing:.8px;font-weight:650;color:var(--muted);text-transform:uppercase;margin-bottom:7px}.current-status{display:flex;justify-content:space-between;align-items:center;font-size:12px;border:1px solid var(--line);border-radius:4px;padding:10px 12px;margin-bottom:17px}.status-chip{font-size:9px;font-weight:650;color:#a2693d;background:#faf0e4;padding:3px 7px;border-radius:10px}.status-chip.ready{color:#3b7150;background:#eaf3e9}.primary{border:1px solid var(--green);background:var(--green);color:white;border-radius:4px;padding:11px 15px;font-size:11px;font-weight:600;transition:.2s;width:100%}.primary:hover{background:#214532;transform:translateY(-1px)}.primary:disabled{background:#e8efe6;border-color:#e8efe6;color:#487257;cursor:default;transform:none}.helper{font-size:10px;line-height:1.5;color:var(--muted);margin:12px 0 0}.connection{display:flex;align-items:center;gap:12px;font-size:10px;color:#718072;margin-top:27px;max-width:470px}.connection-line{width:25px;height:1px;background:#aebbaa}.connection-arrow{margin-left:auto;font-size:22px;color:#9cac9b}.scope-note{font-size:9px;color:#929c92;margin-top:22px}.customer{position:relative;display:flex;flex-direction:column;align-items:center;background:#e9eee5;border-radius:12px;padding:19px 0 14px}.phone-caption{width:314px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.4px;color:#758371;margin-bottom:13px}.live-dot{width:5px;height:5px;border-radius:50%;background:#6c8b61}.phone{width:310px;height:584px;padding:7px;background:#202722;border:2px solid #485048;border-radius:43px;box-shadow:0 24px 35px #2138201a,0 3px 5px #1528131f;position:relative}.phone:before{content:'';position:absolute;height:50px;width:3px;background:#50594f;left:-4px;top:125px;border-radius:2px}.phone-screen{height:100%;position:relative;background:#f9faf7;overflow:hidden;border-radius:34px}.status-bar{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:10px;font-weight:700;position:relative;z-index:1}.island{position:absolute;left:50%;top:9px;transform:translateX(-50%);width:83px;height:23px;border-radius:16px;background:#171e19}.status-icons{font-size:9px;letter-spacing:-1px}.status-icons span{font-size:6px;letter-spacing:0;margin-left:3px}.home-indicator{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:98px;height:4px;background:#203027;border-radius:3px;z-index:3}#phoneContent{height:calc(100% - 43px);overflow:auto;padding-bottom:22px;scrollbar-width:none}#phoneContent::-webkit-scrollbar{display:none}.reset{border:0;background:none;font-size:9px;color:#788371;margin-top:14px;padding:4px 10px}.reset:hover{color:var(--ink)}.lock-screen{text-align:center;padding:31px 15px 0;min-height:100%;background:linear-gradient(160deg,#eef1e7,#d7e2cd);margin-top:0}.lock-date{font-size:12px;font-weight:500}.lock-clock{font:500 60px/1.15 Manrope,sans-serif;letter-spacing:-3px;margin-bottom:31px}.waiting{padding:24px 22px;font-size:11px;color:#6e8068;border:1px dashed #aabca2;border-radius:12px;text-align:center;line-height:1.7}.notification{background:#f9fbf1dc;border:1px solid #ffffffbd;border-radius:17px;padding:12px;text-align:left;box-shadow:0 3px 12px #314b2510;animation:arrive .45s ease}.notification-top{display:flex;align-items:center;gap:6px;font-size:8px;color:#71806b;letter-spacing:.2px;margin-bottom:6px}.app-icon{width:17px;height:17px;background:#426b47;color:white;border-radius:4px;display:grid;place-items:center;font-size:11px}.notification-top time{margin-left:auto}.notification strong{font-size:11px}.notification p{font-size:10px;margin:3px 0 9px;color:#3b5139;line-height:1.5}.notification button{border:0;border-top:1px solid #d5dfcc;padding:8px 0 0;width:100%;background:none;color:#315b36;font-weight:650;font-size:10px}.mobile-header{display:flex;align-items:center;gap:8px;padding:9px 16px 12px;border-bottom:1px solid #e1e7dc;font-size:12px;font-weight:650}.mobile-header small{font-size:8px;display:block;color:#7c8a75;font-weight:400}.mobile-back{background:none;border:0;font-size:20px;color:#55734f;padding:0 4px 0 0}.mobile-brand{font-weight:750;letter-spacing:-.4px}.mobile-body{padding:19px 17px}.mobile-kicker{font-size:8px;letter-spacing:1px;color:#7d8c76;margin-bottom:8px}.mobile-body h3{font:700 23px/1.2 Manrope,sans-serif;letter-spacing:-.6px;margin:0 0 7px}.mobile-copy{font-size:10px;line-height:1.6;color:#7c8875}.ready-mark{width:39px;height:39px;border-radius:50%;background:#e4efdd;color:#4a7941;display:grid;place-items:center;font-size:20px;margin-bottom:16px}.mobile-repair{border:1px solid #dfe6d8;background:white;border-radius:7px;margin-top:19px;padding:12px}.mobile-repair strong{font-size:11px}.mobile-repair small{display:block;color:#85917c;font-size:9px;margin-top:3px}.mobile-row{display:flex;justify-content:space-between;border-top:1px solid #edf0e9;padding-top:9px;margin-top:9px;font-size:9px;color:#7b8873}.mobile-row b{color:#385237;font-weight:600}.mobile-button{background:#325d42;color:white;border:0;border-radius:5px;padding:10px;width:100%;font-size:10px;font-weight:600;margin-top:15px}.mobile-link{display:block;text-align:center;font-size:9px;color:#5a7452;text-decoration:none;margin-top:12px}.chat{background:#eaf0e4;min-height:100%}.chat .mobile-header{background:#f7faf3}.chat-date{text-align:center;font-size:8px;color:#718368;padding:15px}.chat-bubble{background:#fff;border-radius:0 11px 11px 11px;margin:0 26px 13px 13px;padding:13px;font-size:10px;line-height:1.6;box-shadow:0 1px 2px #435a3510;animation:arrive .4s ease}.chat-bubble strong{display:block;font-size:10px;color:#456e3c;margin-bottom:5px}.chat-bubble time{display:block;text-align:right;font-size:7px;color:#8c9784;margin-top:6px}.chat-bubble button{font-size:10px;background:none;color:#477541;font-weight:650;border:0;border-top:1px solid #e8eee2;margin-top:9px;padding:9px 0 0;width:100%}.chat-empty{font-size:10px;text-align:center;color:#819076;margin:70px 28px;line-height:1.6}.schedule{display:flex;gap:8px;margin-bottom:17px}.schedule select{flex:1;min-width:0;border:1px solid var(--line);padding:9px;font-size:11px;background:#fff;border-radius:4px}.rule-line{display:flex;align-items:center;gap:8px;font-size:10px;color:#62705e;padding:12px 0;border-bottom:1px solid #edf0ea;margin-bottom:16px}.rule-line b{font-weight:600}.product{border:1px solid var(--line);border-radius:4px;display:flex;gap:12px;align-items:center;padding:12px;margin-bottom:17px}.tire{width:51px;height:64px;border:11px solid #343b35;border-radius:50%;box-shadow:inset 0 0 0 2px #9baba0,0 0 0 2px #596255;transform:rotate(-19deg);flex:none;background:#dee6d9}.product strong{display:block;font-size:11px}.product small{font-size:9px;color:var(--muted);display:block}.product b{font-size:12px;font-weight:650;display:block;margin-top:3px}.shop-hero{height:130px;background:#e8eee2;display:flex;align-items:center;justify-content:center}.shop-hero .tire{width:73px;height:98px;border-width:17px;margin-right:18px}.shop-hero p{font-size:9px;color:#69815b}.shop-hero strong{font:700 16px/1.25 Manrope,sans-serif;display:block;color:#365334;letter-spacing:-.5px}.mobile-price{font-size:21px;font-weight:700;letter-spacing:-.7px;margin:10px 0}.mobile-price small{font-size:8px;font-weight:400;letter-spacing:0;color:#86937b}.slots{display:flex;gap:5px;margin-top:11px}.slot{border:1px solid #d8e2d0;color:#56794c;padding:8px 0;flex:1;font-size:9px;background:white;border-radius:4px}.slot.selected{background:#e4efdc;border-color:#648a53}.toast-inline{color:#3a6f42;font-size:10px;font-weight:600;margin-top:12px;line-height:1.6}footer{border-top:1px solid var(--line);padding:19px 0 24px;display:flex;justify-content:space-between;gap:14px;color:#879182;font-size:9px}.footer-dot{margin:0 5px}@keyframes arrive{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){main{padding-top:48px}.experience{gap:100px}}@media(max-width:900px){main{padding:30px 25px 0}.experience{grid-template-columns:minmax(0,1fr) 350px;gap:30px}.intro p{font-size:11px}.operator h2{font-size:25px}.header{padding:0 25px}.demo-label{display:none}.customer{padding-left:10px;padding-right:10px}}@media(max-width:680px){.header{height:70px;padding:0 19px}.brand{font-size:21px}.brand-location{display:none}.workspace-link{font-size:10px}main{padding:27px 19px 0}.intro{display:block;margin-bottom:23px}.intro p{margin:14px 0 0}h1{font-size:33px}.scenes{gap:0;justify-content:space-between}.scene{font-size:10px;padding:12px 0}.scene span{display:block;text-align:left;margin-bottom:3px}.experience{grid-template-columns:1fr;gap:26px;padding-top:25px}.operator h2{font-size:25px}.operator-description{margin-bottom:18px;font-size:12px}.control-surface,.connection{max-width:none}.scope-note{margin-top:12px}.customer{padding-top:20px}.phone{width:310px}.phone-caption{width:300px}footer{display:block;font-size:8px}footer>span{display:block;margin-bottom:7px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}