:root{--blue:#168ff5;--cyan:#57e5ff;--ink:#edf6ff;--line:#213852;--navy:#061427;--muted:#b0c4d8;color-scheme:dark}body{background:#050e1c;color:var(--ink)}h1,h2,h3{ text-wrap:balance}a:focus-visible,button:focus-visible{outline:3px solid #57e5ff;outline-offset:5px}.topbar{border-bottom:1px solid #132a43}.nav{gap:22px;height:92px}.navlinks{gap:19px;font-size:.82rem}.header .btn{font-size:.8rem;padding:12px 14px}.brand.brand-logo{display:flex;flex-direction:column;justify-content:center;gap:0;width:176px;height:87px;flex-shrink:0}.compact-symbol{position:relative;display:block;width:176px;height:62px;overflow:hidden}.brand-logo .compact-symbol img{position:absolute;max-width:none;width:400px;height:225px;left:-24px;top:-65px;object-fit:fill}.compact-caption{color:#c6ecff;font-size:10px;letter-spacing:.13em;font-weight:700;white-space:nowrap}.modern-hero{background:radial-gradient(ellipse at 95% 20%,#093c6844,transparent 60%),linear-gradient(125deg,#030b16,#08192f);border-bottom:1px solid #1e3c59;position:relative;overflow:hidden}.modern-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(30deg,#168ff50b 12%,transparent 12.5%,transparent 87%,#168ff50b 87.5%);background-size:90px 156px}.modern-hero .container{position:relative;display:grid;grid-template-columns:1.2fr .85fr;gap:48px;min-height:700px}.modern-hero .hero-copy{padding:76px 0;max-width:none}.modern-hero h1{font-size:clamp(2.35rem,3.7vw,3.5rem);line-height:1.1;letter-spacing:-.035em}.modern-hero p{font-size:1.04rem;line-height:1.75}.hero-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;margin-top:27px;font-size:.85rem;font-weight:650}.hero-shortcuts a{color:#aee8ff}.hero-shortcuts a:hover{color:white;text-decoration:underline}.trust{gap:14px;font-size:.78rem;margin-top:28px}.brand-showcase{border:1px solid #255675;border-radius:24px;overflow:hidden;background:#061327;box-shadow:0 0 80px #005b992d;transform:rotate(-2deg)}.brand-showcase img{width:100%;height:auto}.showcase-caption{padding:28px 30px;border-top:1px solid #1e405f;background:linear-gradient(140deg,#0a243d,#061225)}.showcase-caption span{display:block;color:#61dcff;letter-spacing:.18em;font-size:.68rem;font-weight:800;margin-bottom:10px}.showcase-caption strong{display:block;font-size:1.25rem}.showcase-caption p{font-size:.88rem;margin:10px 0 0}.btn-primary{background:linear-gradient(115deg,#136be0,#0088ad);border-color:#42beff80;box-shadow:0 8px 26px #007fff24}.section-soft,.reviews-section,.partners-section,.audience-section{background:#081526;border-color:#1c3248}.card,.audience-card,.review-card,.step,.quote-box,.work-card{background:linear-gradient(140deg,#0e223a,#091728);border-color:#253e58;color:#edf6ff}.card:hover,.audience-card:hover{border-color:#55d8ff;box-shadow:0 12px 35px #008cff18}.card p,.heading p,.audience-card p,.reviews-heading p,.review-card p,.work-copy p{color:#b0c4d8}.card .link,.audience-card .link,.work-label{color:#61dcff}.icon{background:#123453;color:#61dcff;border:1px solid #24618a}.review-card strong,.google-rating strong,.project-intro h2{color:#edf6ff}.service-group h2{color:#edf6ff}.service-item{background:#10263f;color:#edf6ff;border-color:#284762}.commercial-contact{background:#10263f}.oktoberfest-project{background:#0b2038}.case-new-photos figcaption{background:#10263f;color:#edf6ff}.form input,.form textarea,.form select{color:#edf6ff;background:#0b2035;border-color:#315371}.panel{border:1px solid #254e70}.cta{border:1px solid #2367a1;background:radial-gradient(ellipse at 100% 0,#5633c933,transparent 65%),linear-gradient(110deg,#0a2545,#0b4168)}.page-hero{background:radial-gradient(ellipse at top right,#0751a344,transparent 70%),#07172b}.footer{border-top:1px solid #24394f}.section{padding:82px 0}.logo-card{color-scheme:light}.btn-outline{background:#0a2038}.step small{color:#61dcff}.stat strong{font-size:1.2rem}
@media(max-width:1100px){.navlinks{gap:12px;font-size:.76rem}.nav{gap:14px}.modern-hero .container{gap:30px}.header .btn{max-width:160px}}@media(max-width:880px){.modern-hero .container{grid-template-columns:1fr;gap:0;padding-bottom:50px}.modern-hero .hero-copy{padding:55px 0 32px}.brand-showcase{transform:none;max-width:560px;width:100%;margin:auto}.navlinks{top:92px;gap:13px;font-size:1rem}.brand.brand-logo{width:176px;height:87px}.modern-hero h1{max-width:700px}.modern-hero .container{min-height:0}.hero-shortcuts{max-width:560px}}@media(max-width:560px){.modern-hero h1{font-size:2.3rem}.hero-shortcuts{grid-template-columns:1fr;gap:13px}.hero .actions .btn{width:100%}.brand-showcase{border-radius:16px}.showcase-caption{padding:23px}.section{padding:58px 0}.heading h2{font-size:2rem}.card{padding:25px}.topbar{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.service-photo{width:calc(100% + 60px);max-width:none;height:168px;object-fit:cover;margin:-30px -30px 24px;border-radius:11px 11px 0 0}.footer-logo .brand-logo{display:flex;flex-direction:column;gap:0;height:87px;width:176px}.footer-logo .compact-symbol img{position:absolute;max-width:none;width:400px;height:225px;left:-24px;top:-65px}.footer-logo .compact-caption{color:#c6ecff;font-size:10px;letter-spacing:.13em}@media(max-width:560px){.service-photo{width:calc(100% + 50px);margin:-25px -25px 24px}}

/* Capa original preservada; identidade aplicada ao cabeçalho. */
.modern-hero{background:linear-gradient(90deg,rgba(3,16,31,.99) 0%,rgba(3,16,31,.90) 37%,rgba(3,16,31,.2) 73%),url('ztech-hero.png') center/cover}
.modern-hero:before{display:none}.modern-hero .container{display:flex;min-height:700px}.modern-hero .hero-copy{max-width:650px;padding:72px 0}.modern-hero h1{font-size:clamp(2.35rem,3.7vw,3.5rem)}
.btn,.hero-shortcuts a{position:relative;border-radius:10px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;transform:translateY(0);border-top:1px solid #9ae7ff99;border-bottom:3px solid #034775;box-shadow:inset 0 2px 1px #ffffff30,0 5px 0 #032e50,0 12px 26px #0006}
.hero-shortcuts a{display:flex;align-items:center;justify-content:center;padding:12px 15px;background:linear-gradient(155deg,#173b60,#0a213a);border:1px solid #3988b5;border-bottom:3px solid #041a30;font-size:.82rem;color:#e1f6ff;text-align:center}
.btn:hover,.btn:focus-visible,.hero-shortcuts a:hover,.hero-shortcuts a:focus-visible{transform:translateY(-4px);filter:brightness(1.15);box-shadow:inset 0 2px 1px #ffffff50,0 8px 0 #032e50,0 16px 30px #008bff40;text-decoration:none}
.btn:active,.hero-shortcuts a:active{transform:translateY(4px);box-shadow:inset 0 1px 5px #0005,0 1px 0 #032e50,0 5px 12px #0004}
.header .btn-primary{border-bottom:3px solid #034775;box-shadow:inset 0 2px 1px #ffffff50,0 4px 0 #032e50,0 10px 25px #008bff40}
@keyframes ztech-button-glow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.16)}}
@media(prefers-reduced-motion:no-preference){.modern-hero .actions .btn-primary{animation:ztech-button-glow 3.5s ease-in-out infinite}}
@media(max-width:880px){.modern-hero .container{display:flex;padding-bottom:0}.modern-hero .hero-copy{padding:55px 0;max-width:650px}.modern-hero{background-position:64% center}}
@media(prefers-reduced-motion:reduce){.btn,.hero-shortcuts a{transform:none!important}}

/* Marca completa no cabeçalho, incluindo os dizeres à direita. */
.header .brand.brand-logo{width:360px;height:88px;overflow:visible}
.complete-logo{position:relative;display:block;width:360px;height:80px;overflow:hidden}
.header .brand-logo .complete-logo img{position:absolute;max-width:none;width:400px;height:225px;left:-23px;top:-65px;object-fit:fill}
.header .container.nav{width:min(1320px,calc(100% - 40px));gap:20px}.header .navlinks{gap:17px}.header .nav>.btn{max-width:180px}
@media(max-width:1150px) and (min-width:881px){.header .brand.brand-logo{width:300px}.complete-logo{width:300px;height:68px}.header .brand-logo .complete-logo img{width:334px;height:188px;left:-19px;top:-54px}.header .navlinks{gap:10px;font-size:.75rem}.header .nav>.btn{max-width:130px;font-size:.73rem;padding:10px}.header .container.nav{gap:12px}}
@media(max-width:560px){.header .container.nav{width:calc(100% - 24px);gap:8px}.header .brand.brand-logo{width:280px;height:84px}.complete-logo{width:280px;height:64px}.header .brand-logo .complete-logo img{width:312px;height:175.5px;left:-18px;top:-50px}.header .menu{flex-shrink:0;padding:6px}}
@media(max-width:360px){.header .brand.brand-logo{width:246px}.complete-logo{width:246px;height:57px}.header .brand-logo .complete-logo img{width:274px;height:154px;left:-16px;top:-44px}}
.header .brand-logo .complete-logo img{width:390px;height:219.375px;top:-63px}
@media(max-width:1150px) and (min-width:881px){.header .brand-logo .complete-logo img{width:328px;height:184.5px;top:-53px}}
@media(max-width:560px){.header .brand-logo .complete-logo img{width:306px;height:172.125px;top:-49px}}
@media(max-width:360px){.header .brand-logo .complete-logo img{width:268px;height:150.75px;top:-43px}}

.ricardo-welcome{background:radial-gradient(ellipse at 10% 45%,#0756a42e,transparent 55%),#071323;border-bottom:1px solid #203c58}.ricardo-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:center}.ricardo-portrait{max-width:340px;justify-self:center;border:1px solid #255579;border-radius:24px;overflow:hidden;background:#02060c;box-shadow:0 16px 55px #0006}.ricardo-portrait img{width:100%;height:auto;display:block}.ricardo-copy h2{font-size:clamp(2rem,3.7vw,3rem);line-height:1.12;margin:18px 0 22px;letter-spacing:-.035em}.ricardo-copy p{color:#b9cde0}.ricardo-message{padding:22px 25px;margin:25px 0 30px;border-left:3px solid #50d8ff;border-radius:0 14px 14px 0;background:#112c47}.ricardo-message strong{font-size:1.2rem;color:#e5f8ff}.ricardo-message p{margin:8px 0 0}.ricardo-footnote{font-size:.78rem;margin-top:26px!important}.ricardo-copy .actions{gap:18px}@media(max-width:760px){.ricardo-grid{grid-template-columns:1fr;gap:32px}.ricardo-portrait{max-width:240px}.ricardo-copy{text-align:center}.ricardo-message{text-align:left}.ricardo-copy .actions{justify-content:center}}@media(prefers-reduced-motion:no-preference){.ricardo-portrait{transition:transform .3s ease,box-shadow .3s ease}.ricardo-portrait:hover{transform:translateY(-5px);box-shadow:0 22px 60px #0074bc30}}

.google-reviews-label{display:inline-flex;align-items:center;gap:13px;color:#d8edff;font-size:.84rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.google-g{width:42px;height:42px;flex:none;padding:7px;background:#fff;border-radius:50%;box-shadow:0 3px 14px #0003}

/* Navegação visível no topo em todos os tamanhos. */
.header .container.nav{height:auto;min-height:124px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 20px;padding-top:5px}
.header .navlinks{display:flex!important;position:static;order:3;width:100%;flex-direction:row;align-items:center;justify-content:center;gap:32px;padding:8px 0 12px;background:transparent;border:0;border-top:1px solid #23415b;box-shadow:none;overflow-x:auto;white-space:nowrap;font-size:.9rem}
.header .navlinks a{flex-shrink:0;padding:5px 0}.header .menu{display:none!important}.header .nav>.btn{display:inline-flex;max-width:none}.header .brand.brand-logo{height:80px}.header{backdrop-filter:blur(12px)}
.ricardo-guide{position:fixed;right:18px;bottom:86px;z-index:65;max-width:calc(100vw - 32px)}
.guide-trigger{display:flex;align-items:center;gap:8px;cursor:pointer;background:transparent;border:0;padding:0;color:#f5fbff;font:inherit;filter:drop-shadow(0 5px 10px #0005)}
.guide-trigger img{width:82px;height:124px;object-fit:contain;border-radius:30px;background:#020a13;box-shadow:0 0 0 1px #3f8cbd66}
.guide-bubble{background:#113853;border:1px solid #49c7ef;border-radius:15px 15px 0 15px;padding:10px 13px;font-size:.8rem;font-weight:800;box-shadow:0 4px 15px #0005}.guide-bubble small{display:block;font-size:.65rem;font-weight:500;color:#b9e6fc;margin-top:2px}
.guide-panel{position:absolute;bottom:144px;right:0;width:290px;max-width:calc(100vw - 36px);padding:25px 20px 18px;background:#0a2035;border:1px solid #3890ba;border-radius:16px;box-shadow:0 14px 50px #0009}.guide-panel[hidden]{display:none}.guide-panel strong{font-size:1rem;display:block;padding-right:12px}.guide-panel p{font-size:.8rem;color:#b6cfdf;margin:7px 0 14px}.guide-panel a{display:block;font-size:.85rem;padding:12px 0;color:#e1f6ff;border-top:1px solid #24445d}.guide-panel a:hover{text-decoration:underline;color:#65ddff}.guide-close{position:absolute;right:7px;top:6px;background:transparent;border:0;color:white;cursor:pointer;font-size:24px;width:32px;height:32px}.guide-trigger:focus-visible,.guide-close:focus-visible{outline:3px solid #63dcff;outline-offset:4px}
@keyframes ricardo-walk{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(-4px,-3px) rotate(-2deg)}75%{transform:translate(4px,-3px) rotate(2deg)}}
@media(prefers-reduced-motion:no-preference){.guide-moving:not(.guide-open) .guide-trigger img{animation:ricardo-walk .55s ease-in-out infinite}.guide-trigger:hover img{transform:translateY(-4px);transition:transform .2s ease}}
@media(max-width:880px){.header .navlinks{gap:25px;justify-content:flex-start;font-size:.85rem}.header .nav>.btn{font-size:.75rem;padding:9px 12px}.header .container.nav{min-height:125px}}
@media(max-width:560px){.header .container.nav{justify-content:center}.header .nav>.btn{display:none}.header .brand.brand-logo{height:74px}.header .navlinks{font-size:.78rem;gap:20px;padding:8px 0 12px}.header .container.nav{min-height:115px}.ricardo-guide{right:12px;bottom:84px}.guide-trigger img{width:62px;height:94px}.guide-bubble{font-size:.7rem;padding:8px 10px}.guide-panel{bottom:110px}}

.footer .footer-logo{display:block;width:100%;max-width:360px}.footer .complete-logo{display:block;width:100%;height:auto;aspect-ratio:4.5;overflow:hidden;position:relative}.footer .complete-logo img{position:absolute;max-width:none;width:108.333%;height:auto;left:-6.389%;top:-78.75%;object-fit:fill}

.company-intro{display:grid;grid-template-columns:110px 1fr;gap:22px;align-items:center}.company-intro>img{width:110px;height:165px;object-fit:contain;border-radius:14px;background:#030a13}.company-intro h2{font-size:clamp(1.65rem,2.6vw,2.2rem);margin:12px 0}.company-intro p{font-size:.94rem}.company-about-link{display:inline-block;color:#65dcff;font-size:.88rem;font-weight:750;margin-top:16px}.company-hero{display:grid;grid-template-columns:1fr 190px;gap:55px;align-items:center}.company-mascot{margin:0;text-align:center}.company-mascot img{width:170px;height:255px;object-fit:contain;margin:0 auto;border-radius:18px;background:#030a13}.company-mascot figcaption{font-size:.7rem;color:#b9cfe0;margin-top:12px}
@media(max-width:560px){.company-intro{grid-template-columns:80px 1fr;gap:16px;align-items:start}.company-intro>img{width:80px;height:120px;margin-top:20px}.company-intro .eyebrow{font-size:.64rem;letter-spacing:.07em}.company-intro h2{font-size:1.5rem}.company-hero{grid-template-columns:1fr;gap:28px}.company-mascot img{width:120px;height:180px}.company-hero h1{font-size:2.3rem}}

.home-catalog-action{text-align:center;margin-top:30px}.reviews-section .reviews-heading h2{font-size:clamp(1.8rem,3vw,2.5rem)}