@font-face{font-family:Manrope;src:url('./assets/manrope-400.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Manrope;src:url('./assets/manrope-600.ttf') format('truetype');font-display:swap;font-weight:600}
@font-face{font-family:Manrope;src:url('./assets/manrope-800.ttf') format('truetype');font-display:swap;font-weight:800}
:root{color-scheme:dark;--bg:#0b0e14;--surface:#131823;--surface-high:#1b2231;--line:#293142;--muted:#a4afc2;--blue:#346bff;--text:#f3f6fc;--radius:22px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}button,input,textarea{font:inherit}button,a,input{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button{border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #88a8ff;outline-offset:4px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}
.app{max-width:1160px;margin:auto;padding:0 32px 114px}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;letter-spacing:-.7px}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:1.8px;font-weight:600;margin-top:0}.mark,.mini-app,.large-mark{background:var(--blue);display:grid;place-items:center;color:white;font-weight:800}.mark{font-size:35px;line-height:1;width:46px;height:46px;border-radius:14px}.icon-button{display:grid;place-items:center;background:var(--surface);color:var(--text);width:44px;height:44px;border-radius:14px;border:1px solid var(--line)}.home-layout{display:grid;grid-template-columns:1.13fr 1fr;gap:34px;align-items:stretch}.visual{position:relative;min-height:540px;border-radius:30px;overflow:hidden;background:#122441}.visual-asset{position:absolute;inset:0;background:linear-gradient(140deg,#113a72,#151c29)}.visual-asset.loaded{background-image:url('./assets/car.webp');background-size:cover;background-position:65% center}.visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,18,.04) 25%,rgba(3,8,18,.5) 62%,rgba(3,8,18,.95))}.hero-copy{position:absolute;bottom:59px;left:32px;right:20px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;color:#a6c0ff}.hero-copy h1{font-size:clamp(38px,4vw,53px);line-height:1.08;letter-spacing:-2px;margin:15px 0}.hero-copy p{color:#ced8e9;font-size:16px;margin:0}.photo-note{position:absolute;bottom:20px;left:32px;font-size:12px;color:#98a7be}.service-panel{padding-top:7px;display:flex;flex-direction:column}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h2{font-size:28px;letter-spacing:-1px;margin:0}.section-heading>span{font-size:13px;color:var(--muted)}.section-note{color:var(--muted);font-size:13px;margin:8px 0 23px}.services{display:grid;gap:12px;flex:1}.service{width:100%;display:flex;align-items:center;text-align:left;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:17px;color:var(--text);transition:border .15s,background .15s}.service[aria-pressed=true]{background:#152244;border-color:#608cff;box-shadow:inset 0 0 0 1px #608cff}.service-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#212b40;color:#a8c0ff;flex-shrink:0}.service-body{flex:1}.service h3{font-size:16px;letter-spacing:-.3px;margin:0;font-weight:700}.service p{font-size:13px;color:var(--muted);margin:4px 0 0}.service-right{text-align:right;flex-shrink:0}.service-price{display:block;font-weight:700;font-size:16px;white-space:nowrap}.radio{display:block;border:1px solid #68758d;border-radius:50%;width:17px;height:17px;margin:8px 0 0 auto}.service[aria-pressed=true] .radio{border:5px solid #7199ff;background:white}.primary{background:var(--blue);color:white;border-radius:15px;min-height:54px;font-size:16px;font-weight:700;padding:14px 20px;transition:background .2s}.primary:hover{background:#4d7cff}.primary:disabled{background:#263d77;color:#9ab2ee}.action-wide{width:100%;display:flex;align-items:center;justify-content:center;gap:14px}.service-panel>.primary{margin-top:22px}.action-wide>span{font-size:14px;font-weight:500;border-left:1px solid #ffffff4a;padding-left:14px}.tiny-note{text-align:center;font-size:12px;color:var(--muted);margin-top:10px}.install-banner{display:flex;align-items:center;gap:15px;margin-top:30px;padding:18px 22px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.mini-app{width:42px;height:42px;border-radius:12px;font-size:28px;flex-shrink:0}.install-banner strong{font-size:15px;font-weight:700}.install-banner p{font-size:13px;color:var(--muted);margin:2px 0 0}.text-button{background:none;color:#9dbaff;font-size:14px;font-weight:700;padding:12px;margin-left:auto}.demo-foot{font-size:12px;color:#8794aa;text-align:center;margin-top:27px}.bottom-nav{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:380px;background:#1b2231f5;backdrop-filter:blur(18px);border:1px solid #ffffff18;border-radius:24px;display:grid;grid-template-columns:repeat(3,1fr);padding:10px;z-index:30;box-shadow:0 10px 50px #0006}.bottom-nav a{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;border-radius:16px;min-height:53px;color:var(--muted);font-size:11px;font-weight:600}.bottom-nav a[aria-current=page]{color:#a7c0ff;background:#2b3a57}.bottom-nav svg{width:22px;height:22px}.view-title{margin:6px 0 30px}.view-title h1{font-size:40px;letter-spacing:-1.5px;line-height:1.14;margin:10px 0}.view-title p{color:var(--muted);font-size:14px}.booking-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:28px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px}.panel h2{font-size:20px;letter-spacing:-.4px;margin:0 0 18px}.panel h3{font-size:16px;margin:24px 0 12px}.date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.date-button{border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:14px;padding:11px 4px;min-width:0}.date-button strong{display:block;font-size:20px;color:var(--text)}.date-button small{font-size:12px}.date-button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:white}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.slot{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:12px 5px;font-size:15px;font-weight:600}.slot[aria-pressed=true]{background:var(--blue);border-color:var(--blue)}.slot:disabled{opacity:.32;text-decoration:line-through}.muted{color:var(--muted);font-size:13px}.booking-summary{position:sticky;top:20px;align-self:start}.summary-service{padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:20px}.summary-service strong{font-size:20px;display:block}.summary-service p{color:var(--muted);font-size:14px;margin:6px 0 0}.summary-row{display:flex;gap:12px;justify-content:space-between;font-size:14px;margin:12px 0}.summary-row>span{color:var(--muted)}.summary-row>strong{text-align:right;font-weight:600}.summary-total{display:flex;justify-content:space-between;font-weight:700;font-size:20px;margin:22px 0}.secondary{background:var(--surface-high);border:1px solid var(--line);color:var(--text);border-radius:14px;padding:12px 18px;min-height:46px}.form-grid{display:grid;gap:18px}.field label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}.field input{width:100%;background:var(--bg);border:1px solid #394257;border-radius:13px;color:var(--text);min-height:52px;padding:12px 14px}.field input::placeholder{color:#78859b}.field input[aria-invalid=true]{border-color:#f79ba5}.field-error{color:#ffb5be;font-size:13px;margin:6px 0 0}.steps{display:flex;gap:12px;margin-bottom:24px;color:var(--muted);font-size:14px;align-items:center}.steps span{display:flex;gap:7px;align-items:center}.steps b{font-size:12px;background:var(--surface-high);width:23px;height:23px;border-radius:50%;display:grid;place-items:center}.steps .active{color:var(--text)}.steps .active b{background:var(--blue)}.success-panel{max-width:620px;margin:auto;text-align:center;padding:36px 28px}.success-icon{display:grid;place-items:center;width:64px;height:64px;background:#143f36;color:#85dec5;border:1px solid #267961;border-radius:21px;margin:0 auto 20px}.success-icon svg{width:30px;height:30px}.success-panel h2{font-size:27px;line-height:1.2}.success-panel .summary-row{text-align:left}.success-panel .primary{margin-top:28px}.empty-state{max-width:620px;margin:auto;text-align:center;padding:44px 28px}.empty-state svg{color:#8eafff;width:40px;height:40px;margin-bottom:15px}.empty-state h2{font-size:24px}.empty-state .primary{max-width:280px;margin:24px auto 0}.saved-card{max-width:740px;margin:0 auto 18px}.saved-card-header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.badge{color:#a8c5ff;background:#233652;font-size:12px;border-radius:7px;padding:4px 8px;white-space:nowrap}.saved-card h2{margin:0;font-size:21px}.saved-card .secondary{margin-top:20px}.cancelled{opacity:.65}.cancelled .badge{background:#2c303b;color:#ccd0db}dialog{background:#151c29;border:1px solid #3a455b;border-radius:26px;color:var(--text);width:min(430px,calc(100% - 32px));padding:32px;margin:auto;max-height:85dvh;overflow-y:auto}dialog::backdrop{background:#02050bd9;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:16px;right:16px;background:transparent}.large-mark{width:66px;height:66px;border-radius:21px;font-size:48px;margin-bottom:24px}dialog h2{font-size:27px;letter-spacing:-.7px;line-height:1.2;margin:0 0 14px}dialog p{font-size:14px;color:var(--muted)}dialog h3{font-size:16px;margin:25px 0 7px}.dialog-note{font-size:12px!important;border-top:1px solid var(--line);padding-top:15px;margin-top:24px}.toast{position:fixed;bottom:115px;left:50%;transform:translateX(-50%);background:#e7efff;color:#15264a;border-radius:13px;padding:12px 18px;max-width:calc(100% - 40px);z-index:60;font-size:14px;box-shadow:0 10px 30px #0006}
@media(min-width:800px){.home-layout{margin-top:12px}.install-banner{max-width:620px;margin-left:auto;margin-right:auto}}@media(max-width:799px){.app{padding:0 20px 104px}.topbar{height:86px}.brand{font-size:21px}.brand small{font-size:10px}.mark{width:42px;height:42px;font-size:31px}.home-layout{display:block}.visual{min-height:290px;border-radius:24px}.visual-asset.loaded{background-position:center 46%}.visual-shade{background:linear-gradient(180deg,rgba(3,8,18,0),rgba(3,8,18,.18) 30%,rgba(3,8,18,.85))}.hero-copy{left:22px;bottom:42px}.hero-copy h1{font-size:36px;letter-spacing:-1.4px;margin:9px 0}.hero-copy p{font-size:14px}.eyebrow{font-size:10px;letter-spacing:1.6px}.photo-note{bottom:13px;left:22px;font-size:10px}.service-panel{padding-top:24px}.section-heading h2{font-size:23px}.section-note{margin:5px 0 17px;font-size:12px}.services{gap:10px}.service{padding:14px;gap:12px;border-radius:17px}.service-icon{width:40px;height:40px;border-radius:12px}.service h3{font-size:14px}.service p{font-size:12px}.service-price{font-size:14px}.radio{width:14px;height:14px;margin-top:6px}.service[aria-pressed=true] .radio{border-width:4px}.service-panel>.primary{margin-top:18px}.tiny-note{margin-top:8px}.install-banner{padding:15px;gap:12px;margin-top:24px;border-radius:18px}.install-banner strong{font-size:13px}.install-banner p{font-size:12px;max-width:205px}.mini-app{width:35px;height:35px;font-size:25px}.text-button{padding:9px 4px}.demo-foot{font-size:10px;line-height:1.7;margin-top:21px}.bottom-nav{bottom:0;width:100%;border-radius:23px 23px 0 0;border-bottom:0;padding:9px 16px calc(9px + env(safe-area-inset-bottom))}.bottom-nav a{min-height:51px;font-size:11px}.view-title{margin:8px 0 23px}.view-title h1{font-size:32px}.booking-layout{display:flex;flex-direction:column;gap:18px}.panel{padding:20px;border-radius:20px}.booking-summary{position:static}.panel h2{font-size:18px}.date-grid{gap:5px}.date-button{padding:10px 2px;border-radius:11px}.date-button strong{font-size:18px}.date-button small{font-size:11px}.slots{gap:8px}.slot{font-size:14px}.summary-service strong{font-size:18px}.booking-summary .primary{margin-top:20px}.summary-total{font-size:19px}.success-panel h2{font-size:25px}.saved-card h2{font-size:18px}.badge{font-size:10px}.steps{font-size:12px;gap:9px}.toast{bottom:100px;white-space:normal;width:max-content}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.service-name{display:block;font-size:16px;letter-spacing:-.3px;font-weight:700}.service-detail{display:block;font-size:13px;color:var(--muted);margin-top:4px}.summary-service .text-button{padding:10px 0 0;font-size:13px;margin:0}.calendar-month{margin-top:-8px;margin-bottom:16px;text-transform:capitalize}.schedule-note{margin-top:18px;margin-bottom:0}.optional{font-size:12px;color:var(--muted);font-weight:400;margin-left:5px}.contact-note{margin:20px 0}.success-details{margin-top:25px;border-top:1px solid var(--line);padding-top:10px}.success-panel>.text-button{margin:10px auto 0}.telegram-details{text-align:left;margin-top:25px;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:15px}.telegram-details summary{font-size:13px;cursor:pointer;color:#abc2ff}.telegram-details pre{font:12px/1.8 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#d9e5f8}.telegram-details p{font-size:12px;color:var(--muted)}.contact-note+.field-error{margin-bottom:14px}@media(max-width:799px){.service-name{font-size:14px}.service-detail{font-size:12px}.service-detail{max-width:210px}.telegram-details pre{font-size:11px}.success-panel{padding:30px 20px}.steps{flex-wrap:wrap}.primary{min-height:54px}}@media(max-width:370px){.app{padding-left:16px;padding-right:16px}.service{gap:9px;padding:12px}.service-icon{width:34px;height:34px}.service-name{font-size:13px}.service-detail{font-size:11px}.service-price{font-size:13px}}

/* App names fit the mobile header. */
.topbar{gap:12px}
.brand{min-width:0}
.brand-name{display:block;min-width:0;font-size:clamp(16px,5vw,22px);letter-spacing:-.6px;white-space:nowrap}
.mark,.topbar>.icon-button{flex-shrink:0}