:root{--blue:#0038b8;--navy:#061834;--ink:#10213d;--muted:#66738a;--line:#dfe5ed;--soft:#f3f6fa;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff;line-height:1.55}.skip-link{position:absolute;left:-10000px}.skip-link:focus{left:1rem;top:1rem;z-index:30;background:#fff;padding:.6rem}.topbar{height:78px;position:absolute;z-index:10;top:0;width:100%;padding:0 max(4vw,28px);display:flex;align-items:center;justify-content:space-between;color:#fff}.brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.07em;line-height:1;font-size:1.25rem}.brand small{display:block;letter-spacing:.22em;font-size:.43rem;margin-top:5px}.brand-mark{border:2px solid currentColor;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:1.1rem;letter-spacing:0}.menu{display:flex;align-items:center;gap:29px}.menu a{color:#fff;text-decoration:none;font-size:.83rem;font-weight:600}.menu .nav-cta{padding:10px 16px;border:1px solid #ffffff77;border-radius:4px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.5rem}.hero{min-height:745px;height:100vh;position:relative;color:#fff;display:flex;align-items:center;background:url("https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=2200&q=90") center/cover}.hero-overlay,.cta-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,14,35,.91),rgba(2,19,51,.51) 55%,rgba(0,56,184,.25));}.hero-content{position:relative;z-index:1;width:min(780px,90vw);margin-left:max(8vw,28px);padding-top:60px}.eyebrow{color:var(--blue);font-weight:700;letter-spacing:.15em;text-transform:uppercase;font-size:.68rem;margin:0 0 16px}.eyebrow.light{color:#a8c9ff}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.1;margin:0}h1{font-size:clamp(3rem,6.3vw,6.5rem);letter-spacing:-.06em}h1 em,h2 em{font-style:normal;color:#73a9ff}.hero-text{font-size:clamp(1rem,1.45vw,1.25rem);max-width:600px;margin:27px 0 32px;color:#e5ebf7}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:3px;padding:0 20px;text-decoration:none;font-weight:700;font-size:.84rem;border:1px solid transparent;cursor:pointer;font-family:inherit}.button.primary{color:#fff;background:var(--blue)}.button.primary:hover{background:#1350d7}.button.ghost{color:#fff;border-color:#ffffff8c;background:#ffffff0a}.button.white{background:#fff;color:var(--blue)}.hero-stats{position:absolute;bottom:0;left:max(8vw,28px);right:max(8vw,28px);z-index:1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff49}.hero-stats div{padding:20px 18px 21px;border-right:1px solid #ffffff30}.hero-stats div:first-child{padding-left:0}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font-family:Manrope;font-size:1.2rem}.hero-stats span{font-size:.68rem;color:#cdd8ec}.scroll-cue{position:absolute;right:5vw;bottom:112px;color:#fff;text-decoration:none;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;writing-mode:vertical-rl;z-index:1;display:flex;gap:11px;align-items:center}.scroll-cue i{display:block;width:1px;height:48px;background:#fff}.section{max-width:1200px;margin:auto;padding:120px 28px}.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,130px);align-items:center}.about-image{position:relative}.about-image img{display:block;width:100%;height:535px;object-fit:cover}.image-note{position:absolute;bottom:-25px;right:-27px;background:var(--blue);color:#fff;padding:22px 28px;display:grid}.image-note b{font:800 2rem Manrope}.image-note span{font-size:.72rem}.about-copy h2,.section-head h2,.sectors h2,.workflow h2,.contact h2{font-size:clamp(2rem,3.5vw,3.35rem);letter-spacing:-.055em}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:1rem}.principles{border-top:1px solid var(--line);margin-top:33px;padding-top:20px;display:grid;gap:13px}.principles div{display:grid;grid-template-columns:80px 1fr;font-size:.76rem}.principles b{color:var(--blue)}.principles span{color:var(--muted)}.services{padding-top:145px}.section-head{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:50px}.section-head>div{max-width:650px}.section-head>p{max-width:330px;margin:0;color:var(--muted);font-size:.9rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:280px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:29px;transition:.25s;background:#fff}.service-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #18345a16}.service-card.featured{background:var(--blue);color:#fff}.service-card .icon{font-size:2.35rem;line-height:1;color:var(--blue)}.featured .icon{color:#fff}.service-card h3{font-size:1.18rem;margin:38px 0 11px}.service-card p{font-size:.82rem;color:var(--muted);min-height:53px;margin:0 0 18px}.featured p{color:#dbe7ff}.service-card a{font-size:.75rem;color:var(--blue);font-weight:bold;text-decoration:none}.featured a{color:#fff}.service-card a b{margin-left:8px}.advantages{background:var(--blue);color:#fff}.adv-inner{max-width:1200px;padding:100px 28px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.adv-intro h2{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.06em;margin-bottom:32px}.adv-list{margin:0;padding:0;list-style:none;border-top:1px solid #ffffff59}.adv-list li{display:flex;gap:25px;padding:18px 0;border-bottom:1px solid #ffffff59;font:600 1rem Manrope}.adv-list span{color:#8cb9ff;font-size:.7rem;padding-top:3px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:240px;gap:13px}.gallery-item{position:relative;overflow:hidden;padding:0;border:0;cursor:pointer;background:#123}.gallery-item.large{grid-row:span 2}.gallery-item.wide{grid-column:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.5s}.gallery-item:hover img{transform:scale(1.06)}.gallery-item span{position:absolute;bottom:0;left:0;right:0;padding:36px 18px 15px;color:#fff;text-align:left;font-size:.8rem;font-weight:bold;background:linear-gradient(transparent,#061834aa)}.gallery-item span b{float:right}.workflow{background:var(--soft)}.workflow-inner{text-align:center}.workflow h2{margin-bottom:57px}.steps{display:grid;grid-template-columns:repeat(6,1fr);position:relative}.steps:before{content:"";height:1px;background:#bcc7d7;position:absolute;top:17px;left:8%;right:8%}.steps div{position:relative;padding:0 12px;display:grid;gap:15px;justify-items:center}.steps b{display:grid;place-items:center;width:35px;height:35px;border:1px solid #a8b3c4;border-radius:50%;font-size:.65rem;background:var(--soft);z-index:1}.steps span{font-size:.75rem;max-width:105px}.sectors h2{max-width:600px;margin-bottom:43px}.sector-list{display:flex;flex-wrap:wrap;gap:10px}.sector-list span{border:1px solid var(--line);padding:16px 21px;border-radius:2px;font:600 .78rem Manrope}.numbers{background:var(--navy);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:75px max(8vw,28px);gap:30px}.number-item{border-left:1px solid #ffffff3b;padding-left:25px}.number-item strong{display:block;color:#92b9ff;font:800 clamp(2.5rem,4vw,4.4rem) Manrope;letter-spacing:-.06em}.number-item span{font-size:.76rem;color:#d3ddec}.cta{height:540px;position:relative;color:#fff;background:url("https://images.unsplash.com/photo-1590479773265-7464e5d48118?auto=format&fit=crop&w=2200&q=85") center/cover;display:flex;align-items:center}.cta-content{position:relative;z-index:1;margin-left:max(8vw,28px)}.cta h2{font-size:clamp(2.7rem,5vw,5.1rem);letter-spacing:-.065em}.cta-content>p:not(.eyebrow){color:#deebff;margin:20px 0 27px}.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,9vw,135px);align-items:start}.contact-info>p:not(.eyebrow){color:var(--muted);max-width:400px}.contact-details{margin-top:37px;display:grid;gap:15px}.contact-details a,.contact-details span{color:var(--ink);text-decoration:none;font-weight:600;font-size:.86rem}.contact-details i{color:var(--blue);font-style:normal;font-size:1.1rem;margin-right:10px}.contact-form{background:var(--soft);padding:34px;display:grid;gap:15px}.contact-form label{display:grid;gap:6px;font-size:.7rem;font-weight:700}.contact-form input,.contact-form textarea{border:1px solid #d9e1eb;background:#fff;padding:12px;font:400 .86rem inherit;color:var(--ink);outline-color:var(--blue);resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-form .button{justify-self:start;margin-top:7px}.form-feedback{margin:0;font-size:.8rem;color:var(--blue)}footer{background:#05142c;color:#fff;padding:52px max(8vw,28px) 24px;display:grid;grid-template-columns:1fr 1.3fr 1.2fr;gap:25px;align-items:start}footer p{font-size:.78rem;color:#aebbd0;margin:0}footer div{display:flex;gap:20px;justify-content:end}footer a{color:#dce6f6;text-decoration:none;font-size:.75rem}footer small{grid-column:1/-1;border-top:1px solid #ffffff2b;padding-top:20px;color:#91a0b7;font-size:.65rem}.whatsapp,.to-top{position:fixed;bottom:24px;z-index:9;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;text-decoration:none;border:0;cursor:pointer;box-shadow:0 7px 22px #001b5833}.whatsapp{right:24px;background:#22c56d;color:#fff;font-size:1.3rem}.to-top{right:80px;background:#fff;color:var(--blue);font-size:1.2rem;opacity:0;visibility:hidden;transition:.2s}.to-top.visible{opacity:1;visibility:visible}.lightbox{border:0;padding:0;background:transparent;max-width:min(1000px,90vw)}.lightbox::backdrop{background:#020a18dd}.lightbox img{display:block;max-width:100%;max-height:85vh}.lightbox button{position:absolute;right:0;top:-43px;background:transparent;border:0;color:#fff;font-size:2.2rem;cursor:pointer}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:760px){.topbar{height:66px}.menu-toggle{display:block}.menu{display:none;position:absolute;top:66px;left:0;right:0;padding:20px 28px;background:#061834;flex-direction:column;align-items:flex-start;gap:19px}.menu.open{display:flex}.hero{min-height:670px}.hero-content{margin-left:28px}.hero-stats{left:28px;right:28px;grid-template-columns:1fr 1fr}.hero-stats div{padding:10px 7px}.hero-stats strong{font-size:1rem}.hero-stats span{font-size:.57rem}.scroll-cue{display:none}.section{padding:82px 22px}.about,.contact{grid-template-columns:1fr;gap:45px}.about-image img{height:400px}.image-note{right:0}.section-head{display:block;margin-bottom:32px}.section-head>p{margin-top:18px}.service-grid{grid-template-columns:1fr 1fr}.service-card{padding:21px;min-height:250px}.service-card h3{margin-top:30px;font-size:1rem}.adv-inner{grid-template-columns:1fr;gap:42px;padding:72px 22px}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.gallery-item.wide{grid-column:span 2}.steps{grid-template-columns:1fr 1fr 1fr;gap:25px}.steps:before{display:none}.numbers{grid-template-columns:1fr 1fr;padding:55px 28px}.cta{height:500px}.contact-form{padding:23px}.form-row{grid-template-columns:1fr}footer{grid-template-columns:1fr;gap:20px}footer div{justify-content:start;flex-wrap:wrap}.to-top{right:78px}}@media(max-width:430px){h1{font-size:2.9rem}.service-grid{grid-template-columns:1fr}.gallery-grid{grid-auto-rows:150px}.hero-stats{display:none}.hero{min-height:590px}.steps{grid-template-columns:1fr 1fr}.numbers{gap:23px}.number-item{padding-left:13px}}

.brand-logo {
  width: 270px;
  height: 80px;
  padding: 0;
}

.brand-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 0 1px rgba(255, 255, 255, .95)) drop-shadow(0 5px 14px rgba(255, 255, 255, .45));
}

