.welcomepage{width:100%;min-height:100vh;min-height:100dvh;display:flex;align-items:stretch;justify-content:center;background:#fff;box-sizing:border-box}.WelcomePageContainer{width:100%;max-width:620px;margin:0 auto;padding:clamp(12px,2.5vh,28px) 16px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.sectionTitleWelcome{font-size:1.25rem;font-weight:600;color:var(--primary-700);margin:8px}.sectionSubtitleWelcome{display:none;font-size:.9rem;font-weight:500;color:#64748b;margin:0 8px 6px}.stepperRow{font-size:.95rem;font-weight:600;color:#363a3f;margin:0 8px 4px}.mobileProgress{display:none}.WelcomeCard{background:transparent;border-radius:0;border:none;padding:0;box-shadow:none;position:relative;display:flex;flex-direction:column;width:100%;max-width:600px;box-sizing:border-box;margin:auto}.WelcomeCard>.cardHeaderRow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:clamp(8px,1.5vh,16px);flex-shrink:0}.WelcomeCard>.cardHeaderRow>.cardTitleWrap{grid-column:2;justify-self:center}.welcomeLangToggle{grid-column:3;justify-self:end;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--border-soft, #e2e8f0);border-radius:14px;background:#fff;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .12s ease}.welcomeLangFlag{display:block;border-radius:3px;box-shadow:0 0 0 1px #0f172a1a}.welcomeLangToggle:hover{background:var(--accent-soft, #e7f0fd);border-color:#cfe0fa;box-shadow:0 2px 8px #1257bf1f;transform:translateY(-1px)}.welcomeLangToggle:active{transform:scale(.95)}@media (prefers-reduced-motion: reduce){.welcomeLangToggle{transition:background-color .15s ease,border-color .15s ease}.welcomeLangToggle:hover,.welcomeLangToggle:active{transform:none}}.welcomeBrandLogo{display:inline-flex;align-items:center;gap:10px}.welcomeBrandLogoIcon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.welcomeBrandLogoIcon img{width:100%;height:100%;object-fit:contain;display:block}.welcomeBrandLogoText{font-family:TBC Contractica,Noto Sans Georgian,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:25px;font-weight:800;color:#0f172a;letter-spacing:-.02em}.searchWrapWelcome{width:100%;position:relative;background:transparent;border:none}.searchInputWelcome{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border-soft);background:#fff;font-size:.95rem;outline:none;transition:border-color .2s}.searchInputWelcome::placeholder{color:#94a3b8}.searchInputWelcome:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1d6ed433}.suggestBoxWelcome{display:flex;flex-direction:column;margin-top:10px;background-color:transparent;max-height:320px;min-height:0;overflow:auto;padding-right:4px}.suggestBoxWelcome.carGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:380px;padding:6px 6px 16px;margin:-6px -6px 0}.suggestBoxWelcome.carGrid .suggestItem{flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:14px;background:var(--surface);padding:14px 8px;box-shadow:var(--shadow-sm)}.suggestBoxWelcome.carGrid .suggestItem:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.suggestBoxWelcome.carGrid .suggestIcon{width:36px;height:36px;object-fit:contain}.suggestBoxWelcome.carGrid .suggestLabelWelcome{font-size:.8rem;text-align:center;flex:0 0 auto}.suggestBoxWelcome.carGrid .badgePopular{display:none}.suggestBoxWelcome.serviceCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:380px;padding:6px 6px 16px;margin:-6px -6px 0}.suggestBoxWelcome.serviceCards .suggestItem{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;background:var(--surface);border:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:14px;padding:16px 12px;text-align:center;min-height:110px}.suggestBoxWelcome.serviceCards .suggestItem:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.suggestBoxWelcome.serviceCards .suggestIcon{width:36px;height:36px;object-fit:contain;flex:0 0 auto}.suggestBoxWelcome.serviceCards .serviceIcon{display:none}.suggestBoxWelcome.serviceCards .suggestLabelWelcome{flex:0 0 auto;font-size:.85rem;text-align:center;line-height:1.35;word-break:break-word}.suggestBoxWelcome.serviceCards .suggestItem.suggestItemSkip{background:var(--accent-soft, #e7f0fd);border:1.5px dashed var(--accent, #1f7df0);color:var(--ink-soft);position:relative}.suggestBoxWelcome.serviceCards .suggestItem.suggestItemSkip:hover{background:#d8e6fb;border-color:var(--accent-deep, #1257bf);border-style:dashed;transform:translateY(-1px)}.suggestItemSkip .suggestSkipMark{width:36px;height:36px;border-radius:50%;background:#1f7df026;color:var(--accent, #1f7df0);display:grid;place-items:center;font-family:var(--font-display, "Instrument Serif", Georgia, serif);font-size:22px;font-weight:700;line-height:1;flex:0 0 auto}.suggestItemSkip .suggestLabelWelcome{font-weight:700;color:var(--accent-deep, #1257bf)}.WelcomeCard .suggestItem{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-soft);background:transparent;padding:12px 14px;cursor:pointer;transition:background .2s,transform .1s,border-color .15s}.WelcomeCard .suggestItem:hover{background:color-mix(in oklab,var(--primary-color) 10%,#fff);transform:translateY(-2px)}.suggestTypeWelcome{font-size:.75rem;font-weight:500;color:var(--accent-1);text-transform:uppercase;margin-right:12px}.suggestLabelWelcome{flex:1;font-size:.95rem;font-weight:600;color:#363a3f;text-align:left}.suggestSecondary{font-weight:300;color:#1f68c2;font-size:.85rem}.badgePopular{margin-left:8px;padding:4px 8px;border-radius:999px;background:#2563eb;color:#fff;font-size:.75rem;font-weight:700;white-space:nowrap}.suggestIcon{width:24px;height:24px;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center;border:none;padding:0;cursor:pointer}.suggestToggleRow{display:flex;justify-content:flex-end;margin-top:6px}.suggestToggle{border:none;background-color:transparent;color:#363a3f;padding:8px 10px;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.suggestToggleLabel{display:none}.suggestToggle:hover{background:#eef2ff;border-color:#cdd4ff;transform:translateY(-1px)}.toggleIcon{transition:transform .12s ease}.toggleIcon.open{transform:rotate(180deg)}.srOnly{padding:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skipButton{display:flex;gap:10px;justify-content:space-between;align-items:center;background:none;border:none;color:#363a3f;font-size:.95rem;font-weight:600;cursor:pointer}.serviceHeaderRow{display:flex;justify-content:flex-end;align-items:center;margin-bottom:8px}.serviceSkipButton{font-size:.85rem;color:var(--primary-color)}.sheetBody{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 auto;min-height:0}.introStage{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;gap:clamp(8px,1.6vh,14px);margin:0;padding:0}.introHeadline{font-family:TBC Contractica,Noto Sans Georgian,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(1.2rem,2.6vh,1.55rem);max-width:520px;font-weight:800;color:var(--ink);line-height:1.35;margin:0}.welcome-hero-frame{width:100%;max-width:480px;max-height:clamp(200px,35vh,300px);aspect-ratio:4 / 3;margin:clamp(6px,1.2vh,14px) auto;background:#f9f9f4;border:none;border-radius:22px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;box-shadow:0 12px 36px -8px #0f172a12}.garageScene{position:relative;width:100%;height:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:22px;background:#f9f9f4}.gs-video,.gs-still{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.introStartButton{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:clamp(11px,1.8vh,14px) clamp(28px,5vw,44px);border-radius:14px;border:none;background:var(--accent);color:#fff;font-family:TBC Contractica,Noto Sans Georgian,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;font-size:clamp(.95rem,1.8vh,1.05rem);cursor:pointer;box-shadow:0 4px 14px #2563eb40;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,background-color .15s ease}.introStartButton:hover{background:var(--accent-deep);transform:translateY(-2px);box-shadow:0 6px 18px #2563eb59}.introStartButton:active{transform:translateY(0) scale(.96);box-shadow:0 2px 6px #2563eb33}.introStartButton:focus-visible,.mechanicRegistrationButton:focus-visible,.welcomeLangToggle:focus-visible{outline:3px solid var(--accent-deep, #1257bf);outline-offset:3px}.mechanicRegistrationContainer{display:flex;align-items:center;gap:14px;margin-top:clamp(10px,2vh,18px);padding:clamp(10px,1.6vh,14px) 18px;border-radius:16px;background:var(--accent-soft, #e7f0fd);border:none;width:100%;box-sizing:border-box;flex-shrink:0}.mechCtaBadge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#d5e6fb;color:var(--accent-deep, #1257bf)}.mechCtaText{display:flex;flex-direction:column;gap:2px;min-width:0;margin-right:auto}.mechCtaEyebrow{font-family:TBC Contractica,Noto Sans Georgian,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-deep, #1257bf)}.mechanicRegistrationText{font-family:TBC Contractica,Noto Sans Georgian,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.94rem;font-weight:700;line-height:1.3;color:var(--ink);margin:0;white-space:normal}.mechanicRegistrationButton{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;padding:9px 16px;border-radius:12px;border:none;background-color:var(--accent-deep, #1257bf);color:#fff;font-family:TBC Contractica,Noto Sans Georgian,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;font-size:.92rem;cursor:pointer;box-shadow:0 2px 8px #1257bf33;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,background-color .15s ease}.ctaSecondary{margin:0;text-decoration:none;font-size:.92rem;font-weight:700;color:inherit}.mechanicRegistrationButton:hover{background-color:#0e4699;transform:translateY(-1.5px);box-shadow:0 5px 14px #1257bf52}.mechanicRegistrationButton:active{transform:translateY(0) scale(.96)}@media (max-width: 480px){.WelcomePageContainer{padding:8px}.mechanicRegistrationContainer{gap:8px;padding:10px}.mechCtaBadge{width:32px;height:32px}.ctaSecondary{font-size:.85rem}}@media (max-width: 440px){.mechanicRegistrationContainer{flex-wrap:wrap;row-gap:10px}.mechCtaText{flex:1 1 0}.mechanicRegistrationButton{flex:1 0 100%;justify-content:center;padding:11px 16px}}@media (max-height: 620px) and (orientation: landscape){.WelcomePageContainer{padding:10px 16px}.WelcomeCard>.cardHeaderRow{margin-bottom:6px}.welcomeBrandLogoIcon{width:26px;height:26px}.welcomeBrandLogoText{font-size:20px}.welcomeLangToggle{width:38px;height:38px;border-radius:12px}.introHeadline{font-size:clamp(1rem,3vh,1.2rem);max-width:460px}.welcome-hero-frame{max-height:min(32vh,140px);margin:4px auto}.introStage{gap:8px}.introStartButton{padding:10px clamp(24px,4vw,36px)}.mechanicRegistrationContainer{margin-top:8px;padding:8px 14px}}@media (prefers-reduced-motion: reduce){.carWrapper,.carSprite,.driveSceneCloud{animation-duration:.01ms!important;animation-iteration-count:1!important}}@font-face{font-family:TBC Contractica;src:url(/assets/TBCContractica-Light-DucEfeGB.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:TBC Contractica;src:url(/assets/TBCContractica-Regular-BzuZ1yf2.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TBC Contractica;src:url(/assets/TBCContractica-Book-D1CRHRB6.ttf) format("truetype");font-weight:450;font-style:normal;font-display:swap}@font-face{font-family:TBC Contractica;src:url(/assets/TBCContractica-Medium-DInX9oDL.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}html,body,#root{height:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:var(--geist-sans-font, "TBC Contractica"),system-ui,-apple-system,Inter,"Segoe UI",Roboto,"Helvetica Neue",Arial;background:var(--bg)}.app{display:flex;flex-direction:column;height:100vh;height:100dvh}.header{padding:12px;background:linear-gradient(180deg,#fffc,#fff9);box-shadow:0 1px #0000000a;z-index:10}.controls{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.search-row{display:flex;gap:8px}.search-input{flex:1;padding:10px 12px;border-radius:8px;border:1px solid #e6e9ef;background:var(--card);font-size:16px}.search-btn{padding:10px 14px;border-radius:8px;border:none;background:var(--accent);color:#fff;cursor:pointer}.filters{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:8px 12px;border-radius:20px;background:#fff;border:1px solid #e6e9ef;cursor:pointer;font-size:14px}.chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.me-marker{width:34px;height:34px;border-radius:17px;display:flex;align-items:center;justify-content:center;background-color:#60a5fa;border:2px solid #ffffff;box-shadow:0 1px 2px #00000040}.marker-wrap{background-color:#fff;padding:4px 6px;border-radius:10px;display:flex;flex-direction:column;align-items:center;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0003}.marker-name{font-size:12px;font-weight:700}.marker-rating{font-size:11px}.marker-dist{font-size:11px;color:#6b7280}.controls-wrap{position:absolute;right:10px;bottom:10px;display:flex;flex-direction:column;align-items:center;gap:8px}.ctrl-btn{width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;background-color:#fffffff2;border:1px solid #e5e7eb;box-shadow:0 1px 2px #00000026}@media (max-width: 720px){.controls{padding:6px}.search-input{font-size:15px}.search-btn{padding:10px}}:root{--bg: #fafafa;--surface: #ffffff;--surface-2: #f2f2f3;--ink: #0f0f11;--ink-soft: #3a3a3f;--muted: #71717a;--line: rgba(15,15,17,.09);--line-strong: rgba(15,15,17,.17);--accent: #1f7df0;--accent-deep: #1257bf;--accent-soft: #e7f0fd;--accent-ink: #ffffff;--warm: #ff8b3a;--warm-soft: #fff1e3;--verified: #0f7a4c;--verified-soft: #e6f4ec;--danger: #c63030;--danger-soft: #fdecec;--vip: #fd4100;--vip-deep: #cc3400;--vip-ink: #ffffff;--vip-soft: #fff0eb;--rating: #f59e0b;--rating-hover: #d97706;--rating-off: #e2e8f0;--cat-tile: #dbe2ec;--cat-tile-deep: #aebccd;--cat-tile-on: #bfd6f6;--cat-tile-on-deep: #8fb8ee;--rail: #eceff4;--rank: #0f0f11;--rank-live: #1f7df0;--shadow-sm: 0 1px 2px rgba(15,15,17,.05), 0 1px 0 rgba(15,15,17,.03);--shadow-md: 0 6px 24px -8px rgba(15,15,17,.13), 0 1px 0 rgba(15,15,17,.04);--shadow-lg: 0 24px 60px -20px rgba(15,15,17,.22);--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--font-body: "Helvetica Neue", "Noto Sans Georgian", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Helvetica Neue", "Noto Sans Georgian", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-search-display: "TBC Contractica", "Noto Sans Georgian", "Helvetica Neue", system-ui, sans-serif;--primary-color: var(--accent);--primary-700: var(--accent-deep);--primary-900: #0d3b82;--card: var(--surface);--border-soft: var(--line);--elev: rgba(20, 17, 12, .06);--bg-gradient: linear-gradient(180deg, var(--bg) 0%, var(--surface-2) 100%)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font-family:inherit}button{cursor:pointer}