:root{
  --bg:#080d11; --bg2:#0d1419; --panel:#111a20; --line:#26323a;
  --text:#f5f7f8; --muted:#aab4bb; --orange:#f28a00; --blue:#1588d8;
  --max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.topbar{height:84px;display:flex;align-items:center;gap:30px;padding:0 max(24px,calc((100vw - var(--max))/2));position:sticky;top:0;z-index:20;background:rgba(7,12,16,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.brand{width:195px;overflow:hidden;height:68px;display:flex;align-items:center}.brand img{width:190px;height:66px;object-fit:cover;object-position:center 42%;border-radius:7px}
.menu{display:flex;gap:28px;margin-left:auto}.menu a{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#dbe1e4}.menu a:hover{color:var(--orange)}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:13px 18px;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.04em;border:1px solid #52606a}.btn-primary{background:var(--orange);border-color:var(--orange);color:white}.btn-outline{background:rgba(0,0,0,.18)}.header-cta{white-space:nowrap}.menu-toggle{display:none;background:none;border:0;color:white;font-size:28px}
.hero{min-height:690px;position:relative;display:flex;align-items:center;background-size:cover;background-position:center}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,12,.96) 0%,rgba(3,8,12,.78) 38%,rgba(3,8,12,.15) 75%,rgba(3,8,12,.08) 100%)}
.hero-content{position:relative;z-index:2;width:min(var(--max),calc(100% - 48px));margin:auto;padding:70px 0}.eyebrow{color:var(--orange);font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
h1{font-size:clamp(42px,6vw,76px);line-height:1.02;max-width:680px;margin:16px 0 22px;letter-spacing:-.035em}h1 span,h2 span{color:var(--orange)}.hero p{max-width:590px;color:#d1d8dc;font-size:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.trustbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b1115}.trust{width:min(var(--max),calc(100% - 48px));margin:auto;display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0}.trust div{padding:0 22px;border-right:1px solid var(--line)}.trust div:last-child{border:0}.trust b{display:block;font-size:13px}.trust small{color:var(--muted)}
.section{padding:82px 24px}.container{width:min(var(--max),100%);margin:auto}.section-title{text-align:center;margin-bottom:38px}.section-title h2{font-size:clamp(30px,4vw,48px);margin:8px 0}.section-title p{color:var(--muted);max-width:700px;margin:auto}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:linear-gradient(145deg,#111a20,#0b1217);border:1px solid var(--line);border-radius:10px;padding:26px;min-height:210px}.card .icon{font-size:32px;color:var(--orange)}.card h3{margin:15px 0 8px}.card p{color:var(--muted);font-size:14px}
.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project{position:relative;overflow:hidden;border-radius:10px;background:#111;border:1px solid var(--line);min-height:340px}.project img{width:100%;height:340px;object-fit:cover;transition:.45s}.project:hover img{transform:scale(1.025)}.project-overlay{position:absolute;inset:auto 0 0;padding:55px 22px 20px;background:linear-gradient(transparent,rgba(0,0,0,.92))}.project-overlay h3{margin:0 0 4px}.project-overlay p{margin:0;color:#c3cbd0}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center}.split img{border-radius:12px;min-height:430px;object-fit:cover}.split h2{font-size:46px;line-height:1.08;margin:8px 0 18px}.split p{color:var(--muted)}
.bullets{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.bullet{border-left:3px solid var(--orange);padding:8px 12px;background:#0d151a}
.cta{background:linear-gradient(120deg,#121d23,#0b1014);border:1px solid var(--line);border-radius:12px;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:20px}.cta h2{font-size:36px;margin:0 0 8px}.cta p{color:var(--muted);margin:0}
.page-hero{padding:90px 24px 70px;background:radial-gradient(circle at 80% 10%,#163345 0%,#0b1115 42%,#080d11 70%)}.page-hero .container{max-width:1000px}.page-hero h1{font-size:58px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery img{width:100%;height:300px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.filter{padding:9px 13px;border:1px solid var(--line);border-radius:99px;color:#c8d0d4;font-size:13px}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.step b{color:var(--orange);font-size:12px}.step h3{margin:7px 0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.contact-box{padding:28px;border:1px solid var(--line);border-radius:10px;background:#0d151a}.contact-box h3{margin-top:0}.contact-box a{display:block;margin:10px 0;color:#dce3e7}.contact-box a:hover{color:var(--orange)}
.footer{width:min(var(--max),calc(100% - 48px));margin:auto;padding:54px 0 35px;border-top:1px solid var(--line);display:grid;grid-template-columns:2fr 1fr 1.4fr 1.3fr;gap:30px;color:#aeb8be}.footer strong{display:block;color:white;margin-bottom:14px}.footer a{display:block;margin:8px 0;font-size:14px}.footer-logo{width:170px;height:62px;object-fit:cover;object-position:center 42%;border-radius:7px}.copyright{text-align:center;color:#65727b;border-top:1px solid #19232a;padding:15px;font-size:12px}.whatsapp-float{position:fixed;z-index:15;right:20px;bottom:20px;background:#1fa855;padding:12px 16px;border-radius:99px;color:white;font-weight:700;box-shadow:0 12px 28px rgba(0,0,0,.35)}
.note{font-size:12px;color:#7f8c94;margin-top:12px}
@media(max-width:900px){
 .header-cta{display:none}.menu-toggle{display:block;margin-left:auto}.menu{display:none;position:absolute;top:84px;left:0;right:0;background:#081015;padding:20px 24px;flex-direction:column}.menu.open{display:flex}
 .hero{min-height:640px}.hero:before{background:linear-gradient(90deg,rgba(3,8,12,.94),rgba(3,8,12,.45))}
 .trust{grid-template-columns:1fr 1fr}.trust div{border-bottom:1px solid var(--line);padding:18px}
 .cards{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.footer{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
 .topbar{padding:0 16px}.brand{width:160px}.brand img{width:155px}.section{padding:60px 18px}.hero-content{width:calc(100% - 36px)}h1{font-size:45px}
 .trust{width:100%;grid-template-columns:1fr}.cards,.gallery,.process,.footer{grid-template-columns:1fr}.project{min-height:280px}.project img{height:280px}.cta{align-items:flex-start;flex-direction:column}.page-hero h1{font-size:44px}.bullets{grid-template-columns:1fr}
}

/* ===== V2 PREMIUM ===== */
.hero-v2{min-height:760px;position:relative;display:flex;align-items:center;background-size:cover;background-position:center;transition:background-image .8s ease}
.hero-v2:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,10,.96) 0%,rgba(2,7,10,.80) 42%,rgba(2,7,10,.18) 78%,rgba(2,7,10,.08) 100%)}
.hero-v2 .hero-content{position:relative;z-index:2}
.hero-brand{width:min(460px,82vw);margin-bottom:8px;background:rgba(6,11,15,.76);padding:12px 16px 6px;border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 55px rgba(0,0,0,.32)}
.hero-brand img{width:100%;height:auto;object-fit:contain}
.hero-slogan{width:min(410px,76vw);margin:4px 0 20px;mix-blend-mode:screen}
.hero-v2 h1{font-size:clamp(39px,5.5vw,70px);margin-top:12px}
.hero-project-tag{display:inline-flex;gap:8px;align-items:center;margin-top:26px;padding:8px 12px;border-radius:99px;background:rgba(0,0,0,.52);border:1px solid rgba(255,255,255,.18);font-size:12px;color:#dfe5e8}
.hero-project-tag:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange)}
.quote-section{padding:88px 24px;background:#0b1115;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.quote{width:min(980px,100%);margin:auto;text-align:center}
.quote-mark{font-size:70px;line-height:.7;color:var(--orange);font-family:Georgia,serif}
.quote p{font-family:Georgia,serif;font-size:clamp(25px,3.5vw,39px);line-height:1.32;margin:18px auto;color:#f2f4f5}
.quote small{color:#87949c;text-transform:uppercase;letter-spacing:.12em}
.featured-row{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}
.featured-row .project:first-child{min-height:520px}.featured-row .project:first-child img{height:520px}
.featured-stack{display:grid;grid-template-rows:1fr 1fr;gap:18px}.featured-stack .project{min-height:251px}.featured-stack .project img{height:251px}
.v2-ribbon{background:linear-gradient(90deg,#0c151a,#111d23,#0c151a);border-top:1px solid #25323a;border-bottom:1px solid #25323a;padding:18px 24px;text-align:center;color:#b9c2c7;font-size:13px;letter-spacing:.04em}
.v2-ribbon b{color:white}
@media(max-width:900px){.featured-row{grid-template-columns:1fr}.hero-v2{min-height:690px}.hero-brand{width:min(390px,85vw)}}

/* ===== V3 PREMIUM ===== */
.topbar.v3{justify-content:flex-end}
.topbar.v3 .brand{display:none}
.hero-brand-only{
  min-height:690px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:
    radial-gradient(circle at 50% 30%, rgba(21,136,216,.12), transparent 34%),
    linear-gradient(180deg,#0a1014 0%,#070b0e 100%);
  position:relative;
  overflow:hidden;
}
.hero-brand-only:after{
  content:"";
  position:absolute;
  inset:auto 10% 0;
  height:1px;
  background:linear-gradient(90deg,transparent,#26343d,transparent);
}
.hero-brand-wrap{
  width:min(980px,calc(100% - 42px));
  margin:auto;
  position:relative;
  z-index:2;
}
.hero-logo-large{
  width:min(590px,88vw);
  margin:0 auto 12px;
  border-radius:14px;
  box-shadow:0 24px 80px rgba(0,0,0,.38);
}
.hero-slogan-line{
  margin:16px auto 30px;
  font-size:clamp(18px,2.2vw,27px);
  font-weight:700;
  letter-spacing:.015em;
  color:#f2f4f5;
  white-space:nowrap;
}
.hero-brand-only h1{
  max-width:900px;
  margin:26px auto 18px;
  font-size:clamp(42px,6vw,74px);
}
.hero-brand-only p{
  max-width:700px;
  margin:0 auto;
  color:#b8c2c8;
  font-size:17px;
}
.hero-brand-only .actions{justify-content:center}
.weekly-showcase{
  min-height:720px;
  position:relative;
  display:flex;
  align-items:flex-end;
  background-size:cover;
  background-position:center;
  transition:background-image .8s ease;
}
.weekly-showcase:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(2,6,9,.96) 0%,rgba(2,6,9,.76) 30%,rgba(2,6,9,.20) 68%,rgba(2,6,9,.08) 100%);
}
.weekly-copy{
  position:relative;
  z-index:2;
  width:min(var(--max),calc(100% - 48px));
  margin:0 auto;
  padding:55px 0 58px;
}
.weekly-copy .eyebrow{margin-bottom:12px}
.weekly-quote{
  max-width:920px;
  font-family:Georgia,serif;
  font-size:clamp(24px,3.2vw,39px);
  line-height:1.32;
  color:white;
  margin:0 0 18px;
}
.weekly-project{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:8px 12px;
  background:rgba(0,0,0,.52);
  border:1px solid rgba(255,255,255,.18);
  border-radius:99px;
  color:#e1e7ea;
  font-size:12px;
}
.weekly-project:before{
  content:"";
  width:7px;height:7px;border-radius:50%;
  background:var(--orange)
}
@media(max-width:760px){
 .hero-slogan-line{white-space:normal;max-width:560px}
 .hero-brand-only{min-height:640px}
 .weekly-showcase{min-height:620px}
}

/* ===== V3.1 — PRIMEIRA TELA INTEGRADA À LOGO ===== */
.hero-brand-only{
  background:
    radial-gradient(ellipse at 50% 36%, rgba(28,39,47,.52) 0%, rgba(15,23,29,.60) 30%, rgba(7,12,16,.96) 74%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.018) 0px, rgba(255,255,255,.018) 1px, transparent 1px, transparent 5px),
    #0b1115;
}
.hero-logo-large{
  box-shadow:none;
  border-radius:0;
  mix-blend-mode:screen;
  filter:contrast(1.04);
}
.hero-brand-wrap{
  background:transparent;
}
.hero-brand-only:before{
  content:"";
  position:absolute;
  width:min(760px,92vw);
  height:360px;
  left:50%;
  top:44%;
  transform:translate(-50%,-50%);
  background:radial-gradient(ellipse,rgba(21,136,216,.07),transparent 68%);
  pointer-events:none;
}

/* ===== V3.2 — CORREÇÃO REAL DA INTEGRAÇÃO ===== */
.hero-brand-only{
  background-image:
    linear-gradient(rgba(4,8,12,.08),rgba(4,8,12,.18)),
    url('assets/texture-original.jpg');
  background-repeat:repeat;
  background-size:auto,315px 225px;
}
.hero-logo-large{
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  mix-blend-mode:normal !important;
  filter:none !important;
}

/* ===== V3.3 — CORREÇÃO DA TEXTURA + ALTURA DA PRIMEIRA TELA ===== */
.hero-brand-only{
  min-height:600px !important;
  height:600px;
  background-image:
    linear-gradient(rgba(5,9,13,.08),rgba(5,9,13,.14)),
    url('assets/texture-clean.jpg') !important;
  background-repeat:repeat;
  background-size:auto,1024px 159px;
}
.hero-brand-wrap{
  transform:translateY(-4px);
}
.hero-logo-large{
  width:min(520px,82vw);
  margin-bottom:6px;
}
.hero-slogan-line{
  margin-top:10px;
  margin-bottom:20px;
}
.hero-brand-only h1{
  margin-top:18px;
  margin-bottom:14px;
  font-size:clamp(38px,5.3vw,66px);
}
.hero-brand-only p{
  font-size:16px;
}
@media(max-width:760px){
  .hero-brand-only{
    height:auto;
    min-height:560px !important;
    padding:35px 0;
  }
  .hero-logo-large{width:min(450px,88vw)}
}