:root{--blue: #0057f8;--deep: #003db3;--black: #0b0f14;--graphite: #171d24;--silver: #c8cdd3;--white: #f3f5f7;--muted: #9ba6b2;--line: rgba(200, 205, 211, .16);--max: 1220px;--font-title: "Montserrat", system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;--radius: 10px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.hero-content{animation:none!important}}body{margin:0;background:var(--black);color:var(--white);font-family:var(--font-body);line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}:focus{outline:none}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.skip-link{position:absolute;top:-100px;left:16px;z-index:1000;padding:.75rem 1.25rem;background:var(--graphite);color:var(--white);border:1px solid var(--line);font-weight:600}.skip-link:focus{top:16px}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.eyebrow{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#79a7ff;font-weight:500;font-family:var(--font-body)}.section{padding:120px 0}.section-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:52px;max-width:720px;margin-left:auto;margin-right:auto}.section-head h2,.split h2,.contact-info h2,.highlight h2{font-family:var(--font-title);font-weight:400}.section-head h2{font-size:clamp(1.65rem,2.8vw,2.55rem);line-height:1.28;max-width:600px;margin:8px 0 0;letter-spacing:-.015em;font-weight:400}.section-head p{max-width:480px;color:var(--muted);margin:0}header{position:fixed;z-index:20;top:0;left:0;right:0;padding:18px 0;transition:.35s ease}header.scrolled{background:#0b0f14d1;backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:10px 0}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand-logo{height:68px;width:auto;max-width:min(340px,70vw);object-fit:contain;object-position:left center}.brand--footer .brand-logo{height:72px;max-width:min(360px,85vw)}.links{display:flex;gap:28px;font-size:.86rem;color:#d5dbe2}.links a{transition:.2s}.links a:hover{color:#fff}.btn{border:1px solid transparent;padding:13px 24px;font-weight:500;font-size:.8rem;font-family:var(--font-title);letter-spacing:.03em;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:.25s}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#2471ff;transform:translateY(-2px);color:#fff}.btn-ghost{border-color:#ffffff47;color:#fff;background:transparent}.btn-ghost:hover{border-color:var(--blue);background:#0057f81f;color:#fff}.menu{display:none;background:none;color:#fff;border:0;font-size:1.5rem;padding:4px 8px}.mobile-nav{display:none}.hero{min-height:850px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 40%,rgba(0,87,248,.22),transparent 28%),linear-gradient(120deg,#0b0f14,#111923 52%,#0b0f14)}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;touch-action:none;opacity:.95}.hero-film{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,rgba(11,15,20,.72) 0%,rgba(11,15,20,.38) 28%,rgba(11,15,20,.08) 52%,transparent 70%),linear-gradient(180deg,rgba(11,15,20,.22) 0%,transparent 16%,transparent 84%,rgba(11,15,20,.32) 100%)}.hero-fallback{position:absolute;inset:auto 0 1.5rem;z-index:3;margin:0 auto;max-width:36rem;padding:.7rem 1.2rem;text-align:center;font-size:.875rem;color:var(--muted);background:#171d24f0;border:1px solid var(--line)}.hero-fallback[hidden]{display:none}.hero-fallback p{margin:0}.hero:before{content:"";position:absolute;inset:0;z-index:0;opacity:.12;pointer-events:none;background:linear-gradient(110deg,transparent 45%,rgba(200,205,211,.2) 45.2%,transparent 45.5%),repeating-linear-gradient(90deg,transparent 0 110px,rgba(255,255,255,.04) 111px 112px)}.hero:after{content:"";position:absolute;z-index:0;width:600px;height:600px;right:-180px;top:120px;border:1px solid rgba(0,87,248,.22);transform:rotate(35deg);box-shadow:0 0 80px #0057f81f;pointer-events:none;opacity:.55}.hero.is-interactive:after{opacity:.25}.hero-content{position:relative;z-index:2;max-width:680px;padding-top:110px;animation:rise .9s ease both}.hero h1{font-family:var(--font-title);font-size:clamp(2.05rem,4.2vw,3.35rem);font-weight:400;line-height:1.22;letter-spacing:-.015em;margin:18px 0 22px;max-width:16ch}.hero h1 span{color:var(--blue);font-weight:400}.hero p{font-size:1.05rem;line-height:1.7;color:#c4ccd5;max-width:520px;font-weight:400}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-meta{display:flex;gap:32px;margin-top:72px;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.hero-meta strong{display:block;color:#fff;font-size:.95rem;letter-spacing:-.01em;margin-bottom:4px;font-family:var(--font-title);font-weight:600;text-transform:none}.dark-panel{background:var(--graphite)}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.split h2{font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.28;letter-spacing:-.015em;font-weight:400;margin:16px 0 24px}.split p{color:var(--muted);max-width:560px}.visual{min-height:470px;position:relative;border-radius:var(--radius);background:linear-gradient(135deg,rgba(0,87,248,.26),transparent 45%),linear-gradient(145deg,#2a333d,#10151b 60%);overflow:hidden}.visual:before{content:"";position:absolute;inset:14%;border:1px solid rgba(200,205,211,.28);border-radius:8px;transform:skewY(-12deg)}.visual:after{content:"ESTRUTURA / PROTEÇÃO / DURABILIDADE";position:absolute;bottom:28px;left:28px;color:#ffffff8f;font-size:.65rem;letter-spacing:.2em}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:40px}.metric{border-top:1px solid var(--line);padding-top:15px}.metric strong{font-size:1.7rem;font-family:var(--font-title)}.metric span{display:block;color:var(--muted);font-size:.75rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;justify-items:center}.card{background:#171d24eb;border:1px solid var(--line);border-radius:var(--radius);padding:36px 28px 28px;min-height:0;width:100%;max-width:380px;position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:36px;height:3px;background:linear-gradient(90deg,transparent,var(--blue),transparent);border-radius:999px;opacity:.9}.dark-panel .card{background:#121820f2}.card:hover{transform:translateY(-4px);border-color:#0057f88c;box-shadow:0 16px 40px #0000002e}.card .num{color:var(--blue);font-weight:600;font-size:.72rem;letter-spacing:.14em;font-family:var(--font-title)}.card h3{margin:8px 0 12px;font-size:1.02rem;font-family:var(--font-title);font-weight:500;letter-spacing:-.005em}.card p{color:var(--muted);font-size:.9rem;line-height:1.6;margin:0;max-width:28ch}.card a{color:#79a7ff;font-size:.78rem;font-weight:600;margin-top:auto;padding-top:20px}.card a:hover{color:#b4ccff}.process{display:grid;grid-template-columns:repeat(6,1fr);gap:0}.step{border-top:2px solid var(--blue);padding:20px 14px 0;position:relative}.step:before{content:"";width:9px;height:9px;background:var(--blue);position:absolute;top:-5px;left:0;transform:rotate(45deg)}.step b{font-size:1.25rem;color:var(--silver);font-family:var(--font-title);font-weight:600}.step h3{font-size:.9rem;margin:4px 0 0;font-family:var(--font-title);font-weight:600}.step p{color:var(--muted);font-size:.78rem}.areas{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.area{flex:1 1 180px;max-width:220px;min-height:132px;padding:26px 20px;background:linear-gradient(165deg,#242e39,#12181f);display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid var(--line);border-top:2px solid rgba(0,87,248,.7);border-radius:var(--radius);font-size:.9rem;font-weight:400;font-family:var(--font-title);letter-spacing:.01em;line-height:1.35;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.area:hover{transform:translateY(-3px);border-color:#0057f873;box-shadow:0 12px 28px #00000029}.portfolio{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-auto-rows:220px;gap:12px}.project{background:linear-gradient(135deg,#0057f86b,#20283080),#202a34;padding:24px;display:flex;align-items:end;justify-content:center;text-align:center;position:relative;overflow:hidden;border-radius:var(--radius)}.project:before{content:"IMAGEM DO PROJETO";position:absolute;top:22px;right:22px;font-size:.58rem;letter-spacing:.16em;color:#ffffff8c}.project:first-child{grid-row:span 2}.project h3{margin:0;font-size:1.1rem;font-family:var(--font-title);font-weight:500}.project small{color:#b8c1cb;display:block;margin-bottom:8px}.highlight{background:var(--deep);position:relative;overflow:hidden}.highlight .container{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center}.highlight:after{content:"";position:absolute;width:520px;height:520px;right:-140px;top:-170px;border:1px solid rgba(255,255,255,.24);transform:rotate(45deg)}.highlight h2{font-size:clamp(1.7rem,3.2vw,2.7rem);line-height:1.25;letter-spacing:-.015em;font-weight:400;max-width:680px;margin:15px 0 26px}.highlight p{color:#f3f5f7d9;max-width:520px}.highlight .actions{justify-content:center}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact-info p{color:var(--muted)}.contact-info strong{color:var(--white)}.contact-info h2{font-size:clamp(1.7rem,2.6vw,2.35rem);letter-spacing:-.02em;line-height:1.2;font-weight:500;margin:14px 0 20px}form{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,select,textarea{background:#11171e;border:1px solid var(--line);color:#fff;padding:15px;outline:0;border-radius:10px}input:focus,select:focus,textarea:focus{border-color:var(--blue)}textarea{min-height:130px;resize:vertical;grid-column:1 / -1}.full{grid-column:1 / -1}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:15;width:54px;height:54px;background:#18b866;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.75rem;box-shadow:0 8px 30px #0008;color:#fff}.whatsapp:hover{color:#fff;filter:brightness(1.08)}.toast{position:fixed;right:22px;bottom:88px;background:var(--graphite);border:1px solid var(--blue);padding:14px 18px;display:none;z-index:30;max-width:min(360px,calc(100vw - 44px));font-size:.88rem}.toast.is-visible{display:block}footer{border-top:1px solid var(--line);padding:42px 0;color:var(--muted);font-size:.8rem}.foot{display:grid;grid-template-columns:1.2fr 1fr;gap:20px 28px;align-items:start}.foot-slogan{color:var(--silver);font-family:var(--font-title);font-weight:600}.foot-links{display:flex;gap:20px;flex-wrap:wrap;grid-column:1 / -1}.foot-links a:hover{color:var(--white)}.foot-copy{grid-column:1 / -1}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media (max-width: 980px){.cards{grid-template-columns:1fr 1fr}.process{grid-template-columns:repeat(3,1fr);gap:28px 0}.area{max-width:calc(50% - 10px)}.portfolio{grid-template-columns:1fr 1fr;grid-auto-rows:200px}.project:first-child{grid-row:span 1}}@media (max-width: 850px){.container{width:min(var(--max),calc(100% - 32px))}.links,.nav>.btn{display:none}.menu{display:block}.mobile-nav{position:absolute;top:70px;left:16px;right:16px;background:#11171e;border:1px solid var(--line);padding:18px;display:none}.mobile-nav.open{display:grid;gap:16px}.hero{min-height:760px}.hero-film{background:linear-gradient(180deg,#0b0f14b8,#0b0f1480 45%,#0b0f14b3)}.hero-canvas{opacity:.7}.section{padding:80px 0}.section-head,.split,.contact{grid-template-columns:1fr;display:grid;gap:20px}.section-head{margin-bottom:32px;align-items:center}.hero-meta{margin-top:55px;gap:18px;flex-wrap:wrap}.visual{min-height:330px}.contact{gap:35px}.foot{grid-template-columns:1fr}}@media (max-width: 520px){.hero h1{font-size:2.1rem;max-width:none}.cards,.portfolio,form{grid-template-columns:1fr}.area{flex:1 1 calc(50% - 10px);max-width:200px;min-height:112px}.portfolio{grid-auto-rows:180px}.full,textarea{grid-column:auto}form .full,form textarea{grid-column:1 / -1}.process{grid-template-columns:1fr 1fr;gap:24px 0}.hero-meta{font-size:.62rem}.actions .btn{width:100%}.brand-logo{height:56px;max-width:min(300px,72vw)}}