.hero{color:#fff;background:radial-gradient(circle at 80% 20%,#ef6c0024,#0000 35%),linear-gradient(135deg,#111827 0%,#172033 55%,#0f172a 100%);position:relative;overflow:hidden}.heroContainer{z-index:2;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;max-width:1280px;min-height:620px;margin:0 auto;padding:80px 32px 60px;display:grid;position:relative}.heroContent{max-width:700px}.heroBadge{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:9px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.heroBadgeDot{background:#ef6c00;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #ef6c00cc}.hero h1{letter-spacing:-2px;margin:25px 0 20px;font-size:clamp(42px,5vw,68px);font-weight:700;line-height:1.08}.hero h1 strong{color:#ef6c00}.heroDescription{color:#cbd5e1;max-width:650px;margin:0 0 30px;font-size:18px;line-height:1.8}.searchBox{background:#fff;border-radius:16px;align-items:center;width:100%;max-width:680px;padding:7px;display:flex;box-shadow:0 20px 50px #00000040}.searchIcon{color:#64748b;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.searchIcon svg{width:21px;height:21px}.searchBox input{color:#111827;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:16px}.searchBox input::placeholder{color:#94a3b8}.searchBox button{color:#fff;cursor:pointer;background:#ef6c00;border:0;border-radius:11px;height:50px;padding:0 28px;font-size:15px;font-weight:700;transition:background .2s,transform .2s}.searchBox button:hover{background:#d95f00;transform:translateY(-1px)}.heroQuickLinks{flex-wrap:wrap;align-items:center;gap:10px;margin-top:17px;font-size:13px;display:flex}.heroQuickLinks>span{color:#64748b}.heroQuickLinks a{color:#cbd5e1;background:#ffffff0f;border-radius:7px;padding:5px 10px;text-decoration:none;transition:background .2s,color .2s}.heroQuickLinks a:hover{color:#fff;background:#ef6c0026}.heroVisual{justify-content:center;align-items:center;min-height:430px;display:flex;position:relative}.heroVisualCard{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#ffffff1a,#ffffff09);border:1px solid #ffffff1a;border-radius:28px;width:min(100%,470px);height:390px;padding:22px;position:relative;box-shadow:0 30px 80px #0000004d}.heroVisualTop{color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.heroLive{color:#ef6c00}.heroBikePlaceholder{justify-content:center;align-items:center;height:270px;display:flex}.bikeCircle{background:radial-gradient(circle,#ef6c0033,#ef6c0005 65%);border:1px solid #ef6c0040;border-radius:50%;justify-content:center;align-items:center;width:210px;height:210px;font-size:90px;display:flex;box-shadow:0 0 80px #ef6c001a}.heroVisualInfo{grid-template-columns:1fr 1fr;gap:12px;display:grid}.heroVisualInfo>div{background:#ffffff0f;border-radius:13px;padding:14px}.heroVisualInfo span,.heroVisualInfo strong{display:block}.heroVisualInfo span{color:#94a3b8;margin-bottom:5px;font-size:11px}.heroVisualInfo strong{color:#fff;font-size:14px}.heroFloat{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ae0;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:12px;padding:13px 16px;display:flex;position:absolute;box-shadow:0 20px 40px #00000040}.heroFloatOne{top:70px;left:0}.heroFloatTwo{bottom:55px;right:-10px}.heroFloatIcon{color:#ef6c00;background:#ef6c001f;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}.heroFloat strong,.heroFloat span{display:block}.heroFloat strong{color:#fff;margin-bottom:3px;font-size:12px}.heroFloat div span{color:#94a3b8;font-size:10px}.heroGlow{pointer-events:none;filter:blur(80px);border-radius:50%;position:absolute}.heroGlowOne{background:#ef6c001f;width:280px;height:280px;top:-120px;right:15%}.heroGlowTwo{background:#1e40af1a;width:220px;height:220px;bottom:-100px;left:15%}.heroServices{z-index:3;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1180px;margin:0 auto;padding:0 25px 25px;display:grid;position:relative}.heroService{background:#ffffff0b;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:13px;min-height:78px;padding:14px 16px;transition:background .2s,transform .2s;display:flex}.heroService:hover{background:#ffffff14;transform:translateY(-2px)}.heroServiceIcon{background:#ef6c001a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.heroService strong,.heroService span{display:block}.heroService strong{color:#fff;margin-bottom:4px;font-size:13px}.heroService span{color:#94a3b8;font-size:11px}@media (max-width:1024px){.heroContainer{grid-template-columns:1fr;min-height:auto;padding-top:70px;padding-bottom:50px}.heroContent{text-align:center;max-width:760px;margin:0 auto}.heroBadge{display:inline-flex}.heroDescription,.searchBox{margin-left:auto;margin-right:auto}.heroQuickLinks{justify-content:center}.heroVisual{min-height:390px}.heroFloatOne{left:5%}.heroFloatTwo{right:5%}.heroServices{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.heroContainer{gap:35px;padding:55px 20px 40px}.hero h1{letter-spacing:-1.5px;margin-top:20px;font-size:clamp(38px,10vw,52px)}.heroDescription{font-size:16px;line-height:1.7}.searchBox{padding:5px}.searchIcon{width:42px;height:46px}.searchBox button{height:46px;padding:0 18px}.heroVisual{min-height:330px}.heroVisualCard{height:320px;padding:17px}.heroBikePlaceholder{height:205px}.bikeCircle{width:150px;height:150px;font-size:65px}.heroFloat{padding:10px 12px}.heroFloatOne{top:20px;left:-5px}.heroFloatTwo{bottom:25px;right:-5px}.heroServices{grid-template-columns:1fr 1fr;padding:0 15px 18px}.heroService{min-height:70px;padding:11px}.heroServiceIcon{width:34px;height:34px;font-size:15px}.heroService strong{font-size:12px}.heroService span{font-size:10px}}@media (max-width:520px){.hero h1{font-size:38px}.heroDescription{font-size:15px}.searchBox{grid-template-columns:40px 1fr;display:grid}.searchIcon{width:40px}.searchBox input{height:46px}.searchBox button{grid-column:1/-1;width:100%;margin-top:4px}.heroQuickLinks{gap:6px;font-size:11px}.heroVisual{min-height:290px}.heroVisualCard{height:280px}.heroBikePlaceholder{height:165px}.bikeCircle{width:120px;height:120px;font-size:52px}.heroFloatOne{left:-8px}.heroFloatTwo{right:-8px}.heroFloatIcon{width:29px;height:29px}.heroFloat strong{font-size:10px}.heroFloat div span{font-size:9px}.heroServices{grid-template-columns:1fr}}.category-section{background:#fff;padding:90px 0}.section-heading{max-width:760px;margin-bottom:45px}.section-eyebrow{letter-spacing:.14em;color:#ef6c00;margin-bottom:12px;font-size:12px;font-weight:700;display:inline-block}.section-heading h2{color:#111827;margin:0 0 16px;font-size:38px;font-weight:800;line-height:1.2}.section-heading p{color:#64748b;max-width:680px;margin:0;font-size:17px;line-height:1.8}.category-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.category-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;justify-content:space-between;min-height:230px;padding:30px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.category-card:hover{border-color:#d1d5db;transform:translateY(-5px);box-shadow:0 18px 45px #0f172a14}.category-number{color:#cbd5e1;font-size:13px;font-weight:700}.category-content{margin-top:30px}.category-name{letter-spacing:.08em;text-transform:uppercase;color:#ef6c00;margin-bottom:5px;font-size:12px;font-weight:700;display:block}.category-content h3{color:#111827;margin:0 0 10px;font-size:26px;font-weight:800;line-height:1.25}.category-content p{color:#64748b;max-width:330px;margin:0;font-size:14px;line-height:1.7}.category-arrow{color:#111827;background:#f8fafc;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;transition:background .25s,color .25s,transform .25s;display:flex;position:absolute;bottom:25px;right:28px}.category-card:hover .category-arrow{color:#fff;background:#ef6c00;transform:translate(3px)}@media (max-width:900px){.category-grid{grid-template-columns:repeat(2,1fr)}.section-heading h2{font-size:32px}}@media (max-width:600px){.category-section{padding:65px 0}.category-grid{grid-template-columns:1fr}.section-heading{margin-bottom:30px}.section-heading h2{font-size:28px}.section-heading p{font-size:15px}.category-card{min-height:200px;padding:25px}}.brand-section{background:#f8fafc;padding:90px 0}.brand-heading{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.brand-heading>p{color:#64748b;max-width:430px;margin:0;font-size:16px;line-height:1.8}.brand-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.brand-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:190px;padding:25px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.brand-card:hover{border-color:#d1d5db;transform:translateY(-4px);box-shadow:0 16px 40px #0f172a14}.brand-number{color:#cbd5e1;font-size:12px;font-weight:700}.brand-logo{color:#111827;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:flex;overflow:hidden}.brand-logo img{object-fit:contain;width:100%;height:100%;padding:8px}.brand-loading-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.brand-skeleton{pointer-events:none;min-height:190px;animation:1.5s ease-in-out infinite brandSkeletonPulse}.brand-skeleton>span{background:#e2e8f0;border-radius:6px;width:30px;height:12px}.brand-skeleton>div:nth-child(2){background:#e2e8f0;border-radius:50%;width:48px;height:48px;margin-top:10px}.brand-skeleton>div:nth-child(3){background:#e2e8f0;border-radius:6px;width:80px;height:15px;margin-top:auto}@keyframes brandSkeletonPulse{0%{opacity:.55}50%{opacity:1}to{opacity:.55}}.brand-error{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:18px;padding:45px 20px}.brand-error strong{color:#111827;margin-bottom:8px;font-size:16px;display:block}.brand-error p{color:#64748b;margin:0;font-size:14px}.brand-more{text-align:right;margin-top:30px}.brand-more a{color:#111827;align-items:center;gap:8px;font-size:14px;font-weight:700;text-decoration:none;transition:color .2s;display:inline-flex}.brand-more a span{transition:transform .2s}.brand-more a:hover{color:#ef6c00}.brand-more a:hover span{transform:translate(4px)}@media (max-width:1000px){.brand-grid,.brand-loading-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.brand-grid,.brand-loading-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.brand-grid,.brand-loading-grid{grid-template-columns:1fr}}.brand-info{margin-top:18px}.brand-info h3{color:#111827;margin:0 0 4px;font-size:19px;font-weight:800}.brand-info span{color:#64748b;font-size:13px}.brand-arrow{color:#111827;background:#f8fafc;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;transition:background .25s,color .25s,transform .25s;display:flex;position:absolute;bottom:22px;right:22px}.brand-card:hover .brand-arrow{color:#fff;background:#ef6c00;transform:translate(3px)}@media (max-width:1000px){.brand-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.brand-heading{display:block}.brand-heading>p{margin-top:15px}.brand-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.brand-section{padding:65px 0}.brand-grid{grid-template-columns:1fr}.brand-card{min-height:165px}}.home-page{color:#111827;background:#fff}.home-page .container{width:min(1200px,100% - 40px);margin:0 auto}.popular-section{background:#fff;padding:90px 0}.popular-section .section-heading{margin-bottom:42px}.popular-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.popular-card{color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:20px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:block;overflow:hidden}.popular-card:hover{border-color:#d1d5db;transform:translateY(-5px);box-shadow:0 18px 45px #0f172a17}.popular-image{background:#f8fafc;justify-content:center;align-items:center;height:235px;display:flex;position:relative;overflow:hidden}.popular-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.popular-card:hover .popular-image img{transform:scale(1.04)}.popular-image span{color:#94a3b8;font-size:13px}.popular-content{padding:20px}.popular-brand{color:#ef6c00;text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:12px;font-weight:700}.popular-content h3{color:#111827;margin:0 0 7px;font-size:20px;font-weight:800}.popular-category{color:#64748b;margin:0 0 18px;font-size:13px}.popular-link{color:#111827;font-size:13px;font-weight:700;transition:color .2s}.popular-card:hover .popular-link{color:#ef6c00}.popular-empty{text-align:center;color:#64748b;border:1px dashed #cbd5e1;border-radius:18px;padding:60px 20px}.blog-section{background:#f8fafc;padding:95px 0}.blog-heading{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.blog-heading>p{color:#64748b;max-width:440px;margin:0;font-size:16px;line-height:1.8}.blog-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.blog-card{min-height:330px;color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:space-between;padding:26px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.blog-card:hover{border-color:#d1d5db;transform:translateY(-5px);box-shadow:0 18px 45px #0f172a14}.blog-card-top{justify-content:space-between;align-items:center;display:flex}.blog-number{color:#cbd5e1;font-size:12px;font-weight:700}.blog-category{color:#ef6c00;background:#fff7ed;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.blog-card-content{margin-top:auto}.blog-brand{color:#ef6c00;letter-spacing:.1em;margin-bottom:12px;font-size:11px;font-weight:800;display:block}.blog-card h3{color:#111827;margin:0 0 25px;font-size:24px;font-weight:800;line-height:1.35}.blog-read{color:#111827;font-size:13px;font-weight:700;transition:color .2s}.blog-card:hover .blog-read{color:#ef6c00}.blog-more{text-align:right;margin-top:30px}.blog-more a{color:#111827;font-size:14px;font-weight:700;text-decoration:none}.blog-more a:hover{color:#ef6c00}.why-section{color:#fff;background:#111827;padding:100px 0}.why-layout{grid-template-columns:.8fr 1.2fr;align-items:start;gap:80px;display:grid}.why-intro{position:sticky;top:100px}.why-intro .section-eyebrow{color:#ef6c00}.why-intro h2{color:#fff;margin:15px 0 20px;font-size:42px;font-weight:800;line-height:1.2}.why-intro p{color:#94a3b8;max-width:480px;margin:0;font-size:16px;line-height:1.9}.why-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.why-card{background:#ffffff09;border:1px solid #ffffff14;border-radius:18px;min-height:220px;padding:28px;transition:transform .25s,background .25s,border-color .25s}.why-card:hover{background:#ffffff0f;border-color:#ef6c0059;transform:translateY(-4px)}.why-number{color:#ef6c00;margin-bottom:35px;font-size:12px;font-weight:800;display:block}.why-card h3{color:#fff;margin:0 0 10px;font-size:19px;font-weight:800}.why-card p{color:#94a3b8;margin:0;font-size:14px;line-height:1.8}@media (max-width:1100px){.popular-grid{grid-template-columns:repeat(2,1fr)}.why-layout{grid-template-columns:1fr;gap:45px}.why-intro{position:static}}@media (max-width:800px){.home-page .container{width:min(100% - 30px,1200px)}.blog-heading{display:block}.blog-heading>p{margin-top:18px}.blog-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.popular-section,.blog-section,.why-section{padding:65px 0}.popular-grid{grid-template-columns:1fr}.popular-image{height:240px}.blog-grid{grid-template-columns:1fr}.blog-card{min-height:280px}.why-intro h2{font-size:32px}.why-grid{grid-template-columns:1fr}}@media (max-width:480px){.home-page .container{width:calc(100% - 24px)}.popular-content h3{font-size:18px}.blog-card h3{font-size:21px}}.homePage{min-height:100vh}@media (max-width:768px){.homePage{padding-bottom:82px;padding-bottom:calc(82px + env(safe-area-inset-bottom))}}