:root{
  --bg:#06111f;--bg2:#081a2b;--panel:#0a1c2d;--line:#17364e;
  --text:#f7fbff;--muted:#a9bac9;--blue:#159dff;--cyan:#16d4ff;
  --shadow:0 18px 55px rgba(0,0,0,.28);--radius:18px;--max:1180px
}

.template-preview
{
  background-size: cover!important;
  background-position: center!important;
  backdrop-filter: opacity(2.5);
}

.template-preview::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.65) 0%,
        rgba(0, 0, 0, 0.35) 55%,
        rgba(0, 0, 0, 0.10) 100%
    );
    z-index: 1;
    pointer-events: none;
}

.agri
{
  background-image: url('../img/001-agronegocio.jpg')!important;
}

.corporate
{
  background-image: url('../img/002-empresa.jpg')!important;
}

.construction
{
  background-image: url('../img/003-contrucao-civil.jpg')!important;
}

.restaurant
{
  background-image: url('../img/004-restaurante.jpg')!important;
}

.clinic
{
  background-image: url('../img/005-clinica.jpg')!important;
}

.realestate
{
  background-image: url('../img/006-imobiliaria.jpg')!important;
}

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}
.container{width:min(calc(100% - 40px),var(--max));margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:20px;background:#fff;color:#000;padding:10px;z-index:9999}
.site-header{position:sticky;top:0;z-index:50;background:rgba(4,14,25,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(40,103,145,.35)}.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{display:block;width:260px;max-width:46vw;height:auto}.main-nav{display:flex;align-items:center;gap:25px;font-size:14px}.main-nav>a:not(.nav-cta){color:#d8e3ec;padding:28px 0;position:relative}.main-nav>a.active:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:var(--blue)}.nav-cta{padding:11px 18px;border:1px solid var(--blue);border-radius:999px;color:#fff!important}.nav-toggle{display:none;background:none;border:0;color:#fff}
.section{padding:92px 0}.hero{padding:90px 0 80px;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(20,150,255,.16),transparent 34%),linear-gradient(120deg,#06111f 0%,#071827 55%,#07121e 100%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:var(--cyan);margin:0 0 14px}.hero h1,h2{line-height:1.1;letter-spacing:-.035em;margin:0}.hero h1{font-size:clamp(42px,5vw,68px);max-width:720px}.hero h1 span,h2 span{color:var(--blue)}.lead{font-size:18px;color:#c1d0dc;max-width:650px;margin:25px 0}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;padding:13px 21px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:.2s transform,.2s background}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--blue),#0878e8);box-shadow:0 10px 28px rgba(21,157,255,.2)}.btn-outline{border-color:#159dff;color:#dff5ff;background:transparent}.text-link{color:#20baff;font-weight:600}.hero-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px;color:#90a7ba;font-size:13px}.hero-points span:before{content:"✓";color:var(--cyan);margin-right:7px}.hero-visual{position:relative;min-height:430px;display:grid;place-items:center}.window{width:min(100%,560px);border:1px solid #245275;border-radius:20px;background:#071522;box-shadow:var(--shadow);overflow:hidden;transform:perspective(900px) rotateY(-4deg)}.window-bar{height:48px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid #18384f;color:#7892a6;font-size:11px}.window-bar i{width:9px;height:9px;border-radius:50%;background:#28465b}.window-bar span{margin-left:8px}.code{padding:45px 35px;font:15px/2 "SFMono-Regular",Consolas,monospace;color:#c8d9e8;min-height:300px;background:linear-gradient(145deg,#06111d,#0a1c2c)}.code span{color:#75b8e9}.code b{color:#fff}.code .blue{color:#13b8ff}.code em{color:#7ce7c1;font-style:normal}.window-footer{display:flex;justify-content:space-between;padding:13px 18px;border-top:1px solid #18384f;color:#7793a7;font-size:11px}.window-footer span:first-child{color:#37d69b}.floating-card{position:absolute;right:-12px;top:55px;width:185px;padding:20px;border-left:2px solid var(--cyan);background:rgba(4,15,27,.88);backdrop-filter:blur(12px);box-shadow:var(--shadow);font-size:13px}.floating-card strong{font-size:18px}
.section-grid{display:grid;grid-template-columns:310px 1fr;gap:55px}.section-intro h2,.section-heading h2,.about h2,.contact-grid h2{font-size:clamp(30px,3vw,44px)}.section-intro>p:not(.eyebrow){color:var(--muted);margin:22px 0 28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:linear-gradient(160deg,rgba(11,32,49,.9),rgba(5,19,31,.9));border:1px solid var(--line);border-radius:14px;padding:25px;min-height:190px;transition:.2s transform,.2s border-color}.card:hover{transform:translateY(-4px);border-color:#1c9be7}.icon{color:var(--cyan);font-size:30px;font-weight:800;margin-bottom:14px}.card h3{font-size:16px;margin:0 0 7px}.card p{font-size:13px;color:#9eb2c3;margin:0}
.templates{background:#f3f8fc;color:#0a2034}.templates .eyebrow{color:#087fe0}.section-heading{display:grid;grid-template-columns:1fr 360px;gap:50px;align-items:end;margin-bottom:38px}.section-heading p:last-child{color:#597085;margin:0}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.template-card{border:1px solid #d6e3ed;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 28px rgba(18,48,72,.08);transition:.2s transform}.template-card:hover{transform:translateY(-5px)}.template-preview{height:190px;padding:28px;display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative;overflow:hidden}.template-preview:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.25);border-radius:8px}.template-preview span,.template-preview strong{position:relative;z-index:1}.template-preview span{font-size:11px;letter-spacing:.16em;margin-bottom:12px}.template-preview strong{font-size:22px;line-height:1.1}.agri{background: linear-gradient(135deg,#204b2d,#8a6b27)}.corporate{background:linear-gradient(135deg,#096fc8,#062542)}.construction{background:linear-gradient(135deg,#d66c1b,#2c3035)}.restaurant{background:linear-gradient(135deg,#7b2519,#3d1712)}.clinic{background:linear-gradient(135deg,#148e9d,#0c394c)}.realestate{background:linear-gradient(135deg,#56423a,#171c26)}.template-info{padding:17px 18px;display:grid;grid-template-columns:1fr auto;align-items:center}.template-info h3{font-size:16px;margin:0}.template-info p{grid-column:1;color:#708497;font-size:12px;margin:3px 0 0}.arrow-btn{grid-column:2;grid-row:1/3;border:0;background:none;color:#078de9;font-size:23px;cursor:pointer}.center{text-align:center;margin-top:30px}
.technologies{background:#06111f}.tech-grid{align-items:center}.tech-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tech{border:1px solid var(--line);border-radius:14px;padding:20px;text-align:center;background:#081b2c}.tech strong{display:grid;place-items:center;margin:auto auto 10px;width:58px;height:58px;border-radius:14px;background:#092941;color:#22b9ff;font-size:22px}.tech span{display:block;font-weight:700}.tech small{display:block;color:#7992a6;margin-top:3px}
.about{background:linear-gradient(90deg,#071522,#06111f)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-art{min-height:390px;border-radius:22px;border:1px solid #183d57;background:radial-gradient(circle at 50% 35%,rgba(21,157,255,.25),transparent 28%),linear-gradient(145deg,#091f32,#030c16);display:grid;place-items:center;box-shadow:var(--shadow)}.mini-screen{width:60%;padding:38px;border:1px solid #2d6d93;border-radius:15px;background:#06111d;color:#fff;font-size:30px;line-height:1.1;text-align:center;box-shadow:0 30px 60px #0006}.mini-screen b{color:var(--blue)}.mini-screen small{font-size:10px;color:#79a1b8;letter-spacing:.15em}.about p:not(.eyebrow){color:var(--muted)}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}.benefits div{display:flex;gap:12px;align-items:center;color:#a8bac9;font-size:13px}.benefits b{color:var(--cyan);font-size:21px}.benefits strong{display:block;color:#fff}
.testimonials{background:#071523}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.testimonial-grid blockquote{margin:0;padding:28px;border:1px solid #1a425e;border-radius:15px;background:#081c2d}.testimonial-grid blockquote>span{font-size:48px;line-height:.5;color:var(--blue)}.testimonial-grid p{color:#bac9d5}.testimonial-grid footer{display:flex;flex-direction:column;margin-top:20px}.testimonial-grid footer small{color:#6e8799}
.contact-banner{padding:45px 0;background:linear-gradient(100deg,#0b63b8,#087fe8 60%,#0c9be6)}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-inner>div{display:flex;align-items:center;gap:20px}.contact-banner .eyebrow{color:#bcecff}.contact-banner h2{font-size:30px}.rocket{font-size:48px}.contact-copy{max-width:480px}.contact-copy p{margin:0 0 10px}.contact-banner .btn-primary{background:#fff;color:#086fc6;box-shadow:none}
.contact-section{background:#081725}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-grid>div>p:not(.eyebrow){color:var(--muted);max-width:600px}.contact-details{display:grid;gap:12px;margin-top:28px;color:#b8cad8}.contact-form{display:grid;gap:14px;background:#071522;padding:28px;border:1px solid var(--line);border-radius:18px}.contact-form label{display:grid;gap:6px;color:#b8cad8;font-size:13px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #21465f;background:#081d2e;color:#fff;border-radius:10px;padding:12px;outline:0}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(21,157,255,.1)}.form-note{color:#6e8495}.site-footer{border-top:1px solid var(--line);background:#040e18}.footer-main{min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand img{width:220px}.footer-contact{display:flex;gap:22px;color:#9cb0c1;font-size:13px;flex-wrap:wrap}.socials{display:flex;gap:8px}.socials a{width:34px;height:34px;border:1px solid #24465e;border-radius:50%;display:grid;place-items:center;color:#a8c2d4;font-size:12px}.footer-bottom{border-top:1px solid #102a3d;display:flex;justify-content:space-between;padding:18px 0;color:#60798b;font-size:11px}
.cookie-banner{position:fixed;z-index:100;bottom:18px;left:18px;right:18px;margin:auto;max-width:980px;background:#061522f5;border:1px solid #2a536d;border-radius:15px;padding:18px;display:flex;gap:25px;align-items:center;justify-content:space-between;box-shadow:0 25px 80px #0008;backdrop-filter:blur(12px)}.cookie-banner p{margin:4px 0 0;color:#9db2c2;font-size:12px}.cookie-actions{display:flex;gap:9px;flex:none}.cookie-actions .btn{padding:9px 15px;font-size:12px}
@media(max-width:980px){.main-nav{gap:14px}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-visual{min-height:350px}.section-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.template-grid{grid-template-columns:repeat(2,1fr)}.section-heading{grid-template-columns:1fr}.footer-main{align-items:flex-start;flex-direction:column;padding:30px 0}.footer-contact{flex-direction:column;gap:6px}}
@media(max-width:760px){.nav-toggle{display:grid;gap:4px}.nav-toggle span{display:block;width:25px;height:2px;background:#fff}.main-nav{position:absolute;left:20px;right:20px;top:75px;display:none;flex-direction:column;align-items:stretch;background:#071522;border:1px solid var(--line);border-radius:15px;padding:12px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav>a:not(.nav-cta){padding:11px 12px}.main-nav>a.active:after{display:none}.hero{padding-top:65px}.hero h1{font-size:42px}.window{transform:none}.floating-card{right:0;top:20px}.cards,.template-grid,.tech-list,.testimonial-grid{grid-template-columns:1fr}.section{padding:70px 0}.contact-inner{align-items:flex-start;flex-direction:column}.cookie-banner{flex-direction:column;align-items:stretch}.cookie-actions{justify-content:flex-end}.footer-bottom{flex-direction:column;gap:6px}}


@media (max-width: 480px) {
  #sobre .about-art .mini-screen img
  {
    max-width: 100%;
  }
  .mini-screen
  {
    padding: 20px;
  }
  .footer-main
  {
    align-items: center;
  }
}