:root{
  --bg:#080a0c;--bg-2:#0d1013;--panel:#111519;--panel-2:#171c21;--text:#f5f6f7;--muted:#aab1b8;
  --line:rgba(255,255,255,.12);--line-strong:rgba(255,255,255,.22);--red:#e71d2b;--red-2:#ff3946;
  --green:#007838;--gold:#f0c542;--white:#fff;--shadow:0 28px 80px rgba(0,0,0,.36);
  --container:min(1400px,calc(100vw - 56px));--radius:26px;--header-h:92px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}html[dir="rtl"] body{font-family:"Noto Sans Arabic",Arial,sans-serif}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}img{display:block;max-width:100%}.container{width:var(--container);margin-inline:auto}.section{position:relative;padding:126px 0}.skip-link{position:fixed;inset-inline-start:14px;top:-80px;background:#fff;color:#000;padding:12px 18px;border-radius:10px;z-index:9999}.skip-link:focus{top:14px}

/* loader + global effects */
.page-loader{position:fixed;inset:0;background:#07090a;z-index:10000;display:grid;place-content:center;justify-items:center;gap:18px;transition:opacity .65s ease,visibility .65s}.page-loader.loaded{opacity:0;visibility:hidden}.page-loader small{font-weight:800;letter-spacing:.45em;color:#fff}.loader-drop{width:72px;height:90px;position:relative;filter:drop-shadow(0 18px 28px rgba(231,29,43,.34));animation:loaderPulse 1.5s ease-in-out infinite}.loader-drop:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,var(--red-2),#9e1019);clip-path:path("M36 0 C44 20 70 45 70 62 C70 80 55 90 36 90 C17 90 2 80 2 62 C2 45 28 20 36 0Z")}.loader-drop span{position:absolute;width:15px;height:29px;border:4px solid rgba(255,255,255,.75);border-left:0;border-bottom:0;border-radius:50%;right:14px;bottom:17px;transform:rotate(26deg)}@keyframes loaderPulse{50%{transform:translateY(-8px) scale(1.035)}}
.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(231,29,43,.09),transparent 68%);transform:translate(-50%,-50%);opacity:.9}.scroll-progress{position:fixed;top:0;inset-inline-start:0;height:3px;width:0;background:linear-gradient(90deg,var(--red),var(--gold));z-index:10001;box-shadow:0 0 22px rgba(231,29,43,.8)}

/* header */
.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);z-index:1000;border-bottom:1px solid transparent;transition:.35s ease}.site-header.scrolled{height:80px;background:rgba(7,9,10,.88);backdrop-filter:blur(18px);border-color:var(--line)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{width:74px;align-self:flex-start;margin-top:9px;filter:drop-shadow(0 9px 15px rgba(0,0,0,.35));transition:.3s}.site-header.scrolled .brand{width:62px}.brand img{width:100%;height:auto}.desktop-nav{display:flex;align-items:center;gap:31px;margin-inline-start:auto}.desktop-nav>a,.nav-dropdown-trigger{position:relative;border:0;background:none;padding:30px 0;font-size:13px;font-weight:700;letter-spacing:.02em;cursor:pointer;color:rgba(255,255,255,.88)}.desktop-nav>a:after,.nav-dropdown-trigger:after{content:"";position:absolute;height:2px;inset-inline-start:0;bottom:18px;width:0;background:var(--red);transition:.3s}.desktop-nav>a:hover:after,.nav-dropdown:hover .nav-dropdown-trigger:after{width:100%}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:flex;align-items:center;gap:7px}.nav-dropdown-trigger i{font-style:normal;font-size:15px;transition:.3s}.nav-dropdown:hover .nav-dropdown-trigger i{transform:rotate(180deg)}.dropdown-panel{position:absolute;top:calc(100% - 6px);inset-inline-start:-28px;background:rgba(15,18,21,.96);border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:var(--shadow);backdrop-filter:blur(22px);opacity:0;visibility:hidden;transform:translateY(12px);transition:.3s ease}.nav-dropdown:hover .dropdown-panel{opacity:1;visibility:visible;transform:none}.compact-panel{width:310px}.compact-panel a{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:14px 15px;border-radius:13px}.compact-panel a:hover{background:rgba(255,255,255,.06)}.compact-panel span{font-weight:700;font-size:14px}.compact-panel small{grid-column:1/2;color:var(--muted);font-size:11px}.mega-panel{width:760px;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:26px;padding:24px}.mega-dropdown .dropdown-panel{inset-inline-start:-180px}.mega-intro{background:linear-gradient(145deg,rgba(231,29,43,.18),rgba(255,255,255,.02));border:1px solid rgba(231,29,43,.32);border-radius:18px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;min-height:250px}.mega-intro small{color:var(--red-2);font-weight:800;text-transform:uppercase;letter-spacing:.13em}.mega-intro strong{font-size:22px;line-height:1.25;margin:12px 0 24px}.mega-intro a{font-size:13px;font-weight:800}.mega-column h4{font-size:12px;color:var(--red-2);text-transform:uppercase;letter-spacing:.11em;margin:8px 0 10px}.mega-column a{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;color:#dce0e3}.mega-column a b{font-weight:400;opacity:.45;transition:.2s}.mega-column a:hover{color:#fff}.mega-column a:hover b{transform:translateX(4px);opacity:1}html[dir="rtl"] .mega-column a:hover b{transform:translateX(-4px)}.nav-actions{display:flex;align-items:center;gap:11px}.lang-toggle{height:42px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:999px;padding:0 13px;display:flex;align-items:center;gap:7px;cursor:pointer}.lang-current{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#090b0d;font-weight:800;font-size:11px}.lang-label{font-size:11px;font-weight:700}.button{min-height:52px;border-radius:999px;padding:0 23px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-weight:800;font-size:13px;cursor:pointer;transition:transform .28s,box-shadow .28s,background .28s,border-color .28s}.button i{font-style:normal;font-size:17px}.button-small{min-height:43px;padding:0 18px;font-size:12px}.button-primary{background:linear-gradient(135deg,var(--red-2),#bd101c);color:#fff;box-shadow:0 14px 30px rgba(231,29,43,.25)}.button-primary:hover{box-shadow:0 19px 40px rgba(231,29,43,.38)}.button-glass{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.22);backdrop-filter:blur(12px)}.button-glass:hover{background:rgba(255,255,255,.12)}.menu-toggle{display:none;width:45px;height:45px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.04);padding:12px;cursor:pointer}.menu-toggle span{display:block;height:2px;background:#fff;margin:4px 0;transition:.3s}.mobile-panel{display:none}

/* hero */
.hero{height:max(760px,100vh);min-height:760px;position:relative;overflow:hidden;background:#020304}.hero-slides,.hero-slide,.hero-vignette,.hero-lines{position:absolute;inset:0}.hero-slide{opacity:0;transform:scale(1.06);transition:opacity 1s ease,transform 7s linear;filter:saturate(.95) contrast(1.06);overflow:hidden}.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-slide.active{opacity:1;transform:scale(1)}.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,5,.95) 0%,rgba(3,4,5,.72) 36%,rgba(3,4,5,.13) 74%,rgba(3,4,5,.33) 100%)}html[dir="rtl"] .hero-slide:after{background:linear-gradient(-90deg,rgba(3,4,5,.95) 0%,rgba(3,4,5,.72) 36%,rgba(3,4,5,.13) 74%,rgba(3,4,5,.33) 100%)}.hero-vignette{z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.46),transparent 28%,transparent 72%,rgba(0,0,0,.76)),radial-gradient(circle at 50% 50%,transparent 30%,rgba(0,0,0,.3) 100%)}.hero-lines{z-index:3;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,#000,transparent 65%)}html[dir="rtl"] .hero-lines{mask-image:linear-gradient(-90deg,#000,transparent 65%)}.oil-particles{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}.hero-content{position:relative;z-index:5;height:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.55fr);align-items:center;gap:80px;padding-top:var(--header-h)}.hero-copy{max-width:800px}.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:25px}.eyebrow span{display:block;width:42px;height:2px;background:var(--red)}.eyebrow b{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#d8dde0}.hero h1{font-size:clamp(54px,6vw,96px);line-height:.98;letter-spacing:-.055em;margin:0;max-width:900px}.hero h1 em,.section h2 em{font-style:normal;color:var(--red-2)}.hero-copy>p{max-width:675px;font-size:17px;line-height:1.8;color:#c6ccd0;margin:28px 0 35px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:58px;padding-top:28px;border-top:1px solid rgba(255,255,255,.16)}.hero-metrics div{display:flex;gap:12px;align-items:flex-start}.hero-metrics strong{font-size:25px;color:#fff;white-space:nowrap}.hero-metrics span{font-size:11px;line-height:1.55;color:#9ca5ac;max-width:125px}.hero-side-card{justify-self:end;width:310px;padding:30px;border-radius:28px;background:linear-gradient(155deg,rgba(255,255,255,.13),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(20px);box-shadow:0 35px 90px rgba(0,0,0,.38);position:relative;overflow:hidden}.hero-side-card:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:rgba(231,29,43,.22);filter:blur(35px);right:-60px;top:-70px}.hero-side-logo{width:112px;height:115px;display:grid;place-items:center;margin-bottom:22px;position:relative}.hero-side-logo img{max-height:110px}.hero-side-card small{display:block;color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.16em;font-size:10px}.hero-side-card>strong{position:relative;display:block;font-size:24px;line-height:1.35;margin-top:13px}.mini-standards{display:flex;gap:8px;margin-top:28px}.mini-standards span{font-size:10px;font-weight:800;border:1px solid rgba(255,255,255,.2);padding:7px 10px;border-radius:8px}.slider-controls{position:absolute;z-index:7;bottom:54px;right:4vw;display:flex;align-items:center;gap:12px}html[dir="rtl"] .slider-controls{right:auto;left:4vw}.slider-arrow{width:42px;height:42px;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.3);border-radius:50%;cursor:pointer;backdrop-filter:blur(8px)}.slider-arrow:hover{background:var(--red)}.slider-dots{display:flex;gap:7px}.slider-dots button{width:34px;height:4px;padding:0;border:0;background:rgba(255,255,255,.25);border-radius:9px;overflow:hidden;cursor:pointer}.slider-dots button span{display:block;height:100%;width:0;background:#fff}.slider-dots button.active span{animation:slideProgress 6s linear forwards}@keyframes slideProgress{to{width:100%}}.scroll-cue{position:absolute;z-index:7;left:50%;bottom:28px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.62);font-size:10px;text-transform:uppercase;letter-spacing:.18em}.scroll-cue span{width:22px;height:34px;border:1px solid rgba(255,255,255,.35);border-radius:999px;position:relative}.scroll-cue span:after{content:"";position:absolute;width:3px;height:7px;background:#fff;border-radius:4px;left:50%;top:7px;transform:translateX(-50%);animation:scrollCue 1.6s ease infinite}@keyframes scrollCue{70%{transform:translate(-50%,13px);opacity:0}}

.standards-marquee{overflow:hidden;background:var(--red);height:76px;display:flex;align-items:center;border-block:1px solid rgba(255,255,255,.12)}.marquee-track{display:flex;align-items:center;gap:30px;white-space:nowrap;min-width:max-content;animation:marquee 24s linear infinite}.marquee-track span{font-weight:800;font-size:24px;letter-spacing:.08em}.marquee-track i{font-style:normal;font-size:10px;color:#53050b}@keyframes marquee{to{transform:translateX(-50%)}}html[dir="rtl"] .marquee-track{animation-direction:reverse}

/* shared section */
.section-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--red-2);font-weight:800;margin-bottom:18px}.section h2{font-size:clamp(42px,4.4vw,70px);line-height:1.03;letter-spacing:-.045em;margin:0}.section-head{display:grid;grid-template-columns:1.1fr .7fr;align-items:end;gap:80px;margin-bottom:62px}.section-head>p{font-size:16px;line-height:1.8;color:var(--muted);margin:0}.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s ease}.reveal.delay-1{transition-delay:.12s}.reveal.delay-2{transition-delay:.24s}.reveal.delay-3{transition-delay:.36s}.reveal.is-visible{opacity:1;transform:none}.tilt-card{transform-style:preserve-3d;will-change:transform}

