@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--color-bg:#1d1d1d;--color-text:#fff;--color-muted:#7e7e83;--color-panel:#c2c2c2;--color-field:#f8f8fa;--container:1020px;--page-padding:120px;--section-gap:120px;--font-main:"Poppins", Arial, Helvetica, sans-serif;color:var(--color-text);background:var(--color-bg);font-family:var(--font-main);font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-bg)}body{background:var(--color-bg);min-width:320px;margin:0;overflow-x:hidden}body.menu-is-open{overflow:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}img,svg{display:block}#root{min-height:100svh}@media (width<=900px){:root{--page-padding:72px;--section-gap:96px}}@media (width<=560px){:root{--page-padding:20px;--section-gap:80px}}.site-shell{background:var(--color-bg);min-height:100vh;position:relative;overflow:hidden}.container{width:min(var(--container), calc(100% - var(--page-padding) * 2));margin:0 auto}.section{position:relative}.header{z-index:20;width:min(1260px,100%);height:128px;padding:36px var(--page-padding);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.logo-link{width:187px;height:56px;display:block}.logo-link img{width:100%;height:100%}.header-actions{align-items:center;gap:32px;display:flex}.icon-button{color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:32px;padding:0;display:grid;position:relative}.icon-button svg{fill:currentColor;width:32px;height:32px}.icon-button:focus-visible,.button:focus-visible,.menu-nav a:focus-visible,.menu-cta a:focus-visible,.logo-link:focus-visible,.contact-form input:focus,.contact-form textarea:focus{outline-offset:4px;outline:2px solid #fff}.phone-link{text-decoration:none}.phone-tooltip{color:#fff;letter-spacing:2px;text-transform:uppercase;opacity:0;pointer-events:none;width:max-content;font-size:12px;font-weight:700;line-height:16px;transition:opacity .18s;position:absolute;top:50%;right:48px;transform:translateY(-50%)}.phone-link:hover .phone-tooltip,.phone-link:focus-visible .phone-tooltip{opacity:1}.hero{background:linear-gradient(#1d1d1d00 70%,#1d1d1d 100%),url(/bike-new-version-app/figma-assets/hero.webp) top/cover no-repeat;height:711px}.hero__content{height:100%;position:relative}.hero h1{letter-spacing:0;text-align:center;width:min(672px,100%);margin:0;font-size:80px;font-weight:700;line-height:1;position:absolute;bottom:164px;left:50%;transform:translate(-50%)}.intro{padding:120px 0 0}.intro__grid{grid-template-columns:411px 498px;gap:24px;display:grid}.intro h2,.section-title{letter-spacing:0;margin:0;font-size:64px;font-weight:500;line-height:1}.intro p{width:498px;margin:0;font-size:23px;font-weight:500;line-height:1.4}.compare{padding-top:120px}.section-title{text-align:center}.bike-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px;display:grid}.bike-card img{object-fit:contain;width:100%;height:256px}.bike-card h3,.detail-block h3{margin:32px 0 8px;font-size:24px;font-weight:700;line-height:1.4}.bike-card p,.detail-block p{margin:0;font-size:16px;font-weight:400;line-height:1.4}.bike-card strong{margin-top:16px;font-size:24px;line-height:1.4;display:block}.details{padding-top:120px}.detail-list{gap:48px;margin-top:56px;display:grid}.detail-images{grid-template-columns:2.074fr 1fr;gap:24px;height:320px;display:grid}.detail-images--3{grid-template-columns:1fr 2.074fr}.detail-images>div{overflow:hidden}.detail-images img{object-fit:cover;width:100%;height:100%}.detail-images .square img{width:175%;max-width:none;transform:translate(-43%)}.detail-images .flip img{transform:translate(-43%)rotate(180deg)scaleY(-1)}.detail-images--3 .square img{transform:translate(-46%)}.detail-block h3{margin-top:16px}.detail-block p{width:672px;max-width:100%}.button{color:#1d1d1d;cursor:pointer;background:#fff;border:0;border-radius:40px;justify-content:center;align-items:center;min-height:56px;padding:0 48px;font-size:16px;font-weight:700;line-height:27px;text-decoration:none;transition:box-shadow .18s,transform .18s;display:inline-flex}.button:hover{transform:translateY(-1px);box-shadow:1px 4px 8px #e8e8f066}.details__button{width:324px;margin:40px auto 0;display:flex}.contacts{padding:120px 0 178px}.contacts__layout{grid-template-columns:411px 1fr;gap:48px 114px;display:grid}.contacts .section-title{grid-column:1/-1}.contact-form{gap:16px;display:grid}.contact-form label{display:block}.contact-form label span,.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.contact-form input,.contact-form textarea{color:#292929;background:var(--color-field);border:0;width:100%;font-size:14px;line-height:20px}.contact-form input{border-radius:40px;height:48px;padding:14px 16px}.contact-form textarea{resize:none;border-radius:16px;height:152px;padding:14px 16px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--color-muted);opacity:1}.contact-form .button{width:100%;margin-top:16px}.contact-info{align-content:start;gap:24px;font-style:normal;display:grid}.contact-info span{margin-bottom:8px;font-size:14px;line-height:1.4;display:block}.contact-info a,.contact-info p{margin:0;font-size:16px;font-weight:500;line-height:1.4;text-decoration:none}.footer{background:url(/bike-new-version-app/figma-assets/footer.webp) 50%/cover no-repeat;height:555px}.menu-overlay{z-index:50;visibility:hidden;background:var(--color-panel);opacity:0;transition:opacity .18s,visibility .18s;position:fixed;inset:0}.menu-overlay.is-open{visibility:visible;opacity:1}.menu-panel{color:#1d1d1d;width:min(1260px,100%);margin:0 auto}.menu-header{height:128px;padding:36px var(--page-padding);justify-content:space-between;align-items:center;display:flex}.logo-link--dark{width:187px;height:56px}.icon-button--dark{color:#1d1d1d}.menu-nav{padding:24px var(--page-padding) 0;gap:32px;display:grid}.menu-nav a,.menu-cta a{color:#1d1d1d;text-transform:uppercase;width:fit-content;font-weight:600;text-decoration:none}.menu-nav a{letter-spacing:2px;font-size:22px;line-height:22px}.menu-nav a:after,.menu-cta a:last-child:after{transform-origin:0;content:"";background:currentColor;width:100%;height:1px;margin-top:8px;transition:transform .18s;display:block;transform:scaleX(0)}.menu-nav a:hover:after,.menu-cta a:hover:after{transform:scaleX(1)}.menu-cta{padding:48px var(--page-padding) 0;gap:16px;display:grid}.menu-cta a:first-child{font-size:16px;line-height:27px}.menu-cta a:last-child{letter-spacing:2px;font-size:12px;line-height:16px}@media (width<=900px){.header,.menu-header{height:128px;padding:36px var(--page-padding)}.hero{background-position:top;height:628px}.hero h1{width:600px;max-width:calc(100vw - 144px);font-size:64px;bottom:110px}.intro{padding-top:120px}.intro__grid{grid-template-columns:1fr 1fr;gap:24px}.intro h2,.section-title{font-size:48px}.intro p{width:auto;font-size:23px}.compare,.details{padding-top:120px}.bike-grid{grid-template-columns:392px;justify-content:center;gap:48px;margin-top:48px}.bike-card img{height:319px}.detail-images{grid-template-columns:392px 184px;gap:24px;height:187px}.detail-images--3{grid-template-columns:184px 395px}.detail-block p{width:600px}.details__button{width:392px;margin-top:48px}.contacts{padding:120px 0}.contacts__layout{grid-template-columns:288px 288px;gap:48px 24px}.footer{background-position:top;background-size:auto 480px;height:480px}}@media (width<=560px){.container{width:calc(100% - 40px)}.header,.menu-header{height:86px;padding:24px 20px}.logo-link,.logo-link--dark{width:130px;height:38px}.header-actions{gap:24px}.icon-button,.icon-button svg{width:24px;height:24px}.phone-tooltip{display:none}.hero{background-position:top;background-size:auto 480px;height:480px}.hero h1{width:280px;max-width:calc(100vw - 40px);font-size:36px;bottom:84px}.intro{padding-top:60px}.intro__grid{display:block}.intro h2,.section-title{text-align:center;font-size:32px;line-height:1}.intro h2{text-align:left}.intro p{width:100%;margin-top:32px;font-size:23px}.compare{padding-top:80px}.bike-grid{grid-template-columns:1fr;gap:40px;margin-top:48px}.bike-card img{height:228px}.bike-card h3,.detail-block h3{margin-top:24px;font-size:24px}.details{padding-top:96px}.detail-list{gap:40px;margin-top:48px}.detail-images,.detail-images--3{grid-template-columns:1fr 1fr;gap:20px;height:130px}.detail-images .wide{grid-column:span 1}.detail-images .wide img{width:220%;max-width:none;transform:translate(-31%)}.detail-images .square img,.detail-images .flip img{width:180%;transform:translate(-45%)}.detail-images .flip img{transform:translate(-45%)rotate(180deg)scaleY(-1)}.detail-block p{width:100%}.details__button{width:100%;margin-top:40px}.contacts{padding:96px 0 80px}.contacts__layout{grid-template-columns:1fr;gap:48px;display:grid}.contact-form{gap:16px}.contact-info{gap:24px}.footer{background-position:top;background-size:auto 200px;height:200px}.menu-panel{min-height:100%}.menu-nav{gap:32px;padding:24px 20px 0}.menu-cta{padding:48px 20px 0}}