@media (max-width: 760px) {
  .brand-logo { width: 195px; height: 58px; }
}

.whatsapp { overflow: hidden; padding: 0; }
.whatsapp img { width: 100%; height: 100%; object-fit: cover; }
.contact-whatsapp { width: 22px; height: 22px; object-fit: cover; border-radius: 50%; vertical-align: middle; margin-right: 8px; }
.instagram-icon { width: 21px; height: 21px; object-fit: cover; border-radius: 50%; vertical-align: middle; margin-right: 8px; }
.instagram-button { margin-top: 28px; color: #fff; background: linear-gradient(135deg, #833ab4, #e1306c 52%, #f77737); }
.instagram-button:hover { color: #fff; filter: brightness(1.08); }
.social-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 28px; }
.social-actions .instagram-button { margin-top: 0; }
.linkedin-button { color: #fff; background: #0a66c2; }
.linkedin-button:hover { color: #fff; background: #075aa9; }
.facebook-button { color: #fff; background: #1877f2; }
.facebook-button:hover { color: #fff; background: #1265d2; }

.company-profile { background: var(--navy); color: #fff; }
.hero { background-image: url("ativos/imagem-fundo-oficial-satah.png"); background-position: center; background-size: 90% auto; background-repeat: no-repeat; background-color: #061834; }
.hero-overlay { background: linear-gradient(90deg, rgba(2, 14, 35, .92), rgba(2, 19, 51, .72) 54%, rgba(0, 56, 184, .28)); }
.profile-inner { max-width: 1200px; margin: auto; padding: 56px 28px; }
.profile-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.profile-grid div { border-left: 1px solid #ffffff3b; padding-left: 18px; display: grid; gap: 7px; }
.profile-grid strong { color: #9ec2ff; font: 700 1rem Manrope, sans-serif; }
.profile-grid span { color: #d4dfef; font-size: .76rem; }
.profile-note { margin: 23px 0 0; color: #bdcbe0; font-size: .72rem; }
.case-studies { padding-bottom: 100px; }
.case-studies .works-intro { position: relative; z-index: 1; margin-bottom: -18px; padding: 20px 22px; color: #fff; background: linear-gradient(135deg, var(--blue), #0a2b78); box-shadow: 0 14px 30px rgba(0, 56, 184, .24); font-size: 1rem; font-weight: 600; line-height: 1.45; }
.case-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.case-card { min-height: 370px; position: relative; overflow: hidden; background: var(--navy); }
.case-card.case-wide { min-height: 430px; }
.case-card img { display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; transition: transform .5s ease; }
.case-card:hover img { transform: scale(1.04); }
.case-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 30px; color: #fff; background: linear-gradient(0deg, rgba(2,14,35,.96), rgba(2,14,35,.04) 68%); }
.case-overlay span { color: #a8c9ff; text-transform: uppercase; letter-spacing: .14em; font-size: .65rem; font-weight: 700; }
.case-overlay h3 { font-size: clamp(1.3rem, 2vw, 1.8rem); margin: 9px 0; }
.case-overlay p { max-width: 570px; margin: 0; color: #e2ebf8; font-size: .84rem; }
.case-overlay small { margin-top: 16px; color: #b9c8dd; font-size: .64rem; text-transform: uppercase; letter-spacing: .08em; }
.image-disclaimer { color: var(--muted); font-size: .72rem; margin: 18px 0 0; }
.about { position: relative; display: block; min-height: 0; max-width: 1200px; padding: 120px 28px; background: #fff; overflow: visible; }
.about::before { content: none; }
.about-image { display: none; }
.about-copy { position: relative; z-index: 1; width: min(760px, 100%); padding: 0; background: transparent; box-shadow: none; color: var(--ink); }
.about-copy h2 { color: var(--ink); }
.about-copy > p:not(.eyebrow) { color: var(--muted); }
.about-copy .principles { border-color: var(--line); }
.about-copy .principles b { color: var(--blue); }
.about-copy .principles span { color: var(--muted); }
.about-copy .principles { position: relative; z-index: 1; margin: 34px -20px 0; padding: 22px 20px; border: 0; background: linear-gradient(135deg, var(--blue), #0a2b78); box-shadow: 0 14px 30px rgba(0, 56, 184, .22); }
.about-copy .principles b { color: #fff; }
.about-copy .principles span { color: #e2ebff; }
.about { padding-bottom: 65px; }
.services { padding-top: 95px; }
.service-card { background: var(--blue); color: #fff; }
.service-card .icon, .featured .icon { color: #fff; }
.service-card p, .featured p { color: #dbe7ff; }
.service-card a, .featured a { color: #fff; }
.service-card:hover { background: #0b47c8; }
.service-grid { gap: 14px; border: 0; background: #fff; }
.service-card { border: 0; }
.company-gallery { grid-template-columns: repeat(3, 1fr); grid-auto-rows: auto; max-width: 980px; margin: 0 auto; }
.company-gallery .gallery-item { aspect-ratio: 4 / 3; }
.company-gallery .gallery-item:nth-child(1) img { object-position: center 42%; }
.company-gallery .gallery-item:nth-child(2) img { object-position: center 58%; }
.company-gallery .gallery-item:nth-child(3) img { object-position: center 52%; }
.company-gallery .gallery-item:nth-child(4) img { object-position: 48% 38%; }
.company-gallery .gallery-item:nth-child(5) img { object-position: center; }
.company-gallery .gallery-item:nth-child(6) img { object-fit: contain; background: #fff; }
@media (max-width: 760px) { .profile-grid, .case-grid { grid-template-columns: 1fr; } .profile-grid { gap: 18px; } .case-card, .case-card.case-wide { min-height: 340px; } .case-overlay { padding: 23px; } .about { padding: 82px 22px 45px; } .about-copy { width: 100%; } .services { padding-top: 65px; } .company-gallery { grid-template-columns: repeat(2, 1fr); } }

