:root{--navy:#071426;--blue:#165dff;--cyan:#22d3ee;--text:#0b1729;--muted:#5d6b7c;--line:#dfe7ef;--paper:#f7fafc;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#fff;color:var(--text)}a{text-decoration:none}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:30}.brand{font-size:21px;font-weight:900;letter-spacing:-.7px;color:var(--navy)}.brand b{color:var(--blue)}.links{display:flex;align-items:center;gap:25px}.links a{font-size:14px;font-weight:700;color:#334155}.navcta{background:var(--navy)!important;color:#fff!important;padding:11px 16px;border-radius:10px}.menu{display:none;border:0;background:#eef3f8;border-radius:9px;padding:9px 11px;font-size:18px}
.hero{background:linear-gradient(180deg,#f8fbff,#fff);padding:78px 6% 68px}.wrap{max-width:1180px;margin:auto}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.eyebrow{font-size:11px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:var(--blue)}h1{font-size:clamp(48px,6.4vw,78px);line-height:.98;letter-spacing:-3.5px;margin:13px 0 23px}.lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:650px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:10px;border:1px solid var(--line);font-size:14px;font-weight:800;color:var(--navy);background:#fff}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.hero-proof{background:var(--navy);border-radius:25px;padding:20px;box-shadow:0 30px 70px rgba(7,20,38,.18)}.proof-head{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:4px 4px 17px}.proof-head small{color:#91a5ba}.browser{border:1px solid #294057;border-radius:16px;overflow:hidden;background:#0d2035}.browserbar{height:37px;background:#102942;display:flex;align-items:center;gap:5px;padding:0 13px}.browserbar i{width:7px;height:7px;border-radius:50%;background:#587087}.browserbody{height:305px;background:linear-gradient(135deg,#eef6ff,#d9f7fb);padding:25px;position:relative}.browserbody .mini-nav{height:9px;width:43%;background:#0b1729;border-radius:5px}.browserbody h3{font-size:32px;line-height:1.05;max-width:310px;margin:35px 0 12px}.browserbody p{font-size:13px;color:#64748b;max-width:310px;line-height:1.5}.browserbody .shopcards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:25px}.browserbody .shopcards i{height:75px;background:#fff;border-radius:9px;box-shadow:0 5px 15px #64748b18}
.services-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.services-strip .wrap{display:grid;grid-template-columns:repeat(6,1fr)}.service-mini{padding:20px 10px;text-align:center;font-size:12px;font-weight:800;color:#475569;border-right:1px solid #edf1f5}.service-mini:last-child{border:0}
.section{padding:85px 6%}.soft{background:var(--paper)}.section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:38px}.section-head h2{font-size:clamp(35px,4.6vw,54px);line-height:1.05;letter-spacing:-2px;margin:8px 0}.section-head p{max-width:500px;color:var(--muted);line-height:1.7}
.projects{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:17px}.project{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.25s}.project:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(7,20,38,.08)}.project-image{height:225px;position:relative;overflow:hidden;background:#dce9f8}.project.main .project-image{height:295px}.project-image img{width:100%;height:100%;object-fit:cover;display:block}.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,20,38,.32))}.pill{position:absolute;left:14px;top:14px;z-index:2;background:#fff;color:var(--navy);padding:7px 9px;border-radius:99px;font-size:10px;font-weight:900}.project-body{padding:21px}.project-body small{color:var(--blue);font-weight:900}.project-body h3{font-size:23px;margin:7px 0}.project-body p{font-size:14px;line-height:1.6;color:var(--muted)}.project-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.project-links a{padding:10px 12px;border-radius:8px;background:#eef4ff;color:#1542a7;font-size:12px;font-weight:800}.project-links a.primary{background:var(--blue);color:#fff}
.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.solution{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff}.solution .icon{font-size:21px}.solution h3{margin:28px 0 8px}.solution p{color:var(--muted);font-size:14px;line-height:1.65}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.step{padding:25px;border-right:1px solid var(--line)}.step:last-child{border:0}.step b{color:var(--blue);font-size:11px}.step h3{font-size:18px;margin:12px 0 7px}.step p{font-size:13px;line-height:1.6;color:var(--muted)}
.final{padding:25px 6% 90px}.finalbox{max-width:1180px;margin:auto;background:var(--navy);border-radius:25px;padding:50px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:35px}.finalbox h2{font-size:clamp(32px,4vw,48px);letter-spacing:-2px;margin:0 0 10px}.finalbox p{color:#aebed0;max-width:610px}.footer{background:#040d19;color:#8296aa;padding:32px 6%;font-size:12px}.footer .wrap{display:flex;justify-content:space-between;gap:20px}
@media(max-width:900px){.links a:not(.navcta){display:none}.hero-grid,.projects{grid-template-columns:1fr}.project.main .project-image,.project-image{height:240px}.solution-grid{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.services-strip .wrap{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){
.nav{height:68px;padding:0 20px}.brand{font-size:20px}.links{gap:0}.navcta{font-size:12px!important;padding:10px 12px}.hero{padding:50px 20px 42px}.hero-grid{gap:34px}h1{font-size:43px;line-height:1.01;letter-spacing:-2px;margin-top:10px}.lead{font-size:16px;line-height:1.65}.actions .btn{width:100%}.hero-proof{padding:12px;border-radius:18px}.proof-head{padding:3px 3px 12px}.browserbody{height:225px;padding:18px}.browserbody h3{font-size:25px;margin:25px 0 8px}.browserbody .shopcards i{height:48px}.services-strip .wrap{grid-template-columns:1fr 1fr}.service-mini{padding:15px 6px}.section{padding:60px 20px}.section-head{display:block;margin-bottom:26px}.section-head h2{font-size:35px;letter-spacing:-1.5px}.projects{gap:15px}.project.main .project-image,.project-image{height:215px}.solution-grid,.process{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line)}.final{padding:10px 20px 60px}.finalbox{padding:32px 24px;display:block}.finalbox .btn{margin-top:14px;width:100%}.footer{padding:28px 20px}.footer .wrap{display:block}.footer span{display:block;margin-top:8px}}

.live-demo-preview{height:260px;position:relative;overflow:hidden;background:#edf3f8;border-bottom:1px solid #dfe7ef}.project.main .live-demo-preview{height:295px}.live-demo-preview iframe{position:absolute;left:0;top:0;width:1440px;height:900px;border:0;transform:scale(.28);transform-origin:0 0;pointer-events:none;background:#fff}.live-demo-preview:after{content:"PRÉVIA REAL";position:absolute;right:12px;bottom:12px;background:#071426;color:#fff;padding:7px 9px;border-radius:99px;font:800 9px/1 Arial;letter-spacing:.7px}@media(max-width:600px){.live-demo-preview,.project.main .live-demo-preview{height:215px}.live-demo-preview iframe{transform:scale(.22)}}