:root{--bg:#080b12;--panel:#10151f;--blue:#214dff;--white:#f4f5f8;--muted:#9da5b3;--line:#ffffff1c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #9ab7ff;outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}.skip{position:absolute;top:-80px;z-index:100;background:white;color:black;padding:16px}.skip:focus{top:0}.header{height:94px;position:absolute;inset:0 0 auto;z-index:10;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:linear-gradient(#080b1280,transparent)}.brand-name{font-size:24px;font-weight:900;letter-spacing:-1.4px;display:block}.brand-name>span{color:#5277ff}.brand-name small{display:block;font-size:8px;letter-spacing:5.3px;margin-top:5px;font-weight:600}.header nav{display:flex;gap:32px;font-size:13px;color:#dce0e9}.header nav a:hover{color:#8aa3ff}.header-cta{font-size:13px;border-bottom:1px solid #8c95aa;padding:12px 0}.header-cta span{margin-left:24px}.menu{display:none}.hero{min-height:800px;height:100svh;max-height:1200px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('https://caixasmetalicas.net.br/wp-content/uploads/2026/11/topo-site.jpg') center/cover;animation:heroIn 2s ease-out both;transform:scale(1.04)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080b12ef 0%,#080b12b5 48%,#080b1235),linear-gradient(0deg,#080b12,transparent 40%)}.hero-grid{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,transparent 24.9%,#ffffff08 25%,transparent 25.1%,transparent 74.9%,#ffffff08 75%,transparent 75.1%)}.hero-content{position:relative;z-index:2;width:100%;padding:145px 8% 160px;animation:enter 1.2s .15s both}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2.1px;font-weight:700;line-height:1.8}.eyebrow{color:#d7dfed}.status{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5277ff;margin-right:9px;box-shadow:0 0 20px #214dff}h1{font-size:clamp(56px,6.8vw,108px);line-height:.99;letter-spacing:-6px;font-weight:800;max-width:1100px;margin:34px 0}h1 span{color:#7694ff}.hero-description{font-size:17px;line-height:1.8;color:#c1c7d2;max-width:490px}.hero-actions{display:flex;gap:34px;align-items:center;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:20px 24px;font-size:13px;font-weight:700;border:0;transition:background .2s,transform .2s}.primary{background:var(--blue);color:white}.primary:hover{background:#3760ff;transform:translateY(-2px)}.text-link{font-size:12px}.text-link span{margin-left:15px}.hero-bottom{position:absolute;z-index:2;bottom:30px;left:5%;right:5%;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#b3bbca}.hero-bottom a span{display:inline-block;margin-left:15px}.section{padding:110px 8%;max-width:1800px;margin:auto}.intro{display:grid;grid-template-columns:1fr 2fr;gap:60px;border-bottom:1px solid var(--line)}.section-kicker{color:#7895ff}h2{font-size:clamp(34px,3.8vw,60px);line-height:1.08;letter-spacing:-2.5px;font-weight:700}h2 span{color:#929baa}.intro-copy>p{margin-top:30px;color:var(--muted);line-height:1.9;max-width:600px;font-size:16px}.service-line{display:flex;gap:24px;flex-wrap:wrap;margin-top:36px;font-size:11px;letter-spacing:1px}.service-line span:before{content:'+';margin-right:12px;color:#7895ff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}.section-heading .section-kicker{margin-bottom:23px}.section-heading>p{max-width:250px;color:var(--muted);font-size:13px;line-height:1.8}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.tabs button{border:1px solid var(--line);background:transparent;padding:12px 18px;font-size:11px;color:#b2bac8}.tabs button.active{background:#f4f5f8;color:#10151f;border-color:#f4f5f8}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{background:var(--panel);overflow:hidden;border:1px solid var(--line);transition:transform .3s,border-color .3s}.product[hidden]{display:none}.product:hover{transform:translateY(-6px);border-color:#5277ff88}.product-image{height:310px;overflow:hidden;position:relative;background:#19222f}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.product:hover img{transform:scale(1.055)}.product-number{position:absolute;top:15px;left:15px;background:#080b12bd;padding:8px 10px;font-size:10px;letter-spacing:1px}.product-copy{padding:25px}.product h3{font-size:20px;letter-spacing:-.6px;line-height:1.25;min-height:50px}.product-copy>p{font-size:13px;color:var(--muted);line-height:1.7;margin:16px 0 24px;min-height:65px}.product-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px;gap:15px}.product-actions button{border:0;padding:0;background:none;color:#a5b9ff;font-size:11px}.product-actions a{font-size:11px}.statement{position:relative;padding:150px 8%;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.statement-image{position:absolute;inset:0;background:linear-gradient(90deg,#08112dec,#08112d88),url('https://caixasmetalicas.net.br/wp-content/uploads/2026/11/reservatorio-inloco-5-e1761833404581.jpg') center 48%/cover}.statement-content{position:relative;max-width:1400px;margin:auto}.statement h2{font-size:clamp(36px,4.6vw,72px);margin:28px 0 40px;max-width:1100px}.statement em{font-style:normal;color:#9bb0ff}.white{background:white;color:#0c1426}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.steps article{padding-top:24px;border-top:1px solid var(--line)}.steps article>span{font-size:52px;color:#3c5de0;font-weight:700;letter-spacing:-3px}.steps h3{font-size:23px;margin:30px 0 16px;letter-spacing:-.8px}.steps p{color:var(--muted);font-size:14px;line-height:1.9}.film{padding-top:30px}.film-poster{position:relative;width:100%;border:1px solid var(--line);padding:0;background:#111c2e;aspect-ratio:2.2;overflow:hidden;text-align:left}.film-poster img{height:100%;width:100%;object-fit:cover;opacity:.5;transition:transform .7s,opacity .4s}.film-poster:hover img{transform:scale(1.03);opacity:.7}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border:1px solid #ffffff99;border-radius:50%;display:grid;place-items:center;background:#214dffb0}.film-caption{position:absolute;bottom:35px;left:35px;font-size:25px;letter-spacing:-.6px}.film-caption small{display:block;font-size:9px;letter-spacing:2px;margin-top:12px}.video-frame{aspect-ratio:16/9}.video-frame iframe{width:100%;height:100%;border:0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line)}.contact h2{margin:24px 0}.contact-intro>p:not(.section-kicker){font-size:14px;line-height:1.9;color:var(--muted);max-width:380px}.phone{display:block;margin-top:30px;font-size:22px}.contact-intro p.hours{font-size:11px;margin-top:12px}form{padding:32px;background:#10151f;border:1px solid var(--line)}label{display:block;font-size:11px;color:#c0c9da;margin-bottom:10px}input,select,textarea{width:100%;background:#080c14;color:#fff;border:1px solid #ffffff26;padding:14px;margin-bottom:22px;border-radius:0;font-size:13px;outline:none}input:focus,select:focus,textarea:focus{border-color:#7895ff}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}form>.button{width:100%}.form-note{font-size:10px!important;color:#8d96a7;line-height:1.7;margin-top:15px}footer{padding:45px 5%;display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line)}footer p,footer>a:last-child{font-size:11px;color:#9da5b3}footer>small{font-size:10px;color:#737f92;line-height:1.8}dialog{border:1px solid #344058;background:#10151f;color:white;padding:0;max-width:900px;width:90vw;max-height:90svh;overflow:auto}dialog[open]{display:grid;grid-template-columns:1fr 1fr}dialog::backdrop{background:#02050de8;backdrop-filter:blur(10px)}dialog>img{width:100%;height:100%;min-height:430px;object-fit:cover}.dialog-copy{padding:44px 32px}.dialog-copy h2{font-size:32px;letter-spacing:-1px;margin:20px 0}.dialog-copy>p:not(.section-kicker){font-size:14px;color:var(--muted);line-height:1.8}.dialog-copy .detail-note{font-size:11px!important;margin:22px 0}.close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:1px solid #ffffff44;background:#080b12;font-size:24px}.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes heroIn{from{transform:scale(1.12)}to{transform:scale(1.04)}}@media(min-width:1400px){.product-image{height:380px}}@media(max-width:1000px){.header nav{gap:15px}.section{padding:80px 6%}.product-grid{grid-template-columns:repeat(2,1fr)}.intro{gap:30px}.contact{gap:35px}.hero-content{padding-left:6%}.hero h1{letter-spacing:-3px}.steps{gap:25px}.hero-bottom>span:first-child{display:none}footer{flex-wrap:wrap}.film{padding-top:0}}@media(max-width:640px){.header{height:80px;padding:0 6%}.header-cta{font-size:11px}.header-cta span{margin-left:10px}.header nav{display:none;position:absolute;top:80px;left:0;right:0;background:#10151f;padding:25px;flex-direction:column;gap:25px;border-bottom:1px solid var(--line)}.header nav.open{display:flex}.menu{display:block;background:none;border:1px solid var(--line);padding:8px;font-size:18px}.brand-name{font-size:21px}.brand-name small{font-size:7px;letter-spacing:4.5px}.hero{min-height:740px;height:100svh}.hero-content{padding:130px 6% 130px}.hero h1{font-size:57px;letter-spacing:-3.4px}.eyebrow{font-size:8px;letter-spacing:1.3px;max-width:280px}.hero-description{font-size:15px;max-width:350px}.hero-actions{flex-direction:column;align-items:flex-start;gap:25px}.hero-image{background-position:65% center}.hero:after{background:linear-gradient(90deg,#080b12df,#080b1280),linear-gradient(0deg,#080b12,transparent)}.hero-bottom{font-size:8px;letter-spacing:1px}.section{padding:64px 6%}.intro,.contact{grid-template-columns:1fr;gap:28px}h2{font-size:36px;letter-spacing:-1.7px}.intro-copy>p{font-size:14px;margin-top:24px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px;font-size:12px}.product-grid{grid-template-columns:1fr}.product-image{height:330px}.product h3{min-height:0}.product-copy>p{min-height:0}.tabs{gap:6px}.tabs button{font-size:10px;padding:10px 12px}.statement{padding:90px 6%}.statement h2{font-size:39px;letter-spacing:-2px}.steps{grid-template-columns:1fr;gap:32px}.steps article>span{font-size:40px}.steps h3{margin-top:15px}.film-poster{aspect-ratio:1.25}.film-caption{font-size:19px;left:20px;bottom:22px}.play{height:60px;width:60px}.film{padding-top:0}form{padding:22px}.form-row{grid-template-columns:1fr;gap:0}footer{padding:35px 6%;display:grid;grid-template-columns:1fr}dialog[open]{grid-template-columns:1fr}dialog>img{height:230px;min-height:0}.dialog-copy{padding:25px}.dialog-copy h2{font-size:28px}.dialog-copy .section-kicker{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}