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

:root{--navy:#101923;--navy2:#172532;--red:#f51c2b;--blue:#2474a8;--ink:#19232d;--muted:#66717d;--pale:#f3f5f6;--white:#fff;--line:#e0e5e8;--max:1160px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:10px;background:#fff;padding:10px;z-index:100}
.skip-link:focus{left:10px}
.site-header{height:88px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(16,25,35,.08)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand img{width:65px;height:54px;object-fit:contain}
.brand-copy{display:flex;flex-direction:column;line-height:1.2}
.brand-copy strong{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.5px}
.brand-copy small{font-size:11px;color:#697581;letter-spacing:2px;text-transform:uppercase;margin-top:5px}
.primary-nav{display:flex;align-items:center;gap:31px;font-size:13px;font-weight:700}
.primary-nav>a:not(.nav-cta){transition:color .2s}
.primary-nav>a:not(.nav-cta):hover{color:var(--red)}
.nav-cta{background:var(--red);color:white;padding:12px 17px;border-radius:3px}
.nav-cta span{margin-left:12px}
.menu-toggle{display:none;border:0;background:transparent;padding:8px}
.menu-toggle span{display:block;width:25px;height:2px;background:var(--navy);margin:5px}
.hero{position:relative;overflow:hidden;min-height:610px;display:flex;align-items:center;color:white;background:radial-gradient(ellipse at 77% 48%,rgba(36,116,168,.27),transparent 34%),linear-gradient(112deg,#101923 0%,#101923 56%,#172532 100%)}
.hero:after{content:"";position:absolute;inset:0 0 0 54%;opacity:.18;background:repeating-linear-gradient(135deg,transparent 0 30px,rgba(255,255,255,.12) 31px 32px);mask-image:linear-gradient(90deg,transparent,black)}
.hero-grid{position:absolute;width:460px;height:460px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:5%;top:14%;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.02)}
.hero-grid:after{content:"";position:absolute;inset:19%;border:1px solid rgba(255,255,255,.12);border-radius:50%}
.hero-content{position:relative;z-index:2;padding-top:70px;padding-bottom:75px}
.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700;color:#6c7884;margin:0 0 20px}
.eyebrow-line{width:27px;height:2px;background:var(--red);display:inline-block}
.hero .eyebrow{color:#b9c3cc}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:Manrope,Arial,sans-serif}
h1{font-size:clamp(48px,6vw,78px);line-height:1.06;letter-spacing:-3.7px;margin:0 0 25px;font-weight:800;max-width:650px}
h1 span{color:#f2f5f7}
.hero-intro{max-width:520px;color:#c2cbd3;font-size:17px;line-height:1.8;margin-bottom:31px}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:14px 20px;border-radius:3px;font-size:12px;font-weight:700;border:1px solid transparent;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-2px)}
.button-red{background:var(--red);color:#fff}
.button-red:hover{background:#d80f1e}
.button-outline{border-color:rgba(255,255,255,.34);color:white}
.button-outline:hover{background:rgba(255,255,255,.08)}
.hero-proof{display:flex;align-items:center;gap:12px;margin-top:49px}
.proof-mark{width:30px;height:30px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;color:#ff3b48;font-weight:700}
.hero-proof p{margin:0;display:flex;flex-direction:column;font-size:12px}
.hero-proof small{color:#9ba7b2;font-size:11px;margin-top:3px}
.hero-stamp{position:absolute;right:10%;bottom:14%;z-index:2;display:flex;flex-direction:column;transform:rotate(-8deg);border-left:3px solid var(--red);padding-left:16px;opacity:.9}
.hero-stamp span{font-family:Manrope,sans-serif;font-weight:800;font-size:34px;letter-spacing:3px}
.hero-stamp b{font-size:10px;letter-spacing:5px}
.hero-stamp i{font-size:8px;letter-spacing:2px;font-style:normal;color:#91a1ae;margin-top:9px}
.service-strip{background:#f6f7f8;border-bottom:1px solid var(--line)}
.strip-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:24px}
.strip-inner span{font-family:Manrope,sans-serif;font-weight:700;font-size:13px}
.strip-inner i{font-style:normal;color:var(--red);font-size:10px;margin-right:11px}
.section{padding:105px 0}
.two-column{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:95px}
.section-visual{position:relative;padding:0 20px 20px 0}
.visual-panel{min-height:390px;background:linear-gradient(145deg,#1c2b38,#0f1821);color:white;position:relative;overflow:hidden;padding:24px;display:flex;flex-direction:column;justify-content:space-between}
.visual-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.035) 30.2%,transparent 30.7%),repeating-linear-gradient(0deg,transparent 0 47px,rgba(255,255,255,.045) 48px 49px)}
.visual-topline{position:relative;z-index:1;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#9caab5}
.steel-art{height:235px;position:relative;display:flex;align-items:center;justify-content:center;transform:rotate(-11deg)}
.steel-beam{position:absolute;width:70%;height:31px;background:linear-gradient(180deg,#d9e0e4,#71808c 48%,#394957 52%,#9ba7b0);box-shadow:0 18px 22px rgba(0,0,0,.25);border:1px solid #a9b4bb}
.beam-one{transform:translate(-5px,-56px) rotate(20deg)}
.beam-two{transform:translate(10px,0) rotate(-15deg)}
.beam-three{transform:translate(-9px,57px) rotate(20deg)}
.steel-glow{position:absolute;width:170px;height:170px;border:1px solid rgba(245,28,43,.75);border-radius:50%;right:10%;top:7%;box-shadow:0 0 0 20px rgba(245,28,43,.06),0 0 0 40px rgba(245,28,43,.04)}
.visual-caption{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:10px;border-top:1px solid rgba(255,255,255,.18);padding-top:18px}
.visual-caption strong{font-family:Manrope,sans-serif;font-size:15px}
.visual-caption span{font-size:9px;letter-spacing:1px;color:#9caab5}
.red-corner{position:absolute;right:0;bottom:0;width:85px;height:85px;background:var(--red);z-index:-1}
.section-copy h2,.section-heading h2,.why-copy h2,.contact-copy h2{font-size:clamp(34px,4vw,48px);line-height:1.16;letter-spacing:-1.8px;margin:0 0 23px}
h2 span{color:var(--red)}
.section-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.9;margin-bottom:17px}
.text-link{display:inline-flex;gap:28px;align-items:center;font-size:12px;font-weight:700;border-bottom:1px solid var(--red);padding:10px 0;margin-top:10px}
.text-link span{color:var(--red)}
.services-section{background:var(--pale)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:42px}
.section-heading h2{margin-bottom:0}
.section-heading>p{max-width:390px;font-size:13px;color:var(--muted);margin-bottom:6px}
.service-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.service-card{position:relative;min-height:310px;background:white;border:1px solid #e7ebee;padding:27px 22px 22px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.service-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px rgba(16,25,35,.08)}
.service-card.featured{border-top:3px solid var(--red);padding-top:25px}
.card-number{position:absolute;right:20px;top:22px;font-size:10px;color:#9ba5ad;letter-spacing:1px}
.service-icon{width:46px;height:46px;background:#f1f4f6;color:var(--red);display:grid;place-items:center;font-size:25px;margin-bottom:26px}
.service-card h3{font-size:17px;line-height:1.35;margin:0 0 12px;letter-spacing:-.4px}
.service-card p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:24px}
.service-card>a{margin-top:auto;font-size:10px;font-weight:700;border-top:1px solid var(--line);padding-top:15px}
.service-card>a span{color:var(--red);margin-left:7px}
.service-note{font-size:11px;color:#77828d;margin:23px 0 0}
.why-section{background:var(--navy);color:white;padding:94px 0}
.why-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}
.eyebrow-light{color:#a7b2bc}
.why-copy h2{font-size:47px}
.why-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#aab5be;max-width:400px;margin-bottom:28px}
.button-light{background:white;color:var(--navy)}
.button-light:hover{background:#e8edf0}
.values-list{border-top:1px solid rgba(255,255,255,.16)}
.value-item{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.value-icon{font-size:11px;color:#ff4652;padding-top:3px;letter-spacing:1px}
.value-item h3{font-size:15px;margin:0 0 5px}
.value-item p{font-size:12px;color:#aab5be;margin:0;line-height:1.7}
.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;align-items:start}
.contact-copy h2{margin-bottom:20px}
.contact-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);max-width:410px}
.contact-list{margin-top:30px;border-top:1px solid var(--line)}
.contact-row{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}
.contact-symbol{width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;background:#f1f4f6;color:var(--red);font-size:17px}
.contact-row>span:nth-child(2){display:flex;flex-direction:column;min-width:0}
.contact-row small{font-size:10px;color:var(--muted);margin-bottom:2px}
.contact-row strong{font-size:12px;overflow-wrap:anywhere}
.contact-row>b{margin-left:auto;color:var(--red);font-size:14px}
.address-row{align-items:flex-start}
.contact-form-wrap{background:#f4f6f7;padding:36px}
.form-heading>span{font-size:9px;letter-spacing:2px;color:var(--red);font-weight:700}
.form-heading h3{font-size:23px;letter-spacing:-.8px;margin:12px 0 7px}
.form-heading p{font-size:12px;color:var(--muted);margin-bottom:25px}
.form-row{margin-bottom:17px}
.form-row label{display:block;font-size:11px;font-weight:700;margin-bottom:7px}
.form-row input,.form-row select,.form-row textarea{display:block;width:100%;border:1px solid #dce2e6;background:#fff;padding:12px 13px;border-radius:2px;font-size:12px;color:var(--ink);outline:none}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px rgba(36,116,168,.1)}
.form-row textarea{resize:vertical;min-height:95px}
.form-submit{width:100%;border:0;cursor:pointer}
.form-disclaimer{font-size:10px;color:#75808a;margin:12px 0 0;line-height:1.6}
.site-footer{background:#0b1219;color:white;padding:30px 0 18px}
.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:25px}
.footer-brand img{width:54px;height:45px;object-fit:contain}
.footer-brand .brand-copy strong{font-size:14px;color:white}
.footer-brand .brand-copy small{font-size:9px;color:#9ca8b2}
.footer-main>p{font-size:11px;color:#9ca8b2;margin:0}
.back-top{font-size:11px;color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding-top:15px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#84919c}
.floating-whatsapp{position:fixed;z-index:40;bottom:22px;right:22px;display:flex;align-items:center;gap:9px;background:#178b53;color:white;padding:12px 16px;border-radius:30px;box-shadow:0 7px 22px rgba(0,0,0,.2);font-size:12px;font-weight:700}
.floating-whatsapp:hover{background:#117545}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:950px){.primary-nav{gap:18px}.two-column,.contact-layout{gap:50px}.service-cards{grid-template-columns:repeat(2,1fr)}.service-card{min-height:275px}.why-inner{gap:55px}.hero-stamp{right:5%;opacity:.45}}
@media(max-width:720px){.container{width:min(var(--max),calc(100% - 36px))}.site-header{height:75px}.brand img{width:52px;height:46px}.brand-copy strong{font-size:14px}.brand-copy small{font-size:9px}.menu-toggle{display:block;cursor:pointer}.primary-nav{display:none;position:absolute;top:74px;left:0;right:0;background:white;padding:18px 22px 23px;box-shadow:0 12px 20px rgba(16,25,35,.1);align-items:stretch;gap:0;flex-direction:column}.primary-nav.open{display:flex}.primary-nav>a{padding:13px 5px;border-bottom:1px solid #edf0f2}.primary-nav .nav-cta{margin-top:12px;text-align:center;border:0}.hero{min-height:600px}.hero-content{padding-top:72px;padding-bottom:55px}.hero:after{inset-left:30%}h1{font-size:clamp(47px,13vw,65px);letter-spacing:-2.8px}.hero-intro{font-size:15px;max-width:440px}.hero-stamp{display:none}.hero-grid{width:320px;height:320px;right:-130px;top:30%}.strip-inner{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding-block:21px}.strip-inner span{font-size:11px}.section{padding:72px 0}.two-column,.contact-layout,.why-inner{grid-template-columns:1fr;gap:43px}.section-visual{max-width:500px}.visual-panel{min-height:340px}.section-copy h2,.section-heading h2,.contact-copy h2{font-size:38px}.section-heading{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:28px}.section-heading>p{margin:0}.service-cards{gap:10px}.service-card{padding:22px 16px 18px;min-height:295px}.service-card.featured{padding-top:20px}.service-card h3{font-size:15px}.service-card p{font-size:11px}.card-number{right:13px;top:16px}.service-icon{margin-bottom:20px}.why-section{padding:72px 0}.why-inner{gap:35px}.why-copy h2{font-size:40px}.contact-form-wrap{padding:25px 20px}.footer-main{align-items:flex-start;flex-wrap:wrap}.footer-main>p{width:100%;order:3}.footer-bottom{font-size:9px}.floating-whatsapp{right:12px;bottom:12px;padding:11px 14px}}
@media(max-width:390px){.service-cards{grid-template-columns:1fr}.service-card{min-height:0}.service-card p{font-size:12px}.hero-actions .button{width:100%}.footer-bottom{flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}