:root{--bg:#10191e;--card:#19252c;--card2:#23313a;--ink:#f6f8fa;--muted:#bdc9d0;--orange:#ff8726;--line:#35444d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.wrap{max-width:1180px;margin:auto;padding:0 22px}header{position:sticky;top:0;z-index:20;background:#10191ef0;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px}.logo{font-weight:950;letter-spacing:.02em;font-size:25px;white-space:nowrap}.logo b{color:var(--orange)}.logo-mark{display:inline-block;color:var(--orange);margin-right:8px}nav{display:flex;gap:20px;font-size:14px;flex-wrap:wrap}nav a:hover,.accent{color:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--orange);color:#111a1f;padding:13px 21px;border-radius:11px;font-weight:800;border:1px solid var(--orange);transition:transform .2s}.btn:hover{transform:translateY(-2px)}.btn.ghost{background:transparent;color:var(--ink);border-color:#83949d}.hero{position:relative;min-height:530px;display:grid;align-items:center;overflow:hidden;background:#142027}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10191ef7 0%,#10191eb8 47%,#10191e40 100%)}.hero-inner{position:relative;z-index:1;padding-top:65px;padding-bottom:65px}.hero h1{font-size:clamp(35px,5vw,66px);max-width:760px;line-height:1.07;margin:13px 0 18px;font-weight:950;letter-spacing:-.04em}.hero p{max-width:620px;font-size:19px}.eyebrow{font-size:13px;color:var(--orange);font-weight:800;text-transform:uppercase;letter-spacing:.11em}.muted{color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.section{padding:68px 0}.section.alt{background:#152128}.section h2{font-size:clamp(27px,3.5vw,42px);line-height:1.14;margin:10px 0 22px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;transition:transform .25s,border-color .25s}.card:hover{transform:translateY(-4px);border-color:#ff87267a}.card h3{margin:8px 0;font-size:20px}.card p{color:var(--muted);margin:0 0 16px}.card a{color:var(--orange);font-weight:700}.feature{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.feature-panel{background:linear-gradient(135deg,#203039,#15232a);border:1px solid #ff872657;border-radius:18px;padding:32px}.feature-panel h2{margin:5px 0 16px}.feature-panel p{font-size:17px}.fault-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fault{padding:16px 18px;border-left:3px solid var(--orange);background:var(--card);border-radius:8px}.fault strong{display:block}.fault span{font-size:14px;color:var(--muted)}.accessories{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.accessory{background:#f4f6f7;color:#17232a;border-radius:12px;overflow:hidden}.accessory-visual{height:135px;display:flex;align-items:center;justify-content:center;background:#e4e9ec;color:#62737c}.accessory-visual img{height:100%;width:100%;object-fit:contain}.accessory-visual svg{width:60px;height:60px}.accessory .info{padding:14px}.accessory .info strong{display:block}.accessory .info p{font-size:14px;margin:5px 0;color:#45525b}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.work{background:var(--card);border:1px solid var(--line);border-radius:13px;overflow:hidden}.work img{width:100%;height:210px;object-fit:cover;display:block}.work .info{padding:14px}.work p{margin:4px 0;color:var(--muted);font-size:14px}.empty{border:1px dashed #7a8b95;border-radius:16px;padding:35px;color:var(--muted);text-align:center}.garage{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}.garage .visual{min-height:270px;border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;background:linear-gradient(130deg,#26343c,#121c22);overflow:hidden}.garage .visual img{width:100%;height:100%;object-fit:cover}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{border-top:2px solid var(--orange);padding:18px 5px}.step b{color:var(--orange);font-size:25px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact form{background:var(--card);padding:25px;border:1px solid var(--line);border-radius:16px;display:grid;gap:12px}.contact input,.contact textarea{background:#10191e;color:white;border:1px solid #5c6d76;border-radius:8px;padding:13px;width:100%}footer{padding:27px 0;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.gate-demo{position:relative;height:155px;max-width:460px;overflow:hidden;border-bottom:7px solid #7c8d95;margin:16px 0}.gate-demo:before,.gate-demo:after{content:'';position:absolute;bottom:0;width:19px;height:145px;background:#aebcc4;z-index:2}.gate-demo:before{left:0}.gate-demo:after{right:0}.gate-leaf{position:absolute;bottom:3px;left:20px;width:calc(100% - 58px);height:112px;background:repeating-linear-gradient(0deg,#354852 0 18px,#8b9da6 19px 21px);border:6px solid #d3dde0;animation:gate-slide 8s ease-in-out infinite}.gate-motor{position:absolute;right:22px;bottom:0;width:48px;height:57px;background:var(--orange);border-radius:12px 12px 0 0;z-index:3}@keyframes gate-slide{0%,15%,85%,100%{transform:translateX(0)}42%,58%{transform:translateX(-56%)}}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.reveal.show{opacity:1;transform:none}@media(max-width:900px){nav{display:none}.grid,.accessories{grid-template-columns:repeat(2,1fr)}.feature,.garage,.contact{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid,.gallery,.accessories,.fault-grid,.steps{grid-template-columns:1fr}.section{padding:45px 0}.hero{min-height:480px}.hero-inner{padding-top:45px;padding-bottom:45px}.hero p{font-size:16px}.nav .btn{padding:9px 11px;font-size:13px}.card{padding:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}