:root{--bg: #0b0c0e;--bg-alt: #141517;--bg-card: #1b1c1f;--line: #2b2c30;--text: #f3f3f1;--text-dim: #9a9a9d;--accent-orange: #ff5b1f;--accent-lime: #c6ff1a;--accent-red: #ff2d2d;font-family:Inter,Arial Narrow,system-ui,sans-serif;color-scheme:dark;color:var(--text);background-color:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);overflow-x:hidden}a{color:inherit}h1,h2,h3,h4{font-family:Arial Narrow,Inter,sans-serif;text-transform:uppercase;letter-spacing:.01em;font-weight:900;margin:0}.app{position:relative}.container{max-width:1180px;margin:0 auto;padding:0 24px}.navbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#0b0c0ee0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}.navbar-logo{font-size:22px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:var(--text)}.navbar-logo span{color:var(--accent-orange)}.navbar-links{display:flex;gap:28px;list-style:none;margin:0;padding:0}.navbar-links a{text-decoration:none;color:var(--text-dim);font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.08em;transition:color .2s}.navbar-links a:hover{color:var(--accent-orange)}.navbar-cta{background:var(--accent-orange);color:#0b0c0e;border:none;padding:12px 22px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;font-size:13px;cursor:pointer;clip-path:polygon(10% 0,100% 0,90% 100%,0% 100%);transition:background .2s,transform .15s}.navbar-cta:hover{background:var(--accent-lime);transform:translateY(-2px)}.hero{position:relative;min-height:92vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:120px 24px 80px;background:linear-gradient(120deg,#0b0c0ef2 20%,#0b0c0e8c,#0b0c0ee6),repeating-linear-gradient(135deg,#1a1b1d,#1a1b1d 2px,#0b0c0e 2px,#0b0c0e 40px);border-bottom:4px solid var(--accent-orange);overflow:hidden}.hero:after{content:"";position:absolute;right:-10%;top:-10%;width:70%;height:130%;background:radial-gradient(circle at center,rgba(255,91,31,.25),transparent 65%);pointer-events:none}.hero-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--accent-lime);font-weight:800;letter-spacing:.22em;text-transform:uppercase;font-size:13px;margin-bottom:18px}.hero-kicker:before{content:"";width:32px;height:2px;background:var(--accent-lime)}.hero h1{font-size:clamp(44px,8vw,96px);line-height:.95;max-width:900px;position:relative;z-index:2}.hero h1 .highlight{color:var(--accent-orange);-webkit-text-stroke:1px var(--accent-orange)}.hero-lead{margin-top:24px;max-width:520px;font-size:18px;color:var(--text-dim);position:relative;z-index:2}.hero-actions{display:flex;gap:16px;margin-top:40px;position:relative;z-index:2;flex-wrap:wrap}.btn-primary{background:var(--accent-orange);color:#0b0c0e;border:none;padding:18px 34px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;font-size:15px;cursor:pointer;clip-path:polygon(8% 0,100% 0,92% 100%,0% 100%);transition:transform .15s,background .2s}.btn-primary:hover{background:var(--accent-lime);transform:translateY(-3px) scale(1.02)}.btn-outline{background:transparent;border:2px solid var(--text);color:var(--text);padding:16px 32px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:15px;cursor:pointer;clip-path:polygon(8% 0,100% 0,92% 100%,0% 100%);transition:all .2s}.btn-outline:hover{border-color:var(--accent-orange);color:var(--accent-orange)}.hero-stats{display:flex;gap:48px;margin-top:64px;position:relative;z-index:2;flex-wrap:wrap}.hero-stat-value{font-size:36px;font-weight:900;color:var(--accent-orange)}.hero-stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-top:4px}.section{padding:100px 24px}.section-alt{background:var(--bg-alt)}.section-head{margin-bottom:56px;max-width:640px}.section-kicker{color:var(--accent-lime);font-weight:800;letter-spacing:.2em;text-transform:uppercase;font-size:13px;margin-bottom:12px;display:block}.section-head h2{font-size:clamp(32px,5vw,52px);line-height:1.02}.section-head p{margin-top:16px;color:var(--text-dim);font-size:16px}.filters{display:flex;gap:12px;margin-bottom:40px;flex-wrap:wrap}.filter-btn{background:transparent;border:2px solid var(--line);color:var(--text-dim);padding:10px 20px;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.06em;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:var(--accent-orange);color:var(--text)}.filter-btn.active{background:var(--accent-orange);border-color:var(--accent-orange);color:#0b0c0e}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.bike-card{background:var(--bg-card);border:1px solid var(--line);border-top:4px solid var(--accent-orange);padding:28px;position:relative;transition:transform .25s,border-color .25s;display:flex;flex-direction:column;gap:14px}.bike-card:hover{transform:translateY(-8px);border-top-color:var(--accent-lime)}.bike-card-badge{align-self:flex-start;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;padding:6px 12px;color:#0b0c0e;background:var(--accent-lime)}.bike-card-visual{height:140px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#202124 0,#202124 10px,#17181a 10px,#17181a 20px);border:1px solid var(--line)}.bike-card-visual-icon{font-size:48px}.bike-card h3{font-size:22px}.bike-card-tag{color:var(--text-dim);font-size:14px}.bike-card-specs{list-style:none;margin:0;padding:14px 0 0;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-dim);border-top:1px solid var(--line)}.bike-card-specs li span{color:var(--text);font-weight:700}.bike-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px}.bike-card-price{font-size:24px;font-weight:900;color:var(--accent-orange)}.bike-card-btn{background:var(--text);color:#0b0c0e;border:none;padding:10px 18px;font-weight:800;text-transform:uppercase;font-size:12px;cursor:pointer;transition:background .2s}.bike-card-btn:hover{background:var(--accent-orange);color:#0b0c0e}.catalog-empty{color:var(--text-dim);font-size:15px;padding:40px 0}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-card{background:var(--bg);border:1px solid var(--line);padding:28px 22px;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:var(--accent-orange);transform:translateY(-4px)}.feature-num{font-size:13px;color:var(--accent-orange);font-weight:900;letter-spacing:.1em}.feature-card h3{font-size:18px;margin-top:10px;text-transform:none}.feature-card p{color:var(--text-dim);font-size:14px;margin-top:10px;line-height:1.5}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.review-card{background:var(--bg-card);border:1px solid var(--line);padding:28px;position:relative}.review-stars{color:var(--accent-lime);letter-spacing:2px;margin-bottom:14px}.review-text{color:var(--text);font-size:15px;line-height:1.6}.review-author{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.review-name{font-weight:800}.review-role{color:var(--text-dim);font-size:13px}.spots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.spot-card{height:220px;position:relative;display:flex;align-items:flex-end;padding:20px;background:repeating-linear-gradient(135deg,#201e1c 0,#201e1c 12px,#151414 12px,#151414 24px);border-left:4px solid var(--accent-red);overflow:hidden}.spot-card h3{font-size:20px;position:relative;z-index:1}.spot-card span{position:absolute;bottom:20px;left:20px;color:var(--text-dim);font-size:13px;transform:translateY(26px)}.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.contact-form{display:flex;flex-direction:column;gap:18px;background:var(--bg-card);border:1px solid var(--line);padding:36px}.form-row{display:flex;flex-direction:column;gap:8px}.form-row label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-weight:700}.form-row input,.form-row select,.form-row textarea{background:var(--bg);border:1px solid var(--line);color:var(--text);padding:14px;font-size:15px;font-family:inherit}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:var(--accent-orange)}.form-error{color:var(--accent-red);font-size:12px}.form-submit{background:var(--accent-orange);color:#0b0c0e;border:none;padding:16px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;font-size:15px;cursor:pointer;margin-top:8px;clip-path:polygon(5% 0,100% 0,95% 100%,0% 100%);transition:background .2s}.form-submit:hover{background:var(--accent-lime)}.form-checkbox-row{display:flex;align-items:flex-start;gap:10px;margin:4px 0}.form-checkbox-label{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text-dim);cursor:pointer;line-height:1.5}.form-checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--accent-lime);cursor:pointer;flex-shrink:0}.form-checkbox-label a{color:var(--accent-lime);text-decoration:underline}.form-success{background:#c6ff1a1f;border:1px solid var(--accent-lime);color:var(--accent-lime);padding:16px;font-weight:700;font-size:14px}.contact-side h2{font-size:clamp(28px,4vw,44px)}.contact-side p{color:var(--text-dim);margin-top:18px;font-size:15px;line-height:1.6}.contact-list{list-style:none;padding:0;margin-top:28px;display:flex;flex-direction:column;gap:10px}.contact-list li{color:var(--text);font-weight:700}.contact-list li span{color:var(--text-dim);font-weight:400;margin-right:10px;text-transform:uppercase;font-size:12px}.footer{background:var(--bg-alt);border-top:1px solid var(--line);padding:50px 24px 28px}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:24px;padding-bottom:30px;border-bottom:1px solid var(--line)}.footer-logo{font-size:22px;font-weight:900;text-transform:uppercase}.footer-logo span{color:var(--accent-orange)}.footer-social{display:flex;gap:16px}.footer-social a{text-decoration:none;color:var(--text-dim);font-weight:700;font-size:13px;text-transform:uppercase;border:1px solid var(--line);padding:8px 14px;transition:all .2s}.footer-social a:hover{color:var(--accent-orange);border-color:var(--accent-orange)}.footer-bottom{display:flex;justify-content:space-between;padding-top:20px;color:var(--text-dim);font-size:13px;flex-wrap:wrap;gap:10px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.modal-box{background:var(--bg-card);border:1px solid var(--accent-orange);max-width:520px;width:100%;padding:36px;position:relative}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-dim);font-size:22px;cursor:pointer}.modal-close:hover{color:var(--accent-orange)}.modal-box h3{font-size:26px;margin-bottom:8px}.modal-price{color:var(--accent-orange);font-size:22px;font-weight:900;margin-bottom:16px}.modal-specs{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--text-dim)}.modal-specs li span{color:var(--text);font-weight:700}@media(max-width:960px){.catalog-grid,.features-grid,.reviews-grid,.spots-grid{grid-template-columns:repeat(2,1fr)}.contact-wrap{grid-template-columns:1fr}}@media(max-width:640px){.navbar-links{display:none}.catalog-grid,.features-grid,.reviews-grid,.spots-grid{grid-template-columns:1fr}.hero-stats{gap:28px}.section{padding:70px 20px}}