:root{--bg:#f4f7f2;--panel:#ffffff;--panel2:#eef6ee;--text:#101510;--muted:#5b665d;--green:#00a928;--green2:#06751d;--dark:#111411;--border:rgba(10,25,10,.10);--shadow:0 24px 70px rgba(7,38,13,.13);--hero:linear-gradient(135deg,#f8fff7 0%,#eef7ed 50%,#ffffff 100%)}
[data-theme=dark]{--bg:#060806;--panel:#101710;--panel2:#151f15;--text:#f2fff3;--muted:#a5b5a7;--green:#16d642;--green2:#0b8f29;--dark:#030403;--border:rgba(255,255,255,.10);--shadow:0 26px 80px rgba(0,0,0,.45);--hero:radial-gradient(circle at 20% 10%,rgba(22,214,66,.18),transparent 34%),linear-gradient(135deg,#071007 0%,#0d160e 55%,#050705 100%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,system-ui;background:radial-gradient(circle at top left,rgba(0,169,40,.12),transparent 35%),var(--bg);color:var(--text);overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%}.navbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 6%;backdrop-filter:blur(20px);background:color-mix(in srgb,var(--bg) 86%,transparent);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:60px;height:60px;object-fit:contain}.brand strong{display:block;font-size:1.15rem}.brand span{display:block;color:var(--muted);font-size:.78rem}nav{display:flex;gap:24px;font-weight:900}nav a{color:var(--muted)}nav a:hover{color:var(--green)}.theme-toggle{border:1px solid var(--border);background:var(--panel);color:var(--text);width:46px;height:46px;border-radius:50%;cursor:pointer;box-shadow:var(--shadow)}
.hero{min-height:calc(100vh - 86px);display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center;padding:64px 6%;background:var(--hero);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:auto -18% -32% auto;width:720px;height:720px;border-radius:50%;border:95px solid color-mix(in srgb,var(--text) 13%,transparent);opacity:.45}.hero-copy{position:relative;z-index:2}.eyebrow,.section-head span,.about-card span{display:inline-flex;color:var(--green);font-weight:900;background:rgba(0,169,40,.10);border:1px solid rgba(0,169,40,.18);padding:8px 14px;border-radius:999px}.hero h1,.page-hero h1{font-size:clamp(2.7rem,5.9vw,6.2rem);line-height:.98;margin:18px 0;font-weight:900;letter-spacing:-1px}.hero h1 span{display:block;color:var(--green)}p{color:var(--muted);font-size:1.04rem;line-height:1.9}.hero p{max-width:650px;font-size:1.13rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:18px;padding:14px 24px;font-weight:900;border:1px solid var(--border);transition:.25s;cursor:pointer}.primary{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;box-shadow:0 18px 42px rgba(0,169,40,.25)}.ghost{background:var(--panel)}.btn:hover{transform:translateY(-4px)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.b2b-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.b2b-strip span{background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:9px 14px;font-weight:900;color:var(--muted);box-shadow:0 12px 30px rgba(0,0,0,.06)}.hero-visual{position:relative;min-height:560px;display:grid;place-items:center;perspective:1000px}.hero-visual .glow{position:absolute;width:480px;height:480px;background:radial-gradient(circle,var(--green),transparent 64%);filter:blur(40px);opacity:.26}.gear-ring{position:absolute;width:min(500px,92%);aspect-ratio:1;border:34px solid color-mix(in srgb,var(--text) 82%,transparent);border-radius:50%;opacity:.92;filter:drop-shadow(0 28px 50px rgba(0,0,0,.25));animation:spin 32s linear infinite}.gear-ring:before{content:"";position:absolute;inset:22px;border:9px solid var(--green);border-radius:50%}.hero-visual img{width:min(330px,68%);position:relative;z-index:3;filter:drop-shadow(0 34px 35px rgba(0,0,0,.32));animation:float 4s ease-in-out infinite}.part-card{position:absolute;z-index:4;background:color-mix(in srgb,var(--panel) 90%,transparent);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:24px;padding:18px 22px;font-weight:900;box-shadow:var(--shadow)}.part-card.big{top:50px}.part-card.left{left:8px;bottom:115px}.part-card.right{right:0;bottom:160px}.categories,.about,.clients,.contact,.page-hero,.product-layout{padding:76px 6%}.section-head{text-align:center;margin-bottom:34px}.section-head h2,.contact h2,.about h2{font-size:clamp(2rem,3.5vw,3.5rem);margin:12px 0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-card{min-height:300px;border-radius:32px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative;color:white;box-shadow:var(--shadow);transition:.3s}.category-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.84),rgba(0,0,0,.08)),var(--img);background-size:cover;background-position:center;transition:.4s}.category-card:hover{transform:translateY(-8px)}.category-card:hover:before{scale:1.08}.category-card h3,.category-card p,.category-card a{position:relative;z-index:1}.category-card p{color:rgba(255,255,255,.82)}.category-card a{font-weight:900;color:#8cff9c}.bumper{--img:url('https://images.unsplash.com/photo-1619767886558-efdc259cde1a?auto=format&fit=crop&w=900&q=80')}.headlight{--img:url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=900&q=80')}.taillight{--img:url('https://images.unsplash.com/photo-1552519507-da3b142c6e3d?auto=format&fit=crop&w=900&q=80')}.steering{--img:url('https://images.unsplash.com/photo-1549317661-bd32c8ce0db2?auto=format&fit=crop&w=900&q=80')}.about{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch}.about-card,.timeline div,.filters,.modal-card,.stats-card{background:var(--panel);border:1px solid var(--border);border-radius:28px;padding:24px;box-shadow:var(--shadow)}.timeline{display:grid;gap:14px}.timeline b{font-size:1.9rem;color:var(--green);display:block}.clients{overflow:hidden}.logo-marquee{background:var(--panel);border:1px solid var(--border);border-radius:30px;padding:18px;box-shadow:var(--shadow);overflow:hidden}.marquee-track{display:flex;gap:18px;width:max-content;animation:marquee 22s linear infinite}.marquee-track img{width:170px;height:90px;object-fit:contain;border-radius:18px;background:white;padding:8px}.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px;align-items:start;background:linear-gradient(135deg,rgba(0,169,40,.09),transparent)}.lead-form{display:grid;gap:14px;background:var(--panel);border:1px solid var(--border);border-radius:30px;padding:24px;box-shadow:var(--shadow)}input,select,textarea{width:100%;border:1px solid var(--border);background:var(--panel2);color:var(--text);padding:14px 16px;border-radius:16px;font-family:inherit;outline:none}textarea{min-height:120px;resize:vertical}.footer{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px;padding:42px 6%;background:var(--dark);color:#fff}.footer p{color:#cbd4cb}.footer img{width:76px;background:#fff;border-radius:16px;padding:6px}.social{display:flex;gap:10px;flex-wrap:wrap}.social a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.09);font-weight:900}.float{position:fixed;left:22px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:white;font-weight:900;z-index:70;box-shadow:var(--shadow)}.call{bottom:92px;background:#111;font-size:1.45rem}.whatsapp{bottom:24px;background:#25D366}.whatsapp img{width:34px;height:34px}.page-hero{text-align:center;background:var(--hero)}.page-hero p{max-width:820px;margin:auto}.product-layout{display:grid;grid-template-columns:310px 1fr;gap:22px}.filters{position:sticky;top:100px;height:max-content;display:grid;gap:14px}.filters label{font-weight:900;color:var(--muted);display:grid;gap:7px}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:var(--panel);border:1px solid var(--border);border-radius:28px;overflow:hidden;box-shadow:var(--shadow);transition:.25s}.product-card:hover{transform:translateY(-6px)}.product-img{height:190px;background:linear-gradient(135deg,rgba(0,169,40,.18),rgba(0,0,0,.08));display:grid;place-items:center;font-size:4rem}.product-info{padding:18px}.badge{display:inline-block;background:rgba(0,169,40,.1);color:var(--green);border-radius:999px;padding:5px 10px;font-size:.8rem;font-weight:900}.modal{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:100;display:none;place-items:center;padding:20px}.modal.show{display:grid}.modal-card{width:min(540px,100%);position:relative}.close{position:absolute;left:18px;top:18px;width:36px;height:36px;border:0;border-radius:50%;font-size:1.5rem;cursor:pointer}.reveal{opacity:0;transform:translateY(38px);transition:1s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes float{50%{transform:translateY(-16px) rotate(-1deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(50%)}}
@media(max-width:980px){nav{display:none}.hero,.about,.contact,.product-layout{grid-template-columns:1fr}.hero{padding-top:35px}.hero-visual{min-height:410px}.category-grid,.products-grid{grid-template-columns:1fr 1fr}.filters{position:relative;top:0}.footer{grid-template-columns:1fr}.hero:before{opacity:.15}}
@media(max-width:580px){.hero h1,.page-hero h1{font-size:2.45rem}.category-grid,.products-grid{grid-template-columns:1fr}.navbar{padding:10px 4%}.brand img{width:48px;height:48px}.brand span{display:none}.part-card.left{left:0}.part-card.right{right:0}.footer,.hero,.categories,.about,.clients,.contact,.page-hero,.product-layout{padding-left:4%;padding-right:4%}.gear-ring{border-width:24px}.hero-visual img{width:250px}}