 :root{--navy:#0b1c35;--ink:#172740;--blue:#2468ed;--sky:#eaf2ff;--line:#e2e9f1;--muted:#60718a;--white:#fff;--pale:#f6f9fd;--green:#20b06b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,Arial,sans-serif;color:var(--ink);background:white;font-size:15px;line-height:1.7}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}svg{flex-shrink:0}.container{width:min(1180px,calc(100% - 48px));margin:auto}.topbar{background:var(--navy);color:#dce8fa;font-size:12px}.topbar-inner{display:flex;justify-content:space-between;align-items:center;padding:7px 0}.topbar a{display:flex;align-items:center;gap:8px}.topbar svg{width:14px;height:14px}.site-header{background:white;border-bottom:1px solid #edf0f5;position:sticky;top:0;z-index:30;box-shadow:0 3px 20px #152c4810}.header-inner{display:flex;align-items:center;gap:30px;min-height:86px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{height:42px;width:42px;border-radius:11px;background:var(--blue);display:flex;align-items:center;justify-content:center;color:white;font-weight:800;font-size:25px;letter-spacing:-4px}.brand-mark span{font-size:16px;transform:translateY(-7px);letter-spacing:0}.brand-text{font-size:17px;line-height:1.15;font-weight:800;letter-spacing:.5px}.brand-text small{display:block;font-size:9px;letter-spacing:3.6px;font-weight:600;margin-top:4px}.site-nav{display:flex;gap:30px;margin-left:auto;align-items:center}.site-nav a{font-size:13px;font-weight:600;color:#52637b;transition:color .2s}.site-nav a:hover,.site-nav a.active{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid transparent;border-radius:8px;padding:14px 23px;min-height:50px;font-size:13px;font-weight:700;line-height:1.3;transition:transform .2s,background .2s,box-shadow .2s;cursor:pointer;text-align:center}.btn:hover{transform:translateY(-2px)}.btn svg{width:17px;height:17px}.btn-primary{background:var(--blue);color:white;box-shadow:0 8px 20px #2468ed24}.btn-primary:hover{background:#1655cf;box-shadow:0 10px 25px #2468ed36}.btn-secondary{background:white;color:var(--ink);border-color:#d4deeb}.btn-secondary:hover{border-color:var(--blue);color:var(--blue)}.menu-toggle{display:none;background:white;border:1px solid var(--line);border-radius:8px;width:43px;height:43px;align-items:center;justify-content:center}.hero{background:linear-gradient(140deg,#f7faff 0%,#fff 48%,#eff6ff 100%);overflow:hidden;padding:75px 0 90px}.hero-grid{display:grid;grid-template-columns:46% 54%;gap:28px;align-items:center}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#2c66d6;font-weight:700;display:inline-flex;align-items:center;gap:9px}.eyebrow-dot{height:8px;width:8px;border-radius:50%;background:var(--blue)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.22;letter-spacing:-1px}h1{font-size:clamp(38px,4.1vw,61px);font-weight:800;margin:20px 0 22px;color:var(--navy)}h1 em,h2 em{font-style:normal;color:var(--blue)}.hero-copy>p{font-size:16px;max-width:510px;color:var(--muted);line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.hero-trust{display:flex;align-items:center;gap:14px;font-size:11px;color:#7a8899;font-weight:600}.trust-line{width:32px;height:1px;background:var(--blue)}.hero-visual{position:relative;padding:25px 0 30px 15px;perspective:1300px}.browser-demo{background:white;border:1px solid #dfe8f2;border-radius:15px;overflow:hidden;box-shadow:0 35px 70px #0d295a29,0 5px 20px #123a7515;transform:rotate(-2deg);transition:transform .4s}.browser-demo:hover{transform:rotate(0)}.browser-top{height:39px;background:#f9fbfe;border-bottom:1px solid #e7edf5;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#8a9ab0;font-size:10px}.dots{display:flex;gap:5px}.dots i{width:7px;height:7px;border-radius:50%;background:#d3dce8}.dots i:first-child{background:#ff9a9a}.dots i:nth-child(2){background:#ffd37d}.dots i:nth-child(3){background:#91dfad}.demo-page{background:#f9f7f3;padding:18px 22px 14px}.demo-nav{display:flex;justify-content:space-between;align-items:center;font-size:9px}.demo-nav strong{font-size:18px;color:#1b2839;letter-spacing:-1px}.demo-nav strong span{color:#f26c3d}.demo-nav>div{display:flex;gap:12px}.demo-nav b{width:20px;height:2px;background:#4c5360}.demo-nav small{background:#152639;color:white;padding:7px 12px;border-radius:30px}.demo-body{display:grid;grid-template-columns:51% 49%;min-height:315px;align-items:center}.demo-copy{padding:22px 0}.demo-copy>span{font-size:8px;font-weight:700;letter-spacing:1.8px}.demo-copy h3{font-size:clamp(28px,3.1vw,48px);line-height:1.05;margin:20px 0;color:#14243a;letter-spacing:-2px}.demo-copy h3 em{font-style:normal;color:#f26c3d}.demo-copy p{font-size:10px;color:#737f8c}.demo-button{display:inline-block;background:#14243a;color:white;padding:10px 14px;font-size:9px;border-radius:3px;margin-top:9px}.demo-photo{height:265px;border-radius:130px 130px 5px 5px;background:linear-gradient(150deg,#f6aa83,#e85f49 45%,#9b352d);position:relative;overflow:hidden}.demo-arc{position:absolute;inset:40px -40px -90px 15px;border:33px solid #f4d4bd;border-radius:50%;transform:rotate(-22deg);box-shadow:inset 20px 5px 30px #8e3c2940}.demo-orb{position:absolute;width:110px;height:110px;top:35px;right:25px;border-radius:50%;background:radial-gradient(circle at 25% 25%,#fff1cb,#c56e3c 70%,#7a3026);box-shadow:12px 20px 24px #802c2840}.demo-note{position:absolute;bottom:14px;left:15px;color:white;font-size:8px;letter-spacing:1px}.demo-footer{border-top:1px solid #ddd9d2;display:flex;justify-content:space-between;padding-top:10px;font-size:8px;letter-spacing:2px;font-weight:700}.floating-tag{position:absolute;right:-10px;bottom:5px;background:white;border:1px solid #e2e9f3;box-shadow:0 15px 40px #173b6e26;padding:14px 19px;border-radius:10px;font-size:12px;font-weight:700}.floating-tag span{color:#ef8a45;margin-right:8px}.ticker{background:var(--navy);color:#d3dff0}.ticker-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0;font-size:11px;font-weight:700;letter-spacing:1px}.ticker i{height:5px;width:5px;background:#4d84f4;border-radius:50%;flex-shrink:0}.section{padding:95px 0}.section-head{max-width:690px;margin-bottom:36px}.section-head h2,h2{font-size:clamp(30px,3.2vw,44px);font-weight:800;color:var(--navy);margin:14px 0 15px}.section-head p{color:var(--muted);font-size:15px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{padding:30px;border:1px solid var(--line);border-radius:12px;background:white;transition:transform .2s,box-shadow .2s,border-color .2s}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #0d2c5314;border-color:#c5d8f9}.service-icon{width:49px;height:49px;border-radius:11px;display:grid;place-items:center;color:var(--blue);background:#eaf1ff;margin-bottom:22px}.service-icon svg{width:24px;height:24px}.service-card h3{font-size:17px;letter-spacing:-.3px;margin-bottom:10px}.service-card p{font-size:13px;color:var(--muted);min-height:72px}.text-link{color:var(--blue);font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.text-link svg{width:15px;height:15px}.feature-section,.pale{background:var(--pale)}.feature-grid,.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature-image{position:relative}.feature-image img,.rounded-image{width:100%;height:430px;object-fit:cover;border-radius:13px}.image-caption{position:absolute;bottom:18px;left:18px;background:white;padding:13px 17px;border-radius:7px;font-size:12px;font-weight:700;box-shadow:0 8px 25px #1c2b421f}.feature-copy>p,.split p{color:var(--muted);font-size:14px;line-height:1.9}.benefits{display:grid;gap:16px;margin:25px 0}.benefits div{display:flex;gap:11px;align-items:center;font-size:13px;font-weight:600}.benefits svg{color:var(--blue)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.work-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:white}.work-photo{height:245px;overflow:hidden}.work-photo img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.work-card:hover img{transform:scale(1.04)}.work-info{padding:22px}.work-info span{color:var(--blue);font-size:10px;font-weight:700;letter-spacing:1.5px}.work-info h3{font-size:17px;margin:10px 0 5px}.work-info p{font-size:11px;color:#7b8ba0;margin:0}.center-action{text-align:center;margin-top:35px}.cta{background:linear-gradient(115deg,#0c1c36,#183d78);color:white;padding:65px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.cta h2{color:white;margin:10px 0}.cta p{color:#c3d3eb;margin:0}.eyebrow.light{color:#8fb6ff}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-white{background:white;color:#123568}.btn-outline-light{border-color:#7892bb;color:white;background:transparent}.btn-outline-light:hover{background:#ffffff18}.page-hero{background:linear-gradient(120deg,#f2f7ff,#fff);padding:85px 0;border-bottom:1px solid var(--line)}.page-hero h1{max-width:810px;font-size:clamp(38px,4.2vw,58px)}.page-hero p{max-width:720px;color:var(--muted);font-size:16px}.split h2{margin:12px 0 20px}.split .btn{margin-top:20px}.reverse>div{order:2}.reverse>img{order:1}.tick-list{padding:0;list-style:none}.tick-list li{position:relative;padding:9px 0 9px 25px;font-size:14px;color:#52647c}.tick-list li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:800}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.process-grid>div{background:white;border:1px solid var(--line);padding:30px;border-radius:10px}.process-grid span{color:var(--blue);font-size:27px;font-weight:800}.process-grid h3{margin:15px 0 8px}.process-grid p{color:var(--muted);font-size:13px}.notice{padding:15px 18px;background:#fff8e8;border:1px solid #f1dfae;border-radius:8px;font-size:12px;color:#806024;margin-bottom:25px}.contact-grid{display:grid;grid-template-columns:43% 57%;gap:55px}.contact-details>p{color:var(--muted)}.contact-method{display:flex;align-items:center;gap:17px;padding:18px 0;border-bottom:1px solid var(--line)}.contact-method>svg{width:23px;height:23px;color:var(--blue)}.contact-method span{display:grid;gap:3px}.contact-method small{font-size:10px;color:var(--muted);letter-spacing:1px}.contact-method strong{font-size:15px}.btn-whatsapp{background:#1c9d5d;color:white;margin-top:25px}.address{font-size:12px;margin-top:22px}.lead-form{padding:35px;background:#f8faff;border:1px solid var(--line);border-radius:12px}.lead-form h3{font-size:25px;margin-bottom:7px}.lead-form>p{font-size:13px;color:var(--muted)}.lead-form label{display:block;font-size:12px;font-weight:700;margin:18px 0 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.lead-form input,.lead-form select,.lead-form textarea{width:100%;display:block;background:white;border:1px solid #d8e2ee;border-radius:7px;margin-top:8px;padding:13px 14px;outline:none;color:var(--ink);font-weight:400;font-size:13px}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2468ed1a}.full{width:100%;margin-top:22px}.form-note{display:block;margin-top:13px;color:#77879b;font-size:11px}.footer{background:#09172b;color:#c1cfe2;padding-top:65px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1.4fr 1.8fr;gap:35px;padding-bottom:55px}.brand-footer{color:white}.footer-main p{max-width:280px;font-size:13px;color:#9caec8;margin-top:22px}.footer-main h3{font-size:13px;letter-spacing:0;color:white;margin:5px 0 22px}.footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:13px}.footer-main a:not(.brand),.footer-main span:not(.brand-mark):not(.brand-text){font-size:12px;color:#aebdd2;overflow-wrap:anywhere}.footer-main a:hover{color:white}.footer-bottom{border-top:1px solid #ffffff18;display:flex;justify-content:space-between;gap:15px;padding:22px 0;font-size:11px;color:#8fa1bc}.float-wa{position:fixed;right:22px;bottom:23px;width:57px;height:57px;border-radius:50%;background:#20c36c;color:white;display:grid;place-items:center;z-index:35;box-shadow:0 8px 25px #0c7c3e55;transition:transform .2s}.float-wa:hover{transform:translateY(-4px)}@media(max-width:1050px){.site-nav{gap:17px}.hero-grid{grid-template-columns:48% 52%}.demo-body{min-height:260px}.demo-photo{height:225px}.feature-grid,.split{gap:40px}.footer-main{grid-template-columns:1.5fr 1fr 1fr 1.5fr}}@media(max-width:800px){.header-inner{min-height:72px}.menu-toggle{display:flex;margin-left:auto}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:18px 24px;box-shadow:0 20px 30px #10234017;flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav a{padding:13px 0;border-bottom:1px solid var(--line)}.header-cta{display:none}.hero{padding:55px 0}.hero-grid,.feature-grid,.split,.contact-grid{grid-template-columns:1fr}.hero-visual{padding:10px 0 25px}.hero-copy>p{max-width:650px}.browser-demo{max-width:630px;margin:auto}.service-grid,.work-grid{grid-template-columns:repeat(2,1fr)}.cta-inner{flex-direction:column;align-items:flex-start}.footer-main{grid-template-columns:repeat(2,1fr)}.reverse>div,.reverse>img{order:initial}.contact-grid{gap:30px}.ticker-inner{flex-wrap:wrap;justify-content:center}.section{padding:70px 0}}@media(max-width:560px){.container{width:min(100% - 34px,1180px)}.topbar-inner>span{display:none}.topbar-inner{justify-content:center}.hero{padding:42px 0 48px}h1{font-size:39px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.hero-visual{padding:12px 0 35px}.demo-page{padding:12px}.demo-body{min-height:205px}.demo-copy{padding:14px 0}.demo-copy h3{font-size:27px;margin:10px 0}.demo-copy>span{font-size:6px}.demo-copy p{font-size:8px}.demo-photo{height:175px}.demo-orb{height:70px;width:70px}.demo-nav strong{font-size:13px}.demo-nav>div{display:none}.floating-tag{right:0;font-size:10px}.ticker-inner{gap:10px;font-size:9px}.service-grid,.work-grid,.process-grid{grid-template-columns:1fr}.service-card p{min-height:0}.feature-image img,.rounded-image{height:280px}.form-row{grid-template-columns:1fr;gap:0}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-main>div:first-child{grid-column:1/-1}.footer-main>div:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.page-hero{padding:55px 0}.lead-form{padding:22px}.cta-actions{flex-direction:column;width:100%}.cta-actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}