@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--navy:#071a25;--navy-2:#0b2634;--green:#25c47a;--green-dark:#15995a;--mint:#dff8ec;--ink:#10232c;--muted:#60717a;--line:#dfe7e7;--paper:#f6f9f8;--white:#fff;--shadow:0 24px 70px rgba(5,27,37,.12);--radius:18px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:Manrope,"Segoe UI",sans-serif;line-height:1.65}body,button,input,textarea{font-family:Manrope,"Segoe UI",sans-serif}img{display:block;max-width:100%;height:auto}a{color:inherit}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.section{padding:110px 0;scroll-margin-top:82px}.skip-link{position:fixed;z-index:9999;top:10px;left:10px;transform:translateY(-150%);background:var(--green);color:var(--navy);padding:10px 16px;border-radius:8px;font-weight:800}.skip-link:focus{transform:none}
.site-header{position:fixed;z-index:1000;top:0;width:100%;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(7,26,37,.9);backdrop-filter:blur(16px)}.navbar{display:flex;align-items:center;justify-content:space-between;width:min(1160px,calc(100% - 40px));min-height:78px;margin:auto}.brand{display:inline-flex;align-items:center;gap:11px;color:white;text-decoration:none}.brand-mark{display:grid;width:48px;height:48px;place-items:center;overflow:hidden;border-radius:10px;background:#102c38}.brand-mark img{width:70px;height:70px;max-width:none;object-fit:contain}.brand-text{display:grid;line-height:1}.brand-text strong{font-size:1.25rem;letter-spacing:.06em}.brand-text small{margin-top:4px;color:#aec1c8;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:30px;list-style:none}.nav-links a{position:relative;color:#d9e4e7;font-size:.88rem;font-weight:600;text-decoration:none}.nav-links a:not(.nav-cta)::after{position:absolute;bottom:-8px;left:0;width:0;height:2px;background:var(--green);content:"";transition:.25s}.nav-links a:hover::after,.nav-links a:focus::after{width:100%}.nav-links .nav-cta{border:1px solid rgba(37,196,122,.65);border-radius:9px;padding:10px 16px;color:#8ff0bf}.nav-links .nav-cta:hover{background:var(--green);color:var(--navy)}.menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:transparent}.menu-toggle span{width:21px;height:2px;border-radius:2px;background:#fff;transition:.25s}
.hero{position:relative;min-height:780px;display:flex;align-items:center;overflow:hidden;background:var(--navy);color:white;padding:150px 0 80px}.hero::before{position:absolute;inset:0;background-image:linear-gradient(rgba(37,196,122,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(37,196,122,.025) 1px,transparent 1px);background-size:44px 44px;content:""}.hero-glow{position:absolute;top:-230px;right:-180px;width:780px;height:780px;border-radius:50%;background:radial-gradient(circle,rgba(37,196,122,.18),transparent 66%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;color:#86e9b5;font-size:.75rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow i{width:25px;height:2px;background:var(--green)}.eyebrow.dark{color:var(--green-dark)}h1,h2,h3{line-height:1.17}h1{max-width:720px;margin-bottom:24px;font-size:clamp(2.7rem,5.2vw,4.65rem);letter-spacing:-.055em}h1 em{color:var(--green);font-style:normal}.hero-copy>p{max-width:640px;color:#b6c7cd;font-size:1.08rem}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:18px;border-radius:10px;padding:13px 22px;font-size:.9rem;font-weight:800;text-decoration:none;transition:.25s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--green);color:#062217;box-shadow:0 10px 30px rgba(37,196,122,.2)}.button-primary:hover{background:#45d992}.button-ghost{border:1px solid rgba(255,255,255,.19);color:#e2ebed}.button-ghost:hover{border-color:#758c95;background:rgba(255,255,255,.05)}.trust-list{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;color:#9fb2b9;font-size:.76rem;list-style:none}.trust-list span{display:inline-grid;width:20px;height:20px;place-items:center;margin-right:6px;border-radius:50%;background:rgba(37,196,122,.14);color:var(--green);font-weight:900}.hero-visual{position:relative}.visual-frame{position:relative;overflow:hidden;border:1px solid rgba(102,207,156,.22);border-radius:26px 26px 90px 26px;background:#0d2a38;box-shadow:0 45px 100px rgba(0,0,0,.35)}.visual-frame::after{position:absolute;inset:0;background:linear-gradient(130deg,rgba(7,26,37,.05),rgba(7,26,37,.4));content:""}.visual-frame img{width:100%;min-height:420px;object-fit:cover;object-position:center}.floating-card{position:absolute;bottom:-30px;left:-38px;display:flex;align-items:center;gap:13px;min-width:230px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(16,48,60,.94);padding:16px 18px;box-shadow:0 20px 45px rgba(0,0,0,.28)}.floating-card div{display:grid}.floating-card strong{font-size:.79rem}.floating-card small{color:#9bb1b8;font-size:.68rem}.status-dot{width:12px;height:12px;border:3px solid rgba(37,196,122,.25);border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(37,196,122,.13)}
.audience-strip{border-bottom:1px solid var(--line);background:white}.audience-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);align-items:center;min-height:96px}.audience-grid p{color:#87959b;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.audience-grid div{display:flex;align-items:center;justify-content:center;gap:10px;min-height:45px;border-left:1px solid var(--line);font-size:.88rem;font-weight:800}.audience-grid div span{color:var(--green-dark);font-size:1.25rem}
.about{background:white}.about-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:95px;align-items:center}.about-visual{position:relative}.about-image{overflow:hidden;border-radius:10px 70px 10px 10px;background:#e9f3f2;box-shadow:var(--shadow)}.about-image img{width:100%;min-height:470px;object-fit:cover}.experience-badge{position:absolute;right:-35px;bottom:-35px;display:flex;align-items:center;gap:10px;border-radius:12px;background:var(--navy);padding:21px 24px;color:white;box-shadow:0 18px 50px rgba(7,26,37,.25)}.experience-badge strong{color:var(--green);font-size:2.2rem;line-height:1}.experience-badge span{color:#c4d1d5;font-size:.69rem;line-height:1.3;text-transform:uppercase}.about-copy h2,.process-heading h2{margin-bottom:24px;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em}.about-copy>p{margin-bottom:16px;color:var(--muted);font-size:.95rem}.value-grid{display:grid;gap:0;margin-top:32px;border-top:1px solid var(--line)}.value-grid>div{display:flex;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0}.value-grid b{color:#9edfc0;font-size:.76rem}.value-grid span{display:grid}.value-grid strong{font-size:.83rem}.value-grid small{color:#7b8c92;font-size:.71rem}
.services{background:var(--navy);color:white}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:48px}.section-heading h2{max-width:560px;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em}.section-heading>p{max-width:390px;color:#99adb5;font-size:.88rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{position:relative;min-height:300px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:#0a2330;padding:28px;transition:.3s}.service-card:hover{transform:translateY(-5px);border-color:rgba(37,196,122,.45);background:#0c2a39}.service-card.featured{border-color:rgba(37,196,122,.45);background:linear-gradient(145deg,#10372f,#0b2732)}.service-icon{display:grid;width:47px;height:47px;place-items:center;border-radius:10px;background:rgba(37,196,122,.11);color:var(--green);font-size:1.35rem}.number{position:absolute;top:28px;right:28px;color:#60757c;font-size:.68rem;font-weight:800}.service-card h3{margin:34px 0 12px;font-size:1.05rem}.service-card p{min-height:68px;color:#91a5ad;font-size:.79rem}.service-card a{display:inline-flex;gap:8px;margin-top:22px;color:#74dda6;font-size:.75rem;font-weight:800;text-decoration:none}.service-card a:hover{gap:13px}
.process{background:#eef4f2}.process-heading{max-width:560px;margin-bottom:54px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.process-grid article{display:flex;gap:20px}.process-grid b{display:grid;flex:0 0 42px;height:42px;place-items:center;border-radius:50%;background:var(--mint);color:var(--green-dark);font-size:.85rem}.process-grid h3{margin-bottom:9px;font-size:.94rem}.process-grid p{color:var(--muted);font-size:.78rem}
.contact{position:relative;overflow:hidden;background:var(--navy);color:white}.contact::after{position:absolute;right:-200px;bottom:-300px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(37,196,122,.13),transparent 68%);content:""}.contact-shell{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.contact-copy h2{max-width:520px;margin-bottom:20px;font-size:clamp(2.1rem,4vw,3.35rem);letter-spacing:-.045em}.contact-copy>p{max-width:500px;color:#9eb1b8;font-size:.88rem}.contact-list{display:grid;gap:17px;margin-top:36px}.contact-list a{display:flex;width:fit-content;align-items:center;gap:14px;color:white;text-decoration:none}.contact-list>a>span{display:grid;width:39px;height:39px;place-items:center;border:1px solid rgba(37,196,122,.24);border-radius:9px;color:var(--green)}.contact-list div{display:grid}.contact-list small{color:#8299a2;font-size:.65rem;text-transform:uppercase}.contact-list strong{font-size:.78rem}.contact-form{display:grid;border-radius:18px;background:white;padding:38px;color:var(--ink);box-shadow:0 35px 80px rgba(0,0,0,.25)}.form-title{margin-bottom:22px}.form-title h3{font-size:1.3rem}.form-title p{color:#7d8d93;font-size:.74rem}.contact-form label{margin:12px 0 6px;font-size:.7rem;font-weight:800}.contact-form input,.contact-form textarea{width:100%;border:1px solid #d9e2e3;border-radius:8px;background:#f8faf9;padding:12px 14px;color:var(--ink);font:inherit;font-size:.78rem;outline:none;transition:.2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(37,196,122,.12)}.contact-form textarea{min-height:110px;resize:vertical}.contact-form button{display:flex;min-height:49px;align-items:center;justify-content:center;gap:14px;margin-top:14px;border:0;border-radius:9px;background:var(--green);color:#062217;font-weight:800;cursor:pointer}.contact-form button:hover{background:#43d790}.contact-form button:disabled{opacity:.65;cursor:wait}.form-status{min-height:20px;margin-top:7px;font-size:.7rem;font-weight:700}.form-status.success{color:#13844c}.form-status.error{color:#b72d2d}
.site-footer{background:#04131b;padding:42px 0 20px;color:#96a8ae}.footer-grid{display:grid;grid-template-columns:1fr 1.5fr auto;align-items:center;gap:40px;padding-bottom:30px}.footer-grid p{font-size:.75rem}.back-top{display:grid;width:42px;height:42px;place-items:center;border:1px solid #29404a;border-radius:9px;color:#99b1ba;text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #19303a;padding-top:19px;font-size:.62rem}.whatsapp-float{position:fixed;z-index:900;right:22px;bottom:22px;display:flex;align-items:center;gap:8px;border-radius:999px;background:#21c36f;padding:12px 16px;color:#062217;font-size:1.15rem;font-weight:900;text-decoration:none;box-shadow:0 12px 35px rgba(0,0,0,.25)}.whatsapp-float span{font-size:.68rem}
.reveal{opacity:1;transform:none}.reveal.visible{animation:reveal-in .65s ease both}@keyframes reveal-in{from{opacity:.25;transform:translateY(16px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal.visible{animation:none}}
@media(max-width:950px){.nav-links{gap:18px}.nav-links .nav-cta{display:none}.hero-grid,.about-grid,.contact-shell{grid-template-columns:1fr;gap:60px}.hero{padding-top:135px}.hero-copy{text-align:center}.hero-copy>p{margin:auto}.hero-actions,.trust-list{justify-content:center}.hero-visual{max-width:650px;margin:auto}.about-visual{max-width:620px;margin:auto}.about-grid{gap:85px}.service-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start;flex-direction:column;gap:15px}.contact-copy{text-align:center}.contact-copy>p{margin:auto}.contact-list{justify-items:center}.contact-shell{max-width:720px}.contact-list a{text-align:left}.process-grid{gap:24px}.audience-grid{grid-template-columns:1fr repeat(3,1fr)}}
@media(max-width:720px){.container,.navbar{width:min(100% - 28px,1160px)}.section{padding:78px 0}.navbar{min-height:68px}.brand-mark{width:41px;height:41px}.brand-text strong{font-size:1.05rem}.menu-toggle{display:flex}.nav-links{position:absolute;top:68px;left:0;display:none;width:100%;align-items:stretch;flex-direction:column;gap:0;border-top:1px solid rgba(255,255,255,.08);background:#071a25;padding:14px 20px 20px;box-shadow:0 20px 40px rgba(0,0,0,.3)}.nav-links.show{display:flex}.nav-links a{display:block;padding:13px 5px}.nav-links .nav-cta{display:block;margin-top:7px;text-align:center}.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{min-height:auto;padding:125px 0 80px}.hero-grid{gap:50px}h1{font-size:clamp(2.45rem,12vw,3.6rem)}.hero-copy>p{font-size:.95rem}.visual-frame img{min-height:280px}.floating-card{bottom:-22px;left:12px}.audience-grid{grid-template-columns:1fr 1fr;gap:0;padding:15px 0}.audience-grid p{grid-column:1/-1;padding:5px 0 12px;text-align:center}.audience-grid div{border:0}.about-grid{gap:70px}.about-image img{min-height:320px}.experience-badge{right:10px}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.service-card p{min-height:auto}.process-grid{grid-template-columns:1fr;gap:30px}.contact-shell{gap:55px}.contact-form{padding:25px 20px}.footer-grid{grid-template-columns:1fr auto}.footer-grid p{display:none}.footer-bottom{align-items:center;flex-direction:column;gap:8px;text-align:center}.whatsapp-float span{display:none}.whatsapp-float{width:52px;height:52px;justify-content:center;padding:0}.trust-list{gap:12px}.hero-actions{display:grid}.button{width:100%}}
@media(max-width:420px){.audience-grid{grid-template-columns:1fr}.audience-grid div{min-height:36px}.hero-visual{display:none}.hero{padding-bottom:64px}.experience-badge{position:relative;right:auto;bottom:auto;width:max-content;margin:-28px auto 0}.about-copy h2,.process-heading h2{font-size:2rem}.service-card{padding:24px}.contact-copy h2{font-size:2.15rem}.contact-list strong{font-size:.68rem}}

/* Refinamentos de marca e interação */
.brand-mark{position:relative;display:block;place-items:initial}
.brand-mark img{position:absolute;top:50%;left:50%;width:76px;height:76px;max-width:none;object-fit:contain;object-position:center;transform:translate(-50%,-50%)}
.floating-card{position:relative;bottom:auto;left:auto;width:max-content;margin:14px 0 0 auto;padding:14px 18px;background:#10303c;box-shadow:0 14px 35px rgba(0,0,0,.22)}
.about-image img{width:100%;height:500px;min-height:0;object-fit:cover;object-position:center}
.contact-list>a>span.brand-social{overflow:hidden;border:0;background:transparent}
.brand-social svg{display:block;width:32px;height:32px}
.whatsapp-icon svg{fill:#25d366}
.instagram-icon svg{width:34px;height:34px}
.footer-bottom a{color:#b8c8cd;text-decoration:none}
.footer-bottom a:hover{color:#fff;text-decoration:underline}
.whatsapp-float{background:#25d366;padding:11px 16px}
.whatsapp-float svg{width:25px;height:25px;fill:#fff}

@media(max-width:720px){
  .brand-mark img{width:68px;height:68px}
  .floating-card{bottom:auto;left:auto;margin:12px 0 0 auto}
  .about-image img{height:360px;min-height:0}
}

/* Imagem completa e ícones específicos dos serviços */
.about-image{aspect-ratio:3/2;background:#081c28}
.about-image img{width:100%;height:100%;min-height:0;object-fit:contain;object-position:center}
.service-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.service-icon .accent-fill{fill:currentColor;stroke:none;opacity:.22}
.service-icon .light-stroke{fill:none;stroke:#fff;stroke-width:1.7}
.icon-backup{color:#35d98a!important;background:rgba(53,217,138,.13)!important}
.icon-computer{color:#47b8ff!important;background:rgba(71,184,255,.13)!important}
.icon-camera{color:#ffbd4a!important;background:rgba(255,189,74,.14)!important}
.icon-network{color:#a98aff!important;background:rgba(169,138,255,.14)!important}
.icon-support{color:#ff718c!important;background:rgba(255,113,140,.13)!important}
.icon-contract{color:#38d5d1!important;background:rgba(56,213,209,.13)!important}

@media(max-width:720px){.about-image{aspect-ratio:3/2}.about-image img{height:100%}}

.audience-grid .audience-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:9px}
.audience-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-icon{color:#25b874!important;background:rgba(37,184,116,.11)}
.company-icon{color:#318fd1!important;background:rgba(49,143,209,.11)}
.condo-icon{color:#8a69cf!important;background:rgba(138,105,207,.11)}