@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&family=Poppins:wght@500;600;700;800&display=swap');

:root {
  --ink: #13202f;
  --muted: #637083;
  --line: #dbe2e9;
  --surface: #ffffff;
  --canvas: #f4f6f8;
  --slate: #eaf0f4;
  --red: #c71f2d;
  --red-dark: #8d1020;
  --red-light: #f04955;
  --orange: #ff744a;
  --white: #ffffff;
  --light-grey: #f4f6f8;
  --dark-grey: #637083;
  --primary-red: #c71f2d;
  --secondary-red: #f04955;
  --soft-grey: #dbe2e9;
  --shadow: 0 18px 50px rgba(19, 32, 47, 0.12);
  --shadow-small: 0 10px 28px rgba(19, 32, 47, 0.08);
  --radius: 20px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { min-width: 320px; overflow-x: hidden; background: var(--canvas); color: var(--ink); font-family: 'DM Sans', sans-serif; font-size: 16px; line-height: 1.65; }
body.menu-open { overflow: hidden; }
h1, h2, h3, h4 { font-family: 'Manrope', sans-serif; color: var(--ink); line-height: 1.15; }
h1 { font-size: clamp(2.35rem, 5vw, 5.2rem); letter-spacing: -0.065em; }
h2 { font-size: clamp(1.85rem, 3.3vw, 3.25rem); letter-spacing: -0.055em; }
h3 { font-size: 1.2rem; letter-spacing: -0.035em; }
p { color: var(--muted); }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { border: 0; }
ul { list-style: none; }
img { max-width: 100%; }

.container { width: min(1240px, calc(100% - 40px)); margin: 0 auto; }
.section { padding: clamp(74px, 9vw, 132px) 0; }
.section-soft { background: var(--surface); }
.section-title { max-width: 660px; margin-bottom: 48px; }
.section-title.center { margin-right: auto; margin-left: auto; text-align: center; }
.section-title h2 { margin-top: 12px; }
.section-title p { max-width: 585px; margin-top: 18px; font-size: 1.06rem; }
.section-title.center p { margin-right: auto; margin-left: auto; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--red); font-family: 'Manrope', sans-serif; font-size: 0.75rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
.eyebrow::before { width: 23px; height: 2px; background: currentColor; content: ''; }
.eyebrow.on-dark { color: #ffc1bd; }

/* Navigation */
.site-header { position: fixed; z-index: 100; top: 0; right: 0; left: 0; padding: 18px 0; transition: padding .3s ease; }
.site-header.scrolled { padding: 10px 0; }
.navbar { display: flex; align-items: center; justify-content: space-between; min-height: 64px; padding: 0 12px 0 22px; border: 1px solid rgba(255,255,255,.45); border-radius: 18px; background: rgba(255,255,255,.78); box-shadow: 0 12px 38px rgba(19,32,47,.1); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); font-family: 'Manrope', sans-serif; font-size: 1rem; font-weight: 800; letter-spacing: -0.06em; }
.brand-mark { position: relative; width: 27px; height: 27px; border-radius: 50%; background: linear-gradient(145deg, var(--red-light), var(--red-dark)); box-shadow: inset -5px -5px 9px rgba(87,0,10,.28), inset 4px 4px 9px rgba(255,255,255,.25), 0 4px 9px rgba(199,31,45,.25); }
.brand-mark::after { position: absolute; inset: 7px; border: 3px solid #fff; border-radius: 50%; content: ''; }
.brand span { color: var(--red); }
.nav-links { display: flex; align-items: center; gap: 4px; }
.nav-links a { display: block; padding: 10px 13px; border-radius: 9px; color: #445060; font-size: .86rem; font-weight: 700; transition: color .25s ease, background .25s ease; }
.nav-links a:hover, .nav-links a.active { color: var(--red); background: rgba(199,31,45,.08); }
.nav-cta { margin-left: 8px; padding: 10px 17px !important; border: 1px solid var(--red); background: var(--red) !important; color: #fff !important; box-shadow: 0 8px 16px rgba(199,31,45,.2); }
.nav-cta:hover { transform: translateY(-1px); background: var(--red-dark) !important; }
.menu-toggle { display: none; width: 43px; height: 43px; border-radius: 10px; background: #f2f5f7; color: var(--ink); cursor: pointer; font-size: 1.3rem; }

/* Buttons */
.button-row { display: flex; flex-wrap: wrap; gap: 13px; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 51px; padding: 13px 21px; border: 1px solid transparent; border-radius: 11px; font-family: 'Manrope', sans-serif; font-size: .86rem; font-weight: 800; transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }
.btn:hover { transform: translateY(-3px); }
.btn-primary { position: relative; overflow: hidden; background: var(--red); box-shadow: 0 11px 24px rgba(199,31,45,.28); color: #fff; }
.btn-primary::after { position: absolute; top: -40%; left: -35%; width: 20%; height: 190%; transform: rotate(20deg); background: rgba(255,255,255,.35); content: ''; transition: left .5s ease; }
.btn-primary:hover { background: var(--red-dark); box-shadow: 0 15px 30px rgba(141,16,32,.33); }
.btn-primary:hover::after { left: 115%; }
.btn-outline { border-color: rgba(19,32,47,.24); background: rgba(255,255,255,.65); color: var(--ink); }
.btn-outline:hover { border-color: var(--ink); background: #fff; box-shadow: var(--shadow-small); }
.btn-light { background: #fff; color: var(--red); box-shadow: 0 12px 30px rgba(75,0,10,.18); }
.btn-light:hover { box-shadow: 0 16px 35px rgba(75,0,10,.28); }
.arrow { font-size: 1.15rem; line-height: 1; }

/* 3D hero */
.hero { position: relative; display: grid; align-items: center; min-height: 780px; padding: 148px 0 94px; overflow: hidden; background: #172535; }
.hero::before, .hero::after { position: absolute; border-radius: 50%; content: ''; filter: blur(1px); pointer-events: none; }
.hero::before { top: -27vw; right: -11vw; width: 60vw; height: 60vw; background: radial-gradient(circle, rgba(255,114,74,.95) 0%, rgba(199,31,45,.38) 38%, transparent 68%); opacity: .92; }
.hero::after { bottom: -31vw; left: -10vw; width: 61vw; height: 61vw; background: radial-gradient(circle, rgba(79,116,143,.42) 0%, transparent 66%); }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 50px; }
.hero-copy { max-width: 690px; }
.hero h1 { max-width: 700px; color: #fff; }
.hero h1 em { color: #ffb3a6; font-style: normal; }
.hero-copy > p { max-width: 600px; margin: 25px 0 35px; color: #c5d0da; font-size: clamp(1rem, 1.55vw, 1.19rem); }
.hero .btn-outline { border-color: rgba(255,255,255,.34); background: rgba(255,255,255,.08); color: #fff; }
.hero .btn-outline:hover { border-color: #fff; background: rgba(255,255,255,.16); }
.hero-meta { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 37px; color: #cbd4dc; font-size: .82rem; font-weight: 700; }
.hero-meta strong { display: block; margin-bottom: 3px; color: #fff; font-family: 'Manrope', sans-serif; font-size: 1.03rem; }
.hero-stage { position: relative; height: 490px; perspective: 1100px; }
.hero-orbit { position: absolute; top: 50%; left: 50%; width: 355px; height: 355px; transform: translate(-50%, -50%) rotateX(64deg) rotateZ(-20deg); border: 1px solid rgba(255,255,255,.17); border-radius: 50%; box-shadow: 0 0 0 44px rgba(255,255,255,.025), 0 0 0 93px rgba(255,255,255,.02); animation: orbit 10s linear infinite; }
.pipe-3d { position: absolute; top: 49%; left: 50%; width: 335px; height: 172px; transform: translate(-48%, -49%) rotate(-18deg) rotateY(-19deg); transform-style: preserve-3d; filter: drop-shadow(0 35px 20px rgba(0,0,0,.32)); animation: pipeFloat 5.5s ease-in-out infinite; }
.pipe-3d::before { position: absolute; top: 20px; right: 0; width: 148px; height: 148px; transform: translateZ(25px); border: 26px solid #e7ebed; border-radius: 50%; background: #6f7c87; box-shadow: inset 9px 9px 14px rgba(255,255,255,.26), inset -11px -10px 15px rgba(0,0,0,.28), 9px 10px 10px rgba(0,0,0,.13); content: ''; }
.pipe-3d::after { position: absolute; top: 46px; left: 16px; width: 253px; height: 96px; transform: skewY(-5deg); border-radius: 48px 13px 13px 48px; background: linear-gradient(180deg, #fbfcfd 0%, #b8c1c8 32%, #eef2f4 54%, #7a8790 100%); box-shadow: inset 0 13px 12px rgba(255,255,255,.75), inset 0 -15px 19px rgba(46,59,69,.25); content: ''; }
.pipe-brand { position: absolute; z-index: 2; top: 78px; left: 73px; transform: rotate(-5deg) skewY(-5deg); color: var(--red); font-family: 'Manrope', sans-serif; font-size: 15px; font-weight: 800; letter-spacing: .09em; }
.floating-card { position: absolute; z-index: 4; padding: 14px 17px; border: 1px solid rgba(255,255,255,.44); border-radius: 13px; background: rgba(255,255,255,.91); box-shadow: 0 15px 30px rgba(0,0,0,.17); color: var(--ink); font-size: .75rem; font-weight: 700; backdrop-filter: blur(11px); animation: float 4.5s ease-in-out infinite; }
.floating-card strong { display: block; color: var(--red); font-family: 'Manrope', sans-serif; font-size: 1.05rem; }
.card-top { top: 55px; right: 6px; }
.card-bottom { bottom: 55px; left: 4px; animation-delay: -2.2s; }

/* Trust ribbon */
.trust-ribbon { position: relative; z-index: 3; margin-top: -38px; }
.trust-ribbon .container { display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; border-radius: 16px; background: linear-gradient(110deg, var(--red-dark), var(--red), #db3440); box-shadow: 0 20px 40px rgba(98,10,20,.28); }
.trust-item { position: relative; padding: 22px 23px; color: #fff; }
.trust-item:not(:last-child)::after { position: absolute; top: 23%; right: 0; width: 1px; height: 54%; background: rgba(255,255,255,.22); content: ''; }
.trust-item small { display: block; color: rgba(255,255,255,.77); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.trust-item strong { display: block; margin-top: 2px; font-family: 'Manrope', sans-serif; font-size: 1.02rem; }

/* Product cards */
.product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 23px; }
.product-card { position: relative; display: flex; flex-direction: column; min-height: 100%; overflow: hidden; border: 1px solid #e1e6eb; border-radius: var(--radius); background: var(--surface); box-shadow: 0 3px 0 rgba(19,32,47,.025); transform-style: preserve-3d; transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease, border-color .3s ease; }
.product-card:hover { z-index: 1; border-color: rgba(199,31,45,.33); box-shadow: 0 27px 48px rgba(19,32,47,.18); transform: translateY(-11px) rotateX(3deg) rotateY(-1deg); }
.product-card__image { position: relative; display: grid; height: 210px; overflow: hidden; place-items: center; background: linear-gradient(135deg, #f0f4f6, #dde5e9); }
.product-card__image::after { position: absolute; inset: 0; background: linear-gradient(130deg, rgba(255,255,255,.37), transparent 46%, rgba(19,32,47,.1)); content: ''; pointer-events: none; }
.product-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s cubic-bezier(.2,.75,.2,1); }
.product-card:hover .product-card__image img { transform: scale(1.09) rotate(1deg); }
.product-card__tag { position: absolute; z-index: 1; top: 14px; left: 14px; padding: 5px 9px; border-radius: 99px; background: rgba(255,255,255,.88); box-shadow: 0 3px 12px rgba(19,32,47,.11); color: var(--red); font-size: .64rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.product-card__body { display: flex; flex: 1; flex-direction: column; padding: 20px; }
.product-card__body h3 { margin-bottom: 9px; font-size: 1.1rem; }
.product-card__body p { font-size: .86rem; line-height: 1.58; }
.text-link { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; padding-top: 17px; color: var(--red); font-size: .81rem; font-weight: 800; }
.text-link .arrow { transition: transform .2s ease; }
.text-link:hover .arrow { transform: translateX(4px); }

/* Shared page hero */
.page-hero { position: relative; overflow: hidden; padding: 186px 0 95px; background: #192938; color: #fff; }
.page-hero::before { position: absolute; top: -280px; right: -100px; width: 620px; height: 620px; border: 70px solid rgba(255,255,255,.05); border-radius: 50%; box-shadow: 0 0 0 50px rgba(255,255,255,.025), 0 0 0 100px rgba(255,255,255,.016); content: ''; }
.page-hero::after { position: absolute; right: 10%; bottom: -75px; width: 320px; height: 152px; transform: rotate(-12deg); border-radius: 76px; background: linear-gradient(180deg, #fbfcfd, #b5c0c8 47%, #76838d); box-shadow: inset 0 12px 11px rgba(255,255,255,.7), 0 21px 26px rgba(0,0,0,.18); content: ''; opacity: .8; }
.page-hero .container { position: relative; z-index: 1; }
.page-hero__content { max-width: 700px; }
.page-hero h1 { margin-top: 12px; color: #fff; }
.page-hero p { max-width: 580px; margin-top: 20px; color: #cbd6df; font-size: 1.08rem; }
.breadcrumbs { display: flex; gap: 8px; color: #aebdcb; font-size: .78rem; font-weight: 700; }
.breadcrumbs a:hover { color: #fff; }

/* Content layouts */
.split-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(38px, 7vw, 100px); align-items: center; }
.copy-block > p + p { margin-top: 16px; }
.copy-block h2 { margin: 12px 0 20px; }
.feature-list { display: grid; gap: 16px; margin-top: 28px; }
.feature-list li { display: grid; grid-template-columns: 38px 1fr; gap: 13px; align-items: start; }
.feature-list__icon { display: grid; width: 38px; height: 38px; border-radius: 11px; background: #fde9e8; color: var(--red); font-family: 'Manrope', sans-serif; font-weight: 800; place-items: center; }
.feature-list h3 { margin: 2px 0 4px; font-size: .97rem; }
.feature-list p { font-size: .9rem; }
.visual-panel { position: relative; min-height: 410px; overflow: hidden; border-radius: 26px; background: linear-gradient(145deg, #dbe5e9 0%, #f4f6f7 50%, #aebbc3 100%); box-shadow: var(--shadow); }
.visual-panel::before { position: absolute; top: 50%; left: 50%; width: 310px; height: 310px; transform: translate(-50%, -50%) rotateX(65deg); border: 1px solid rgba(19,32,47,.16); border-radius: 50%; box-shadow: 0 0 0 35px rgba(255,255,255,.22), 0 0 0 70px rgba(19,32,47,.03); content: ''; }
.visual-panel__pipe { position: absolute; top: 50%; left: 51%; width: 480px; height: 155px; transform: translate(-50%, -50%) rotate(-18deg); border-radius: 80px; background: linear-gradient(180deg, #ffffff 0%, #c4ced4 34%, #f2f5f6 55%, #8998a1 100%); box-shadow: inset 0 19px 16px rgba(255,255,255,.75), inset 0 -22px 23px rgba(43,55,65,.22), 15px 28px 25px rgba(29,42,52,.27); }
.visual-panel__pipe::after { position: absolute; top: 16px; right: -11px; width: 122px; height: 122px; border: 23px solid #e5eaed; border-radius: 50%; background: #76838c; box-shadow: inset 8px 9px 13px rgba(255,255,255,.25), inset -8px -8px 13px rgba(0,0,0,.25); content: ''; }
.visual-panel__label { position: absolute; top: 50%; left: 35%; transform: translateY(-50%) rotate(-18deg); color: var(--red); font-family: 'Manrope', sans-serif; font-size: 1.05rem; font-weight: 800; letter-spacing: .13em; }
.fact-badge { position: absolute; right: 21px; bottom: 22px; max-width: 180px; padding: 15px; border: 1px solid rgba(255,255,255,.6); border-radius: 13px; background: rgba(255,255,255,.8); box-shadow: var(--shadow-small); color: var(--ink); font-size: .78rem; font-weight: 700; backdrop-filter: blur(8px); }
.fact-badge strong { display: block; color: var(--red); font-family: 'Manrope', sans-serif; font-size: 1.3rem; }

/* Process */
.process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; counter-reset: process; }
.process-card { position: relative; min-height: 174px; padding: 25px; overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: #fff; counter-increment: process; transition: transform .3s ease, box-shadow .3s ease; }
.process-card:hover { box-shadow: var(--shadow-small); transform: translateY(-5px); }
.process-card::before { position: absolute; top: 13px; right: 17px; color: #eff2f4; font-family: 'Manrope', sans-serif; font-size: 4rem; font-weight: 800; line-height: 1; content: '0' counter(process); }
.process-card__number { display: inline-grid; width: 34px; height: 34px; margin-bottom: 24px; border-radius: 10px; background: #fee8e8; color: var(--red); font-family: 'Manrope', sans-serif; font-size: .85rem; font-weight: 800; place-items: center; }
.process-card h3 { position: relative; margin-bottom: 7px; font-size: 1.06rem; }
.process-card p { position: relative; font-size: .86rem; }

/* Applications */
.application-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.application-card { overflow: hidden; border-radius: var(--radius); background: #fff; box-shadow: 0 3px 0 rgba(19,32,47,.03); transition: transform .35s ease, box-shadow .35s ease; }
.application-card:hover { box-shadow: var(--shadow); transform: translateY(-8px); }
.application-card__visual { position: relative; height: 182px; overflow: hidden; background: var(--app-bg, #dce6e8); }
.application-card__visual::before { position: absolute; top: 51%; left: 50%; width: 250px; height: 79px; transform: translate(-48%, -50%) rotate(var(--tilt, -16deg)); border-radius: 50px; background: linear-gradient(#fff 0%, #c1cbd1 44%, #788791 100%); box-shadow: inset 0 9px 11px rgba(255,255,255,.7), inset 0 -10px 12px rgba(24,37,46,.2), 8px 18px 20px rgba(30,40,48,.2); content: ''; }
.application-card__visual::after { position: absolute; top: 45%; left: 63%; width: 71px; height: 71px; transform: rotate(var(--tilt, -16deg)); border: 15px solid #e9edef; border-radius: 50%; background: #72808a; box-shadow: inset 5px 5px 9px rgba(255,255,255,.25), inset -5px -5px 9px rgba(0,0,0,.2); content: ''; }
.application-card__icon { position: absolute; z-index: 2; top: 16px; left: 17px; display: grid; width: 38px; height: 38px; border-radius: 10px; background: rgba(255,255,255,.9); box-shadow: 0 5px 13px rgba(19,32,47,.1); font-size: 1rem; place-items: center; }
.application-card__body { padding: 21px; }
.application-card__body h3 { margin-bottom: 8px; }
.application-card__body p { font-size: .88rem; }

/* Quality */
.stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 17px; }
.stat-card { min-height: 164px; padding: 25px 20px; border-radius: 17px; background: linear-gradient(140deg, var(--red-dark), var(--red) 60%, var(--red-light)); box-shadow: 0 15px 30px rgba(199,31,45,.19); color: #fff; transition: transform .3s ease; }
.stat-card:hover { transform: translateY(-7px) rotateX(3deg); }
.stat-card strong { display: block; font-family: 'Manrope', sans-serif; font-size: clamp(2.05rem, 3.8vw, 3.2rem); letter-spacing: -.08em; line-height: 1; }
.stat-card span { display: block; margin-top: 16px; color: rgba(255,255,255,.82); font-size: .8rem; font-weight: 700; }
.cert-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.cert-card { padding: 24px; border: 1px solid var(--line); border-radius: 17px; background: #fff; transition: border .3s ease, transform .3s ease, box-shadow .3s ease; }
.cert-card:hover { border-color: rgba(199,31,45,.35); box-shadow: var(--shadow-small); transform: translateY(-4px); }
.cert-card__icon { display: grid; width: 43px; height: 43px; margin-bottom: 18px; border-radius: 12px; background: #fee8e8; color: var(--red); font-size: 1.15rem; place-items: center; }
.cert-card h3 { margin-bottom: 9px; }
.cert-card p { font-size: .87rem; }

/* Contact */
.contact-grid { display: grid; grid-template-columns: .84fr 1.16fr; gap: clamp(28px, 5vw, 68px); align-items: start; }
.contact-card { padding: clamp(25px, 4vw, 42px); border-radius: 22px; background: #192a39; box-shadow: var(--shadow); color: #fff; }
.contact-card h2 { color: #fff; }
.contact-card > p { margin-top: 12px; color: #c4d0d9; }
.contact-list { display: grid; gap: 19px; margin-top: 30px; }
.contact-list li { display: grid; grid-template-columns: 42px 1fr; gap: 13px; align-items: center; }
.contact-list__icon { display: grid; width: 42px; height: 42px; border-radius: 12px; background: rgba(255,255,255,.1); font-size: 1.05rem; place-items: center; }
.contact-list small { display: block; color: #aebfcd; font-size: .73rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.contact-list a, .contact-list span { color: #fff; font-size: .93rem; font-weight: 700; }
.form-panel { padding: clamp(25px, 4vw, 42px); border: 1px solid var(--line); border-radius: 22px; background: #fff; box-shadow: var(--shadow-small); }
.form-panel h2 { margin-bottom: 8px; }
.form-panel > p { margin-bottom: 27px; }
.dealer-form { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }
.form-group { display: grid; gap: 7px; }
.form-group.full { grid-column: 1 / -1; }
.form-group label { color: #45505e; font-size: .78rem; font-weight: 800; }
.form-group input, .form-group select, .form-group textarea { width: 100%; padding: 12px 13px; outline: none; border: 1px solid #d7dfe6; border-radius: 10px; background: #fcfdfe; color: var(--ink); transition: border .2s ease, box-shadow .2s ease; }
.form-group textarea { min-height: 123px; resize: vertical; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--red); box-shadow: 0 0 0 4px rgba(199,31,45,.11); }
.dealer-form .btn { grid-column: 1 / -1; margin-top: 3px; }
.form-success { display: none; grid-column: 1 / -1; padding: 12px 14px; border-radius: 10px; background: #e9f8ee; color: #16783f; font-size: .85rem; font-weight: 700; }
.form-success.visible { display: block; }

/* Footer */
.site-footer { padding: 72px 0 22px; background: #111e2b; color: #fff; }
.footer-grid { display: grid; grid-template-columns: 1.25fr .7fr .7fr .95fr; gap: 40px; }
.site-footer .brand { color: #fff; }
.footer-copy { max-width: 310px; margin-top: 15px; color: #aebdca; font-size: .87rem; }
.footer-heading { margin-bottom: 15px; color: #fff; font-family: 'Manrope', sans-serif; font-size: .87rem; font-weight: 800; }
.footer-links { display: grid; gap: 8px; }
.footer-links a, .footer-contact { color: #aebdca; font-size: .84rem; }
.footer-links a:hover { color: #fff; }
.footer-contact + .footer-contact { margin-top: 9px; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 53px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.12); color: #8596a6; font-size: .75rem; }
.whatsapp { position: fixed; z-index: 50; right: 24px; bottom: 23px; display: grid; width: 54px; height: 54px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; background: #22a85c; box-shadow: 0 12px 25px rgba(18,93,49,.35); color: #fff; font-size: 1.3rem; place-items: center; transition: transform .25s ease; }
.whatsapp:hover { transform: translateY(-5px) scale(1.04); }

/* Animation utilities */
[data-reveal] { opacity: 0; transform: translateY(28px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
[data-reveal].visible { opacity: 1; transform: translateY(0); }
.delay-1 { transition-delay: .1s; }.delay-2 { transition-delay: .2s; }.delay-3 { transition-delay: .3s; }
@keyframes orbit { to { transform: translate(-50%, -50%) rotateX(64deg) rotateZ(340deg); } }
@keyframes pipeFloat { 0%,100% { transform: translate(-48%, -49%) rotate(-18deg) rotateY(-19deg) translateY(0); } 50% { transform: translate(-48%, -49%) rotate(-16deg) rotateY(-14deg) translateY(-14px); } }
@keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-11px); } }

@media (max-width: 1050px) {
  .nav-links { gap: 0; }.nav-links a { padding: 9px; }.hero-grid { gap: 25px; }.hero-stage { transform: scale(.88); transform-origin: center; }
  .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.application-grid, .cert-grid { grid-template-columns: repeat(2, 1fr); }.footer-grid { grid-template-columns: 1.25fr 1fr 1fr; }
}
@media (max-width: 800px) {
  .site-header { padding: 11px 0; }.navbar { min-height: 59px; padding: 0 8px 0 17px; border-radius: 14px; }.menu-toggle { display: grid; place-items: center; }
  .nav-links { position: absolute; top: calc(100% + 8px); right: 0; left: 0; display: grid; gap: 3px; padding: 10px; transform: translateY(-10px); visibility: hidden; border: 1px solid rgba(19,32,47,.08); border-radius: 14px; background: rgba(255,255,255,.98); box-shadow: var(--shadow); opacity: 0; pointer-events: none; transition: opacity .2s ease, transform .2s ease, visibility .2s; }
  .nav-links.active { transform: translateY(0); visibility: visible; opacity: 1; pointer-events: auto; }.nav-links a { padding: 12px 13px; }.nav-cta { margin: 4px 0 0; text-align: center; }
  .hero { min-height: auto; padding: 136px 0 74px; }.hero-grid { grid-template-columns: 1fr; }.hero-stage { display: none; }.hero-copy { max-width: 650px; text-align: center; }.hero-copy > p { margin-right: auto; margin-left: auto; }.button-row { justify-content: center; }.hero-meta { justify-content: center; text-align: left; }
  .trust-ribbon { margin-top: 0; }.trust-ribbon .container { grid-template-columns: repeat(2, 1fr); width: 100%; border-radius: 0; }.trust-item:nth-child(2)::after { display: none; }.trust-item { padding: 17px 20px; }
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }.product-card__image { height: 187px; }.page-hero { padding: 145px 0 73px; }.page-hero::after { right: -42px; bottom: -84px; transform: scale(.75) rotate(-12deg); }
  .split-grid, .contact-grid { grid-template-columns: 1fr; }.split-grid .visual-panel { order: -1; min-height: 320px; }.process-grid { grid-template-columns: repeat(2, 1fr); }.stat-grid { grid-template-columns: repeat(2, 1fr); }.footer-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .container { width: min(100% - 30px, 1240px); }.brand { font-size: .91rem; }.brand-mark { width: 24px; height: 24px; }.brand-mark::after { inset: 6px; }.hero-copy > p { font-size: .98rem; }.button-row { display: grid; width: 100%; }.button-row .btn { width: 100%; }.hero-meta { gap: 14px 24px; }
  .trust-ribbon .container { grid-template-columns: 1fr 1fr; }.trust-item { padding: 15px; }.trust-item strong { font-size: .89rem; }.trust-item small { font-size: .62rem; }.product-grid { grid-template-columns: 1fr; }.product-card__image { height: 215px; }
  .application-grid, .cert-grid, .process-grid { grid-template-columns: 1fr; }.stat-card { min-height: 135px; }.visual-panel__pipe { transform: translate(-50%, -50%) rotate(-18deg) scale(.71); }.visual-panel__label { left: 28%; font-size: .84rem; }.application-card__visual { height: 171px; }
  .contact-card, .form-panel { border-radius: 17px; }.dealer-form { grid-template-columns: 1fr; }.form-group.full, .dealer-form .btn { grid-column: auto; }.footer-grid { grid-template-columns: 1fr; gap: 30px; }.footer-bottom { display: grid; margin-top: 39px; }.whatsapp { right: 16px; bottom: 16px; width: 49px; height: 49px; }
}

/* Floating WhatsApp control — the SVG keeps the mark crisp at every size. */
.whatsapp {
    align-items: center;
    display: inline-flex;
    font-size: 0;
    justify-content: center;
}

.whatsapp::before {
    background: url('../images/whatsapp.svg') center / contain no-repeat;
    content: '';
    display: block;
    height: 26px;
    width: 26px;
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } [data-reveal] { opacity: 1; transform: none; } }

/* Catalogue-led editorial theme */
:root {
  --ink: #101a2b;
  --muted: #606a7b;
  --line: #e1e5eb;
  --surface: #ffffff;
  --canvas: #f7f8fb;
  --slate: #eef2f6;
  --red: #e3ab28;
  --red-dark: #0d244d;
  --red-light: #f4c94b;
  --orange: #f4c94b;
  --primary-red: #e3ab28;
  --secondary-red: #f4c94b;
  --soft-grey: #e1e5eb;
}

.brand span { color: var(--red-dark); }
.brand-mark { background: linear-gradient(145deg, #f8d45f, #d89512); box-shadow: inset -5px -5px 9px rgba(126,74,0,.25), inset 4px 4px 9px rgba(255,255,255,.42), 0 4px 9px rgba(227,171,40,.25); }
.nav-links a:hover, .nav-links a.active { color: var(--red-dark); background: rgba(227,171,40,.17); }
.nav-cta { border-color: var(--red) !important; background: var(--red) !important; color: var(--ink) !important; box-shadow: 0 8px 16px rgba(227,171,40,.22); }
.nav-cta:hover { background: #f4c94b !important; }
.eyebrow { color: #b78009; }.eyebrow.on-dark { color: #ffd66b; }
.btn-primary { background: var(--red); color: var(--ink); box-shadow: 0 11px 24px rgba(227,171,40,.28); }
.btn-primary:hover { background: #f4c94b; box-shadow: 0 15px 30px rgba(227,171,40,.32); }
.btn-light { color: var(--red-dark); }.hero { background: #10213f; }
.hero::before { background: radial-gradient(circle, rgba(244,201,75,.82) 0%, rgba(235,175,38,.24) 38%, transparent 68%); }
.hero::after { background: radial-gradient(circle, rgba(45,87,138,.58) 0%, transparent 66%); }
.pipe-brand, .visual-panel__label { color: var(--red-dark); }
.trust-ribbon .container { background: linear-gradient(105deg, #0d244d, #173b71 58%, #1c4a8b); box-shadow: 0 20px 40px rgba(13,36,77,.26); }
.product-card:hover { border-color: rgba(227,171,40,.65); box-shadow: 0 27px 48px rgba(16,26,43,.16); }
.product-card__tag, .text-link { color: #9b6b04; }
.feature-list__icon, .process-card__number, .cert-card__icon { background: #fff5d8; color: #9b6b04; }
.stat-card { background: linear-gradient(135deg, #0d244d, #173b71 62%, #225394); box-shadow: 0 15px 30px rgba(13,36,77,.2); }
.contact-card { background: #10213f; }
.site-footer { background: #0c1830; }
.site-footer .brand span { color: #f4c94b; }
.whatsapp { background: #1fa55b; }

/* Story-first homepage modules */
.story-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(36px, 7vw, 104px); align-items: center; }
.story-image { position: relative; min-height: 460px; overflow: hidden; border-radius: 23px; background: #dfe8ec; box-shadow: var(--shadow); }
.story-image img { width: 100%; height: 100%; object-fit: cover; }
.story-image::after { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(13,36,77,.1), transparent 52%, rgba(227,171,40,.18)); content: ''; }
.story-image__badge { position: absolute; z-index: 1; right: 22px; bottom: 22px; max-width: 220px; padding: 18px; border: 1px solid rgba(255,255,255,.7); border-radius: 13px; background: rgba(255,255,255,.9); box-shadow: var(--shadow-small); color: var(--ink); font-size: .82rem; font-weight: 700; backdrop-filter: blur(10px); }
.story-image__badge strong { display: block; margin-bottom: 2px; color: var(--red-dark); font-family: 'Manrope', sans-serif; font-size: 1.5rem; }
.usp-band { padding: clamp(68px, 8vw, 104px) 0; background: #10213f; color: #fff; }
.usp-band .section-title h2 { color: #fff; }.usp-band .section-title p { color: #c4cfdf; }
.usp-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.usp-card { padding: 26px; border: 1px solid rgba(255,255,255,.15); border-radius: 16px; background: rgba(255,255,255,.055); transition: transform .3s ease, background .3s ease; }
.usp-card:hover { background: rgba(255,255,255,.1); transform: translateY(-6px); }
.usp-card__number { display: block; margin-bottom: 37px; color: #f4c94b; font-family: 'Manrope', sans-serif; font-size: .75rem; font-weight: 800; letter-spacing: .12em; }
.usp-card h3 { margin-bottom: 9px; color: #fff; }.usp-card p { color: #c5d0df; font-size: .88rem; }
.mission-panel { display: grid; grid-template-columns: 1.05fr .95fr; overflow: hidden; border-radius: 24px; background: #fff; box-shadow: var(--shadow-small); }
.mission-panel__copy { padding: clamp(32px, 5vw, 68px); }
.mission-panel__copy h2 { margin: 13px 0 17px; }.mission-panel__copy p { max-width: 575px; }
.mission-panel__stats { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: #dbe2ea; }
.mission-stat { display: grid; min-height: 160px; padding: 27px; background: #eff3f6; align-content: end; }
.mission-stat strong { color: var(--red-dark); font-family: 'Manrope', sans-serif; font-size: 2.65rem; letter-spacing: -.07em; line-height: 1; }.mission-stat span { margin-top: 8px; color: #566275; font-size: .77rem; font-weight: 700; }
.service-grid, .testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.service-card { padding: 27px; border: 1px solid var(--line); border-radius: 17px; background: #fff; transition: transform .3s ease, box-shadow .3s ease; }
.service-card:hover { box-shadow: var(--shadow-small); transform: translateY(-6px); }.service-card__icon { display: grid; width: 43px; height: 43px; margin-bottom: 20px; border-radius: 12px; background: #fff5d8; color: var(--red-dark); font-size: 1.15rem; place-items: center; }.service-card h3 { margin-bottom: 9px; }.service-card p { font-size: .88rem; }
.testimonial-card { position: relative; padding: 28px; overflow: hidden; border-radius: 17px; background: #fff; box-shadow: 0 3px 0 rgba(16,26,43,.03); }
.testimonial-card::before { position: absolute; top: -16px; right: 16px; color: #fff1c9; font-family: Georgia, serif; font-size: 8rem; line-height: 1; content: '“'; }.testimonial-card p { position: relative; min-height: 97px; font-size: .9rem; }.testimonial-card strong { display: block; margin-top: 20px; color: var(--red-dark); font-family: 'Manrope', sans-serif; font-size: .9rem; }.testimonial-card small { color: var(--muted); font-size: .73rem; font-weight: 700; }
.contact-strip { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: clamp(32px, 5vw, 58px); border-radius: 23px; background: linear-gradient(110deg, #e2a722, #f3c94b); box-shadow: 0 20px 40px rgba(227,171,40,.25); }.contact-strip h2 { max-width: 640px; color: #13203a; }.contact-strip p { margin-top: 10px; color: #4c3b11; }.contact-strip .btn { flex: 0 0 auto; border: 1px solid #10213f; background: #10213f; color: #fff; }

@media (max-width: 800px) {
  .story-grid, .mission-panel { grid-template-columns: 1fr; }.story-image { min-height: 320px; }.story-grid .copy-block { order: -1; }.usp-grid, .service-grid, .testimonial-grid { grid-template-columns: 1fr; }.mission-stat { min-height: 130px; }.contact-strip { display: grid; }.contact-strip .btn { width: 100%; }
}

/* GREYWHITE — Premium industrial luxury theme */
:root {
  --primary: #b11226;
  --primary-hover: #d7263d;
  --black: #111111;
  --charcoal: #1f1f1f;
  --white: #ffffff;
  --surface: #f5f5f5;
  --border: #e5e5e5;
  --text: #222222;
  --ink: #222222;
  --muted: #676767;
  --line: #e5e5e5;
  --canvas: #ffffff;
  --red: #b11226;
  --red-dark: #111111;
  --red-light: #d7263d;
  --primary-red: #b11226;
  --secondary-red: #d7263d;
  --soft-grey: #e5e5e5;
  --shadow: 0 24px 55px rgba(0, 0, 0, .15);
  --shadow-small: 0 12px 28px rgba(0, 0, 0, .1);
}

body { background: var(--white); color: var(--text); font-family: 'Inter', sans-serif; }
h1, h2, h3, h4, .brand, .btn { font-family: 'Poppins', sans-serif; }
h1 { font-size: clamp(2.7rem, 5.1vw, 4rem); letter-spacing: -.055em; }
h2 { font-size: clamp(2rem, 3.8vw, 2.625rem); letter-spacing: -.045em; }
p { color: var(--muted); }
.section { padding: clamp(78px, 9vw, 128px) 0; }
.section-soft { background: var(--surface); }
.container { width: min(1240px, calc(100% - 40px)); }
.eyebrow { color: var(--primary); font-family: 'Inter', sans-serif; font-size: .71rem; letter-spacing: .16em; }
.eyebrow::before { background: var(--primary); }
.eyebrow.on-dark { color: #ff9aa8; }
.eyebrow.on-dark::before { background: #ff9aa8; }

/* Logo-matched light navigation */
.site-header { padding: 0; background: rgba(247,247,247,.97); border-bottom: 1px solid #dfdfdf; backdrop-filter: blur(16px); }
.site-header.scrolled { padding: 0; background: rgba(247,247,247,.99); box-shadow: 0 10px 28px rgba(17,17,17,.11); }
.navbar { min-height: 102px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
/* Original GREYWHITE artwork, retained without raster upscaling or redesign. */
.brand { display: block; width: 276px; height: 94px; overflow: hidden; border: 0; border-radius: 0; background: #f7f7f7 url('../images/greywhite-logo-original.jpeg') center/276px auto no-repeat; box-shadow: none; color: transparent; font-size: 0; letter-spacing: 0; line-height: 1; text-decoration: none; }
.brand span, .brand-mark { display: none; }
.brand::before, .brand::after { display: none; }
.brand::before { background: linear-gradient(180deg, #f7f7f7 0%, #b6b6b6 23%, #555555 48%, #d4d4d4 69%, #8e8e8e 100%) 0 / 44.4% 100% no-repeat, linear-gradient(180deg, #ffffff 0%, #f3f3f3 28%, #a9a9a9 52%, #ffffff 74%, #bcbcbc 100%) 100% / 55.6% 100% no-repeat; -webkit-background-clip: text; background-clip: text; color: transparent; content: 'GREYWHITE'; filter: drop-shadow(0 7px 7px rgba(0,0,0,.7)); font-family: 'Poppins', sans-serif; font-size: 2rem; font-weight: 800; letter-spacing: -.085em; line-height: .96; text-shadow: 0 1px 0 rgba(255,255,255,.8), 0 2px 0 #a0a0a0, 0 3px 0 #5b5b5b, 0 4px 0 #252525, 0 5px 0 #0b0b0b; transform: rotateX(5deg); transform-origin: center bottom; transition: filter .3s ease, transform .3s ease; }
.brand::after { width: 100%; margin-top: 7px; padding-top: 5px; border-top: 1px solid rgba(177,18,38,.9); color: #cfcfcf; content: 'QUALITY THAT CONNECTS'; font-family: 'Inter', sans-serif; font-size: .43rem; font-weight: 700; letter-spacing: .2em; line-height: 1; text-align: center; }
.brand:hover::before { filter: drop-shadow(0 9px 10px rgba(0,0,0,.78)) drop-shadow(0 0 7px rgba(255,255,255,.15)); transform: translateY(-1px) rotateX(0); }
.nav-links { gap: 7px; }
.nav-links a { position: relative; padding: 24px 10px 21px; border-radius: 0; color: #262626; font-size: .75rem; font-weight: 700; }
.nav-links a::after { position: absolute; right: 10px; bottom: 14px; left: 10px; height: 2px; transform: scaleX(0); transform-origin: left; background: var(--primary); box-shadow: 0 0 9px rgba(177,18,38,.45); content: ''; transition: transform .3s ease; }
.nav-links a:hover, .nav-links a.active { background: transparent; color: var(--primary); }
.nav-links a:hover::after, .nav-links a.active::after { transform: scaleX(1); }
.nav-cta { margin-left: 9px; padding: 11px 17px !important; border: 1px solid var(--primary) !important; border-radius: 999px !important; background: var(--primary) !important; color: #fff !important; box-shadow: 0 0 20px rgba(177,18,38,.25); }
.nav-cta::after { display: none; }
.nav-cta:hover { background: var(--primary-hover) !important; box-shadow: 0 0 25px rgba(215,38,61,.55); transform: translateY(-1px); }

.btn { position: relative; min-height: 51px; overflow: hidden; border-radius: 999px; font-size: .78rem; letter-spacing: .01em; }
.btn-primary { background: var(--primary); color: #fff; box-shadow: 0 11px 26px rgba(177,18,38,.34); }
.btn-primary:hover { background: var(--primary-hover); box-shadow: 0 15px 34px rgba(215,38,61,.43); }
.btn-outline { border-color: rgba(17,17,17,.45); background: transparent; color: var(--black); }
.btn-outline:hover { border-color: var(--primary); background: var(--primary); color: #fff; box-shadow: 0 10px 24px rgba(177,18,38,.24); }
.btn-light { background: #fff; color: var(--primary); }
.btn-light:hover { background: #f1f1f1; }
.ripple { position: absolute; width: 12px; height: 12px; transform: translate(-50%, -50%) scale(0); border-radius: 50%; background: rgba(255,255,255,.45); pointer-events: none; animation: buttonRipple .6s ease-out forwards; }
@keyframes buttonRipple { to { transform: translate(-50%, -50%) scale(24); opacity: 0; } }

/* Industrial hero: black steel, smoke, and 3D pipe architecture */
.industrial-hero { position: relative; min-height: min(890px, 100vh); padding: 160px 0 98px; overflow: hidden; background: #0c0c0c; isolation: isolate; }
.industrial-hero::before { position: absolute; z-index: -2; inset: 0; background-image: linear-gradient(112deg, rgba(0,0,0,.91) 13%, rgba(0,0,0,.62) 52%, rgba(0,0,0,.88)), radial-gradient(circle at 77% 44%, rgba(177,18,38,.42), transparent 26%), linear-gradient(rgba(255,255,255,.032) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.032) 1px, transparent 1px); background-size: auto, auto, 45px 45px, 45px 45px; content: ''; }
.industrial-hero::after { position: absolute; z-index: -1; top: 13%; right: -15%; width: 66%; height: 64%; border-radius: 50%; background: radial-gradient(ellipse, rgba(215,38,61,.25), rgba(177,18,38,.09) 36%, transparent 68%); filter: blur(14px); content: ''; animation: redBreath 6s ease-in-out infinite alternate; }
.industrial-hero__grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 44px; }
.industrial-hero__copy { max-width: 745px; }.industrial-hero__copy h1 { max-width: 770px; color: #fff; }.industrial-hero__copy h1 em { color: #ec5367; font-style: normal; }.industrial-hero__copy > p { max-width: 590px; margin: 23px 0 32px; color: #c8c8c8; font-size: clamp(.98rem, 1.55vw, 1.125rem); }.industrial-hero .btn-outline { border-color: rgba(255,255,255,.6); color: #fff; }.industrial-hero .btn-outline:hover { border-color: var(--primary); }.industrial-hero .btn-light { border: 1px solid #fff; color: #111; }.industrial-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }.industrial-hero__note { display: flex; align-items: center; gap: 9px; margin-top: 29px; color: #a1a1a1; font-size: .76rem; font-weight: 600; }.industrial-hero__note i { display: grid; width: 8px; height: 8px; border-radius: 50%; background: #e33149; box-shadow: 0 0 12px #e33149; }
.industrial-stage { position: relative; min-height: 500px; perspective: 1300px; }
.industrial-stage__steel { position: absolute; top: 50%; left: 50%; width: 390px; height: 390px; transform: translate(-50%, -50%) rotateX(63deg) rotateZ(7deg); border: 1px solid rgba(255,255,255,.17); border-radius: 50%; box-shadow: 0 0 0 35px rgba(255,255,255,.025), 0 0 0 84px rgba(255,255,255,.018), 0 0 100px rgba(215,38,61,.18); animation: industrialOrbit 12s linear infinite; }
.industrial-pipe { position: absolute; top: 50%; left: 50%; width: 415px; height: 196px; transform: translate(-50%, -50%) rotate(-16deg) rotateY(-17deg); transform-style: preserve-3d; filter: drop-shadow(0 38px 22px rgba(0,0,0,.58)); animation: industrialPipeFloat 6s ease-in-out infinite; }
.industrial-pipe::before { position: absolute; top: 21px; right: 0; width: 155px; height: 155px; transform: translateZ(25px); border: 28px solid #d9d9d9; border-radius: 50%; background: #323232; box-shadow: inset 8px 9px 16px rgba(255,255,255,.2), inset -14px -13px 18px rgba(0,0,0,.58), 11px 12px 12px rgba(0,0,0,.28); content: ''; }
.industrial-pipe::after { position: absolute; top: 49px; left: 10px; width: 328px; height: 100px; transform: skewY(-5deg); border-radius: 53px 16px 16px 53px; background: linear-gradient(180deg, #f7f7f7 0%, #a8a8a8 30%, #e1e1e1 52%, #676767 100%); box-shadow: inset 0 12px 13px rgba(255,255,255,.75), inset 0 -15px 20px rgba(0,0,0,.28); content: ''; }
.industrial-pipe__brand { position: absolute; z-index: 2; top: 80px; left: 92px; transform: rotate(-5deg) skewY(-5deg); color: var(--primary); font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 800; letter-spacing: .1em; text-shadow: 0 1px #fff; }.industrial-stage__spec { position: absolute; z-index: 2; padding: 14px 17px; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; background: rgba(18,18,18,.83); box-shadow: 0 14px 35px rgba(0,0,0,.31); color: #fff; font-size: .74rem; font-weight: 600; backdrop-filter: blur(10px); }.industrial-stage__spec strong { display: block; margin-bottom: 3px; color: #ef5366; font-family: 'Poppins', sans-serif; font-size: 1rem; }.industrial-stage__spec--top { top: 62px; right: 9px; }.industrial-stage__spec--bottom { bottom: 56px; left: 0; }
@keyframes redBreath { from { opacity: .65; transform: scale(.9); } to { opacity: 1; transform: scale(1.08); } }
@keyframes industrialOrbit { to { transform: translate(-50%, -50%) rotateX(63deg) rotateZ(367deg); } }
@keyframes industrialPipeFloat { 0%,100% { transform: translate(-50%, -50%) rotate(-16deg) rotateY(-17deg) translateY(0); } 50% { transform: translate(-50%, -50%) rotate(-13deg) rotateY(-11deg) translateY(-16px); } }

/* Industrial home modules */
.industrial-statbar { position: relative; z-index: 3; margin-top: -45px; }.industrial-statbar .container { display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 20px; background: #1a1a1a; box-shadow: 0 24px 45px rgba(0,0,0,.28); }.industrial-stat { position: relative; padding: 25px 28px; color: #fff; }.industrial-stat:not(:last-child)::after { position: absolute; top: 24%; right: 0; width: 1px; height: 52%; background: rgba(255,255,255,.17); content: ''; }.industrial-stat strong { display: block; color: #fff; font-family: 'Manrope', sans-serif; font-size: clamp(1.8rem, 3.5vw, 2.8rem); letter-spacing: -.07em; line-height: 1; }.industrial-stat span { display: block; margin-top: 9px; color: #b7b7b7; font-size: .72rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.industrial-intro { display: grid; grid-template-columns: .88fr 1.12fr; gap: clamp(34px, 7vw, 102px); align-items: center; }.industrial-intro__visual { position: relative; min-height: 430px; overflow: hidden; border-radius: 22px; background: linear-gradient(135deg, #111, #2d2d2d 55%, #111); box-shadow: var(--shadow); }.industrial-intro__visual::before { position: absolute; inset: 0; background-image: linear-gradient(135deg, rgba(177,18,38,.28), transparent 48%), linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: auto, 38px 38px, 38px 38px; content: ''; }.industrial-intro__visual img { position: absolute; z-index: 1; top: 50%; left: 50%; width: 120%; height: 92%; transform: translate(-50%, -50%) rotate(-8deg); object-fit: cover; filter: grayscale(1) contrast(1.18) brightness(1.09); mix-blend-mode: screen; opacity: .82; }.industrial-intro__steel-label { position: absolute; z-index: 2; right: 23px; bottom: 24px; padding: 14px 16px; border-left: 3px solid var(--primary); background: rgba(0,0,0,.78); color: #e5e5e5; font-family: 'Poppins', sans-serif; font-size: .76rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }.industrial-intro__copy h2 { margin: 12px 0 19px; }.industrial-intro__copy > p + p { margin-top: 14px; }
.industrial-section-head { display: flex; align-items: end; justify-content: space-between; gap: 26px; margin-bottom: 40px; }.industrial-section-head h2 { margin-top: 12px; }.industrial-section-head p { max-width: 410px; font-size: .94rem; }.industrial-dark { background: #111; }.industrial-dark h2 { color: #fff; }.industrial-dark .industrial-section-head p { color: #adadad; }
.product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }.product-card { border: 1px solid rgba(255,255,255,.12); border-radius: 20px; background: #1f1f1f; box-shadow: 0 8px 0 rgba(0,0,0,.18); }.product-card:hover { border-color: var(--primary); box-shadow: 0 22px 42px rgba(177,18,38,.28), 0 0 0 1px rgba(215,38,61,.3); transform: translateY(-10px) rotateX(3deg) rotateY(-2deg); }.product-card__image { height: 210px; background: radial-gradient(circle at 50% 12%, #454545, #141414 70%); }.product-card__image::after { background: linear-gradient(135deg, rgba(255,255,255,.17), transparent 45%, rgba(177,18,38,.22)); }.product-card__image img { padding: 10px; object-fit: contain; filter: drop-shadow(0 14px 12px rgba(0,0,0,.42)); }.product-card__tag { background: var(--primary); box-shadow: 0 4px 13px rgba(0,0,0,.24); color: #fff; }.product-card__body { background: #1f1f1f; }.product-card__body h3 { color: #fff; }.product-card__body p { color: #b8b8b8; }.text-link { color: #f05a6d; }.industrial-dark .product-card { background: #1f1f1f; }
.featured-product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }.featured-product { overflow: hidden; border: 1px solid var(--border); border-radius: 20px; background: #fff; box-shadow: var(--shadow-small); transition: transform .35s ease, box-shadow .35s ease; }.featured-product:hover { box-shadow: var(--shadow); transform: translateY(-9px); }.featured-product__visual { position: relative; height: 220px; overflow: hidden; background: radial-gradient(circle at 50% 14%, #3b3b3b, #0d0d0d 71%); }.featured-product__visual::before { position: absolute; top: 50%; left: 50%; width: 275px; height: 76px; transform: translate(-50%, -50%) rotate(-16deg); border-radius: 50px; background: linear-gradient(#fafafa 0%, #aaa 38%, #e9e9e9 56%, #686868 100%); box-shadow: inset 0 9px 11px rgba(255,255,255,.7), inset 0 -11px 14px rgba(0,0,0,.25), 9px 20px 20px rgba(0,0,0,.42); content: ''; animation: featuredSpin 8s linear infinite; }.featured-product__visual::after { position: absolute; top: 36%; left: 61%; width: 77px; height: 77px; transform: rotate(-16deg); border: 16px solid #e0e0e0; border-radius: 50%; background: #333; box-shadow: inset 5px 5px 9px rgba(255,255,255,.28), inset -6px -6px 8px rgba(0,0,0,.35); content: ''; animation: featuredSpin 8s linear infinite; }.featured-product__visual span { position: absolute; z-index: 2; top: 17px; left: 18px; padding: 5px 9px; border-radius: 99px; background: var(--primary); color: #fff; font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.featured-product__body { padding: 23px; }.featured-product__body h3 { margin-bottom: 10px; }.featured-product__body p { min-height: 51px; font-size: .86rem; }.featured-product__specs { display: flex; flex-wrap: wrap; gap: 7px; margin: 19px 0; }.featured-product__specs span { padding: 5px 8px; border: 1px solid #dedede; border-radius: 999px; color: #555; font-size: .64rem; font-weight: 700; }.featured-product__body .btn { width: 100%; min-height: 44px; }.featured-product__body .btn-primary { color: #fff; }.featured-product:hover .featured-product__visual::before, .featured-product:hover .featured-product__visual::after { animation-duration: 3.5s; }@keyframes featuredSpin { to { transform: translate(-50%, -50%) rotate(344deg); } }
.manufacturing-process { position: relative; padding: clamp(78px, 9vw, 128px) 0; overflow: hidden; background: #151515; }.manufacturing-process::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px), radial-gradient(circle at 15% 80%, rgba(177,18,38,.22), transparent 27%); background-size: 44px 44px, 44px 44px, auto; content: ''; }.manufacturing-process .container { position: relative; }.manufacturing-process h2 { color: #fff; }.manufacturing-process p { color: #b8b8b8; }.process-rail { display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; margin-top: 46px; }.process-step { position: relative; padding-top: 53px; }.process-step::before { position: absolute; z-index: 1; top: 0; left: 0; display: grid; width: 36px; height: 36px; border: 2px solid var(--primary); border-radius: 50%; background: #151515; color: #fff; font-family: 'Manrope', sans-serif; font-size: .75rem; font-weight: 800; place-items: center; content: attr(data-step); box-shadow: 0 0 20px rgba(177,18,38,.5); }.process-step:not(:last-child)::after { position: absolute; top: 17px; left: 36px; width: calc(100% - 18px); height: 2px; background: linear-gradient(90deg, var(--primary), rgba(177,18,38,.1)); content: ''; }.process-step h3 { margin-bottom: 9px; color: #fff; font-size: 1.05rem; }.process-step p { font-size: .82rem; }
.quality-shell { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(30px, 6vw, 92px); align-items: center; }.quality-copy h2 { margin: 12px 0 18px; }.quality-copy p { max-width: 490px; }.quality-cert-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.quality-cert { position: relative; min-height: 154px; padding: 22px; overflow: hidden; border: 1px solid #3a3a3a; border-radius: 16px; background: linear-gradient(145deg, #303030, #171717 72%); box-shadow: inset 0 1px rgba(255,255,255,.13), 0 13px 20px rgba(0,0,0,.16); color: #fff; transition: transform .3s ease, border .3s ease; }.quality-cert:hover { border-color: var(--primary); transform: translateY(-5px); }.quality-cert::before { position: absolute; top: -22px; right: -8px; color: rgba(255,255,255,.055); font-family: 'Manrope', sans-serif; font-size: 7rem; font-weight: 800; content: attr(data-mark); }.quality-cert__icon { display: grid; width: 38px; height: 38px; margin-bottom: 22px; border: 1px solid rgba(255,255,255,.2); border-radius: 10px; background: rgba(177,18,38,.22); color: #ff7889; font-weight: 800; place-items: center; }.quality-cert h3 { position: relative; color: #fff; font-size: .95rem; }.quality-cert p { position: relative; margin-top: 5px; color: #bfbfbf; font-size: .78rem; }
.dealer-banner { position: relative; overflow: hidden; padding: clamp(42px, 7vw, 75px); border: 1px solid rgba(255,255,255,.12); border-radius: 24px; background: #111; box-shadow: var(--shadow); }.dealer-banner::before { position: absolute; top: -100%; right: -10%; width: 58%; height: 250%; transform: rotate(25deg); background: radial-gradient(ellipse, rgba(177,18,38,.47), transparent 65%); content: ''; }.dealer-banner::after { position: absolute; inset: 0; background-image: linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px); background-size: 36px 36px; content: ''; opacity: .6; }.dealer-banner > * { position: relative; z-index: 1; }.dealer-banner h2 { max-width: 660px; margin-top: 10px; color: #fff; }.dealer-banner p { max-width: 575px; margin: 16px 0 26px; color: #c0c0c0; }.dealer-banner .btn-outline { border-color: rgba(255,255,255,.48); color: #fff; }.dealer-banner .btn-outline:hover { border-color: var(--primary); background: var(--primary); }

/* Deep industrial variants for shared sub-pages */
.page-hero { padding: 177px 0 95px; background: #111; }.page-hero::before { border-color: rgba(177,18,38,.15); box-shadow: 0 0 0 50px rgba(177,18,38,.05), 0 0 0 100px rgba(255,255,255,.018); }.page-hero::after { background: linear-gradient(180deg, #f2f2f2, #929292 47%, #464646); }.page-hero h1 { color: #fff; }.page-hero p { color: #bebebe; }.breadcrumbs { color: #aaa; }.page-hero .eyebrow { color: #ff9aa8; }.page-hero .eyebrow::before { background: #ff9aa8; }
.industrial-product-hero { position: relative; min-height: 650px; padding: 152px 0 80px; overflow: hidden; background: #111; }.industrial-product-hero::before { position: absolute; inset: 0; background-image: radial-gradient(circle at 75% 45%, rgba(177,18,38,.4), transparent 25%), linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px); background-size: auto, 42px 42px, 42px 42px; content: ''; }.industrial-product-hero__grid { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 55px; align-items: center; }.industrial-product-hero__copy { max-width: 680px; }.industrial-product-hero h1 { margin-top: 12px; color: #fff; }.industrial-product-hero p { margin: 18px 0 27px; color: #c4c4c4; font-size: 1.04rem; }.industrial-product-hero .industrial-stage { min-height: 410px; }.industrial-product-hero .industrial-stage__spec--top { top: 20px; }.industrial-product-hero .industrial-stage__spec--bottom { bottom: 15px; }.catalogue-anchor { scroll-margin-top: 110px; }
.visual-panel { background: linear-gradient(145deg, #2b2b2b, #111 58%, #262626); }.visual-panel::before { border-color: rgba(255,255,255,.13); box-shadow: 0 0 0 35px rgba(255,255,255,.04), 0 0 0 70px rgba(177,18,38,.08); }.visual-panel__pipe { background: linear-gradient(180deg, #fafafa 0%, #b8b8b8 34%, #ededed 55%, #707070 100%); }.visual-panel__pipe::after { background: #424242; }.visual-panel__label { color: var(--primary); }.fact-badge { border-left: 3px solid var(--primary); background: rgba(20,20,20,.88); color: #fff; }.fact-badge strong { color: #fa6174; }
.split-grid .copy-block h2, .section-title h2 { color: var(--text); }.process-card { border-color: var(--border); }.process-card__number { background: #fce7eb; color: var(--primary); }.process-card:hover { box-shadow: 0 12px 25px rgba(177,18,38,.12); }.stat-card { background: linear-gradient(140deg, #111, #3a1016 58%, #b11226); }.cert-card { border-color: var(--border); }.cert-card:hover { border-color: var(--primary); box-shadow: 0 12px 24px rgba(177,18,38,.13); }.cert-card__icon { background: #fce7eb; color: var(--primary); }.contact-card { background: #111; }.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--primary); box-shadow: 0 0 0 4px rgba(177,18,38,.12); }
.site-footer { background: #111; border-top: 4px solid var(--primary); }.site-footer .brand { width: 240px; height: 82px; background-size: 240px auto; }.footer-heading { color: #fff; }.footer-links a:hover { color: #f05165; }.footer-bottom { border-top-color: rgba(177,18,38,.37); }.whatsapp { background: #1fa55b; }

@media (max-width: 1050px) { .navbar { min-height: 88px; }.brand { width: 226px; height: 78px; background-size: 226px auto; }.nav-links { gap: 1px; }.nav-links a { padding-right: 7px; padding-left: 7px; font-size: .7rem; }.nav-cta { margin-left: 5px; padding: 10px 13px !important; }.industrial-hero__grid { gap: 18px; }.industrial-stage { transform: scale(.87); transform-origin: center; }.process-rail { grid-template-columns: repeat(3, 1fr); }.process-step:nth-child(3)::after { display: none; } }
@media (max-width: 800px) {
  .site-header, .site-header.scrolled { padding: 0; }.navbar { min-height: 80px; padding: 0; border-radius: 0; }.brand { width: 202px; height: 67px; background-size: 202px auto; }.menu-toggle { width: 40px; height: 40px; border-radius: 8px; background: #111; color: #fff; }.nav-links { top: calc(100% + 1px); right: -20px; left: -20px; border: 1px solid #e5e5e5; border-radius: 0 0 12px 12px; background: #f7f7f7; box-shadow: 0 18px 30px rgba(17,17,17,.16); }.nav-links a { padding: 14px 21px; color: #262626; font-size: .78rem; }.nav-links a::after { right: auto; bottom: 8px; left: 21px; width: 36px; }.nav-cta { margin: 7px 10px 10px; text-align: center; }
  .industrial-hero { min-height: auto; padding: 137px 0 74px; }.industrial-hero__grid { grid-template-columns: 1fr; }.industrial-hero__copy { text-align: center; }.industrial-hero__copy > p { margin-right: auto; margin-left: auto; }.industrial-hero__actions { justify-content: center; }.industrial-hero__note { justify-content: center; }.industrial-stage { display: none; }
  .industrial-statbar { margin-top: 0; }.industrial-statbar .container { width: 100%; grid-template-columns: repeat(2, 1fr); border-width: 1px 0; border-radius: 0; }.industrial-stat { padding: 20px; }.industrial-stat:nth-child(2)::after { display: none; }.industrial-stat:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.12); }
  .industrial-intro, .quality-shell { grid-template-columns: 1fr; }.industrial-intro__visual { min-height: 320px; }.industrial-section-head { display: grid; align-items: start; }.industrial-section-head p { max-width: 620px; }.featured-product-grid { grid-template-columns: 1fr 1fr; }.process-rail { grid-template-columns: repeat(2, 1fr); }.process-step:nth-child(2)::after, .process-step:nth-child(4)::after { display: none; }.quality-cert-grid { grid-template-columns: 1fr 1fr; }
  .industrial-product-hero { min-height: auto; padding: 130px 0 70px; }.industrial-product-hero__grid { grid-template-columns: 1fr; }.industrial-product-hero .industrial-stage { display: none; }
}
@media (max-width: 520px) { .navbar { min-height: 70px; }.brand { width: 177px; height: 59px; background-size: 177px auto; }.site-footer .brand { width: 200px; height: 67px; background-size: 200px auto; }.industrial-hero__actions { display: grid; width: 100%; }.industrial-hero__actions .btn { width: 100%; }.industrial-stat strong { font-size: 1.75rem; }.featured-product-grid, .process-rail, .quality-cert-grid { grid-template-columns: 1fr; }.process-step:not(:last-child)::after { display: block; }.industrial-intro__visual { min-height: 270px; }.industrial-intro__steel-label { right: 14px; bottom: 14px; }.dealer-banner { padding: 32px 24px; }.product-card__image { height: 215px; } }