/* about */
.about{background:linear-gradient(180deg,#0a0d0f,#0d1013)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.about-visual{position:relative;min-height:610px}.visual-main{position:absolute;inset:30px 52px 60px 0;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line)}html[dir="rtl"] .visual-main{inset:30px 0 60px 52px}.visual-main img,.visual-float img{width:100%;height:100%;object-fit:cover}.visual-float{position:absolute;width:44%;height:42%;right:0;bottom:0;border-radius:24px;overflow:hidden;border:9px solid var(--bg-2);box-shadow:var(--shadow)}html[dir="rtl"] .visual-float{right:auto;left:0}.capacity-orbit{position:absolute;left:-28px;top:4px;width:132px;height:132px;border-radius:50%;background:var(--red);display:grid;place-content:center;text-align:center;z-index:2;box-shadow:0 24px 50px rgba(231,29,43,.35)}html[dir="rtl"] .capacity-orbit{left:auto;right:-28px}.capacity-orbit span{font-size:38px;font-weight:800;line-height:1}.capacity-orbit small{font-size:10px;font-weight:700;text-transform:uppercase}.orbit-line{position:absolute;width:500px;max-width:92%;left:-60px;top:-30px;fill:none;stroke:rgba(255,255,255,.12);stroke-width:1;stroke-dasharray:4 10;animation:orbitRotate 28s linear infinite}@keyframes orbitRotate{to{transform:rotate(360deg)}}.section-copy .lead{font-size:22px;line-height:1.6;color:#fff;margin:30px 0 18px}.section-copy>p:not(.lead){color:var(--muted);font-size:15px;line-height:1.85}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:14px 25px;margin:33px 0}.about-points div{display:flex;gap:13px;padding:15px 0;border-top:1px solid var(--line)}.about-points b{color:var(--red);font-size:11px}.about-points span{font-size:13px;line-height:1.55}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:800;border-bottom:1px solid var(--red);padding-bottom:7px}.text-link i{font-style:normal}

/* leadership */
.leadership{background:#f2f1ed;color:#111316}.leadership-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:start}.leadership-message{position:relative;padding:10px 0 0 80px}html[dir="rtl"] .leadership-message{padding:10px 80px 0 0}.quote-mark{position:absolute;left:0;top:-30px;font-size:120px;line-height:1;color:var(--red);font-family:Georgia,serif}html[dir="rtl"] .quote-mark{left:auto;right:0}.leadership-message p{font-size:26px;line-height:1.65;margin:0;color:#33383c}.signature-line{display:flex;align-items:center;gap:18px;margin-top:36px}.signature-line span{width:70px;height:2px;background:var(--red)}.signature-line strong{font-size:13px;text-transform:uppercase;letter-spacing:.12em}

/* vision */
.vision{background:radial-gradient(circle at 20% 10%,rgba(231,29,43,.09),transparent 25%),#090b0d}.vision-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.vision-card{min-height:320px;padding:29px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.014));position:relative;overflow:hidden;transition:border-color .3s,background .3s}.vision-card:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-60px;bottom:-70px;background:var(--red);filter:blur(55px);opacity:0;transition:.3s}.vision-card:hover{border-color:rgba(231,29,43,.55);background:rgba(255,255,255,.055)}.vision-card:hover:before{opacity:.35}.vision-card>span{font-size:11px;color:var(--red);font-weight:800}.vision-card h3{font-size:21px;margin:100px 0 16px}.vision-card p{font-size:13px;line-height:1.75;color:var(--muted);margin:0}

/* products */
.products{background:#101418}.product-tabs{display:flex;gap:8px;margin-bottom:34px;padding:6px;border:1px solid var(--line);border-radius:999px;width:max-content}.product-tabs button{border:0;background:transparent;color:var(--muted);padding:11px 18px;border-radius:999px;font-size:12px;font-weight:800;cursor:pointer}.product-tabs button.active{background:#fff;color:#101214}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.product-card{position:relative;min-height:500px;border:1px solid var(--line);background:linear-gradient(145deg,#171c21,#111519);border-radius:28px;overflow:hidden;display:grid;grid-template-columns:.85fr 1.15fr;transition:opacity .35s,transform .35s}.product-card.hidden{display:none}.product-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent 55%,rgba(255,255,255,.035));pointer-events:none}.product-number{position:absolute;top:23px;left:25px;font-size:11px;color:var(--muted);font-weight:800;z-index:3}html[dir="rtl"] .product-number{left:auto;right:25px}.product-image{position:relative;display:grid;place-items:center;padding:58px 15px 25px;min-width:0}.product-image:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;filter:blur(45px);opacity:.25}.red-glow:before{background:#ff2534}.green-glow:before{background:#00a856}.amber-glow:before{background:#ffbb29}.blue-glow:before{background:#257fff}.cyan-glow:before{background:#00c0d3}.violet-glow:before{background:#8738ff}.magenta-glow:before{background:#df2dc1}.product-image img{position:relative;max-height:290px;max-width:95%;object-fit:contain;filter:drop-shadow(0 30px 26px rgba(0,0,0,.34));transition:.45s}.product-card:hover .product-image img{transform:translateY(-12px) scale(1.035)}.product-content{padding:60px 30px 35px 10px;display:flex;flex-direction:column}html[dir="rtl"] .product-content{padding:60px 10px 35px 30px}.product-content small{font-size:10px;color:var(--red-2);font-weight:800;text-transform:uppercase;letter-spacing:.12em}.product-content h3{font-size:29px;line-height:1.15;margin:12px 0}.product-content p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 20px}.product-specs{display:flex;flex-wrap:wrap;gap:7px}.product-specs span{padding:7px 10px;border:1px solid var(--line);border-radius:8px;font-size:10px;color:#d8dde0}.product-open{margin-top:auto;align-self:flex-start;border:0;background:none;padding:18px 0 0;color:#fff;font-weight:800;font-size:12px;display:flex;align-items:center;gap:10px;cursor:pointer}.product-open i{font-style:normal;color:var(--red);font-size:16px}

/* featured */
.featured-product{overflow:hidden;background:linear-gradient(120deg,#cf101b,#8e0911)}.featured-product:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.17) 1px,transparent 0);background-size:28px 28px;mask-image:linear-gradient(90deg,#000,transparent)}.featured-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.featured-copy p{font-size:17px;line-height:1.8;max-width:580px;color:rgba(255,255,255,.82);margin:26px 0}.featured-copy .section-kicker{color:#fff}.featured-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.featured-tags span{border:1px solid rgba(255,255,255,.3);padding:8px 12px;border-radius:9px;font-size:11px;font-weight:700}.featured-product .button-primary{background:#fff;color:#b10d16;box-shadow:0 18px 40px rgba(80,0,5,.25)}.featured-visual{position:relative;min-height:520px;display:grid;place-items:center}.featured-visual img{max-height:445px;position:relative;z-index:2;filter:drop-shadow(0 46px 30px rgba(55,0,4,.33));animation:productFloat 5s ease-in-out infinite}@keyframes productFloat{50%{transform:translateY(-14px)}}.product-halo{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#fff 0%,rgba(255,255,255,.22) 43%,transparent 72%);opacity:.68}.floating-spec{position:absolute;z-index:3;background:rgba(20,5,7,.45);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(13px);border-radius:16px;padding:12px 15px;display:grid;box-shadow:0 14px 35px rgba(0,0,0,.18)}.floating-spec small{font-size:9px;text-transform:uppercase;opacity:.75}.floating-spec strong{font-size:16px}.fs-1{left:10%;top:22%}.fs-2{right:5%;top:42%}.fs-3{left:16%;bottom:14%}

/* manufacturing */
.manufacturing{background:#090c0e}.process-line{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:start;gap:16px;margin:40px 0 70px}.process-step{text-align:center}.process-step>span{font-size:10px;color:var(--red);font-weight:800}.process-icon{width:76px;height:76px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;margin:15px auto 19px;font-size:25px;background:#111519;box-shadow:inset 0 0 0 8px rgba(255,255,255,.025)}.process-step h3{font-size:16px;margin:0 0 10px}.process-step p{font-size:11px;line-height:1.65;color:var(--muted);margin:0}.process-connector{width:40px;height:76px;margin-top:35px;display:flex;align-items:center}.process-connector i{display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--red),rgba(255,255,255,.12));position:relative}.process-connector i:after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--red)}html[dir="rtl"] .process-connector i{background:linear-gradient(-90deg,var(--red),rgba(255,255,255,.12))}html[dir="rtl"] .process-connector i:after{right:auto;left:-1px}.manufacturing-gallery{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:16px}.manufacturing-gallery figure{position:relative;height:420px;margin:0;overflow:hidden;border-radius:24px;border:1px solid var(--line)}.manufacturing-gallery img{width:100%;height:100%;object-fit:cover;transition:.7s}.manufacturing-gallery figure:hover img{transform:scale(1.06)}.manufacturing-gallery figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:15px 18px;background:rgba(5,7,8,.72);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);border-radius:13px;font-size:12px;font-weight:800}

/* quality */
.quality{overflow:hidden;background:#0f1316}.quality-bg{position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(231,29,43,.18),transparent 32%),linear-gradient(130deg,rgba(255,255,255,.02),transparent 40%)}html[dir="rtl"] .quality-bg{background:radial-gradient(circle at 20% 50%,rgba(231,29,43,.18),transparent 32%),linear-gradient(-130deg,rgba(255,255,255,.02),transparent 40%)}.quality-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.quality-copy p{color:var(--muted);font-size:16px;line-height:1.8;margin:27px 0}.quality-list{display:grid;gap:11px}.quality-list span{position:relative;padding:14px 17px 14px 42px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:12px;font-size:12px}html[dir="rtl"] .quality-list span{padding:14px 42px 14px 17px}.quality-list span:before{content:"✓";position:absolute;left:15px;color:var(--red);font-weight:800}html[dir="rtl"] .quality-list span:before{left:auto;right:15px}.quality-orbit{position:relative;min-height:520px;display:grid;place-items:center}.quality-core{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 0 100px rgba(231,29,43,.2);z-index:3}.quality-core img{max-height:150px}.orbit-ring{position:absolute;border:1px dashed rgba(255,255,255,.22);border-radius:50%;animation:orbitSpin 20s linear infinite}.orbit-ring span{position:absolute;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#171c21;border:1px solid var(--line);font-size:10px;font-weight:800}.ring-1{width:330px;height:330px}.ring-1 span:nth-child(1){left:50%;top:-28px;transform:translateX(-50%)}.ring-1 span:nth-child(2){right:-20px;bottom:60px}.ring-1 span:nth-child(3){left:-20px;bottom:60px}.ring-2{width:470px;height:470px;animation-direction:reverse;animation-duration:28s}.ring-2 span:nth-child(1){left:50%;bottom:-28px;transform:translateX(-50%)}.ring-2 span:nth-child(2){right:18px;top:58px}.ring-2 span:nth-child(3){left:18px;top:58px}@keyframes orbitSpin{to{transform:rotate(360deg)}}.orbit-ring span{animation:antiSpin 20s linear infinite}.ring-2 span{animation-direction:reverse;animation-duration:28s}@keyframes antiSpin{to{transform:rotate(-360deg)}}.ring-1 span:nth-child(1),.ring-2 span:nth-child(1){animation-name:antiSpinOffset}@keyframes antiSpinOffset{to{transform:translateX(-50%) rotate(-360deg)}}

/* downloads */
.downloads{background:#f1f0eb;color:#111417}.downloads .section-head>p{color:#5f666b}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.download-card{min-height:220px;padding:29px;border:1px solid rgba(10,12,14,.13);background:#fff;border-radius:25px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;box-shadow:0 18px 50px rgba(25,28,30,.06);transition:transform .3s,box-shadow .3s}.download-card:hover{transform:translateY(-7px);box-shadow:0 24px 65px rgba(25,28,30,.13)}.download-icon{width:86px;height:108px;border-radius:13px;background:#15191c;color:#fff;display:grid;place-items:center;font-weight:800;position:relative;overflow:hidden}.download-icon:after{content:"";position:absolute;right:-20px;bottom:-20px;width:65px;height:65px;background:var(--green);border-radius:50%}.download-icon.red:after{background:var(--red)}.download-card small{font-size:10px;color:var(--red);text-transform:uppercase;letter-spacing:.12em;font-weight:800}.download-card h3{font-size:27px;margin:9px 0}.download-card p{font-size:12px;line-height:1.7;color:#656b70;margin:0}.download-arrow{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;background:#111417;color:#fff;font-size:19px}

/* contact */
.contact{background:radial-gradient(circle at 10% 20%,rgba(231,29,43,.12),transparent 25%),#0a0d0f}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.contact-copy>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:610px;margin:28px 0}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:34px 0}.contact-details a,.contact-details div{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.contact-details div{grid-column:1/-1}.contact-details small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px}.contact-details strong{font-size:14px}.whatsapp-link{display:flex;align-items:center;gap:13px;width:max-content;color:#fff;font-size:13px}.whatsapp-link span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#20c66a}.whatsapp-link i{font-style:normal;margin-inline-start:8px}.contact-form{padding:34px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:var(--shadow)}.form-head{margin-bottom:25px}.form-head small{display:block;color:var(--red-2);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.form-head strong{display:block;font-size:25px;margin-top:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-form label{display:block;margin-bottom:14px}.contact-form label>span{display:block;font-size:10px;color:#c4cbd0;margin-bottom:7px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.2);color:#fff;border-radius:11px;padding:13px 14px;outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--red)}.contact-form select option{background:#111}.contact-form textarea{resize:vertical;min-height:130px}.contact-form .button{width:100%;margin-top:4px}

/* footer */
.site-footer{background:#060809;border-top:1px solid var(--line);padding:75px 0 20px}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .8fr 1fr;gap:60px}.footer-brand img{width:95px;max-height:110px;object-fit:contain}.footer-brand p{color:var(--muted);font-size:12px;line-height:1.7;max-width:300px;margin-top:19px}.footer-links{display:flex;flex-direction:column;gap:11px}.footer-links strong{font-size:12px;color:#fff;margin-bottom:8px}.footer-links a,.footer-links span{font-size:11px;color:#929ba2;line-height:1.6}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--line);margin-top:55px;padding-top:18px;display:flex;justify-content:space-between;font-size:10px;color:#747d84}.floating-whatsapp{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#21c769;z-index:90;box-shadow:0 14px 35px rgba(0,0,0,.35);font-size:24px}.back-top{position:fixed;right:27px;bottom:87px;width:43px;height:43px;border-radius:50%;border:1px solid var(--line);background:rgba(12,15,17,.82);backdrop-filter:blur(10px);z-index:90;opacity:0;visibility:hidden;transition:.3s;cursor:pointer}.back-top.visible{opacity:1;visibility:visible}html[dir="rtl"] .floating-whatsapp{right:auto;left:22px}html[dir="rtl"] .back-top{right:auto;left:27px}

/* modal */
.product-modal{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:30px;opacity:0;visibility:hidden;transition:.35s}.product-modal.open{opacity:1;visibility:visible}.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(2,3,4,.83);backdrop-filter:blur(15px)}.modal-dialog{position:relative;width:min(980px,100%);max-height:90vh;overflow:auto;border-radius:28px;border:1px solid var(--line-strong);background:#111519;display:grid;grid-template-columns:.9fr 1.1fr;box-shadow:0 40px 110px rgba(0,0,0,.6);transform:scale(.94) translateY(20px);transition:.35s}.product-modal.open .modal-dialog{transform:none}.modal-close{position:absolute;right:17px;top:17px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:rgba(0,0,0,.35);font-size:24px;z-index:3;cursor:pointer}html[dir="rtl"] .modal-close{right:auto;left:17px}.modal-visual{min-height:540px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(231,29,43,.25),transparent 60%),#0b0e10}.modal-visual img{max-height:380px;max-width:82%;position:relative;z-index:2;filter:drop-shadow(0 35px 30px rgba(0,0,0,.35))}.modal-copy{padding:72px 50px}.modal-copy>small{color:var(--red-2);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.modal-copy h2{font-size:42px;margin:12px 0 20px}.modal-copy>p{font-size:14px;line-height:1.8;color:var(--muted)}.modal-specs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:25px 0}.modal-specs span{padding:12px;border:1px solid var(--line);border-radius:10px;display:flex;justify-content:space-between;gap:12px;font-size:11px}.modal-specs em{font-style:normal;color:#fff;font-weight:800}.modal-packs{display:flex;justify-content:space-between;gap:12px;padding:16px 0;border-block:1px solid var(--line);font-size:11px;margin-bottom:25px}.modal-packs span{color:var(--muted)}

/* RTL refinements */
html[dir="rtl"] .hero h1,html[dir="rtl"] .section h2{letter-spacing:0}html[dir="rtl"] .desktop-nav{margin-inline-start:auto}html[dir="rtl"] .mega-dropdown .dropdown-panel{inset-inline-start:-445px}html[dir="rtl"] .marquee-track{direction:ltr}html[dir="rtl"] .featured-product:before{mask-image:linear-gradient(-90deg,#000,transparent)}

/* responsive */
@media (max-width:1180px){
  :root{--container:min(100% - 36px,1120px)}.desktop-nav{gap:19px}.desktop-nav>a,.nav-dropdown-trigger{font-size:12px}.desktop-cta{display:none}.hero-content{grid-template-columns:1fr .4fr;gap:35px}.hero-side-card{width:250px}.hero h1{font-size:66px}.about-grid,.contact-grid{gap:55px}.vision-cards{grid-template-columns:1fr 1fr}.product-card{grid-template-columns:.75fr 1.25fr}.process-line{grid-template-columns:repeat(5,1fr);gap:10px}.process-connector{display:none}.footer-grid{grid-template-columns:1.2fr repeat(3,1fr);gap:35px}
}
@media (max-width:960px){
  :root{--header-h:80px}.desktop-nav,.desktop-cta{display:none}.menu-toggle{display:block}.site-header,.site-header.scrolled{height:80px;background:rgba(7,9,10,.88);backdrop-filter:blur(16px);border-bottom-color:var(--line)}.brand,.site-header.scrolled .brand{width:60px;margin-top:8px}.mobile-panel{display:block;position:absolute;top:80px;left:18px;right:18px;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(10,13,15,.98);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-12px);transition:.3s;box-shadow:var(--shadow);max-height:calc(100vh - 100px);overflow:auto}.mobile-panel.open{opacity:1;visibility:visible;transform:none}.mobile-panel nav{display:flex;flex-direction:column}.mobile-panel nav>a,.mobile-panel summary{padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:700;cursor:pointer}.mobile-panel details a{display:block;padding:10px 15px;color:var(--muted);font-size:12px}.mobile-panel details strong{display:block;padding:13px 15px 3px;color:var(--red-2);font-size:10px;text-transform:uppercase}.mobile-panel>.button{width:100%;margin-top:15px}.hero{height:auto;min-height:820px}.hero-content{grid-template-columns:1fr;padding-top:150px;padding-bottom:130px}.hero-copy{max-width:720px}.hero-side-card{display:none}.hero h1{font-size:clamp(52px,9vw,76px)}.slider-controls{bottom:54px}.scroll-cue{display:none}.about-grid,.leadership-grid,.featured-grid,.quality-grid,.contact-grid{grid-template-columns:1fr}.about-visual{min-height:530px}.leadership-grid{gap:55px}.section-head{grid-template-columns:1fr;gap:28px}.product-grid{grid-template-columns:1fr}.product-card{min-height:440px}.featured-visual{min-height:450px}.quality-grid{gap:50px}.manufacturing-gallery{grid-template-columns:1fr 1fr}.manufacturing-gallery figure:first-child{grid-column:1/-1}.process-line{grid-template-columns:repeat(3,1fr);row-gap:40px}.download-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.cursor-glow{display:none}
}
@media (max-width:680px){
  :root{--container:calc(100% - 28px);--radius:20px}.section{padding:88px 0}.lang-label{display:none}.lang-toggle{padding:0 8px}.hero{min-height:760px}.hero-content{padding-top:126px;padding-bottom:120px}.hero h1{font-size:47px;line-height:1.03}.hero-copy>p{font-size:14px;margin:22px 0 28px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}.hero-metrics{grid-template-columns:1fr;gap:13px;margin-top:34px;padding-top:21px}.hero-metrics div{align-items:center}.hero-metrics span{max-width:none}.hero-slide{background-position:63% center}.slider-controls{left:14px;right:14px;justify-content:space-between}.standards-marquee{height:60px}.marquee-track span{font-size:18px}.section h2{font-size:39px}.section-head{margin-bottom:42px}.about-visual{min-height:390px}.visual-main{inset:30px 25px 40px 0}.visual-float{height:38%;border-width:6px}.capacity-orbit{width:98px;height:98px;left:-6px}.capacity-orbit span{font-size:29px}.about-points{grid-template-columns:1fr}.leadership-message{padding-left:50px}.leadership-message p{font-size:19px}.quote-mark{font-size:82px}.vision-cards{grid-template-columns:1fr}.vision-card{min-height:245px}.vision-card h3{margin-top:55px}.product-tabs{width:100%;overflow:auto;justify-content:flex-start}.product-tabs button{white-space:nowrap}.product-card{display:block;min-height:0}.product-image{height:310px}.product-content{padding:12px 24px 28px}.product-content h3{font-size:26px}.featured-visual{min-height:370px}.featured-visual img{max-height:310px}.product-halo{width:320px;height:320px}.floating-spec{padding:9px 11px}.fs-1{left:1%;top:17%}.fs-2{right:0;top:44%}.fs-3{left:5%;bottom:8%}.process-line{grid-template-columns:1fr 1fr}.manufacturing-gallery{grid-template-columns:1fr}.manufacturing-gallery figure,.manufacturing-gallery figure:first-child{grid-column:auto;height:300px}.quality-orbit{min-height:390px;transform:scale(.76)}.download-card{grid-template-columns:auto 1fr;padding:20px;min-height:190px}.download-arrow{display:none}.download-icon{width:67px;height:88px}.download-card h3{font-size:22px}.form-row{grid-template-columns:1fr}.contact-details{grid-template-columns:1fr}.contact-details div{grid-column:auto}.contact-form{padding:23px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.modal-dialog{grid-template-columns:1fr}.modal-visual{min-height:310px}.modal-visual img{max-height:240px}.modal-copy{padding:34px 24px}.modal-copy h2{font-size:31px}.modal-specs{grid-template-columns:1fr}.floating-whatsapp{width:50px;height:50px}.back-top{bottom:82px}
}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.cursor-glow,.oil-particles{display:none}}


/* =========================================================
   GNO V3 — light theme, corrected WhatsApp icon, RTL phone,
   location preview and expanded map modal
   ========================================================= */
.theme-toggle{width:42px;height:42px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:50%;display:grid;place-items:center;cursor:pointer;position:relative;overflow:hidden;transition:background .28s,border-color .28s,transform .28s,color .28s}.theme-toggle:hover{transform:rotate(8deg);border-color:rgba(231,29,43,.55);background:rgba(231,29,43,.1)}.theme-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:opacity .25s,transform .35s}.theme-icon-moon{display:none}.theme-icon-sun{display:block}html[data-theme="light"] .theme-icon-sun{display:none}html[data-theme="light"] .theme-icon-moon{display:block}.whatsapp-icon{width:22px;height:22px;display:block;fill:currentColor}.whatsapp-icon-wrap{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#20c66a;color:#fff;box-shadow:0 10px 25px rgba(32,198,106,.25)}.whatsapp-link span.whatsapp-icon-wrap{display:grid}.whatsapp-link .whatsapp-icon{width:22px;height:22px}.floating-whatsapp{color:#fff;transition:transform .25s,box-shadow .25s}.floating-whatsapp:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 18px 42px rgba(32,198,106,.35)}.floating-whatsapp .whatsapp-icon{width:27px;height:27px}.phone-number{direction:ltr;unicode-bidi:isolate;white-space:nowrap;font-variant-numeric:tabular-nums}.contact-details .phone-number{display:block;text-align:start}html[dir="rtl"] .contact-details .phone-number{text-align:right}.footer-phone{width:max-content}html[dir="rtl"] .footer-phone{align-self:flex-end;text-align:right}

.location-preview{position:relative;margin-top:26px;min-height:190px;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:var(--panel);box-shadow:0 22px 60px rgba(0,0,0,.2);isolation:isolate}.location-preview-map,.location-preview-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.location-preview-map{filter:saturate(.78) contrast(1.08)}.location-preview-map iframe{pointer-events:none}.location-preview-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,10,.94),rgba(7,9,10,.48) 56%,rgba(7,9,10,.1));z-index:1}html[dir="rtl"] .location-preview-shade{background:linear-gradient(-90deg,rgba(7,9,10,.94),rgba(7,9,10,.48) 56%,rgba(7,9,10,.1))}.location-preview-copy{position:absolute;z-index:2;inset-inline:20px;bottom:18px;display:flex;align-items:center;gap:13px;color:#fff;pointer-events:none}.location-preview-copy>span:nth-child(2){display:grid;gap:3px}.location-preview-copy small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.67)}.location-preview-copy strong{font-size:14px}.location-preview-copy i{font-style:normal;margin-inline-start:auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);transition:.25s}.map-pin-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--red);box-shadow:0 12px 28px rgba(231,29,43,.35)}.map-pin-icon svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.location-preview-button{position:absolute;inset:0;z-index:3;width:100%;height:100%;border:0;background:transparent;cursor:pointer}.location-preview:hover .location-preview-copy i{transform:translate(3px,-3px);background:var(--red)}html[dir="rtl"] .location-preview:hover .location-preview-copy i{transform:translate(-3px,-3px)}.location-preview:focus-within{outline:2px solid var(--red);outline-offset:3px}

.map-modal{position:fixed;inset:0;z-index:3100;display:grid;place-items:center;padding:28px;opacity:0;visibility:hidden;transition:.32s}.map-modal.open{opacity:1;visibility:visible}.map-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(2,3,4,.84);backdrop-filter:blur(14px)}.map-dialog{position:relative;width:min(1180px,100%);max-height:92vh;overflow:hidden;border-radius:28px;border:1px solid var(--line-strong);background:var(--panel);box-shadow:0 42px 120px rgba(0,0,0,.58);transform:scale(.95) translateY(18px);transition:.32s;display:grid;grid-template-rows:auto minmax(420px,68vh)}.map-modal.open .map-dialog{transform:none}.map-modal-close{position:absolute;top:16px;inset-inline-end:16px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:rgba(0,0,0,.34);color:#fff;font-size:24px;z-index:4;cursor:pointer}.map-modal-head{padding:28px 82px 24px 30px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}html[dir="rtl"] .map-modal-head{padding:28px 30px 24px 82px}.map-modal-head small{color:var(--red-2);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.map-modal-head h2{font-size:28px;margin:5px 0 7px}.map-modal-head p{font-size:12px;color:var(--muted);margin:0}.map-modal-frame{position:relative;background:#dfe3e5;overflow:hidden}.map-modal-frame iframe{width:100%;height:100%;border:0;display:block}.map-external-link{flex:0 0 auto;white-space:nowrap}

/* Light mode */
html[data-theme="light"]{--bg:#f6f7f9;--bg-2:#ffffff;--panel:#ffffff;--panel-2:#f0f2f4;--text:#15191d;--muted:#66717a;--line:rgba(20,26,31,.12);--line-strong:rgba(20,26,31,.22);--shadow:0 28px 80px rgba(29,39,47,.13);color-scheme:light}html[data-theme="dark"]{color-scheme:dark}html[data-theme="light"] body{background:var(--bg);color:var(--text)}html[data-theme="light"] .cursor-glow{background:radial-gradient(circle,rgba(231,29,43,.075),transparent 68%)}html[data-theme="light"] .site-header.scrolled{background:rgba(255,255,255,.9);box-shadow:0 12px 35px rgba(28,35,40,.07)}html[data-theme="light"] .site-header.scrolled .desktop-nav>a,html[data-theme="light"] .site-header.scrolled .nav-dropdown-trigger{color:#20262b}html[data-theme="light"] .site-header.scrolled .theme-toggle,html[data-theme="light"] .site-header.scrolled .lang-toggle{background:#fff;color:#161a1e}html[data-theme="light"] .site-header:not(.scrolled) .theme-toggle,html[data-theme="light"] .site-header:not(.scrolled) .lang-toggle{color:#fff;border-color:rgba(255,255,255,.25);background:rgba(0,0,0,.22)}html[data-theme="light"] .dropdown-panel{background:rgba(255,255,255,.97);box-shadow:0 30px 80px rgba(26,34,40,.16)}html[data-theme="light"] .compact-panel a:hover{background:#f2f4f6}html[data-theme="light"] .mega-column a{color:#31383e;border-color:rgba(20,26,31,.1)}html[data-theme="light"] .mega-column a:hover{color:#000}html[data-theme="light"] .mega-intro{background:linear-gradient(145deg,rgba(231,29,43,.12),rgba(255,255,255,.8))}html[data-theme="light"] .about{background:linear-gradient(180deg,#f7f8f9,#ffffff)}html[data-theme="light"] .visual-float{border-color:#fff}html[data-theme="light"] .orbit-line{stroke:rgba(20,26,31,.14)}html[data-theme="light"] .section-copy .lead{color:#171b1f}html[data-theme="light"] .vision{background:radial-gradient(circle at 20% 10%,rgba(231,29,43,.08),transparent 27%),#f2f4f6}html[data-theme="light"] .vision-card{background:linear-gradient(155deg,#fff,#f7f8f9);box-shadow:0 20px 50px rgba(28,37,44,.06)}html[data-theme="light"] .vision-card:hover{background:#fff}html[data-theme="light"] .products{background:#fff}html[data-theme="light"] .product-tabs button.active{background:#171b1f;color:#fff}html[data-theme="light"] .product-card{background:linear-gradient(145deg,#fff,#f1f3f5);box-shadow:0 20px 60px rgba(23,31,37,.07)}html[data-theme="light"] .product-specs span{color:#4d575f;background:rgba(255,255,255,.6)}html[data-theme="light"] .product-open{color:#171b1f}html[data-theme="light"] .manufacturing{background:#f5f6f8}html[data-theme="light"] .process-icon{background:#fff;box-shadow:inset 0 0 0 8px rgba(20,26,31,.025),0 14px 32px rgba(24,32,38,.06)}html[data-theme="light"] .quality{background:#fff}html[data-theme="light"] .quality-bg{background:radial-gradient(circle at 80% 50%,rgba(231,29,43,.11),transparent 34%),linear-gradient(130deg,rgba(20,26,31,.025),transparent 40%)}html[dir="rtl"][data-theme="light"] .quality-bg{background:radial-gradient(circle at 20% 50%,rgba(231,29,43,.11),transparent 34%),linear-gradient(-130deg,rgba(20,26,31,.025),transparent 40%)}html[data-theme="light"] .quality-list span{background:#f7f8f9}html[data-theme="light"] .orbit-ring{border-color:rgba(20,26,31,.2)}html[data-theme="light"] .orbit-ring span{background:#fff;color:#171b1f;box-shadow:0 12px 30px rgba(27,35,40,.08)}html[data-theme="light"] .contact{background:radial-gradient(circle at 10% 20%,rgba(231,29,43,.08),transparent 26%),#f2f4f6}html[data-theme="light"] .contact-details a,html[data-theme="light"] .contact-details div{background:#fff;box-shadow:0 12px 32px rgba(27,35,40,.04)}html[data-theme="light"] .whatsapp-link{color:#171b1f}html[data-theme="light"] .contact-form{background:#fff;box-shadow:0 25px 70px rgba(26,35,42,.1)}html[data-theme="light"] .contact-form label>span{color:#626d75}html[data-theme="light"] .contact-form input,html[data-theme="light"] .contact-form textarea,html[data-theme="light"] .contact-form select{background:#f6f7f9;color:#171b1f;border-color:rgba(20,26,31,.13)}html[data-theme="light"] .contact-form select option{background:#fff}html[data-theme="light"] .site-footer{background:#e9ecef}html[data-theme="light"] .footer-links strong{color:#171b1f}html[data-theme="light"] .footer-links a,html[data-theme="light"] .footer-links span{color:#626d75}html[data-theme="light"] .footer-links a:hover{color:#000}html[data-theme="light"] .back-top{background:rgba(255,255,255,.9);color:#171b1f;box-shadow:0 10px 28px rgba(25,33,38,.1)}html[data-theme="light"] .modal-dialog,html[data-theme="light"] .map-dialog{background:#fff}html[data-theme="light"] .modal-visual{background:radial-gradient(circle,rgba(231,29,43,.16),transparent 60%),#f2f4f6}html[data-theme="light"] .modal-specs em{color:#171b1f}html[data-theme="light"] .modal-close,html[data-theme="light"] .map-modal-close{background:rgba(255,255,255,.9);color:#171b1f}html[data-theme="light"] .location-preview{background:#fff}html[data-theme="light"] .page-loader{background:#f5f6f8}html[data-theme="light"] .page-loader small{color:#171b1f}

@media (max-width:960px){html[data-theme="light"] .site-header,html[data-theme="light"] .site-header.scrolled{background:rgba(255,255,255,.94)}html[data-theme="light"] .mobile-panel{background:rgba(255,255,255,.98)}html[data-theme="light"] .mobile-panel nav>a,html[data-theme="light"] .mobile-panel summary{border-color:rgba(20,26,31,.1)}html[data-theme="light"] .menu-toggle{background:#fff;color:#171b1f}html[data-theme="light"] .menu-toggle span{background:#171b1f}html[data-theme="light"] .site-header .theme-toggle,html[data-theme="light"] .site-header .lang-toggle{color:#171b1f;border-color:rgba(20,26,31,.13);background:#fff}.map-dialog{grid-template-rows:auto minmax(360px,66vh)}.map-modal-head{align-items:flex-start;flex-direction:column;padding:26px 72px 20px 24px;gap:17px}html[dir="rtl"] .map-modal-head{padding:26px 24px 20px 72px}.map-external-link{width:100%}}
@media (max-width:680px){.theme-toggle{width:42px;height:42px;flex:0 0 42px}.nav-actions{gap:7px}.location-preview{min-height:170px}.location-preview-copy{inset-inline:14px;bottom:14px}.map-modal{padding:12px}.map-dialog{border-radius:20px;max-height:95vh;grid-template-rows:auto minmax(360px,65vh)}.map-modal-head h2{font-size:23px}.map-modal-head p{font-size:11px}.map-modal-frame{min-height:360px}}

/* =========================================================
   GNO V4 — COMPLETE RESPONSIVE SYSTEM
   Mobile / tablet / landscape / desktop refinements
   ========================================================= */

/* responsive safety + fluid foundations */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:0;overflow-x:clip}
.container{max-width:100%}
main,section,header,footer,.container,.nav-wrap,.hero-content,.section-head,.about-grid,.leadership-grid,.featured-grid,.quality-grid,.contact-grid,.product-grid,.footer-grid{min-width:0}
h1,h2,h3,p,a,strong,span{overflow-wrap:break-word}
img,svg,video,canvas,iframe{max-width:100%}
button,a,input,select,textarea{touch-action:manipulation}
.mobile-panel{overscroll-behavior:contain}
body.mobile-menu-open{overflow:hidden}

/* use modern viewport units where available */
@supports (height:100svh){
  .hero{min-height:max(680px,100svh)}
  .mobile-panel{max-height:calc(100svh - 96px)}
  .modal-dialog,.map-dialog{max-height:92svh}
}

/* Large laptop / small desktop */
@media (max-width:1280px){
  :root{--container:min(calc(100% - 44px),1180px)}
  .desktop-nav{gap:22px}
  .hero-content{gap:45px}
  .hero-side-card{width:270px}
  .section{padding:110px 0}
  .about-grid,.contact-grid{gap:64px}
  .quality-grid{gap:65px}
  .footer-grid{gap:38px}
}

/* Tablet landscape and compact laptops */
@media (max-width:1080px){
  :root{--container:calc(100% - 36px);--header-h:80px}
  .desktop-nav,.desktop-cta{display:none!important}
  .menu-toggle{display:block}
  .site-header,.site-header.scrolled{height:80px;background:rgba(7,9,10,.9);backdrop-filter:blur(18px);border-bottom-color:var(--line)}
  .brand,.site-header.scrolled .brand{width:58px;margin-top:8px}
  .nav-wrap{gap:16px}
  .nav-actions{margin-inline-start:auto}

  .mobile-panel{display:block;position:fixed;top:90px;inset-inline:18px;padding:16px 18px 18px;border:1px solid var(--line);border-radius:20px;background:rgba(10,13,15,.98);backdrop-filter:blur(24px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px) scale(.985);transform-origin:top center;transition:opacity .25s ease,transform .25s ease,visibility .25s;box-shadow:0 28px 80px rgba(0,0,0,.46);max-height:calc(100vh - 108px);overflow:auto;-webkit-overflow-scrolling:touch}
  .mobile-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .mobile-panel nav{display:flex;flex-direction:column}
  .mobile-panel nav>a,.mobile-panel summary{min-height:46px;display:flex;align-items:center;padding:11px 4px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:700;cursor:pointer}
  .mobile-panel summary{justify-content:space-between;list-style:none}
  .mobile-panel summary::-webkit-details-marker{display:none}
  .mobile-panel summary:after{content:'+';font-size:18px;font-weight:400;opacity:.65}
  .mobile-panel details[open] summary:after{content:'−'}
  .mobile-panel details a{display:block;padding:10px 14px;color:var(--muted);font-size:12px;line-height:1.55}
  .mobile-panel details strong{display:block;padding:14px 14px 4px;color:var(--red-2);font-size:10px;text-transform:uppercase}
  .mobile-panel>.button{width:100%;margin-top:15px}
  .menu-toggle.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .menu-toggle.active span:nth-child(2){opacity:0}
  .menu-toggle.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

  .hero{height:auto;min-height:760px}
  .hero-content{grid-template-columns:minmax(0,1fr);padding-top:136px;padding-bottom:120px;align-items:center}
  .hero-copy{max-width:720px}
  .hero-side-card{display:none}
  .hero h1{font-size:clamp(50px,7.5vw,76px)}
  .hero-copy>p{max-width:620px}
  .hero-slide img{object-position:center center}
  .hero-slide:after{background:linear-gradient(90deg,rgba(3,4,5,.94),rgba(3,4,5,.66) 48%,rgba(3,4,5,.22) 100%)}
  html[dir="rtl"] .hero-slide:after{background:linear-gradient(-90deg,rgba(3,4,5,.94),rgba(3,4,5,.66) 48%,rgba(3,4,5,.22) 100%)}
  .slider-controls{bottom:38px}
  .scroll-cue{display:none}

  .section{padding:96px 0}
  .section-head{grid-template-columns:1fr;gap:24px;margin-bottom:48px}
  .section-head>p{max-width:760px}
  .about-grid,.leadership-grid,.featured-grid,.quality-grid,.contact-grid{grid-template-columns:1fr}
  .about-grid,.leadership-grid,.quality-grid,.contact-grid{gap:52px}
  .about-visual{min-height:520px;max-width:760px;width:100%}
  .section-copy{max-width:820px}
  .leadership-message{max-width:840px}
  .vision-cards{grid-template-columns:repeat(2,minmax(0,1fr))}

  .product-grid{grid-template-columns:1fr}
  .product-card{min-height:430px;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr)}
  .product-image img{max-height:260px}
  .featured-grid{gap:36px}
  .featured-copy{max-width:760px}
  .featured-visual{min-height:440px}

  .process-line{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}
  .process-connector{display:none}
  .manufacturing-gallery{grid-template-columns:1fr 1fr}
  .manufacturing-gallery figure:first-child{grid-column:1/-1}
  .manufacturing-gallery figure{height:330px}
  .quality-orbit{min-height:470px;max-width:620px;width:100%;margin-inline:auto}

  .download-grid{grid-template-columns:1fr}
  .download-card{min-height:190px}
  .contact-copy{max-width:820px}
  .contact-form{max-width:820px;width:100%}
  .footer-grid{grid-template-columns:1.1fr 1fr 1fr}
  .footer-grid>div:last-child{grid-column:1/-1}

  .modal-dialog{width:min(860px,100%);grid-template-columns:.85fr 1.15fr}
  .modal-visual{min-height:460px}
  .modal-copy{padding:58px 38px}
}

/* Tablets / large phones */
@media (max-width:780px){
  :root{--container:calc(100% - 30px);--radius:20px}
  .section{padding:82px 0}
  .nav-wrap{gap:10px}
  .nav-actions{gap:8px}
  .brand,.site-header.scrolled .brand{width:54px}
  .theme-toggle,.lang-toggle,.menu-toggle{min-width:42px;min-height:42px}
  .lang-toggle{height:42px}
  .lang-label{display:none}
  .lang-toggle{padding:0 8px}
  .mobile-panel{top:88px;inset-inline:15px;max-height:calc(100vh - 103px)}

  .hero{min-height:720px}
  .hero-content{padding-top:122px;padding-bottom:105px}
  .hero h1{font-size:clamp(43px,9vw,64px);line-height:1.01}
  .hero-copy>p{font-size:15px;line-height:1.7;margin:23px 0 28px;max-width:560px}
  .eyebrow{margin-bottom:18px}
  .eyebrow b{font-size:10px;letter-spacing:.1em}
  .hero-actions{gap:10px}
  .hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:38px;padding-top:22px}
  .hero-metrics div{display:block;min-width:0;padding-inline-end:7px}
  .hero-metrics strong{display:block;font-size:20px;margin-bottom:5px}
  .hero-metrics span{display:block;font-size:9px;line-height:1.45;max-width:none}
  .hero-slide:nth-child(1) img{object-position:58% center}
  .hero-slide:nth-child(2) img{object-position:63% center}
  .hero-slide:nth-child(3) img{object-position:62% center}
  .hero-slide:after{background:linear-gradient(90deg,rgba(3,4,5,.93),rgba(3,4,5,.7) 57%,rgba(3,4,5,.34))}
  html[dir="rtl"] .hero-slide:after{background:linear-gradient(-90deg,rgba(3,4,5,.93),rgba(3,4,5,.7) 57%,rgba(3,4,5,.34))}
  .hero-lines{background-size:54px 54px;opacity:.16}
  .oil-particles{opacity:.6}
  .slider-controls{left:15px;right:15px;bottom:25px;justify-content:space-between}
  .slider-arrow{width:42px;height:42px}
  .slider-dots{gap:6px}

  .standards-marquee{height:58px}
  .marquee-track{gap:20px}
  .marquee-track span{font-size:17px}

  .section h2{font-size:clamp(35px,7.2vw,52px)}
  .section-head{margin-bottom:38px}
  .section-head>p{font-size:14px;line-height:1.75}
  .section-kicker{font-size:10px;letter-spacing:.14em;margin-bottom:14px}

  .about-visual{min-height:430px;max-width:620px}
  .visual-main{inset:20px 38px 48px 0;border-radius:23px}
  html[dir="rtl"] .visual-main{inset:20px 0 48px 38px}
  .visual-float{width:42%;height:40%;border-width:6px;border-radius:18px}
  .capacity-orbit{width:105px;height:105px;left:-8px;top:1px}
  html[dir="rtl"] .capacity-orbit{left:auto;right:-8px}
  .capacity-orbit span{font-size:30px}
  .orbit-line{left:-28px;top:-12px}
  .section-copy .lead{font-size:19px;margin:24px 0 15px}
  .section-copy>p:not(.lead){font-size:14px}

  .leadership-message{padding:8px 0 0 56px}
  html[dir="rtl"] .leadership-message{padding:8px 56px 0 0}
  .quote-mark{font-size:86px;top:-22px}
  .leadership-message p{font-size:21px;line-height:1.6}

  .vision-cards{gap:13px}
  .vision-card{min-height:260px;padding:23px}
  .vision-card h3{margin-top:72px;font-size:19px}

  .product-tabs{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .product-tabs::-webkit-scrollbar{display:none}
  .product-tabs button{white-space:nowrap;flex:0 0 auto}
  .product-card{min-height:0;grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr)}
  .product-image{padding:48px 10px 22px}
  .product-image:before{width:190px;height:190px}
  .product-image img{max-height:235px}
  .product-content{padding:48px 24px 28px 4px}
  html[dir="rtl"] .product-content{padding:48px 4px 28px 24px}
  .product-content h3{font-size:25px}
  .product-specs span{font-size:9px}

  .featured-copy p{font-size:15px}
  .featured-visual{min-height:380px}
  .featured-visual img{max-height:330px}
  .product-halo{width:340px;height:340px}

  .process-line{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;margin-bottom:55px}
  .process-icon{width:68px;height:68px;margin:12px auto 15px}
  .manufacturing-gallery{grid-template-columns:1fr}
  .manufacturing-gallery figure,.manufacturing-gallery figure:first-child{grid-column:auto;height:290px}

  .quality-orbit{min-height:400px;overflow:hidden}
  .quality-core{width:145px;height:145px}
  .quality-core img{max-height:120px}
  .ring-1{width:270px;height:270px}
  .ring-2{width:370px;height:370px}
  .orbit-ring span{width:48px;height:48px;font-size:9px}

  .download-card{grid-template-columns:auto minmax(0,1fr);gap:18px;padding:22px;min-height:170px}
  .download-arrow{display:none}
  .download-icon{width:70px;height:92px}
  .download-card h3{font-size:22px}

  .contact-details{grid-template-columns:1fr 1fr}
  .contact-details a,.contact-details div{min-width:0}
  .contact-details strong{overflow-wrap:anywhere}
  .location-preview{min-height:185px}
  .contact-form{padding:27px}

  .footer-grid{grid-template-columns:1fr 1fr;gap:30px 22px}
  .footer-brand{grid-column:1/-1}
  .footer-grid>div:last-child{grid-column:auto}
  .footer-brand p{max-width:520px}
  .footer-bottom{gap:20px}

  .product-modal{padding:14px}
  .modal-dialog{grid-template-columns:1fr;max-height:94vh;border-radius:22px}
  .modal-visual{min-height:260px}
  .modal-visual img{max-height:210px}
  .modal-copy{padding:30px 24px 28px}
  .modal-copy h2{font-size:31px;margin:8px 0 14px}
  .modal-copy>p{font-size:13px}
  .modal-specs{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0}
  .modal-close{top:12px;right:12px}
  html[dir="rtl"] .modal-close{right:auto;left:12px}

  .map-modal{padding:14px}
  .map-dialog{border-radius:22px;grid-template-rows:auto minmax(330px,58vh)}
  .map-modal-head{padding:24px 64px 18px 22px;gap:15px;flex-direction:column;align-items:flex-start}
  html[dir="rtl"] .map-modal-head{padding:24px 22px 18px 64px}
  .map-external-link{width:100%}
}

/* Mobile */
@media (max-width:560px){
  :root{--container:calc(100% - 26px);--header-h:72px;--radius:18px}
  html{scroll-padding-top:72px}
  .site-header,.site-header.scrolled{height:72px}
  .brand,.site-header.scrolled .brand{width:50px;margin-top:6px}
  .nav-wrap{gap:8px}
  .nav-actions{gap:6px}
  .theme-toggle,.lang-toggle,.menu-toggle{width:40px;height:40px;min-width:40px;min-height:40px}
  .theme-icon{width:18px;height:18px}
  .lang-current{width:22px;height:22px;font-size:10px}
  .menu-toggle{padding:10px}
  .mobile-panel{top:80px;inset-inline:10px;padding:13px 15px 16px;border-radius:17px;max-height:calc(100vh - 90px)}
  .mobile-panel nav>a,.mobile-panel summary{font-size:12.5px}

  .hero{min-height:690px}
  .hero-content{padding-top:104px;padding-bottom:92px}
  .hero h1{font-size:clamp(38px,11.2vw,52px);line-height:1.02;letter-spacing:-.04em}
  html[dir="rtl"] .hero h1{font-size:clamp(37px,10.5vw,49px);line-height:1.18}
  .hero-copy>p{font-size:13.5px;line-height:1.7;margin:18px 0 22px}
  .eyebrow{gap:9px;margin-bottom:15px}
  .eyebrow span{width:28px}
  .eyebrow b{font-size:9px;line-height:1.5}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .hero-actions .button{width:100%;min-width:0;min-height:47px;padding:0 13px;font-size:11px;gap:8px}
  .hero-actions .button i{font-size:14px}
  .hero-metrics{margin-top:27px;padding-top:17px;gap:7px}
  .hero-metrics div{padding:0 5px;border-inline-end:1px solid rgba(255,255,255,.1)}
  .hero-metrics div:last-child{border-inline-end:0}
  .hero-metrics strong{font-size:17px;letter-spacing:-.02em}
  .hero-metrics span{font-size:8px;line-height:1.35}
  .hero-slide:nth-child(1) img{object-position:65% center}
  .hero-slide:nth-child(2) img{object-position:67% center}
  .hero-slide:nth-child(3) img{object-position:64% center}
  .hero-slide:after{background:linear-gradient(180deg,rgba(3,4,5,.68) 0%,rgba(3,4,5,.76) 42%,rgba(3,4,5,.92) 100%)}
  html[dir="rtl"] .hero-slide:after{background:linear-gradient(180deg,rgba(3,4,5,.68) 0%,rgba(3,4,5,.76) 42%,rgba(3,4,5,.92) 100%)}
  .hero-vignette{background:linear-gradient(180deg,rgba(0,0,0,.32),transparent 24%,rgba(0,0,0,.18) 52%,rgba(0,0,0,.7))}
  .hero-lines{display:none}
  .oil-particles{opacity:.4}
  .slider-controls{bottom:19px}
  .slider-arrow{width:38px;height:38px;font-size:14px}

  .standards-marquee{height:52px}
  .marquee-track{gap:16px}
  .marquee-track span{font-size:15px}

  .section{padding:72px 0}
  .section h2{font-size:clamp(32px,9vw,43px);line-height:1.07}
  html[dir="rtl"] .section h2{line-height:1.18}
  .section-head{gap:18px;margin-bottom:32px}
  .section-head>p{font-size:13px}

  .about-grid,.leadership-grid,.quality-grid,.contact-grid{gap:38px}
  .about-visual{min-height:345px}
  .visual-main{inset:18px 25px 38px 0;border-radius:19px}
  html[dir="rtl"] .visual-main{inset:18px 0 38px 25px}
  .visual-float{width:44%;height:39%;border-width:5px;border-radius:15px}
  .capacity-orbit{width:84px;height:84px;left:-4px}
  html[dir="rtl"] .capacity-orbit{left:auto;right:-4px}
  .capacity-orbit span{font-size:24px}
  .capacity-orbit small{font-size:8px}
  .orbit-line{width:360px;left:-24px;top:-8px}
  html[dir="rtl"] .orbit-line{left:auto;right:-24px}
  .section-copy .lead{font-size:17px;line-height:1.55;margin:20px 0 13px}
  .section-copy>p:not(.lead){font-size:13px;line-height:1.75}
  .about-points{grid-template-columns:1fr;margin:25px 0;gap:0}
  .about-points div{padding:12px 0}

  .leadership-message{padding:4px 0 0 42px}
  html[dir="rtl"] .leadership-message{padding:4px 42px 0 0}
  .quote-mark{font-size:66px;top:-16px}
  .leadership-message p{font-size:17px;line-height:1.65}
  .signature-line{margin-top:25px}

  .vision-cards{grid-template-columns:1fr}
  .vision-card{min-height:205px;padding:21px}
  .vision-card h3{margin-top:45px;font-size:18px}
  .vision-card p{font-size:12px}

  .product-tabs{padding:5px;margin-bottom:24px}
  .product-tabs button{padding:9px 13px;font-size:10.5px}
  .product-card{display:block;border-radius:22px}
  .product-number{top:18px;left:18px}
  html[dir="rtl"] .product-number{left:auto;right:18px}
  .product-image{height:235px;padding:38px 12px 12px}
  .product-image:before{width:165px;height:165px}
  .product-image img{max-height:205px;max-width:80%}
  .product-content,.product-content[style]{padding:12px 20px 24px}
  html[dir="rtl"] .product-content{padding:12px 20px 24px}
  .product-content small{font-size:9px}
  .product-content h3{font-size:24px;margin:9px 0}
  .product-content p{font-size:12px;margin-bottom:15px}
  .product-specs{gap:5px}
  .product-specs span{padding:6px 8px;font-size:9px}
  .product-open{padding-top:17px;min-height:42px}

  .featured-grid{gap:20px}
  .featured-copy p{font-size:13.5px;margin:20px 0}
  .featured-tags{margin-bottom:23px}
  .featured-tags span{font-size:9px;padding:7px 9px}
  .featured-visual{min-height:315px}
  .featured-visual img{max-height:260px}
  .product-halo{width:265px;height:265px}
  .floating-spec{padding:8px 10px;border-radius:11px}
  .floating-spec small{font-size:7px}.floating-spec strong{font-size:12px}
  .fs-1{left:0;top:17%}.fs-2{right:0;top:43%}.fs-3{left:3%;bottom:8%}

  .process-line{grid-template-columns:1fr 1fr;gap:24px 12px;margin:26px 0 42px}
  .process-step h3{font-size:14px}
  .process-step p{font-size:10.5px;line-height:1.55}
  .process-icon{width:60px;height:60px;font-size:20px}
  .manufacturing-gallery{gap:11px}
  .manufacturing-gallery figure,.manufacturing-gallery figure:first-child{height:230px;border-radius:18px}
  .manufacturing-gallery figcaption{left:12px;right:12px;bottom:12px;padding:11px 13px;font-size:10.5px}

  .quality-copy p{font-size:13.5px;margin:20px 0}
  .quality-list{gap:8px}
  .quality-list span{padding:12px 13px 12px 36px;font-size:11px}
  html[dir="rtl"] .quality-list span{padding:12px 36px 12px 13px}
  .quality-list span:before{left:13px}html[dir="rtl"] .quality-list span:before{left:auto;right:13px}
  .quality-orbit{min-height:330px;margin-inline:calc((100vw - var(--container))/ -2);width:100vw;max-width:none;overflow:hidden}
  .quality-core{width:112px;height:112px}
  .quality-core img{max-height:90px}
  .ring-1{width:225px;height:225px}
  .ring-2{width:305px;height:305px}
  .orbit-ring span{width:42px;height:42px;font-size:8px}

  .downloads .section-head{margin-bottom:27px}
  .download-card{grid-template-columns:58px minmax(0,1fr);gap:15px;padding:18px;min-height:145px;border-radius:19px}
  .download-icon{width:58px;height:78px;border-radius:10px;font-size:12px}
  .download-card small{font-size:8.5px}
  .download-card h3{font-size:19px;margin:6px 0}
  .download-card p{font-size:10.5px;line-height:1.55}

  .contact-copy>p{font-size:13px;margin:20px 0}
  .contact-details{grid-template-columns:1fr;gap:9px;margin:25px 0}
  .contact-details div{grid-column:auto}
  .contact-details a,.contact-details div{padding:15px}
  .contact-details strong{font-size:12.5px}
  .whatsapp-link{width:100%;max-width:100%;font-size:12px}
  .whatsapp-link b{min-width:0}
  .whatsapp-link i{margin-inline-start:auto}
  .location-preview{min-height:165px;border-radius:17px;margin-top:21px}
  .location-preview-copy{inset-inline:12px;bottom:12px;gap:9px}
  .map-pin-icon{width:38px;height:38px;border-radius:12px;flex:0 0 38px}
  .location-preview-copy small{font-size:7.5px}
  .location-preview-copy strong{font-size:11.5px}
  .location-preview-copy i{width:32px;height:32px;flex:0 0 32px}

  .contact-form{padding:20px;border-radius:19px}
  .form-head{margin-bottom:19px}
  .form-head strong{font-size:21px}
  .form-row{grid-template-columns:1fr;gap:0}
  .contact-form label{margin-bottom:11px}
  .contact-form input,.contact-form textarea,.contact-form select{font-size:16px;padding:12px 13px} /* avoids iOS zoom */
  .contact-form textarea{min-height:115px}

  .site-footer{padding:58px 0 18px}
  .footer-grid{grid-template-columns:1fr;gap:27px}
  .footer-brand,.footer-grid>div:last-child{grid-column:auto}
  .footer-brand img{width:82px}
  .footer-links{gap:8px}
  .footer-links strong{margin-bottom:4px}
  .footer-phone{align-self:flex-start}
  html[dir="rtl"] .footer-phone{align-self:flex-end}
  .footer-bottom{margin-top:35px;padding-top:16px;flex-direction:column;gap:7px;line-height:1.5}

  .floating-whatsapp{right:14px;bottom:14px;width:50px;height:50px}
  .back-top{right:18px;bottom:75px;width:40px;height:40px}
  html[dir="rtl"] .floating-whatsapp{right:auto;left:14px}
  html[dir="rtl"] .back-top{right:auto;left:18px}

  .modal-dialog{border-radius:18px}
  .modal-visual{min-height:210px}
  .modal-visual img{max-height:165px}
  .modal-copy{padding:25px 18px 20px}
  .modal-copy h2{font-size:26px}
  .modal-specs{grid-template-columns:1fr;gap:6px}
  .modal-specs span{padding:10px}
  .modal-packs{flex-direction:column;gap:5px}

  .map-modal{padding:8px}
  .map-dialog{border-radius:17px;max-height:96vh;grid-template-rows:auto minmax(300px,57vh)}
  .map-modal-close{top:10px;inset-inline-end:10px;width:38px;height:38px}
  .map-modal-head{padding:20px 54px 15px 17px;gap:12px}
  html[dir="rtl"] .map-modal-head{padding:20px 17px 15px 54px}
  .map-modal-head h2{font-size:20px;margin:4px 0 5px}
  .map-modal-head p{font-size:10px;line-height:1.5}
  .map-modal-frame{min-height:300px}
  .map-external-link{min-height:44px;font-size:11px}
}

/* Narrow phones */
@media (max-width:390px){
  :root{--container:calc(100% - 22px)}
  .brand,.site-header.scrolled .brand{width:46px}
  .nav-actions{gap:5px}
  .theme-toggle,.lang-toggle,.menu-toggle{width:38px;height:38px;min-width:38px;min-height:38px}
  .hero{min-height:670px}
  .hero-content{padding-top:98px;padding-bottom:88px}
  .hero h1{font-size:36px}
  html[dir="rtl"] .hero h1{font-size:35px}
  .hero-actions{grid-template-columns:1fr}
  .hero-actions .button{min-height:44px}
  .hero-metrics{gap:4px;margin-top:22px}
  .hero-metrics strong{font-size:15px}
  .hero-metrics span{font-size:7.3px}
  .section{padding:64px 0}
  .section h2{font-size:31px}
  .about-visual{min-height:310px}
  .capacity-orbit{width:76px;height:76px}
  .capacity-orbit span{font-size:21px}
  .process-line{grid-template-columns:1fr}
  .quality-orbit{min-height:300px}
  .ring-1{width:205px;height:205px}
  .ring-2{width:280px;height:280px}
  .download-card{grid-template-columns:50px minmax(0,1fr);gap:12px;padding:15px}
  .download-icon{width:50px;height:69px}
  .download-card h3{font-size:17px}
  .footer-bottom{font-size:9px}
}

/* Short landscape screens / mobile landscape */
@media (max-height:560px) and (max-width:960px) and (orientation:landscape){
  .site-header,.site-header.scrolled{height:64px}
  .brand,.site-header.scrolled .brand{width:44px;margin-top:4px}
  .theme-toggle,.lang-toggle,.menu-toggle{width:38px;height:38px;min-height:38px}
  .mobile-panel{top:70px;max-height:calc(100vh - 76px)}
  .hero{min-height:560px}
  .hero-content{padding-top:92px;padding-bottom:72px}
  .hero h1{font-size:clamp(36px,7vw,54px)}
  .hero-copy>p{margin:14px 0 18px;font-size:12.5px}
  .hero-metrics{margin-top:18px;padding-top:14px}
  .slider-controls{bottom:10px}
  .section{padding:65px 0}
  .map-dialog{grid-template-rows:auto minmax(250px,62vh)}
}

/* Touch devices: remove hover transforms that can feel sticky */
@media (hover:none),(pointer:coarse){
  .tilt-card,.magnetic,.download-card,.product-card,.vision-card,.floating-whatsapp{transform:none!important}
  .product-card:hover .product-image img,.manufacturing-gallery figure:hover img{transform:none}
  .cursor-glow{display:none}
}

/* Light theme mobile header consistency */
@media (max-width:1080px){
  html[data-theme="light"] .site-header,html[data-theme="light"] .site-header.scrolled{background:rgba(255,255,255,.95)}
  html[data-theme="light"] .mobile-panel{background:rgba(255,255,255,.985);box-shadow:0 28px 80px rgba(25,34,41,.16)}
  html[data-theme="light"] .mobile-panel nav>a,html[data-theme="light"] .mobile-panel summary{border-color:rgba(20,26,31,.1)}
  html[data-theme="light"] .menu-toggle{background:#fff;color:#171b1f}
  html[data-theme="light"] .menu-toggle span{background:#171b1f}
  html[data-theme="light"] .site-header .theme-toggle,html[data-theme="light"] .site-header .lang-toggle{color:#171b1f;border-color:rgba(20,26,31,.13);background:#fff}
}

/* =========================================================
   GNO V5 — CONTRAST / READABILITY PATCH ONLY
   No layout, spacing, sizing or structural changes.
   Keeps text readable on permanently dark, photographic,
   red and translucent surfaces in both light and dark themes.
   ========================================================= */

/* Hero is intentionally dark in both themes, so never inherit
   the light theme's dark body text here. */
.hero,
.hero-content,
.hero-copy,
.hero-side-card{
  color:#f7f8f9;
}
.hero h1{
  color:#f7f8f9;
  text-shadow:0 2px 20px rgba(0,0,0,.28);
}
.hero .eyebrow b{
  color:#eef1f3;
  text-shadow:0 1px 12px rgba(0,0,0,.3);
}
.hero-copy>p{
  color:#d7dce0;
  text-shadow:0 1px 12px rgba(0,0,0,.24);
}
.hero-side-card>strong{
  color:#f7f8f9;
  text-shadow:0 1px 14px rgba(0,0,0,.26);
}
.hero-side-card .mini-standards span{
  color:#f4f6f7;
}
.hero .button-glass{
  color:#fff;
}
.hero .slider-arrow{
  color:#fff;
}
.hero-metrics strong{
  color:#fff;
}
.hero-metrics span{
  color:#b9c1c7;
}

/* Red surfaces must keep light foregrounds even in light mode. */
.standards-marquee,
.featured-product,
.capacity-orbit{
  color:#fff;
}
.marquee-track span{
  color:#fff;
}
.capacity-orbit span,
.capacity-orbit small{
  color:#fff;
}
.featured-product h2,
.featured-product .featured-copy,
.featured-product .featured-tags span,
.featured-product .floating-spec,
.featured-product .floating-spec small,
.featured-product .floating-spec strong{
  color:#fff;
}
.featured-product .featured-copy p{
  color:rgba(255,255,255,.88);
}
.featured-product .floating-spec small{
  color:rgba(255,255,255,.78);
}

/* Explicit dark-theme foregrounds for dark body sections.
   This only hardens contrast; section geometry is unchanged. */
html[data-theme="dark"] .about,
html[data-theme="dark"] .vision,
html[data-theme="dark"] .products,
html[data-theme="dark"] .manufacturing,
html[data-theme="dark"] .quality,
html[data-theme="dark"] .contact,
html[data-theme="dark"] .site-footer,
html[data-theme="dark"] .modal-dialog,
html[data-theme="dark"] .map-dialog{
  color:#f5f6f7;
}
html[data-theme="dark"] .about-points span,
html[data-theme="dark"] .vision-card h3,
html[data-theme="dark"] .product-content h3,
html[data-theme="dark"] .process-step h3,
html[data-theme="dark"] .quality-list span,
html[data-theme="dark"] .contact-details strong,
html[data-theme="dark"] .form-head strong,
html[data-theme="dark"] .footer-links strong,
html[data-theme="dark"] .modal-copy h2,
html[data-theme="dark"] .map-modal-head h2{
  color:#f5f6f7;
}
html[data-theme="dark"] .section-head>p,
html[data-theme="dark"] .section-copy>p:not(.lead),
html[data-theme="dark"] .vision-card p,
html[data-theme="dark"] .product-content p,
html[data-theme="dark"] .process-step p,
html[data-theme="dark"] .quality-copy p,
html[data-theme="dark"] .contact-copy>p,
html[data-theme="dark"] .map-modal-head p{
  color:#b7c0c7;
}
html[data-theme="dark"] .section-copy .lead{
  color:#f3f5f6;
}
html[data-theme="dark"] .product-specs span{
  color:#e1e5e8;
}
html[data-theme="dark"] .product-open,
html[data-theme="dark"] .whatsapp-link{
  color:#fff;
}
html[data-theme="dark"] .contact-form label>span{
  color:#c8d0d5;
}
html[data-theme="dark"] .contact-form input,
html[data-theme="dark"] .contact-form textarea,
html[data-theme="dark"] .contact-form select{
  color:#f5f6f7;
}
html[data-theme="dark"] .footer-links a,
html[data-theme="dark"] .footer-links span{
  color:#aeb7bd;
}

/* The hero and red feature remain dark/photo surfaces in light mode too. */
html[data-theme="light"] .hero,
html[data-theme="light"] .hero h1,
html[data-theme="light"] .hero-side-card,
html[data-theme="light"] .hero-side-card>strong,
html[data-theme="light"] .hero .button-glass,
html[data-theme="light"] .featured-product,
html[data-theme="light"] .featured-product h2,
html[data-theme="light"] .featured-product .featured-tags span,
html[data-theme="light"] .featured-product .floating-spec{
  color:#fff;
}

/* ============================================================
   GNO FINAL LOGO ASSET UPDATE — V6
   Visual/layout structure unchanged. Only supplied transparent
   logo assets and their responsive sizing are applied here.
   ============================================================ */
.brand{
  width:190px;
  align-self:center;
  margin-top:0;
  flex:0 0 auto;
}
.site-header.scrolled .brand{width:170px}
.brand img{
  width:100%;
  height:auto;
  object-fit:contain;
}

.quality-core img{
  width:auto;
  height:auto;
  max-width:122px;
  max-height:150px;
  object-fit:contain;
}

@media (max-width:1280px){
  .brand{width:165px}
  .site-header.scrolled .brand{width:150px}
}

@media (max-width:1080px){
  .brand,.site-header.scrolled .brand{
    width:150px;
    margin-top:0;
    align-self:center;
  }
}

@media (max-width:780px){
  .brand,.site-header.scrolled .brand{width:142px}
  .quality-core img{max-width:86px;max-height:104px}
}

@media (max-width:560px){
  .brand,.site-header.scrolled .brand{width:134px}
  .quality-core img{max-width:76px;max-height:92px}
}

@media (max-width:390px){
  .brand,.site-header.scrolled .brand{width:122px}
}

@media (max-height:560px) and (max-width:960px) and (orientation:landscape){
  .brand,.site-header.scrolled .brand{
    width:132px;
    margin-top:0;
  }
}

/* ============================================================
   GNO FINAL QUALITY LOGO BACKGROUND FIX — V7
   Remove the white circular plate behind the supplied transparent
   PNG logo. Orbit layout, animation and all other styling unchanged.
   ============================================================ */
.quality-core{
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
}


/* =========================================================
   GNO V9 — HERO SIDE CARD POSITION ONLY
   Move the glass information card slightly upward so it does
   not cover the lubricant container artwork in hero slides.
   No sizing, layout, theme, typography or structural changes.
   ========================================================= */
@media (min-width:1281px){
  .hero-side-card{
    top:-102px;
  }
}
@media (min-width:1081px) and (max-width:1280px){
  .hero-side-card{
    top:-82px;
  }
}