@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#07162e;--ink:#f3f8ff;--muted:#a9bbd2;--line:#253b59;--mint:#21c4f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:'DM Sans',sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.header{border-bottom:1px solid #ffffff16;position:relative;z-index:20;background:#07162e}.nav{height:82px;display:flex;justify-content:space-between;align-items:center}.logo{font:800 28px 'Manrope',sans-serif;letter-spacing:-1.8px;display:inline-flex;align-items:center;gap:12px}.logo-dot{color:var(--mint)}.mark{position:relative;width:25px;height:25px;display:inline-block;transform:rotate(-12deg)}.mark span{position:absolute;background:var(--mint);width:8px;height:24px;border-radius:2px;transform:skew(-21deg)}.mark span:nth-child(1){left:0}.mark span:nth-child(2){left:9px;top:3px;height:18px}.mark span:nth-child(3){left:18px}.site-nav{display:flex;align-items:center;gap:34px}.site-nav>a{font-size:14px;color:#bfcee0}.site-nav>a:hover{color:#fff}.site-nav .nav-contact{padding:12px 17px;background:#112e51;border:1px solid #285889;border-radius:8px;color:var(--ink)}.menu-toggle{display:none}.hero{min-height:665px;padding:95px 0 100px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:45px}.eyebrow,.section-tag{color:var(--mint);font-size:11px;font-weight:800;letter-spacing:2px}.eyebrow{display:flex;align-items:center;gap:11px}.eyebrow i{height:7px;width:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 14px #21c4f3}.hero h1{font:800 clamp(39px,4.6vw,64px)/1.13 'Manrope',sans-serif;letter-spacing:-3px;margin:24px 0}.hero h1 em,h2 em{color:var(--mint);font-style:normal}.hero-copy>p{color:var(--muted);font-size:17px;line-height:1.8;max-width:590px}.actions{display:flex;gap:20px;align-items:center;margin-top:30px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:22px;border-radius:9px;padding:16px 21px;font-size:14px;font-weight:800;border:0;cursor:pointer}.btn-primary{color:#031e3c;background:var(--mint)}.btn-primary:hover{background:#53ddff}.btn-text{padding-left:0;color:#e6edf0}.hero-facts{display:flex;gap:50px;margin-top:65px}.hero-facts span{display:grid;gap:5px}.hero-facts strong{font-size:13px}.hero-facts small{color:var(--muted)}.hero-visual{min-width:0;position:relative}.glow{position:absolute;inset:12% 0;filter:blur(75px);background:#1478ef3b}.mock-window{position:relative;border-radius:16px;background:#0c2546;border:1px solid #315b8b;box-shadow:0 42px 100px #0009;overflow:hidden;transform:perspective(1100px) rotateY(-6deg) rotateX(3deg)}.mock-bar{height:49px;border-bottom:1px solid #27486e;display:flex;align-items:center;gap:10px;padding:0 15px;font-size:12px;font-weight:700}.mock-mark{background:var(--mint);color:#062a51;padding:4px 7px;border-radius:5px;font-weight:800}.mock-dots{margin-left:auto;color:#667784}.mock-body{display:flex;min-height:365px}.mock-sidebar{border-right:1px solid #27486e;width:62px;padding:22px 19px;display:grid;align-content:start;gap:22px}.mock-sidebar div{width:22px;height:8px;background:#557391;border-radius:3px}.mock-sidebar .side-active{background:var(--mint)}.mock-content{padding:24px;flex:1;min-width:0}.mock-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.mock-top div{display:grid;gap:5px}.mock-top small{font-size:9px;color:#91b6d6}.mock-top strong{font-size:17px}.status-dot{color:var(--mint);font-size:10px;white-space:nowrap}.mini-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.mini-cards>div{background:#123257;border:1px solid #27486e;border-radius:9px;padding:14px;display:grid;gap:7px}.mini-cards small{font-size:10px;color:#afcce2}.mini-cards strong{font-size:26px}.mini-cards span{color:var(--mint);font-size:10px}.graph{border:1px solid #27486e;border-radius:9px;margin-top:12px;background:#102948;padding:12px}.graph-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}.graph-top small{color:#a6c0d9}.graph svg{width:100%;display:block}.band{border-top:1px solid #ffffff13;border-bottom:1px solid #ffffff13;background:#091f3d}.band-inner{min-height:77px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;font-weight:800;letter-spacing:2px;color:#a8c0d9}.band-accent{color:var(--mint)}.section{padding:117px 0 120px}.section-head{display:flex;gap:55px;justify-content:space-between;align-items:end;margin-bottom:42px}.section-head>div{max-width:660px}.section-head h2,h2{font:800 clamp(32px,3.6vw,48px)/1.16 'Manrope',sans-serif;letter-spacing:-2px;margin:20px 0 0}.section-head>p{color:var(--muted);line-height:1.75;max-width:330px;font-size:14px}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.service{border:1px solid var(--line);background:#0e2747;padding:25px 22px;border-radius:13px;display:flex;flex-direction:column;min-height:335px}.service-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:10px;color:var(--mint);font-size:29px;background:#103c74}.service>span{color:#658ebd;align-self:end;margin-top:-39px;font-size:12px}.service h3{font-size:19px;margin:48px 0 10px}.service p{color:var(--muted);font-size:13px;line-height:1.75;flex:1}.service a{font-size:12px;font-weight:800;margin-top:16px;color:var(--mint)}.process-section{background:#eaf3ff;color:#102e52;padding:115px 0 125px}.process-section .section-tag,.process-section h2 em{color:#096ac8}.process-section .section-head>p{color:#536e91}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:65px}.step{border-top:2px solid #b7cce4;padding-top:23px}.step-index{color:#096ac8;font-size:13px;font-weight:800}.step h3{font:800 24px 'Manrope',sans-serif;margin:26px 0 10px}.step p{color:#5d7393;font-size:14px;line-height:1.8}.split{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.split-intro{color:var(--muted);font-size:16px;line-height:1.85;margin:23px 0 30px}.benefits>div{padding:21px 0;border-bottom:1px solid var(--line);display:flex;gap:22px}.benefits>div:first-child{border-top:1px solid var(--line)}.benefits>div>span{font-size:25px;color:var(--mint);min-width:35px}.benefits h3{font-size:17px;margin:0 0 7px}.benefits p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.contact-wrap{background:#0a3162;border-top:1px solid #2564a5}.contact{padding:95px 0 100px;display:grid;grid-template-columns:1fr 440px;gap:85px;align-items:center}.contact h2{max-width:550px}.contact p{font-size:16px;color:#bddaf6;line-height:1.8}.contact-card{background:#f1f7ff;border-radius:15px;padding:31px;color:#122c50}.contact-card h3{font:800 24px 'Manrope',sans-serif;margin:0 0 22px}.contact-card form{display:grid;gap:9px}.contact-card label{font-size:12px;font-weight:800}.contact-card input,.contact-card textarea{width:100%;border:1px solid #c8d8ed;background:white;border-radius:8px;padding:13px;font-size:13px;color:#19365e;margin-bottom:7px}.contact-card .btn{background:#097bda;color:white;width:100%;margin-top:3px}.contact-card #form-feedback{margin:4px 0 0;font-size:11px;color:#5e7796}.footer{background:#051226}.footer-inner{display:flex;justify-content:space-between;align-items:center;padding:65px 0 55px}.footer p,.footer-bottom{color:#91a7c0;font-size:12px}.footer-links{display:flex;gap:25px;font-size:13px}.footer-bottom{border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between}@media(max-width:1020px){.hero{grid-template-columns:1fr;gap:65px;padding-top:70px}.hero-visual{max-width:630px;margin:auto}.services{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr 1fr;gap:40px}.split{gap:55px}}@media(max-width:680px){.shell{width:calc(100% - 36px)}.nav{height:70px}.logo{font-size:25px}.menu-toggle{display:grid;gap:5px;background:none;border:0;padding:11px;cursor:pointer}.menu-toggle span{width:22px;height:2px;border-radius:2px;background:white}.site-nav{display:none;position:absolute;left:0;right:0;top:70px;background:#101b26;padding:18px;flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav a{padding:13px 7px}.hero{padding-top:62px;padding-bottom:84px;gap:55px;min-height:unset}.hero h1{font-size:clamp(35px,9vw,48px);letter-spacing:-2px}.hero-copy>p{font-size:15px}.hero-facts{gap:20px;margin-top:44px;flex-direction:column}.mock-window{transform:none}.mock-content{padding:15px}.mock-sidebar{width:40px;padding:15px 9px}.mock-top strong{font-size:12px}.mini-cards strong{font-size:19px}.floating-note{right:3px;bottom:-33px;padding:10px}.band-inner{min-height:100px;flex-wrap:wrap;justify-content:center;text-align:center;font-size:11px}.section{padding:77px 0 80px}.section-head{flex-direction:column;align-items:start;gap:10px}.section-head>p{max-width:100%}.services{grid-template-columns:1fr}.service{min-height:275px}.service h3{margin-top:35px}.process-section{padding:75px 0 80px}.steps{grid-template-columns:1fr 1fr;gap:20px}.step h3{font-size:20px;margin-top:18px}.split{grid-template-columns:1fr;gap:36px}.contact{padding:75px 0;grid-template-columns:1fr;gap:25px}.contact-card{padding:22px}.footer-inner{align-items:start;flex-direction:column;gap:25px}.footer-bottom{gap:15px;flex-direction:column}.footer-links{flex-wrap:wrap}}

