:root{--bg:#0b0f19;--card:#ffffff0f;--border:#ffffff1f;--text:#ffffffeb;--muted:#ffffffad}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:var(--text);background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:24px 16px}.card{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px}.btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff1a;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:600;transition:transform .12s,background .12s,opacity .12s;display:inline-flex}.btn:hover{background:#ffffff24;transform:translateY(-1px)}.btnPrimary{color:#0a0a0a;background:#fff;border-color:#fff3}.btnPrimary:hover{opacity:.92}.badge{border:1px solid var(--border);color:var(--muted);background:#ffffff0f;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:inline-flex}.dot{background:#7c3aed;border-radius:999px;width:8px;height:8px}.panel{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:16px}.panelTitle{letter-spacing:-.02em;font-weight:800}.kv{grid-template-columns:140px 1fr;gap:10px 14px;display:grid}.k{color:#ffffffa6;font-weight:600}.v{color:#ffffffeb;font-weight:700}.badgeSoft{color:#ffffffd9;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.scrollBox{-webkit-overflow-scrolling:touch;max-height:60vh;padding-bottom:16px;overflow-y:auto}@media (min-width:768px){.scrollBox{max-height:520px}}.pageShell{padding-bottom:76px}.topbarWrap{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0cc7;border-bottom:1px solid #ffffff1a;position:sticky;top:0}.topbarInner{align-items:center;gap:14px;max-width:1280px;margin:0 auto;padding:10px 14px;display:flex}.topbarBrand{align-items:center;gap:10px;min-width:fit-content;text-decoration:none;display:flex}.topbarLogo{object-fit:contain;object-position:left center;border-radius:0;width:128px;height:34px;display:block}.topbarBrandText{color:#fff;letter-spacing:.3px;font-weight:900}.topbarDesktopNav{align-items:center;gap:8px;margin-left:8px;display:none}.topbarNavLink{color:#ffffffd1;border:1px solid #0000;border-radius:14px;padding:10px 14px;font-weight:800;transition:background .12s,border-color .12s,color .12s}.topbarNavLink:hover{color:#fff;background:#ffffff0f;border-color:#ffffff14}.topbarNavLink.isActive{color:#fff;background:#ffffff14;border-color:#ffffff1f}.topbarActions{align-items:center;gap:8px;margin-left:auto;display:flex}.langBtn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:12px;padding:6px 10px;font-weight:800}.langBtn.isActive{background:#ffffff29}.topbarAuthBtn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:12px;align-items:center;padding:6px 12px;font-weight:900;text-decoration:none;display:inline-flex}.bottomNavMobileOnly{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ceb;border-top:1px solid #ffffff1a;position:fixed;bottom:0;left:0;right:0}@media (min-width:992px){.topbarDesktopNav{display:flex}.bottomNavMobileOnly{display:none}.pageShell{padding-bottom:0}.container{max-width:1280px;padding:28px 20px}}.homeHeroBanner{background-image:url(/home-banner.jpg);background-position:50%;background-size:cover;height:360px;position:relative}.homeHeroTextBlock{padding:22px}@media (max-width:767px){.homeHeroBanner{background-image:url(/home-banner-mobile.jpg);background-position:50%;background-size:cover;height:260px}.homeHeroTextBlock{padding:18px 16px 20px}}@media (max-width:640px){.topbarInner{gap:10px;padding:8px 10px}.topbarBrand{max-width:128px}.topbarLogo{object-position:center center;width:128px;height:36px}}.carUsageSection{margin-bottom:18px;padding:12px 0 4px}.carUsageTopLabel{text-align:center;letter-spacing:.34em;color:#60a5fa;text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:800}.carUsageMainTitle{text-align:center;letter-spacing:-.04em;color:#fff;text-transform:uppercase;margin:0;font-size:48px;font-style:italic;font-weight:1000;line-height:1.02}.carUsageMainDesc{text-align:center;color:#ffffffb8;max-width:760px;margin:12px auto 0;font-size:18px;line-height:1.5}.carUsageGrid{grid-template-columns:minmax(320px,.9fr) minmax(420px,1.35fr);align-items:stretch;gap:16px;margin-top:28px;display:grid}.carUsagePanel{background:linear-gradient(#07101ff0 0%,#030812f5 100%);border:1px solid #60a5fa2e;border-radius:28px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 20px 44px #00000047}.carUsageLeft{padding:24px}.carUsageRight{background:radial-gradient(circle at 72% 58%,#2563eb38 0%,#2563eb1a 22%,#0000 52%),linear-gradient(#07101ffa 0%,#030812fa 100%);padding:24px}.carUsagePanelHeader{align-items:flex-start;gap:14px;margin-bottom:22px;display:flex}.carUsageIconBox{background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;flex:0 0 58px;justify-content:center;align-items:center;width:58px;height:58px;display:flex;box-shadow:inset 0 1px #ffffff0a}.carUsageBars{align-items:end;gap:4px;height:24px;display:inline-flex}.carUsageBars i{background:#60a5fa;border-radius:999px;width:6px;display:block;box-shadow:0 0 14px #60a5fa59}.carUsageBars i:first-child{height:11px}.carUsageBars i:nth-child(2){height:18px}.carUsageBars i:nth-child(3){height:24px}.carUsageStar{color:#60a5fa;text-shadow:0 0 16px #60a5fa47;font-size:22px;line-height:1}.carUsagePanelTitle{letter-spacing:-.03em;font-size:31px;font-weight:900;line-height:1.02}.carUsagePanelDesc{color:#ffffff9e;margin-top:6px;font-size:15px;line-height:1.45}.carUsageList{flex-direction:column;gap:20px;display:flex}.carUsageRowTop{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.carUsageNameWrap{align-items:center;gap:10px;min-width:0;display:flex}.carUsageDot{border-radius:999px;flex:0 0 14px;width:14px;height:14px}.carUsageName{color:#fff;font-size:22px;font-weight:800;line-height:1.2}.carUsagePercent{letter-spacing:-.04em;flex:none;font-size:34px;font-weight:1000;line-height:1}.carUsageBarTrack{background:#ffffff14;border-radius:999px;width:100%;height:12px;overflow:hidden}.carUsageBarFill{border-radius:999px;height:100%}.carUsageHero{min-height:500px;position:relative}.carUsageHeroTop{z-index:2;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:relative}.carUsageHeroNameBlock{max-width:68%}.carUsageHeroName{letter-spacing:-.06em;text-transform:uppercase;color:#fff;font-size:74px;font-style:italic;font-weight:1000;line-height:.92}.carUsageHeroUnderline{background:linear-gradient(90deg,#60a5fa 0%,#60a5fa00 100%);border-radius:999px;width:74px;height:4px;margin-top:14px}.carUsageHeroPercent{letter-spacing:-.08em;color:#60a5fa;flex:none;font-size:112px;font-weight:1000;line-height:.85}.carUsageHeroImageWrap{z-index:1;height:320px;position:absolute;bottom:0;left:-2%;right:-2%}.carUsageHeroImage{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 40px #00000061);width:100%;height:100%;display:block;transform:scale(1.28)}.carUsageFoot{color:#ffffff8f;text-align:center;justify-content:center;align-items:center;gap:12px;margin-top:14px;display:flex}.carUsageFootLine{background:linear-gradient(90deg,#60a5fa00,#60a5fab3,#60a5fa00);width:110px;height:1px}.carUsageFootInfo{color:#60a5fa;font-weight:800}.carUsageFootText{font-size:14px;line-height:1.4}@media (max-width:1024px){.carUsageGrid{grid-template-columns:1fr}.carUsageHero{min-height:360px}.carUsageHeroName{font-size:58px}.carUsageHeroPercent{font-size:86px}.carUsageHeroImageWrap{height:220px;left:-2%;right:-2%}}@media (max-width:640px){.carUsageSection{padding-top:6px}.carUsageLeft{order:2}.carUsageRight{order:1}.carUsageTopLabel{letter-spacing:.24em;margin-bottom:10px;font-size:11px}.carUsageMainTitle{font-size:31px;line-height:1.04}.carUsageMainDesc{margin-top:10px;font-size:14px}.carUsageGrid{gap:12px;margin-top:18px}.carUsageLeft,.carUsageRight{border-radius:22px;padding:16px}.carUsagePanelHeader{gap:10px;margin-bottom:16px}.carUsageIconBox{border-radius:14px;flex-basis:46px;width:46px;height:46px}.carUsagePanelTitle{font-size:22px}.carUsagePanelDesc{font-size:13px}.carUsageList{gap:14px}.carUsageName{font-size:15px}.carUsagePercent{font-size:18px}.carUsageBarTrack{height:9px}.carUsageHero{min-height:auto}.carUsageHeroTop{display:block}.carUsageHeroNameBlock{max-width:100%}.carUsageHeroName{font-size:32px;line-height:.96}.carUsageHeroUnderline{width:56px;height:3px;margin-top:10px}.carUsageHeroPercent{text-align:right;margin-top:10px;font-size:54px;line-height:.88}.carUsageHeroImageWrap{width:116%;height:180px;margin-top:2px;position:relative;left:-8%;right:-8%}.carUsageHeroImage{transform:scale(1.18)}.carUsageFoot{gap:8px}.carUsageFootLine{width:28px}.carUsageFootText{font-size:12px}}.carUsageFilters{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.carUsageFilterBtn{appearance:none;color:#ffffffc7;cursor:pointer;background:#ffffff08;border:1px solid #60a5fa2e;border-radius:999px;padding:10px 14px;font-weight:800;transition:all .18s}.carUsageFilterBtn:hover{background:#60a5fa14;border-color:#60a5fa57}.carUsageFilterBtn.isActive{color:#fff;background:#60a5fa24;border-color:#60a5fa6b;box-shadow:inset 0 0 18px #60a5fa1f}.carUsageRowBtn{appearance:none;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:18px;width:100%;margin:0;padding:10px 12px;transition:background .18s,transform .18s,border-color .18s}.carUsageRowBtn:hover,.carUsageRowBtn:focus-visible{background:#ffffff09;border-color:#60a5fa24;outline:none}.carUsageRowBtn.isActive{background:#60a5fa12;border-color:#60a5fa2e}@media (max-width:640px){.carUsageFilters{gap:8px;margin-top:14px}.carUsageFilterBtn{padding:8px 12px;font-size:13px}.carUsageRowBtn{border-radius:14px;padding:8px 10px}}.carUsageBarFill{transform-origin:0;animation:.7s cubic-bezier(.22,.9,.24,1) both carUsageBarsGrow}.carUsagePanel.carUsageRight{animation:.22s carUsageHeroSwap}@keyframes carUsageBarsGrow{0%{opacity:.35;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes carUsageHeroSwap{0%{opacity:.78;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.carUsageSection.isInView .carUsageBarFill{animation:2.35s cubic-bezier(.22,.9,.24,1) both carUsageBarsGrowViewport}@keyframes carUsageBarsGrowViewport{0%{opacity:.35;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.carUsageBarFill{transform-origin:0;opacity:.35;transform:scaleX(0)}.carUsageSection.isAnimated .carUsageBarFill{animation:2.8s cubic-bezier(.22,.9,.24,1) both carUsageTouchBarsGrow}@keyframes carUsageTouchBarsGrow{0%{opacity:.35;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}