@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#101b32;--navy2:#172845;--cyan:#12c4df;--cyan-dark:#089bb7;--ink:#17243a;--muted:#66748a;--light:#f4f7fb;--line:#e4eaf2;--white:#fff;--shadow:0 18px 50px rgba(18,35,62,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:"DM Sans",sans-serif;color:var(--ink);line-height:1.7}h1,h2,h3,h4,.navbar-brand{font-family:"Manrope",sans-serif;letter-spacing:-.035em}a{text-decoration:none}.topbar{background:#0a1222;color:#c6d5e8;font-size:.82rem;padding:8px 0}.topbar a{color:#fff}.topbar a:hover{color:var(--cyan)}.site-nav{background:rgba(16,27,50,.97);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);padding:14px 0}.navbar-brand{font-weight:800;letter-spacing:-.04em}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:54px;height:42px;border:1px solid rgba(18,196,223,.6);border-radius:10px;color:#fff;font-size:1.12rem;letter-spacing:-.08em;background:linear-gradient(135deg,rgba(18,196,223,.2),rgba(18,196,223,.02))}.brand-mark span{color:var(--cyan)}.brand-copy{display:flex;flex-direction:column;font-size:.9rem;line-height:1.1;letter-spacing:.08em}.brand-copy small{font-size:.57rem;letter-spacing:.19em;color:#9bb0ca;margin-top:5px}.navbar .nav-link{color:#d1dced;font-size:.92rem;padding:.7rem .8rem!important}.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--cyan)}.btn{border-radius:10px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-accent{background:var(--cyan);border:1px solid var(--cyan);color:#062b38}.btn-accent:hover{background:#50d9ec;border-color:#50d9ec;color:#062b38;box-shadow:0 10px 25px rgba(18,196,223,.2)}.btn-primary{background:var(--navy);border-color:var(--navy)}.btn-primary:hover{background:#223a60;border-color:#223a60}.hero-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at 82% 38%,rgba(18,196,223,.13),transparent 38%),linear-gradient(130deg,#101b32 0%,#142744 62%,#102039 100%);color:white;padding:100px 0 92px}.hero-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,black,transparent 95%)}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:10px;font-size:.75rem;letter-spacing:.16em;font-weight:800;color:var(--cyan)}.eyebrow{padding:8px 13px;border:1px solid rgba(18,196,223,.27);border-radius:99px;background:rgba(18,196,223,.07)}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(18,196,223,.12)}.hero-section h1{font-weight:800;font-size:clamp(2.6rem,5vw,4.65rem);line-height:1.08;max-width:760px;margin:24px 0}.hero-section h1 span,.section-heading h2 span,.section-title span{color:var(--cyan-dark)}.hero-section h1 span{color:var(--cyan)}.hero-lead{font-size:1.12rem;color:#c3d0e2;max-width:660px;line-height:1.8}.hero-points{display:flex;flex-wrap:wrap;gap:12px 22px;color:#d3dfed;font-size:.86rem}.hero-points i{color:var(--cyan);margin-right:6px}.hero-visual{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center}.visual-orbit{position:absolute;border:1px solid rgba(18,196,223,.23);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:440px;height:330px}.orbit-two{width:360px;height:430px;transform:rotate(38deg)}.visual-window{position:relative;z-index:1;width:min(100%,420px);background:#f8fbff;border:1px solid rgba(255,255,255,.45);border-radius:18px;overflow:hidden;box-shadow:0 35px 80px rgba(0,0,0,.28);transform:rotate(2deg)}.window-head{height:47px;background:#e9eef5;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#75859b;font-size:.7rem}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#9fb0c4}.window-body{padding:29px 28px 20px;color:var(--ink)}.window-label{font-size:.65rem;letter-spacing:.15em;font-weight:800;color:#73849a}.window-title{font-family:Manrope,sans-serif;font-weight:800;font-size:2rem;line-height:1.18;margin:10px 0 20px}.window-title span{color:#079db9}.window-bars{display:flex;gap:8px}.window-bars b{height:6px;border-radius:8px;background:#dbe5ef;width:24%}.window-bars b:first-child{width:45%;background:#10b9d2}.window-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.window-cards div{background:#eef4f9;border:1px solid #e2eaf2;border-radius:10px;padding:15px 8px;display:flex;align-items:center;flex-direction:column;gap:7px;color:#253955;font-size:.72rem;font-weight:700}.window-cards i{font-size:1.35rem;color:#079db9}.window-bottom{border-top:1px solid #e3eaf2;padding-top:15px;display:flex;justify-content:space-between;align-items:center;color:#687b91;font-size:.68rem}.status-pill{background:#d9f8ee;color:#087e61;border-radius:50px;padding:3px 7px;font-size:.58rem;font-weight:800}.float-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:white;color:#243650;border:1px solid #e4ebf2;padding:12px 15px;border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.2);font-size:.78rem;font-weight:700}.float-chip i{display:grid;place-items:center;width:30px;height:30px;background:#e0faff;color:#078da6;border-radius:8px;font-size:1rem}.chip-top{top:48px;right:-5px}.chip-bottom{bottom:38px;left:-10px}.trust-strip{background:#fff;border-bottom:1px solid var(--line);padding:22px 0}.trust-item{display:flex;justify-content:center;align-items:center;gap:11px;color:#4e6078;font-size:.9rem;font-weight:700}.trust-item i{font-size:1.3rem;color:var(--cyan-dark)}.section-pad{padding:100px 0}.section-heading{max-width:750px}.section-heading h2,.section-title{font-size:clamp(2rem,3.3vw,3rem);font-weight:800;line-height:1.18;margin:13px 0}.section-heading p,.section-title+p{color:var(--muted);font-size:1.03rem}.service-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:29px 27px;transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:hover,.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c6edf4}.service-icon{width:54px;height:54px;display:grid;place-items:center;background:#e6faff;color:#078da6;border-radius:14px;font-size:1.5rem;margin-bottom:23px}.service-card h3,.project-content h3{font-size:1.18rem;font-weight:800;margin-bottom:12px}.service-card p,.project-content p{color:var(--muted);font-size:.93rem}.text-link{display:inline-flex;align-items:center;gap:8px;color:#078da6;font-weight:800;font-size:.9rem}.text-link:hover{color:#056a80}.portfolio-section{background:var(--light)}.project-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:transform .25s,box-shadow .25s}.project-art{height:175px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:white;position:relative;overflow:hidden}.project-art:before,.project-art:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;width:240px;height:240px;transform:translate(100px,-30px)}.project-art:after{width:170px;height:170px;transform:translate(-130px,80px)}.project-art i{font-size:2.7rem;position:relative;z-index:1}.project-art span{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.14em;font-size:.9rem;position:relative;z-index:1}.art-photo{background:linear-gradient(135deg,#233b61,#0b9bb4)}.art-camera{background:linear-gradient(135deg,#263047,#8a579e)}.art-health{background:linear-gradient(135deg,#124d65,#17a5a1)}.art-ibn{background:linear-gradient(135deg,#182d51,#5275a6)}.art-sc{background:linear-gradient(135deg,#263c5a,#bd8d42)}.art-med{background:linear-gradient(135deg,#1d4a63,#57a4c3)}.project-content{padding:23px}.project-type{display:block;color:#078da6;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.66rem;margin-bottom:8px}.project-content p{min-height:74px}.portfolio-note{color:#75849a;font-size:.79rem}.pricing-section{background:#fff}.pricing-switch-wrap{display:flex;justify-content:center;margin-top:28px}.pricing-switch{background:#edf2f7;padding:5px;border-radius:12px}.pricing-switch .btn{border:0;color:#64748b;padding:10px 25px}.pricing-switch .btn.active{background:var(--navy);color:#fff;box-shadow:0 3px 10px rgba(16,27,50,.15)}.price-card{position:relative;border:1px solid var(--line);border-radius:18px;padding:30px;background:#fff;transition:transform .2s,box-shadow .2s}.price-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.price-card.featured{border:2px solid var(--cyan-dark);box-shadow:0 18px 45px rgba(8,155,183,.1)}.popular-tag{position:absolute;top:0;right:25px;background:var(--cyan);color:#083441;font-size:.64rem;font-weight:900;letter-spacing:.1em;padding:7px 12px;border-radius:0 0 9px 9px}.plan-label{font-size:.67rem;letter-spacing:.14em;color:#078da6;font-weight:900}.price-top h3{font-size:1.55rem;font-weight:800;margin:10px 0}.price-top p{color:var(--muted);font-size:.9rem;min-height:52px}.price-value{font-family:Manrope,sans-serif;font-weight:800;font-size:2rem;letter-spacing:-.05em;margin-top:20px}.price-period{font-size:.8rem;color:var(--muted)}.feature-list{list-style:none;padding:20px 0 24px;margin:20px 0 0;border-top:1px solid var(--line)}.feature-list li{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:#43536a;padding:7px 0}.feature-list i{color:#079db9;font-size:1.05rem}.annual-only{display:none!important}body[data-period="annual"] .annual-only{display:flex!important}.pricing-disclaimer{margin-top:28px;background:#f2f7fa;border:1px solid #e0ebf1;padding:15px 18px;border-radius:12px;color:#5c6d82;font-size:.82rem}.about-section{background:#f5f8fc}.about-visual{min-height:390px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:22px;background:linear-gradient(140deg,#142440,#1c4161);overflow:hidden}.about-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:30px 30px}.about-main-card{position:relative;width:75%;padding:34px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:18px;color:#fff;backdrop-filter:blur(12px)}.about-symbol{font-family:Manrope,sans-serif;font-weight:900;font-size:1.1rem;color:var(--cyan);letter-spacing:.1em}.about-main-card h3{font-weight:800;font-size:1.65rem;margin:22px 0 12px;line-height:1.3}.about-main-card h3 span{color:var(--cyan)}.about-main-card p{color:#c0d0e2;font-size:.87rem;margin-bottom:0}.about-mini-card{position:absolute;right:6%;bottom:30px;background:#fff;color:#30445d;padding:14px 17px;border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,.18);display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:800}.about-mini-card i{color:#0aa888;font-size:1.15rem}.section-title{color:var(--ink)}.about-section .section-title span{color:#078da6}.about-section p{color:var(--muted)}.contact-section{background:radial-gradient(ellipse at 10% 10%,rgba(18,196,223,.12),transparent 38%),var(--navy)}.contact-section .section-title{color:#fff}.contact-lead{color:#c2cfe0;font-size:1.03rem;margin:22px 0 30px}.contact-detail{display:flex;align-items:center;gap:14px;margin:19px 0}.contact-detail>span{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:rgba(18,196,223,.12);color:var(--cyan);font-size:1.25rem}.contact-detail small{display:block;color:#9aacc4;font-size:.75rem}.contact-detail a{color:#fff;font-weight:700}.contact-detail a:hover{color:var(--cyan)}.contact-form{background:#fff;border-radius:18px;padding:32px;box-shadow:0 25px 70px rgba(0,0,0,.2)}.contact-form h3{font-size:1.55rem;font-weight:800}.contact-form>p{color:var(--muted);font-size:.9rem}.form-label{font-weight:700;font-size:.85rem}.form-control,.form-select{border-color:#dbe3ed;border-radius:9px;padding:12px 13px;font-size:.92rem}.form-control:focus,.form-select:focus{border-color:var(--cyan-dark);box-shadow:0 0 0 .2rem rgba(8,155,183,.13)}.privacy-note{display:block;color:#8190a3;font-size:.72rem;margin-top:12px}.form-feedback{font-size:.85rem;margin-top:8px;color:#087e61}.site-footer{background:#0a1222;color:#9caec5;padding:35px 0}.footer-brand{display:inline-flex;align-items:center;gap:12px;color:white;font-family:Manrope,sans-serif;font-weight:800}.footer-brand .brand-mark{width:45px;height:36px;font-size:.95rem}.footer-copy{font-size:.83rem;margin:12px 0 0}.footer-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:18px}.footer-links a{font-size:.82rem;color:#c2cfe0}.footer-links a:hover{color:var(--cyan)}.copyright{font-size:.75rem;color:#75869e;margin:12px 0 0}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:1000;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#20c66b;color:#fff;font-size:1.8rem;box-shadow:0 8px 24px rgba(0,0,0,.2);transition:transform .2s}.whatsapp-float:hover{color:white;transform:translateY(-4px) scale(1.03)}.back-to-top{position:fixed;right:29px;bottom:90px;z-index:999;width:42px;height:42px;border:0;border-radius:12px;background:#fff;color:var(--navy);box-shadow:0 6px 20px rgba(0,0,0,.16);opacity:0;pointer-events:none;transition:opacity .2s}.back-to-top.visible{opacity:1;pointer-events:auto}
@media(max-width:991.98px){.hero-section{padding:75px 0}.hero-visual{min-height:390px;margin-top:5px}.chip-top{right:0}.chip-bottom{left:0}.section-pad{padding:75px 0}.navbar-collapse{padding-top:15px}.navbar .nav-link{padding:.65rem 0!important}.navbar .btn{margin-top:8px}.about-visual{min-height:350px}}
@media(max-width:575.98px){.topbar .container{justify-content:center!important}.topbar span{display:none}.hero-section{padding:62px 0 55px}.hero-section h1{font-size:2.65rem}.hero-lead{font-size:1rem}.hero-visual{min-height:320px}.visual-window{width:90%}.window-body{padding:21px 18px 16px}.window-title{font-size:1.65rem}.window-cards{gap:6px}.window-cards div{padding:12px 4px;font-size:.63rem}.float-chip{padding:8px 10px;font-size:.67rem}.float-chip i{width:25px;height:25px}.chip-top{top:10px;right:-2px}.chip-bottom{bottom:10px;left:-3px}.trust-item{font-size:.77rem;gap:7px}.trust-item i{font-size:1.05rem}.section-pad{padding:62px 0}.section-heading h2,.section-title{font-size:2rem}.service-card{padding:24px}.project-content p{min-height:0}.price-card{padding:25px}.about-visual{min-height:330px}.about-main-card{width:82%;padding:25px}.about-main-card h3{font-size:1.4rem}.about-mini-card{right:4%;bottom:17px;font-size:.68rem}.contact-form{padding:23px}.footer-links{justify-content:flex-start;margin-top:15px}.whatsapp-float{right:15px;bottom:15px;width:51px;height:51px}.back-to-top{right:20px;bottom:76px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.art-vi{background:linear-gradient(135deg,#172c49,#138ea8)}


/* Identidade visual WWD: logotipo enviado pelo cliente e banner tecnológico */
.brand-logo{display:block;width:clamp(155px,18vw,215px);height:auto;max-height:62px;object-fit:contain;object-position:left center}
.navbar-brand{padding:0;margin-right:1.5rem}
.hero-section{
  background-color:#07152b;
  background-image:linear-gradient(90deg,rgba(4,14,31,.98) 0%,rgba(4,14,31,.92) 32%,rgba(4,14,31,.60) 57%,rgba(4,14,31,.12) 100%),url("assets/banner-wwd.png");
  background-size:cover;
  background-position:center right;
}
.hero-grid{opacity:.08}
.hero-section .row{min-height:430px}
.hero-section .col-lg-7{position:relative;z-index:2}
.hero-visual{display:none}
.project-art{height:205px;isolation:isolate;background-color:#10223d}
.project-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .45s ease}
.project-card:hover .project-art img{transform:scale(1.06)}
.project-art:before{inset:0;width:100%;height:100%;border:0;border-radius:0;transform:none;background:linear-gradient(0deg,rgba(5,15,34,.88) 0%,rgba(5,15,34,.15) 85%);z-index:-1}
.project-art:after{display:none}
.project-art .project-label{position:absolute;left:18px;right:18px;bottom:17px;font-size:.83rem;letter-spacing:.11em;text-shadow:0 2px 10px rgba(0,0,0,.4)}
@media (max-width:767.98px){
 .brand-logo{width:155px;max-height:52px}
 .hero-section{background-position:62% center;background-image:linear-gradient(90deg,rgba(4,14,31,.94),rgba(4,14,31,.77)),url("assets/banner-wwd.png");padding:75px 0 65px}
 .hero-section .row{min-height:0}
 .project-art{height:190px}
}