/* Identidade visual Modtrax: azul profundo, azul elétrico e ciano */
:root{--blue:#1168ec;--cyan:#20cdf4;--navy:#06152f;--mint:var(--cyan)}
.header{background:#06152f}.hero{background:radial-gradient(ellipse at 82% 28%,#123a7038,transparent 58%)}
.hero h1 em,h2 em,.eyebrow,.section-tag,.service a,.benefits>div>span,.band-accent{color:#28c9f5}
.btn-primary{background:linear-gradient(115deg,#1769ef,#21c9ed);color:#fff;box-shadow:0 10px 32px #0757be3b}.btn-primary:hover{background:linear-gradient(115deg,#3985fa,#54dcfa)}
.glow{background:#1675fb2a}.mock-mark,.mock-sidebar .side-active{background:#1889ee;color:white}.service-icon{color:#28cbf7}.service{transition:transform .2s,border-color .2s}.service:hover{transform:translateY(-4px);border-color:#167ee5}
.logo{gap:11px;letter-spacing:-1.4px;color:#f6fbff}.logo-name{font-weight:800}.logo-name .logo-x{color:#2ac9f4}.brand-icon{width:38px;height:38px;display:block;flex:none}.logo-dot{display:none}
.process-section .section-tag,.process-section h2 em,.step-index{color:#096bc8}
.contact-card .btn{background:linear-gradient(115deg,#1769ef,#0aaede);color:#fff}
.contact-wrap{background:linear-gradient(130deg,#0b3263,#071e42)}
.footer{background:#041126}
@media(max-width:680px){.brand-icon{width:33px;height:33px}}