@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--ink:#0b1117;--muted:#687582;--line:#dce3e8;--red:#ed1b2f;--blue:#153b5b;--paper:#f5f7f8}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 28px}.nav{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:84px;display:flex}.nav-links{align-items:center;gap:30px;font-size:14px;display:flex}.logo{letter-spacing:-.04em;font-family:Space Grotesk;font-size:22px;font-weight:700}.logo span{color:var(--red)}.btn{background:var(--red);color:#fff;border-radius:4px;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:700;display:inline-flex}.btn.alt{background:var(--ink)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--red);font-size:12px;font-weight:700}.hero{background:var(--ink);color:#fff;padding:110px 0 100px;position:relative;overflow:hidden}.hero:after{content:"";border:1px solid #31404b;border-radius:50%;width:520px;height:520px;position:absolute;top:-180px;right:-120px;box-shadow:0 0 0 50px #111c24,0 0 0 51px #31404b,0 0 0 105px #111c24,0 0 0 106px #31404b}.hero .wrap{z-index:2;position:relative}.hero h1{letter-spacing:-.07em;max-width:850px;margin:22px 0;font-family:Space Grotesk;font-size:clamp(48px,7vw,88px);line-height:.96}.hero p{color:#b8c4cc;max-width:520px;margin:28px 0 36px;font-size:18px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero .btn.alt{color:var(--ink);background:#fff}.hero-image{object-fit:cover;opacity:.2;mix-blend-mode:screen;z-index:1;width:45%;height:100%;position:absolute;bottom:0;right:0}section{padding:92px 0}.section-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px;display:flex}.section-head h2{letter-spacing:-.05em;margin:12px 0 0;font:600 clamp(32px,4vw,52px)/1 Space Grotesk}.section-head p{max-width:410px;color:var(--muted);line-height:1.6}.cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{border:1px solid var(--line);background:#fff;flex-direction:column;justify-content:space-between;min-height:220px;padding:28px;display:flex}.card-image{object-fit:cover;width:calc(100% + 56px);height:140px;margin:-28px -28px 24px}.card .num{color:var(--red);font-family:Space Grotesk;font-size:14px}.card h3{letter-spacing:-.04em;font:600 24px Space Grotesk}.card p{color:var(--muted);margin:0;line-height:1.55}.card a{margin-top:28px;font-size:14px;font-weight:700}.band{background:#dce9ef}.brands{flex-wrap:wrap;gap:12px;display:flex}.brand{background:#fff;border:1px solid #cbd6dc;padding:16px 22px;font:600 19px Space Grotesk}.contact{background:var(--red);color:#fff}.contact p{color:#ffd8dc;max-width:480px;line-height:1.6}.contact .btn{color:var(--red);background:#fff}footer{background:var(--ink);color:#fff;padding:32px 0;font-size:13px}.footer-row{color:#9eabb4;flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}@media (width<=760px){.nav-links a:not(.btn){display:none}.hero{padding:76px 0}.hero-image{opacity:.12;width:100%}.cards{grid-template-columns:1fr}.section-head{display:block}.hero:after{right:-300px}.wrap{padding:0 20px}}.logo{width:164px;height:42px;display:inline-block;color:#0000!important;background-image:url(/images/nubelon-logo-generated.webp)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;font-size:0!important}.logo span{display:none}body:has(.service-feature) .hero{background-image:linear-gradient(90deg,#0b1117f5,#0b11178c),url(/images/generated/nubelon-engineering-commissioning.webp);background-position:50%;background-size:cover}body:has(.brand-scene) .hero{background-image:linear-gradient(90deg,#0b1117f5,#0b11178c),url(/images/generated/nubelon-middle-east-industry.webp);background-position:50%;background-size:cover}body:has(.card-image) .hero{background-image:linear-gradient(90deg,#0b1117f5,#0b11178c),url(/images/generated/nubelon-control-products.webp);background-position:50%;background-size:cover}body:has(.display-title) .brands{border:1px solid var(--line);background:#fff url(/images/nubelon-business-scope-brands-v2.webp) 50%/contain no-repeat;min-height:390px;display:block}body:has(.display-title) .brands .brand{display:none}body:has(.brand-scene) .brands{border:1px solid var(--line);background:#fff url(/images/nubelon-business-scope-brands.webp) 50%/contain no-repeat;min-height:390px;display:block}body:has(.brand-scene) .brands .brand{display:none}.product-category-nav{color:#fff;background:#111c24;border-bottom:1px solid #31404b}.product-category-nav .wrap{white-space:nowrap;align-items:center;gap:22px;min-height:44px;display:flex;overflow:auto}.product-category-nav span{color:#b8c4cc;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.product-category-nav a{color:#fff;font-size:13px}.product-category-nav a:hover{color:#ff9aa4}.mobile-nav{display:none}@media (width<=760px){body{padding-bottom:72px}.mobile-nav{z-index:50;padding:8px 4px env(safe-area-inset-bottom);background:#0b1117f5;border:1px solid #31404b;border-radius:14px;justify-content:space-around;display:flex;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 10px 30px #0b111740}.mobile-nav a{color:#b8c4cc;flex-direction:column;flex:1;align-items:center;gap:3px;font-size:11px;display:flex!important}.mobile-nav a span{color:#fff;font-size:19px;line-height:20px}.mobile-nav a small{font-size:11px}.mobile-nav .mobile-nav-cta{color:#ff9aa4}.mobile-nav .mobile-nav-cta span{color:var(--red)}}