:root{--bg:#05090b;--panel:#090f12;--gold:#e8b94c;--gold2:#ffd36b;--cream:#f8f4e9;--muted:#b9b9b3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{position:absolute;z-index:20;top:0;left:0;width:100%;height:92px;display:flex;align-items:center;padding:10px 4%;gap:34px;background:linear-gradient(180deg,#05090be6,transparent)}.brand img,footer img{width:105px;height:74px;object-fit:cover;object-position:center 52%;border-radius:50%}.topbar nav{display:flex;gap:31px;margin-left:auto}.topbar nav a{font-size:12px;padding:12px 0}.topbar nav a.active{color:var(--gold2);border-bottom:2px solid var(--gold)}.btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;background:linear-gradient(135deg,#ffdb78,#e6ad37);color:#090909;font-size:13px;font-weight:700;padding:15px 24px;box-shadow:0 8px 25px #0006;white-space:nowrap}.btn b{font-size:18px}.btn-top{margin-left:12px}.menu{display:none;border:0;background:transparent;color:#fff;font-size:30px}.hero{height:720px;position:relative;isolation:isolate;overflow:hidden;background:#071015;display:flex;align-items:center;padding:110px 4% 40px}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#030708f7 0%,#030708c8 35%,#0307083b 65%,#0307081a 100%)}.hero-copy{position:relative;z-index:2;width:540px}.eyebrow{color:var(--gold);letter-spacing:5px;font-size:11px;font-weight:700}.hero h1,.about h2,.section h2,.cta h2{font-family:'Cormorant Garamond',serif;font-weight:600;line-height:.93;margin:18px 0}.hero h1{font-size:74px}.hero h1 em,.about h2 em{font-style:normal;color:var(--gold2)}.hero-copy>p{font-size:17px;line-height:1.55;margin:0 0 22px;max-width:500px}.trust{display:flex;gap:42px;margin-top:42px}.trust>div{display:flex;align-items:center;gap:10px}.trust i{font-style:normal;color:var(--gold2);font-size:30px}.trust p{margin:0;font-size:11px;line-height:1.5}.trust small{display:block;color:#ddd}.hero-note{position:absolute;z-index:2;right:5%;top:245px;display:flex;flex-direction:column;gap:105px;border-left:1px solid #d7a944;padding-left:18px;letter-spacing:5px;font-size:11px;line-height:1.9}.hero-note b{color:var(--gold2)}.about{display:grid;grid-template-columns:1fr 1fr;min-height:345px;border-top:1px solid #ffffff12}.about-photo{background:url('assets/images/sobre.jpg') center/cover no-repeat}.about-copy{padding:48px 7%;background:linear-gradient(120deg,#0a1114,#060a0c)}.about h2,.section h2,.cta h2{font-size:43px}.about-copy>p{max-width:560px;color:#d0d0cb;font-size:13px;line-height:1.65}.stats{display:flex;margin-top:32px}.stats>div{padding:0 28px;border-right:1px solid #a17d34}.stats>div:first-child{padding-left:0}.stats>div:last-child{border:0}.stats strong{display:block;color:var(--gold2);font:600 31px 'Cormorant Garamond',serif}.stats small{font-size:10px}.section{padding:45px 4%;border-top:1px solid #ffffff12}.section-title{display:flex;align-items:end;gap:35px;margin-bottom:27px}.section-title h2{margin:10px 0 0}.section-title>p,.section-title>div>p{color:var(--muted);font-size:11px;line-height:1.6;max-width:430px;margin-bottom:5px}.section-title>a{margin-left:auto;color:var(--gold2);font-size:10px;font-weight:700}.services{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.services article{height:128px;border:1px solid #ffffff12;background:linear-gradient(145deg,#10171a,#080c0e);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.services i{font-style:normal;font-size:30px;color:var(--gold2)}.services b{font-size:12px;line-height:1.45}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.project-card{min-width:0}.project-card img{width:100%;aspect-ratio:1.42;object-fit:cover;display:block}.project-card h3{font-size:11px;margin:10px 0 3px}.project-card p{font-size:9px;color:#bbb;margin:0}.dots{display:none}.cta{min-height:185px;padding:35px 4%;display:flex;align-items:center;justify-content:space-between;gap:40px;background:linear-gradient(90deg,#071015ed,#11100bd6),url('assets/images/cta.jpg') center/cover;border-block:1px solid #ffffff16}.cta h2{margin:10px 0}.cta>div:last-child{max-width:430px}.cta p{font-size:11px;color:#ddd;line-height:1.6}footer{background:#060a0c}.foot-main{min-height:100px;padding:12px 4%;display:flex;align-items:center;border-bottom:1px solid #ffffff16}.foot-main nav{display:flex;gap:30px;margin:auto;font-size:10px}.social{font-size:14px;text-align:right}.social small{display:block;color:#888;font-size:9px;margin-top:12px}.foot-bottom{padding:18px 4%;display:flex;justify-content:space-between;color:#888;font-size:8px}.foot-bottom span:last-child{color:#bbb}.foot-bottom span:last-child::first-letter{color:var(--gold2)}
@media(max-width:760px){.topbar{height:72px;padding:8px 18px}.brand img{width:70px;height:55px}.topbar nav,.btn-top{display:none}.menu{display:block;margin-left:auto}.topbar nav.open{display:flex;position:absolute;top:70px;left:12px;right:12px;background:#070c0ff7;border:1px solid #d7a94455;flex-direction:column;gap:0;padding:12px 20px}.topbar nav.open a{padding:14px 0;border-bottom:1px solid #ffffff12}.hero{height:auto;min-height:565px;padding:100px 18px 22px;background-position:62% center}.hero-overlay{background:linear-gradient(90deg,#030708f5 0%,#030708d0 48%,#0307085c 100%)}.hero-copy{width:100%;max-width:355px}.eyebrow{font-size:8px;letter-spacing:3.2px}.hero h1{font-size:48px;margin:12px 0}.hero-copy>p{font-size:12px;line-height:1.55;max-width:330px}.btn{font-size:11px;padding:12px 17px}.trust{gap:11px;margin-top:25px;justify-content:space-between}.trust>div{gap:5px}.trust i{font-size:22px}.trust p{font-size:8px}.hero-note{display:none}.about{grid-template-columns:1fr}.about-photo{height:185px}.about-copy{padding:28px 18px}.about h2,.section h2,.cta h2{font-size:32px}.about-copy>p{font-size:10px}.stats{margin-top:22px;justify-content:space-between}.stats>div{padding:0 12px;text-align:center}.stats strong{font-size:26px}.stats small{font-size:7px}.section{padding:28px 18px}.section-title{display:block;margin-bottom:18px}.section-title>p{font-size:9px}.section-title>a{display:none}.services{grid-template-columns:repeat(3,1fr);gap:7px}.services article{height:92px;gap:7px}.services i{font-size:23px}.services b{font-size:8px}.projects{overflow:hidden}.project-grid{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:3px;scrollbar-width:none}.project-grid::-webkit-scrollbar{display:none}.project-card{flex:0 0 82%;scroll-snap-align:start}.project-card img{aspect-ratio:1.72}.project-card h3{font-size:10px}.project-card p{font-size:8px}.dots{display:flex;justify-content:center;gap:6px;margin-top:15px}.dots>*{width:6px;height:6px;border-radius:50%;background:#555}.dots b{background:var(--gold2)}.cta{display:block;min-height:210px;padding:30px 18px;background-position:center}.cta>div:last-child{margin-top:16px}.cta p{font-size:9px}.foot-main{display:flex;flex-wrap:wrap;padding:12px 18px}.foot-main img{width:78px;height:58px}.foot-main nav{display:none}.social{margin-left:auto;font-size:12px}.social small{font-size:7px}.foot-bottom{display:block;text-align:center;padding:12px 18px;font-size:7px;line-height:1.8}.foot-bottom span{display:block}.topbar nav.open{z-index:50}}

/* FRANZEX — identidade azul-marinho + logo integrada */
:root{--bg:#031127;--panel:#061a36;--gold:#e8b94c;--gold2:#ffd36b;--cream:#f8f4e9;--muted:#b9c1cc}
body{background:var(--bg)}
.topbar{background:linear-gradient(180deg,rgba(3,17,39,.97) 0%,rgba(3,17,39,.72) 55%,transparent 100%)}
.brand{display:flex;align-items:center;align-self:stretch;padding:4px 0}
.brand img{width:116px;height:78px;object-fit:contain;object-position:left center;border-radius:0;filter:drop-shadow(0 4px 10px rgba(0,0,0,.22))}
.hero{background-color:#031127}
.hero-overlay{background:linear-gradient(90deg,rgba(3,17,39,.97) 0%,rgba(3,17,39,.83) 35%,rgba(3,17,39,.28) 68%,rgba(3,17,39,.08) 100%)}
.about-copy{background:linear-gradient(120deg,#08234a,#031127)}
.services article{background:linear-gradient(145deg,#0a2549,#04152d);border-color:rgba(255,255,255,.09)}
.cta{background:linear-gradient(90deg,rgba(3,17,39,.96),rgba(6,28,57,.82)),url('assets/images/cta.jpg') center/cover}
footer{background:#021022}
.foot-main img{width:132px;height:72px;object-fit:contain;object-position:left center;border-radius:0;filter:drop-shadow(0 3px 8px rgba(0,0,0,.2))}
@media(max-width:760px){
 .brand img{width:86px;height:56px;object-fit:contain;border-radius:0}
 .topbar nav.open{background:rgba(3,17,39,.98)}
 .hero-overlay{background:linear-gradient(90deg,rgba(3,17,39,.96) 0%,rgba(3,17,39,.84) 50%,rgba(3,17,39,.38) 100%)}
 .foot-main img{width:102px;height:58px;object-fit:contain;border-radius:0}
}
/* Logo FRANZEX realmente integrada ao layout */
.brand{flex:0 0 auto; height:84px; display:flex; align-items:center; overflow:visible}
.brand img{width:145px!important;height:82px!important;object-fit:contain!important;object-position:left center!important;border-radius:0!important;display:block!important}
.foot-main img{width:155px!important;height:82px!important;object-fit:contain!important;border-radius:0!important;display:block!important}
@media(max-width:760px){
 .brand{height:62px}
 .brand img{width:105px!important;height:60px!important}
 .foot-main img{width:115px!important;height:64px!important}
}

/* === FINAL: composição fiel ao mockup aprovado === */
:root{--bg:#03152e;--panel:#051b38;--panel2:#072243;--gold:#e6b44a;--gold2:#ffd36a;--cream:#fbf8ef;--muted:#c6ced8}
body{background:linear-gradient(180deg,#03152e 0%,#021126 100%)}
.topbar{height:96px;padding:12px 4.7%;gap:34px;background:linear-gradient(180deg,rgba(2,14,31,.72),rgba(2,14,31,.16),transparent)}
.brand{width:115px;height:80px;padding:0;align-self:auto;overflow:visible}
.brand img{width:108px!important;height:78px!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 2px 5px rgba(0,0,0,.35))}
.topbar nav{gap:34px}.topbar nav a{font-size:11px}.btn{background:linear-gradient(135deg,#ffdb74,#efb43e);box-shadow:0 7px 24px rgba(0,0,0,.25);padding:14px 22px}.wa-icon{width:22px;height:22px;border:2px solid currentColor;border-radius:50%;display:inline-grid;place-items:center;flex:0 0 auto}.wa-icon svg{width:15px;height:15px;fill:currentColor}.hero{height:720px;padding:110px 4.7% 40px;background-color:#03152e}.hero-overlay{background:linear-gradient(90deg,rgba(2,18,40,.96) 0%,rgba(2,18,40,.80) 33%,rgba(2,18,40,.20) 66%,rgba(2,18,40,.05) 100%)}
.about-copy{background:linear-gradient(120deg,#08254d,#03152e)}.section{background:linear-gradient(180deg,#03162f,#02142c)}.services article{background:linear-gradient(145deg,#092448,#04162f)}.projects{background:linear-gradient(180deg,#03162f,#02142c)}
.cta{background:linear-gradient(90deg,rgba(3,21,46,.96),rgba(3,21,46,.68)),url('assets/images/cta.jpg') center/cover}
footer{background:#021126}.foot-main img{width:138px!important;height:76px!important;object-fit:contain!important;filter:drop-shadow(0 2px 5px rgba(0,0,0,.35))}
@media(max-width:760px){
 .topbar{height:76px;padding:7px 18px}.brand{width:88px;height:64px}.brand img{width:82px!important;height:60px!important}.menu{font-size:0;width:28px;height:24px;position:relative}.menu:before,.menu:after,.menu{border-top:2px solid #fff}.menu:before,.menu:after{content:"";position:absolute;left:0;width:28px}.menu:before{top:7px}.menu:after{top:16px}
 .hero{min-height:590px;padding:100px 18px 24px;background-position:61% center}.hero-overlay{background:linear-gradient(90deg,rgba(2,18,40,.96) 0%,rgba(2,18,40,.84) 50%,rgba(2,18,40,.35) 100%)}
 .hero h1{font-size:49px}.btn{padding:12px 17px}.wa-icon{width:21px;height:21px}.wa-icon svg{width:14px;height:14px}.about-copy{background:linear-gradient(135deg,#08254d,#03152e)}
 .foot-main img{width:105px!important;height:60px!important}
}

/* Vídeo na imagem da seção Sobre */
.about-photo{position:relative;overflow:hidden;background-image:none;background-color:#071015}
.about-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
@media(max-width:760px){.about-photo{height:185px}}

/* Imagem original mantida na seção inicial */
.hero{background-image:url('assets/images/hero.jpg');background-size:cover;background-position:center}