:root{--navy:#06101f;--navy-2:#0a1729;--ink:#0d1624;--steel:#8e99a8;--muted:#5b6675;--line:#ffffff1f;--gold:#f1b51c;--gold-2:#ffd66b;--white:#fff;--paper:#f5f7fa;--metal:#c7ced8;--shadow:0 24px 70px #00000038;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow-x:hidden}html[dir=rtl] body{text-align:right}button,input,select,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}img{width:100%;display:block}main{background:linear-gradient(90deg, #06101f0a 1px, transparent 1px), linear-gradient(#06101f0a 1px, transparent 1px), var(--paper);background-size:72px 72px}.container{width:min(1180px,100% - 40px);margin:0 auto}.site-header{z-index:50;color:var(--white);border-bottom:1px solid #0000;align-items:center;gap:22px;padding:16px max(20px,50vw - 590px);transition:background .25s,border-color .25s,padding .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;display:flex;position:fixed;inset:0 0 auto}.site-header.is-scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06101fe6;border-bottom-color:#ffffff1a;padding-top:10px;padding-bottom:10px}.brand,.footer-brand{color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:inline-flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 8px 18px #00000059);width:58px;height:58px}.footer-logo{object-fit:contain;filter:drop-shadow(0 12px 22px #00000057);width:82px;height:82px}.brand-mark{width:48px;height:48px;color:var(--gold-2);letter-spacing:0;background:linear-gradient(135deg,#f1b51c38,#ffffff0a);border:1px solid #f1b51c8c;place-items:center;font-weight:900;display:grid}.brand strong{letter-spacing:0;font-size:14px;display:block}.brand small{color:#ffffffad;font-size:12px;display:block}.desktop-nav{align-items:center;gap:6px;margin-left:auto;display:flex}html[dir=rtl] .desktop-nav{margin-left:0;margin-right:auto}html[dir=rtl] .brand,html[dir=rtl] .footer-brand,html[dir=rtl] .desktop-nav button,html[dir=rtl] .mobile-panel button,html[dir=rtl] .site-footer button{text-align:right}.desktop-nav button,.mobile-panel button,.site-footer button{background:0 0;border:0}.desktop-nav button{color:#ffffffc2;padding:10px 9px;font-size:13px;transition:color .18s}.desktop-nav button:hover,.desktop-nav button.active{color:var(--gold-2)}.header-actions{align-items:center;gap:10px;display:flex}.lang-ready,.menu-button{color:var(--white);background:#ffffff12;border:1px solid #ffffff29;align-items:center;gap:6px;height:42px;padding:0 12px;display:inline-flex}.menu-button{justify-content:center;width:44px;padding:0;display:none}.gold-button,.ghost-button,.outline-button{border:0;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 22px;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.gold-button{color:#171103;background:linear-gradient(135deg, var(--gold), var(--gold-2));box-shadow:0 16px 36px #f1b51c47}.gold-button.small{min-height:42px;padding-inline:14px;font-size:13px}.ghost-button,.outline-button{color:var(--white);background:#ffffff0f;border:1px solid #ffffff38}.outline-button{color:var(--ink);background:#ffffffb3;border-color:#06101f29}.gold-button:hover,.ghost-button:hover,.outline-button:hover{transform:translateY(-2px)}.mobile-panel{display:none}.hero-section,.page-hero{min-height:100svh;color:var(--white);background:var(--navy);align-items:center;display:grid;position:relative;overflow:hidden}.page-hero{min-height:58svh;padding-top:96px}.hero-bg,.page-hero-bg{filter:saturate(.9)contrast(1.08);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.03)}.hero-bg:after,.page-hero-bg:after{content:"";background:radial-gradient(circle at 72% 24%,#f1b51c33,#0000 28%),linear-gradient(90deg,#06101ff2,#06101fb8 48%,#06101f57),linear-gradient(#0000 58%,#06101ff2);position:absolute;inset:0}.hero-grid{z-index:2;grid-template-columns:minmax(0,1.05fr) minmax(280px,.65fr);align-items:center;gap:42px;padding-top:94px;display:grid;position:relative}.hero-copy h1,.page-hero h1{max-width:850px;color:var(--white);letter-spacing:0;margin:18px 0;font-size:clamp(48px,7vw,96px);line-height:.95}.page-hero h1{max-width:780px;font-size:clamp(42px,6vw,78px)}.hero-copy p{color:#ffffffc7;max-width:650px;font-size:clamp(18px,2vw,23px);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.section-label{color:var(--gold-2);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:10px;font-size:12px;font-weight:900;display:inline-flex}.section-label span{background:var(--gold);width:42px;height:2px}.blueprint-layer,.story-line{pointer-events:none;z-index:1;position:absolute;inset:0}html[dir=rtl] .story-line{left:auto;right:7vw}.blueprint-layer svg{opacity:.42;width:100%;height:100%}.blueprint-layer path,.blueprint-layer circle{fill:none;stroke:#f1b51c61;stroke-width:2px;stroke-dasharray:10 12;animation:18s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-260px}}.story-line{opacity:.7;background:linear-gradient(#0000,#f1b51ccc,#0000);width:2px;left:7vw}.hero-instrument{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(570px,100%);min-height:430px;box-shadow:var(--shadow);background:#ffffff14;border:1px solid #ffffff29;justify-self:end;padding:26px}.machine-stage{isolation:isolate;position:relative;overflow:hidden}.machine-stage:before{content:"";z-index:-1;border:1px solid #ffffff24;position:absolute;inset:16px}.machine-stage:after{content:"";filter:blur(18px);z-index:-1;background:radial-gradient(#f1b51c38,#0000 68%);height:42%;position:absolute;inset:auto -12% -18%}.dial{color:#ffffffc7;justify-content:space-between;align-items:baseline;margin-bottom:18px;display:flex}.dial strong{color:var(--gold-2);font-size:44px}.machinery-sketch{width:100%}.machinery-sketch path,.machinery-sketch circle{fill:none;stroke:var(--gold-2);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.machine-viewport{perspective:900px;place-items:center;min-height:320px;display:grid;position:relative}.jcb-machine{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 28px #00000075)drop-shadow(0 0 20px #f1b51c38);will-change:transform;width:min(118%,650px);max-height:390px;transition:transform .18s ease-out;animation:4.8s ease-in-out infinite machineIdle}.machine-dust{filter:blur(.5px);opacity:.7;background:linear-gradient(90deg,#0000,#ffdb709e,#0000);border-radius:999px;height:8px;animation:2.8s ease-in-out infinite dustSlide;position:absolute;left:4%}.dust-one{width:44%;bottom:42px}.dust-two{width:62%;animation-delay:.8s;bottom:16px}@keyframes machineIdle{0%,to{translate:0}50%{translate:0 -5px}}@keyframes dustSlide{0%,to{opacity:.38;transform:translate(0)}50%{opacity:.85;transform:translate(34px)}}.road-transition{z-index:2;background:linear-gradient(135deg, transparent 45%, #f1b51c6b 45% 47%, transparent 47%), linear-gradient(180deg, transparent, var(--paper));height:120px;position:absolute;inset:auto 0 0}section{position:relative}.connected,.split-section{padding:104px 0}.split-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:center;gap:58px;display:grid}.reverse{grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}.image-panel{background:var(--navy);min-height:470px;box-shadow:var(--shadow);position:relative;overflow:hidden}.image-panel:before{content:"";z-index:1;border:1px solid #f1b51c73;position:absolute;inset:18px}.image-panel img{object-fit:cover;height:100%;min-height:470px}.text-block h2,.section-heading h2,.map-band h2,.form-intro h2{color:var(--ink);letter-spacing:0;margin:16px 0;font-size:clamp(34px,4vw,56px);line-height:1.05}.text-block p,.section-heading p,.map-band p,.form-intro p{color:var(--muted);font-size:17px;line-height:1.75}.mini-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;display:grid}.mini-stats span{background:var(--white);color:var(--muted);border:1px solid #06101f14;padding:18px;box-shadow:0 12px 34px #06101f14}.mini-stats strong{color:var(--ink);font-size:26px;display:block}.navy-band{color:var(--white);background:linear-gradient(135deg, #f1b51c17, transparent 34%), radial-gradient(circle at 88% 18%, #ffffff17, transparent 22%), var(--navy)}.navy-band .section-heading h2,.navy-band .text-block h2,.navy-band h2,.navy-band h3{color:var(--white)}.navy-band .section-heading p,.navy-band p{color:#ffffffad}.section-heading{max-width:740px;margin-bottom:34px}.section-heading.wide{justify-content:space-between;align-items:end;gap:30px;max-width:none;display:flex}html[dir=rtl] .section-heading.wide{text-align:right}.section-heading.wide p{max-width:390px}.service-grid,.trust-grid,.value-grid,.tri-grid,.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.service-card{background:var(--navy-2);min-height:290px;color:var(--white);text-align:left;isolation:isolate;border:1px solid #ffffff1f;padding:22px;position:relative;overflow:hidden}html[dir=rtl] .service-card,html[dir=rtl] .quote-form,html[dir=rtl] .form-intro,html[dir=rtl] .text-block,html[dir=rtl] .project-card,html[dir=rtl] .equipment-body{text-align:right}.service-card img{object-fit:cover;z-index:-2;filter:saturate(.72);height:100%;transition:transform .35s;position:absolute;inset:0}.service-card:after{content:"";z-index:-1;background:linear-gradient(#06101f59,#06101ff0);position:absolute;inset:0}.service-card:hover img{transform:scale(1.08)}.card-icon{width:46px;height:46px;color:var(--gold-2);background:#f1b51c2e;border:1px solid #f1b51c59;place-items:center;display:grid}.service-card h3,.equipment-card h3,.project-card h3,.glass-card h3,.value-card h3{margin:62px 0 10px;font-size:22px;line-height:1.15}.service-card p,.equipment-card p,.project-card p,.glass-card p,.value-card p{color:#ffffffad;margin:0;line-height:1.6}.equipment-scroll,.project-scroll{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;grid-auto-columns:minmax(280px,1fr);grid-auto-flow:column;gap:18px;padding:4px 2px 18px;display:grid;overflow-x:auto}.equipment-card{background:var(--white);scroll-snap-align:start;border:1px solid #06101f14;min-width:0;overflow:hidden;box-shadow:0 16px 44px #06101f1a}.equipment-card img{aspect-ratio:1.25;object-fit:cover}.equipment-body{padding:18px}.equipment-card h3{color:var(--ink);margin:12px 0 8px}.equipment-card p{color:var(--muted)}.equipment-card small{color:var(--steel);margin:12px 0;font-weight:800;display:block}.badge{color:#8a6100;background:#f1b51c29;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.quote-link{color:var(--ink);background:0 0;border:0;align-items:center;gap:4px;padding:0;font-weight:900;display:inline-flex}html[dir=rtl] .quote-link svg,html[dir=rtl] .gold-button svg{transform:scaleX(-1)}.trust-grid{grid-template-columns:repeat(6,1fr)}.trust-card,.value-card,.glass-card,.project-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff1f;padding:24px}.trust-card svg,.value-card svg{color:var(--gold-2)}.trust-card strong{color:var(--white);margin:22px 0 8px;font-size:38px;line-height:1;display:block}.trust-card span{color:#ffffffb8;font-weight:700}.checklist,.capability-list,.contact-rows{gap:12px;margin-top:24px;display:grid}.checklist span,.capability-list span,.contact-rows a,.contact-rows span{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}html[dir=rtl] .checklist span,html[dir=rtl] .capability-list span,html[dir=rtl] .contact-rows a,html[dir=rtl] .contact-rows span,html[dir=rtl] .search-box,html[dir=rtl] .integration-note{flex-direction:row-reverse;justify-content:flex-end}.checklist span{background:var(--white);border:1px solid #06101f14;padding:14px 16px}.checklist svg,.capability-list svg{color:var(--gold);flex:none}.project-card{min-width:290px;min-height:230px}.project-card span,.detail-number{color:var(--gold-2);letter-spacing:.12em;font-weight:900}.map-band{background:var(--white);padding:86px 0}.map-grid,.form-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.1fr);align-items:center;gap:44px;display:grid}.map-card{min-height:390px;box-shadow:var(--shadow);border:1px solid #06101f14;overflow:hidden}.map-card iframe{border:0;width:100%;height:390px}.page-hero .container{z-index:2;position:relative}.about-cards,.timeline-section{padding:96px 0}.tri-grid{grid-template-columns:repeat(3,1fr)}.glass-card h3,.value-card h3{margin:0 0 12px}.values-section,.service-detail-section,.shop-section,.form-section,.contact-section{padding:96px 0}.value-grid{grid-template-columns:repeat(4,1fr)}.value-card{background:var(--white);border-color:#06101f14;box-shadow:0 16px 44px #06101f14}.value-card p{color:var(--muted)}.timeline{grid-template-columns:repeat(5,1fr);gap:10px;display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);height:2px;position:absolute;top:28px;left:6%;right:6%}.timeline-item{text-align:center;position:relative}.timeline-item span{background:var(--gold);width:58px;height:58px;color:var(--ink);place-items:center;margin:0 auto 18px;font-weight:900;display:grid}.service-detail-list{gap:28px;display:grid}.service-detail{background:var(--white);border:1px solid #06101f14;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:center;gap:34px;padding:24px;display:grid;box-shadow:0 16px 44px #06101f14}.service-detail:nth-child(2n){grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}.service-detail:nth-child(2n) img{order:2}.service-detail img{object-fit:cover;height:340px}.service-detail h2{margin:8px 0 12px;font-size:clamp(30px,3.2vw,46px)}.service-detail p{color:var(--muted);line-height:1.7}.capability-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}.shop-tools{gap:18px;margin-bottom:30px;display:grid}.search-box{background:var(--white);border:1px solid #06101f1a;align-items:center;gap:12px;min-height:58px;padding:0 18px;display:flex;box-shadow:0 12px 34px #06101f14}.search-box input,.field input,.field select,.field textarea{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.filter-pills{flex-wrap:wrap;gap:10px;display:flex}.filter-pills button,.segment button{min-height:42px;color:var(--muted);background:#ffffffb8;border:1px solid #06101f1f;padding:0 14px;font-weight:800}.filter-pills button.active,.segment button.active{background:var(--navy);color:var(--gold-2);border-color:var(--navy)}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quote-form{background:var(--white);box-shadow:var(--shadow);border:1px solid #06101f14;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:26px;display:grid}.field{gap:8px;display:grid}.field.wide,.submit-button{grid-column:1/-1}.field span{color:var(--muted);font-size:13px;font-weight:900}.field input,.field select,.field textarea{background:#f3f5f8;border:1px solid #06101f14;min-height:50px;padding:0 14px}.field textarea{resize:vertical;padding-block:14px}.segment{flex-wrap:wrap;gap:8px;display:flex}.integration-note{color:var(--muted);background:#06101f0f;align-items:center;gap:10px;margin-top:24px;padding:16px;display:flex}.integration-note svg{color:var(--gold)}.integration-note code{background:var(--navy);color:var(--gold-2);padding:3px 7px}.contact-rows.large svg{width:22px;height:22px}.site-footer{color:#ffffffb8;background:#030914;padding:70px 0 0}.footer-grid{grid-template-columns:1.35fr .75fr 1fr 1fr;gap:34px;display:grid}.site-footer h3{color:var(--white);margin:0 0 18px}.site-footer p{max-width:420px;line-height:1.7}.site-footer button,.site-footer a,.site-footer span{color:#ffffffad;text-align:left;padding:5px 0;text-decoration:none;display:block}html[dir=rtl] .site-footer button,html[dir=rtl] .site-footer a,html[dir=rtl] .site-footer span{text-align:right}.socials{gap:10px;margin-top:18px;display:flex}.socials span{border:1px solid #ffffff24;padding:7px 10px}.footer-bottom{text-align:center;border-top:1px solid #ffffff1a;margin-top:48px;padding:20px}.floating-whatsapp{z-index:60;width:58px;height:58px;color:var(--white);background:#20b75a;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 42px #00000047}[data-reveal]{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media (width<=1100px){.desktop-nav,.header-actions .gold-button,.lang-ready{display:none}.site-header{justify-content:space-between}.menu-button{display:inline-flex}.mobile-panel{opacity:0;pointer-events:none;background:#06101ff7;border:1px solid #ffffff1f;gap:4px;padding:14px;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:100%;left:20px;right:20px;transform:translateY(-10px)}.mobile-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-panel button{color:var(--white);text-align:left;align-items:center;gap:9px;padding:13px;display:flex}.mobile-panel button.active{color:var(--gold-2)}.mobile-panel .mobile-lang-toggle{color:var(--gold-2);background:#f1b51c17;border:1px solid #f1b51c47;justify-content:space-between;margin-bottom:6px;font-weight:900}.hero-grid,.split-grid,.reverse,.map-grid,.form-grid{grid-template-columns:1fr}.hero-instrument{justify-self:start}.service-grid,.trust-grid,.value-grid,.tri-grid,.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.container{width:min(100% - 28px,1180px)}.brand small{display:none}.brand-logo{width:54px;height:54px}.brand strong{max-width:150px}.hero-section{min-height:92svh}.hero-grid{padding-top:118px}.hero-copy h1,.page-hero h1{font-size:44px}.hero-actions,.gold-button,.ghost-button,.outline-button{width:100%}.connected,.split-section,.about-cards,.timeline-section,.values-section,.service-detail-section,.shop-section,.form-section,.contact-section,.map-band{padding:68px 0}.image-panel,.image-panel img{min-height:330px}.mini-stats,.service-grid,.trust-grid,.value-grid,.tri-grid,.shop-grid,.quote-form,.capability-list{grid-template-columns:1fr}.section-heading.wide{align-items:start;display:grid}.equipment-scroll{grid-auto-columns:84%}.service-detail,.service-detail:nth-child(2n){grid-template-columns:1fr}.service-detail:nth-child(2n) img{order:0}.service-detail img{height:260px}.timeline{text-align:left;grid-template-columns:1fr}.timeline:before{width:2px;height:auto;inset:0 auto 0 29px}.timeline-item{text-align:left;align-items:center;gap:16px;display:flex}.timeline-item span{flex:none;margin:0}.filter-pills{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.filter-pills button{white-space:nowrap}.footer-grid{grid-template-columns:1fr}.floating-whatsapp{width:54px;height:54px;bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
