/* A mesma linguagem de aço, abertura e luz acompanha toda a navegação. */
body{font-family:'Montserrat',Arial,sans-serif;font-weight:400}
h1{font-weight:500;letter-spacing:-2.3px;line-height:1.14;font-size:clamp(42px,4.3vw,64px)}
.hero-lead{font-weight:400;font-size:clamp(22px,2vw,29px);letter-spacing:-.55px}
.hero-description{font-size:15px;line-height:1.85}
.header nav{font-weight:500;letter-spacing:.7px}
.button{font-weight:600;letter-spacing:.4px;font-size:11px}
.section h2{letter-spacing:-1.5px;line-height:1.25}
.card p,.steps p{font-size:13px}
.card a{font-size:11px;font-weight:600}
.intro-copy{font-size:15px}
.eyebrow{font-weight:600}
body{background:#191b1e;color:#ececec}
.header{background:#191b1ef5}
.hero:before{background-image:linear-gradient(90deg,rgba(25,27,30,.1),transparent 72%),url('assets/passo-horizonte.png')}
.hero-copy{max-width:830px}
.hero-description{max-width:570px}
.service-rail{background:#1b1d20;border-top-color:#ffffff17}
.section{position:relative;isolation:isolate;overflow:hidden;padding:120px 0}
.section>.wrap{position:relative;z-index:2}
.section .eyebrow{color:#d4b86c;display:flex;align-items:center;gap:18px;letter-spacing:2.8px}
.section .eyebrow:before{content:"";height:1px;width:34px;background:#a38c54}
.intro{padding-top:140px;background:linear-gradient(180deg,#1b1d20,#22252a);}
.intro:after{content:"";position:absolute;width:48%;height:120%;right:-12%;top:-10%;transform:rotate(12deg);background:linear-gradient(100deg,transparent 35%,#aeb4bb0b 47%,#e3e6e71c 49%,#6c737a06 51%,transparent 68%);z-index:0;pointer-events:none}
.intro h2{font-size:clamp(35px,3.5vw,51px);font-weight:400;line-height:1.2}
.intro h2 span{color:#b4b9bf}
.intro-copy{color:#c0c4c9;font-size:16px;line-height:1.9;padding-top:50px}
.signature{color:#dfc895;border-top-color:#ffffff20;line-height:1.7}
.solutions{background:linear-gradient(180deg,#22252a,#25282d 50%,#24272b)}
.solutions:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#aeb4bc30,transparent)}
.section-heading{gap:70px;margin-bottom:60px}
.section-heading h2{font-size:clamp(34px,3.6vw,52px);font-weight:400}
.section-heading>p{color:#b9bec5;line-height:1.8;max-width:360px}
.cards{gap:22px}
.card{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#2e3238,#22252a 72%);border-color:#78818b42;border-radius:14px;padding:34px 28px 29px;min-height:400px;transition:border-color .25s,transform .25s}
.card:before{content:"";position:absolute;right:-15%;bottom:-17%;width:80%;height:55%;transform:rotate(-20deg);background:linear-gradient(100deg,transparent 25%,#b9c1c90a 43%,#f1f3f433 49%,#727a8410 51%,transparent 69%);z-index:-1}
.card:after{content:"";position:absolute;right:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#d8c19375,transparent)}
.card-number{color:#c7b17b;margin-bottom:29px;font-size:10px}
.service-icon{width:43px;height:43px;color:#d6dade;margin-bottom:28px}
.service-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.service-icon .accent{stroke:#d4b86c}
.card h3{color:#f0f1f2;font-size:22px;font-weight:500}
.card p{color:#bcc2c9;line-height:1.8}
.card a{border-top-color:#d4d9df25;color:#edf0f2;line-height:1.5}
.card a span{color:#d4b86c}
.card:hover{border-color:#c1ab75;transform:translateY(-4px)}
.way{background:linear-gradient(180deg,#24272b,#2d3035 60%,#292c31)}
.steps{gap:24px}
.steps li{position:relative;overflow:hidden;padding:38px 32px 70px;border:1px solid #98a2ad36;border-radius:14px;background:linear-gradient(150deg,#35394055,#20232766);min-height:300px}
.steps li:after{content:"";position:absolute;right:-45px;bottom:-60px;width:200px;height:230px;border-left:1px solid #d8dde355;border-radius:50%;transform:rotate(28deg);background:linear-gradient(90deg,#cdd3d810,transparent 40%)}
.steps span{color:#d4b86c;font-size:11px;letter-spacing:2px;display:flex;gap:15px;align-items:center;margin-bottom:32px}
.steps span:after{content:"";height:1px;width:40px;background:#b9a06c66}
.steps h3{color:#eceff1;font-size:23px;font-weight:400;line-height:1.3;max-width:280px}
.steps p{color:#c0c6cd;font-size:15px;line-height:1.85}
.contact{padding:145px 0;background:linear-gradient(180deg,#292c31,#1e2125);}
.contact:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#24272be8 0%,#24272be8 40%,#24272b9c 100%),url('assets/horizonte.png') 65% 65%/cover;opacity:.55;z-index:0}
.contact:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#292c31,transparent 25%,transparent 75%,#191b1e);z-index:1;pointer-events:none}
.contact .eyebrow{justify-content:center}
.contact h2{font-weight:400;font-size:clamp(36px,3.8vw,55px);color:#f0f1f2;max-width:950px;margin:0 auto 30px}
.contact p{color:#c8ccd1;line-height:1.85}
.contact .email{color:#e3e7ec}
footer{background:#191b1e;border-top-color:#aeb4bd26;color:#ececec}
.footer-inner p,.footer-inner a:not(.footer-brand),.footer-inner small{color:#b8bec5}
.footer-brand{color:#ececec}
.primary{background:linear-gradient(135deg,#f5dfa1,#d8b862);border-color:#d8b862}
.button:hover{box-shadow:0 6px 28px #0002}
@media(max-width:1050px){.hero-copy{max-width:74%}.section-heading{gap:40px}.cards{gap:18px}}
@media(max-width:760px){.hero:before{background-image:linear-gradient(180deg,#191b1ef5,#191b1eea 48%,#191b1e33 80%,#191b1e88),url('assets/passo-horizonte.png');background-position:74% center}.hero-copy{max-width:100%;padding-bottom:230px}.section{padding:80px 0}.intro{padding-top:85px}.intro-copy{padding-top:8px}.intro h2{font-size:35px}.section-heading{margin-bottom:36px}.card{min-height:365px;padding:30px}.service-icon{margin-bottom:23px}.steps li{min-height:265px;padding:30px 27px 60px}.contact{padding:100px 0}.contact:before{background-position:75% center}.contact h2{font-size:35px}.section .eyebrow{letter-spacing:2px}.card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}
@media(max-width:760px){.hero-inner{min-height:900px}.hero-copy{padding-bottom:370px}.hero:before{background-color:#191b1e;background-image:linear-gradient(180deg,#191b1e 0%,#191b1e 50%,#191b1e00 70%),url('assets/passo-horizonte.png');background-size:100% 100%,auto 440px;background-position:center,right bottom;background-repeat:no-repeat}}


/* Botões com proporções e acabamento consistentes. */
.button,.button.small{min-height:50px;padding:0 26px;border-radius:25px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:.15px;gap:0;box-shadow:none;transition:background .2s,border-color .2s,color .2s}
.button.primary{background:linear-gradient(110deg,#ecd58d,#d9bb65);border:1px solid #d9bb65;color:#191b1e}
.button.primary:hover{background:#ecd58d;border-color:#ecd58d;transform:none}
.button.outline{background:#25282d38;border:1px solid #9b9fa780;color:#ececec}
.button.outline:hover{background:#ececec0d;border-color:#b8bdc5;transform:none}
.button:focus-visible{outline:2px solid #ecd58d;outline-offset:4px}
.actions .button{min-width:240px}
@media(max-width:760px){.button,.button.small{min-height:50px;padding:12px 22px}.actions .button{min-width:0;width:100%}}

.header .button.outline{border-color:#c6a553}.header .button.outline:hover{border-color:#ecd58d;background:#ecd58d08}


/* Continuidade da abertura aprovada: aço, respiro e horizonte. */
.service-rail{background:linear-gradient(180deg,#191b1e,#202226);border-top:0}
.service-rail a{font-size:13px;font-weight:500;color:#d7d7d7}
.service-rail a span{display:none}
.intro{background:linear-gradient(180deg,#202226,#24262a);padding-bottom:140px}
.intro:after{inset:0;width:auto;height:auto;transform:none;background:linear-gradient(180deg,#202226 0%,#24262ae8 55%,#24262a 100%),url('assets/horizonte.png') center 64%/cover;opacity:.5}
.intro h2 span{color:#dfc58a}
.section .eyebrow{font-size:10px;letter-spacing:2.2px;color:#d2b873}
.section h2{font-weight:500;font-size:clamp(34px,3.5vw,50px);line-height:1.22;letter-spacing:-1.5px}
.intro-copy,.section-heading>p{font-size:15px;color:#c5c5c7;line-height:1.85}
.solutions{background:linear-gradient(180deg,#24262a,#26282c 60%,#26282c)}
.solutions:before{height:0}
.cards{gap:22px}
.card{border-radius:12px;background:linear-gradient(140deg,#30323680,#222427);border:1px solid #c4c3c32b;padding:34px 28px;min-height:400px}
.card:before{right:0;bottom:0;width:100%;height:100%;transform:none;background:linear-gradient(105deg,transparent 72%,#ececec0b 84%,#ececec25 84.3%,transparent 85%),radial-gradient(ellipse at 100% 100%,#dfc58a0d,transparent 60%)}
.card:after{background:linear-gradient(90deg,transparent,#d9bb6538,transparent)}
.card h3,.steps h3{font-size:22px;font-weight:500;letter-spacing:-.5px}
.card p,.steps p{font-size:14px;line-height:1.85;color:#c5c5c7}
.card a{font-weight:500;font-size:12px;color:#dfc58a;min-height:48px;padding-top:18px}
.card:hover{transform:none;border-color:#c6a55399}
.way{background:linear-gradient(180deg,#26282c,#292b2f 65%,#292b2f)}
.steps li{border-radius:12px;background:linear-gradient(145deg,#35373b66,#24262a88);border-color:#c4c3c32b;padding:36px 30px;min-height:290px}
.steps li:after{right:18px;bottom:0;width:1px;height:80%;border:0;border-radius:0;transform:none;background:linear-gradient(180deg,transparent,#c4c3c345,#dfc58a55,transparent)}
.steps span{color:#d2b873}
.contact{background:#292b2f;padding:145px 0}
.contact:before{background:linear-gradient(90deg,#292b2fe8,#292b2fd9 55%,#292b2f55),url('assets/horizonte.png') right center/cover;opacity:.85}
.contact:after{background:linear-gradient(180deg,#292b2f,transparent 30%,transparent 70%,#191b1e)}
.contact h2{font-weight:500}
.contact .eyebrow:before{display:none}
.contact-actions{gap:24px}
footer{border-top:0}
@media(max-width:760px){.intro{padding-bottom:80px}.section h2{font-size:34px;letter-spacing:-1px}.card{min-height:350px;padding:30px}.steps li{min-height:245px;padding:30px}.contact{padding:100px 0}.intro:after{opacity:.25}.contact:before{background-position:75% center}}

/* Passagem mais próxima e leve entre apresentação e conteúdo. */
.intro{padding-top:80px;padding-bottom:85px;background:linear-gradient(180deg,#202226,#24262a)}
.intro:after{background:radial-gradient(ellipse at 88% 48%,#dfc58a0a,transparent 48%),linear-gradient(110deg,transparent 58%,#ececec04 70%,#ececec0a 70.15%,transparent 70.5%),linear-gradient(170deg,transparent 25%,#c4c3c305 65%,transparent);opacity:1}
.intro-copy{padding-top:45px}
.solutions{padding-top:85px}
@media(max-width:760px){.intro{padding-top:55px;padding-bottom:55px}.intro-copy{padding-top:0}.solutions{padding-top:55px}}

/* Respiro e uma linha de horizonte discreta, sem diagonais. */
.intro{padding-top:160px;padding-bottom:165px;background:linear-gradient(180deg,#202226,#24262a)}
.intro:after{inset:0;width:auto;height:auto;transform:none;background:radial-gradient(ellipse 42% 18% at 73% 83%,#dfc58a0b,transparent 75%);opacity:1}
.intro:before{content:"";position:absolute;left:55%;right:8%;bottom:105px;height:1px;background:linear-gradient(90deg,transparent,#c4c3c33d 30%,#dfc58a75 65%,transparent);box-shadow:0 -6px 28px 5px #dfc58a06;pointer-events:none}
.solutions{padding-top:120px}
@media(max-width:760px){.intro{padding-top:90px;padding-bottom:115px}.intro:before{left:12%;right:12%;bottom:55px}.intro:after{background:radial-gradient(ellipse 75% 15% at 65% 85%,#dfc58a0b,transparent 75%)}.solutions{padding-top:85px}}

/* A luz da abertura ganha presença na apresentação. */
.intro{background:#24262a}
.intro:before{display:none}
.intro:after{inset:0;background:linear-gradient(180deg,#202226 0%,#24262ae8 22%,#24262ab8 65%,#24262a 100%),linear-gradient(90deg,#24262a 0%,#24262af0 35%,#24262a33 100%),url('assets/horizonte.png') right 64%/cover;opacity:1}
.intro h2{font-weight:400;line-height:1.3;letter-spacing:-1.3px}
.intro h2 span{color:#e4cf9a}
.intro-copy{color:#dedddd;font-weight:400}
@media(max-width:760px){.intro:after{background:linear-gradient(180deg,#202226 0%,#24262af0 20%,#24262ae0 65%,#24262a 100%),url('assets/horizonte.png') 78% center/cover}.intro h2{font-weight:400;letter-spacing:-1px}}

/* Uma composição própria: a abertura continua em um horizonte real. */
.intro{padding-top:155px;padding-bottom:230px;min-height:760px;background:#222427}
.intro:after{background:linear-gradient(180deg,#202226 0%,#222427cc 18%,#22242766 65%,#24262a 100%),linear-gradient(90deg,#222427 0%,#222427f2 38%,#222427b8 60%,#2224270a 100%),url('assets/horizonte.png') right 62%/cover;opacity:1}
.intro h2{font-size:clamp(36px,3.5vw,50px);max-width:640px}
.intro h2 span{color:#d8d8d8}
.intro h2 strong{font-weight:500;color:#e4cf9a}
.intro-copy{padding-top:56px;max-width:540px;position:relative}
.intro-copy:after{content:"";display:block;margin-top:36px;width:60px;height:1px;background:#d5b874}
@media(max-width:760px){.intro{padding:100px 0 170px;min-height:0}.intro h2{font-size:34px}.intro-copy{padding-top:0}.intro:after{background:linear-gradient(180deg,#202226 0%,#222427ed 20%,#222427d9 65%,#22242770 82%,#24262a 100%),url('assets/horizonte.png') 78% bottom/auto 100%;}}

/* Depois da abertura: um horizonte claro e acolhedor. */
.intro{padding:150px 0 175px;min-height:700px;background:#eeede9;color:#303236}
.intro:after{background:linear-gradient(180deg,#eeede9ee 0%,#eeede9c7 24%,#eeede980 64%,#eeede9 100%),linear-gradient(90deg,#eeede9fa 0%,#eeede9e8 35%,#eeede9a6 64%,#eeede933 100%),url('assets/horizonte.png') right 60%/cover;opacity:1}
.intro h2{color:#303236;font-weight:400}
.intro h2 span{color:#55585a}
.intro h2 strong{color:#97783c;font-weight:500}
.intro .eyebrow{color:#97783c}
.intro .eyebrow:before{background:#b49555}
.intro-copy{color:#505357;line-height:1.9}
.intro-copy:after{background:#aa8b4d}
.solutions{background:linear-gradient(180deg,#eeede9 0%,#d9d9d6 35px,#686b6c 100px,#26282c 180px);padding-top:210px}
@media(max-width:760px){.intro{padding:100px 0 120px;min-height:0}.intro:after{background:linear-gradient(180deg,#eeede9f2 0%,#eeede9e0 60%,#eeede970 85%,#eeede9 100%),url('assets/horizonte.png') 78% bottom/auto 100%}.solutions{padding-top:165px;background:linear-gradient(180deg,#eeede9,#989b9a 60px,#26282c 130px)}}

/* Além do aço: luz quente sobre prata e grafite, sem branco excessivo. */
.intro{background:#626365;color:#ececec}
.intro:after{background:linear-gradient(180deg,#202226 0%,#46484adc 18%,#68696799 55%,#74736c99 78%,#56595a 100%),linear-gradient(90deg,#45484af2 0%,#515456e0 38%,#6d6e6c7d 68%,#a398821f 100%),url('assets/horizonte.png') right 60%/cover;opacity:1}
.intro h2{color:#e0e2e3;text-shadow:0 1px 2px #11121540}
.intro h2 span{color:#d1d5d7}
.intro h2 strong{font-weight:500;color:#eceeef;background:linear-gradient(110deg,#bec5ca,#f0f1f2 45%,#c7ced2 75%,#e1e4e6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.intro .eyebrow{color:#e0c995}
.intro .eyebrow:before,.intro-copy:after{background:#d0b87e}
.intro-copy{color:#e4e5e5;text-shadow:0 1px 2px #11121535}
.solutions{background:linear-gradient(180deg,#56595a 0%,#414548 80px,#26282c 200px);padding-top:220px}
@media(max-width:760px){.intro:after{background:linear-gradient(180deg,#202226 0%,#474b4de8 20%,#55595bcc 65%,#7c796da6 85%,#56595a 100%),url('assets/horizonte.png') 78% bottom/auto 100%}.solutions{padding-top:165px;background:linear-gradient(180deg,#56595a,#414548 60px,#26282c 140px)}}

/* Vista inteiramente além da abertura, sem paredes. */
.intro{background:#77756f}
.intro:after{background:linear-gradient(180deg,#202226cc 0%,#292b2d40 20%,#292b2d38 78%,#56595a 100%),linear-gradient(90deg,#25282c8c,#25282c70 56%,#25282c18),url('assets/horizonte-aberto.png') center center/cover;opacity:1}
.intro h2,.intro h2 span{color:#eceeef;text-shadow:0 2px 12px #11121555}
.intro-copy{color:#f0f0ed;text-shadow:0 1px 5px #11121599}
@media(max-width:760px){.intro:after{background:linear-gradient(180deg,#202226b8,#292b2d80 25%,#292b2d80 75%,#56595a),url('assets/horizonte-aberto.png') center/cover}}

/* Composição aprovada para teste: degradê amplo e horizonte livre. */
.intro{padding:125px 0 145px;min-height:820px;background:#272a2f}
.intro:before{display:none}
.intro:after{background:linear-gradient(180deg,#20222655,transparent 18%,transparent 85%,#26282c66),url('assets/horizonte-degrade.png') center/cover;opacity:1}
.intro .split{display:flex;flex-direction:column;gap:28px;align-items:flex-start}
.intro .split>div{width:56%;max-width:680px}
.intro h2{font-weight:400;font-size:clamp(34px,3.3vw,48px);line-height:1.22;letter-spacing:-1px;color:#dce0e2;text-shadow:none}
.intro h2 span,.intro h2 strong{color:#dce0e2;background:none;-webkit-text-fill-color:currentColor;font-weight:400}
.intro-copy{padding-top:0;color:#d9dcde;font-size:15px;line-height:1.85;text-shadow:none}
.intro-copy p{margin-top:0;margin-bottom:16px}
.intro-copy:after{display:none}
.solutions{background:linear-gradient(180deg,#272a2f,#26282c 100px);padding-top:125px}
@media(max-width:760px){.intro{padding:95px 0 130px;min-height:0}.intro .split>div{width:100%;max-width:none}.intro h2{font-size:34px}.intro:after{background:linear-gradient(90deg,#272a2f70,#272a2f40),url('assets/horizonte-degrade.png') 35% center/cover}.solutions{padding-top:85px}}

.hero-description p{margin:0 0 14px}.hero-description p:last-child{margin-bottom:0}

/* As duas cenas se encontram numa passagem suave, sem faixa separadora. */
.hero-inner{position:relative}
.hero-inner:after{content:"";position:absolute;left:calc((100vw - 100%)/-2);width:100vw;bottom:0;height:115px;background:linear-gradient(180deg,transparent,#272a2f);pointer-events:none}
.intro{padding-top:0}
.intro:after{background:linear-gradient(180deg,#272a2f 0%,#272a2f70 13%,transparent 30%,transparent 85%,#26282c66),url('assets/horizonte-degrade.png') center/cover}
.intro .service-rail{position:relative;z-index:2;background:transparent;border:0;padding:40px 0 55px}
.intro .service-rail>.wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.intro>.split{padding-top:45px}
@media(max-width:760px){.hero-inner:after{height:85px}.intro{padding-top:0}.intro .service-rail{padding:25px 0 35px}.intro .service-rail>.wrap{grid-template-columns:repeat(2,1fr);gap:22px}.intro>.split{padding-top:35px}.intro:after{background:linear-gradient(180deg,#272a2f,#272a2f55 22%,#272a2f40 85%,#26282c),url('assets/horizonte-degrade.png') 35% center/cover}}

/* Reflexo do piso conecta as cenas, com a emenda dissolvida. */
.hero-inner:after{height:60px;background:linear-gradient(180deg,transparent,#272a2f38)}
.intro:before{display:block;content:"";position:absolute;inset:0 0 auto;height:190px;width:100%;background:url('assets/passo-horizonte.png') center bottom/100% auto no-repeat;transform:scaleY(-1);transform-origin:center;box-shadow:none;mask-image:linear-gradient(0deg,#000,transparent);-webkit-mask-image:linear-gradient(0deg,#000,transparent);z-index:1;pointer-events:none}
.intro:after{background:linear-gradient(180deg,#272a2f50 0%,transparent 28%,transparent 85%,#26282c66),url('assets/horizonte-degrade.png') center/cover}
.intro .service-rail{padding-top:65px}
@media(max-width:760px){.hero-inner:after{height:40px}.intro:before{height:130px;background-size:auto 440px;background-position:right bottom}.intro .service-rail{padding-top:40px}}

/* Correção: sem imagem invertida, faixa vazia ou largura além da tela. */
.hero:before{inset:0}
.hero-inner:after{left:calc((100% - 100vw)/2);width:100vw;max-width:100vw;bottom:0;height:150px;background:linear-gradient(180deg,transparent,#272a2f);}
.hero{overflow:hidden}
.intro:before{display:none}
.intro:after{background:linear-gradient(180deg,#272a2f 0%,#272a2fc0 10%,#272a2f30 24%,transparent 38%,transparent 85%,#26282c66),url('assets/horizonte-degrade.png') center/cover}
@media(max-width:760px){.hero:before{inset:0}.hero-inner:after{height:90px}.intro:after{background:linear-gradient(180deg,#272a2f,#272a2f60 25%,#272a2f40 85%,#26282c),url('assets/horizonte-degrade.png') 35% center/cover}}