:root{--navy:#062c4f;--blue:#0798d5;--green:#4fae2f;--orange:#ff7900;--ink:#13314b;--muted:#607284;--light:#f3f8fb;--white:#fff;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.6 Poppins,"Segoe UI",Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%}
.site-header{min-height:88px;padding:10px max(4vw,24px);display:flex;align-items:center;gap:27px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:4px solid transparent;border-image:linear-gradient(90deg,var(--blue) 0 58%,var(--green) 58% 80%,var(--orange) 80%) 1}.brand{width:190px;display:grid;line-height:1}.brand img{width:190px;display:block}.brand strong{font:800 1rem/1 Montserrat,"Segoe UI",sans-serif;color:var(--navy);letter-spacing:.13em;text-transform:uppercase;text-align:right;margin-top:-3px;padding-right:6px}.site-header nav{display:flex;gap:23px;margin-left:auto;font-weight:650;font-size:.9rem}.site-header nav a:hover{color:var(--blue)}.endorsed{display:flex;align-items:center;gap:8px}.endorsed span{font-size:.67rem;color:var(--muted);white-space:nowrap}.endorsed img{width:118px;display:block}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;border-radius:8px;background:var(--blue);color:#fff;font-weight:800;transition:.2s}.button:hover{transform:translateY(-2px);filter:brightness(.95)}.button-small{min-height:44px;padding:0 17px;font-size:.88rem}.button-secondary{background:#fff;color:var(--navy);border:2px solid var(--navy)}
.hero{min-height:680px;padding:85px max(7vw,28px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);align-items:center;gap:6vw;background:linear-gradient(135deg,#fff 0 70%,#e9f6fb 70%);overflow:hidden}.hero-copy{max-width:720px}.eyebrow{margin:0 0 13px;color:var(--blue);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.16em}.hero h1{font:800 clamp(2.7rem,5vw,4.75rem)/1.02 Montserrat,Poppins,"Segoe UI",sans-serif;letter-spacing:-.045em;margin:0 0 25px;color:var(--navy)}.hero h1 span{color:var(--blue)}.hero-copy>p:not(.eyebrow):not(.note){font-size:1.18rem;max-width:680px;color:var(--muted)}.actions{display:flex;gap:12px;margin:32px 0 14px;flex-wrap:wrap}.note{font-size:.8rem;color:#758697}
.hero-visual{position:relative;max-width:570px;width:100%;margin:auto;background:#fff;border:1px solid #d6e6ee;border-radius:var(--radius);padding:52px 48px 40px;box-shadow:18px 18px 0 #d9eff8;overflow:hidden}.brand-stage{position:relative;z-index:2}.brand-stage img{width:100%;display:block}.brand-stage strong{display:block;text-align:right;color:var(--navy);font:900 clamp(1.5rem,3vw,2.3rem)/1 Montserrat,Poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:-2px 3% 20px 0}.brand-stage p{color:var(--muted);font-weight:650;margin:0}.brand-line{display:flex;gap:8px;margin:34px 0 22px}.brand-line i{height:7px;display:block}.brand-line i:nth-child(1){width:58%;background:var(--blue)}.brand-line i:nth-child(2){width:24%;background:var(--green)}.brand-line i:nth-child(3){width:18%;background:var(--orange)}.capability-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;color:var(--navy);font-weight:800;font-size:.78rem;text-align:center}.capability-strip span{padding-top:9px;border-top:1px solid #d7e5eb}
.problem{text-align:center;padding:82px 24px;background:var(--navy);color:#fff;border-top:7px solid var(--blue)}.problem h2{font:800 clamp(1.8rem,3vw,2.8rem)/1.15 Montserrat,Poppins,sans-serif;max-width:900px;margin:0 auto 35px}.flow{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.flow span{padding:9px 18px;border:1px solid rgba(255,255,255,.28);border-radius:99px;font-weight:800}.flow span:nth-of-type(1){color:#45c8f4}.flow span:nth-of-type(2){color:#ffae50}.flow span:nth-of-type(3){color:#75ce58}
.section{padding:100px max(7vw,28px)}.section-heading{text-align:center;max-width:760px;margin:0 auto 48px}.section-heading h2,.how h2,.demo h2{font:800 clamp(2rem,3.5vw,3.2rem)/1.1 Montserrat,Poppins,sans-serif;letter-spacing:-.03em;color:var(--navy);margin:0 0 16px}.section-heading>p:last-child,.how>div>p:last-child{color:var(--muted);font-size:1.06rem}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.features article{padding:30px 26px;border:1px solid #dbe7ed;border-radius:var(--radius);background:#fff;border-top:5px solid var(--blue)}.features article:nth-child(2){border-top-color:var(--green)}.features article:nth-child(3){border-top-color:var(--orange)}.features i{font-style:normal;font-weight:900;color:var(--blue);font-size:.78rem}.features h3{font-size:1.17rem;margin:25px 0 10px;color:var(--navy)}.features p{color:var(--muted);margin:0;font-size:.94rem}
.plans-section{padding:100px max(7vw,28px);background:var(--light)}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1120px;margin:auto;gap:20px}.plan{padding:35px;border-radius:var(--radius);background:#fff;border:1px solid #d7e4eb;position:relative;display:flex;flex-direction:column;border-top:7px solid var(--green)}.plan:nth-child(2){border-top-color:var(--orange)}.plan:nth-child(3){border-top-color:var(--blue)}.plan.featured{border-top-width:7px;transform:translateY(-10px);box-shadow:0 18px 40px rgba(6,44,79,.11)}.popular{position:absolute;top:0;right:25px;background:var(--orange);color:#fff;padding:7px 13px;border-radius:0 0 8px 8px;text-transform:uppercase;font-size:.67rem;font-weight:900;letter-spacing:.1em}.plan h3{font-size:1.45rem;margin:0;color:var(--navy)}.purpose{margin:0;color:var(--muted)}.price{font-size:2.8rem;font-weight:900;letter-spacing:-.05em;color:var(--navy);margin:22px 0 10px}.price small{font-size:1rem}.price span{font-size:.8rem;letter-spacing:0;color:var(--muted)}.plan ul{list-style:none;margin:12px 0 28px;padding:0;flex:1}.plan li{padding:9px 0;border-bottom:1px solid #e8eff3}.plan li:before{content:'✓';color:var(--green);font-weight:900;margin-right:9px}.plans-note{text-align:center;color:var(--muted);font-size:.78rem;margin:32px auto 0}
.how{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center}.pipeline{background:var(--light);border-radius:var(--radius);padding:32px;display:flex;align-items:center;gap:12px;justify-content:center;text-align:center}.pipeline div{background:#fff;border:1px solid #d5e3ea;border-radius:10px;padding:19px 15px;display:grid;min-width:135px}.pipeline .core{background:var(--navy);color:#fff;border:0}.pipeline span{font-size:.72rem;color:var(--muted)}.pipeline .core span{color:#b9d5e4}
.demo{margin:0 max(5vw,22px) 70px;padding:54px max(5vw,28px);background:var(--navy);color:#fff;border-radius:var(--radius);display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:30px;border-bottom:7px solid var(--blue)}.demo>img{width:90px}.demo h2{color:#fff;margin-bottom:10px}.demo p{margin-top:0;color:#d0dfeb}.demo .eyebrow{color:#54cff5}.button-light{background:#fff;color:var(--navy);white-space:nowrap}
footer{padding:45px max(7vw,28px);background:#f1f5f7;display:grid;grid-template-columns:240px 1fr minmax(260px,500px);align-items:center;gap:40px;color:var(--muted)}footer img{width:230px;display:block}footer p{margin:0}footer a{font-weight:800;color:var(--navy)}footer .legal{font-size:.71rem;line-height:1.5}
@media(max-width:1100px){.endorsed{display:none}}
@media(max-width:980px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:65px}.hero-copy{text-align:center;margin:auto}.actions{justify-content:center}.hero-visual{width:min(82vw,570px)}.features{grid-template-columns:repeat(2,1fr)}.how{grid-template-columns:1fr}.demo{grid-template-columns:70px 1fr}.demo .button{grid-column:1/-1}.demo>img{width:66px}.pipeline{flex-wrap:wrap}footer{grid-template-columns:1fr 1fr}footer .legal{grid-column:1/-1}}
@media(max-width:700px){.site-header{min-height:72px}.brand{width:158px}.brand img{width:158px}.brand strong{font-size:.8rem}.site-header>.button{display:none}.hero{min-height:0;padding:62px 22px 72px;grid-template-columns:minmax(0,1fr);background:linear-gradient(160deg,#fff 0 72%,#e9f6fb 72%)}.hero h1{font-size:2.55rem}.hero-visual{margin-top:24px;padding:36px 25px 29px;box-shadow:9px 9px 0 #d9eff8}.capability-strip{grid-template-columns:repeat(2,1fr)}.problem,.section,.plans-section{padding:72px 22px}.features,.plans{grid-template-columns:1fr}.plan.featured{transform:none}.flow b{display:none}.flow{gap:8px}.pipeline{padding:20px;display:grid;grid-template-columns:1fr}.pipeline b{transform:rotate(90deg)}.demo{margin:0 14px 50px;padding:35px 24px;grid-template-columns:1fr;text-align:center}.demo>img{margin:auto}.demo .button{grid-column:auto}footer{grid-template-columns:1fr;text-align:center}footer img{margin:auto}footer .legal{grid-column:auto}.actions .button{width:100%}}
.demo{grid-template-columns:minmax(280px,.8fr) minmax(460px,1.2fr);align-items:start;gap:clamp(35px,6vw,80px);padding:65px max(5vw,40px)}.demo-intro>img{width:78px;margin-bottom:24px}.demo-intro h2{font-size:clamp(2rem,3.3vw,3.1rem)}.demo-intro>p:not(.eyebrow){font-size:1.03rem}.demo-intro ul{list-style:none;padding:0;margin:28px 0 0}.demo-intro li{padding:7px 0;color:#e2edf3}.demo-intro li:before{content:'✓';color:#6fd350;font-weight:900;margin-right:10px}.demo-form{background:#fff;color:var(--ink);padding:32px;border-radius:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.demo-form label{display:grid;gap:7px;font-size:.86rem;font-weight:750;color:var(--navy)}.demo-form label span{color:var(--orange)}.demo-form label em{font-style:normal;font-weight:500;color:var(--muted);font-size:.75rem}.demo-form input,.demo-form select,.demo-form textarea{width:100%;border:1px solid #cbdbe4;border-radius:7px;background:#f9fcfd;color:var(--ink);font:inherit;padding:11px 12px;outline:none}.demo-form input,.demo-form select{min-height:48px}.demo-form textarea{resize:vertical;min-height:95px}.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(7,152,213,.14)}.demo-form .full{grid-column:1/-1}.privacy{display:flex!important;grid-template-columns:20px 1fr!important;align-items:start;gap:9px!important;margin:20px 0 22px;color:var(--muted)!important;font-weight:500!important;line-height:1.4}.privacy input{width:18px;height:18px;min-height:0;margin-top:2px}.privacy span{color:var(--muted)!important}.submit-button{border:0;cursor:pointer;width:100%;font:800 1rem Poppins,"Segoe UI",sans-serif}.form-note{text-align:center!important;color:var(--muted)!important;font-size:.73rem!important;margin:10px 0 0!important}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:980px){.demo{grid-template-columns:1fr}.demo .button{grid-column:auto}}
@media(max-width:700px){.demo{padding:36px 20px;text-align:left}.demo-intro{text-align:center}.form-grid{grid-template-columns:1fr}.demo-form{padding:24px 18px}.demo-form .full{grid-column:auto}}
.hero .eyebrow,.problem .eyebrow,.section-heading .eyebrow,.how .eyebrow,.demo .eyebrow{font-size:clamp(1rem,1.45vw,1.25rem);letter-spacing:.12em;margin-bottom:18px}.capability-strip span:nth-child(1),.capability-strip span:nth-child(2){border-top:5px solid var(--blue)}.capability-strip span:nth-child(3),.capability-strip span:nth-child(4){border-top:5px solid var(--orange)}.flow span:nth-of-type(1),.flow span:nth-of-type(2){color:#45c8f4}.flow span:nth-of-type(3),.flow span:nth-of-type(4){color:#ffae50}.features article:nth-child(1),.features article:nth-child(2){border-top-color:var(--blue)}.features article:nth-child(3),.features article:nth-child(4){border-top-color:var(--orange)}.form-note.success{color:#287b18!important;font-weight:700}.form-note.error{color:#b52d20!important;font-weight:700}.submit-button:disabled{opacity:.7;cursor:wait}
.hero-visual .capability-strip{display:flex;align-items:center;justify-content:center;gap:0;margin-top:38px;color:var(--navy);font:800 clamp(1rem,1.55vw,1.28rem)/1.25 Montserrat,Poppins,"Segoe UI",sans-serif;text-align:center}.hero-visual .capability-strip span{display:flex;align-items:center;padding:0;border:0}.hero-visual .capability-strip span:nth-child(1),.hero-visual .capability-strip span:nth-child(2){color:var(--blue);border:0}.hero-visual .capability-strip span:nth-child(3),.hero-visual .capability-strip span:nth-child(4){color:var(--orange);border:0}.hero-visual .capability-strip span:not(:last-child)::after{content:'';width:8px;height:8px;margin:0 clamp(10px,1.4vw,18px);border-radius:50%;background:currentColor;opacity:.85}.brand-line{display:none}
@media(max-width:700px){.hero-visual .capability-strip{display:flex;flex-wrap:wrap;row-gap:15px}.hero-visual .capability-strip span:not(:last-child)::after{margin:0 9px;width:7px;height:7px}}
.hero-visual .capability-strip{margin-top:42px;font-size:clamp(1.22rem,1.85vw,1.55rem);line-height:1.2}.hero-visual .capability-strip span{border:0!important;text-decoration:none!important;padding:0!important}.hero-visual .capability-strip span:not(:last-child)::after{width:10px;height:10px;border-radius:0;opacity:1}.hero-visual .capability-strip span:nth-child(1)::after{background:var(--blue)}.hero-visual .capability-strip span:nth-child(2)::after,.hero-visual .capability-strip span:nth-child(3)::after{background:var(--orange)}
@media(max-width:700px){.hero-visual .capability-strip{font-size:1.25rem}.hero-visual .capability-strip span:not(:last-child)::after{width:9px;height:9px}}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:30;display:flex;align-items:center;gap:10px;padding:11px 18px 11px 11px;border-radius:999px;background:#20a95a;color:#fff;box-shadow:0 10px 28px rgba(6,44,79,.24);font-size:.9rem}.whatsapp-float span{display:grid;place-items:center;width:35px;height:35px;border:2px solid #fff;border-radius:50%;font-size:.68rem;font-weight:900;letter-spacing:-.02em}.whatsapp-float:hover{background:#168d49;transform:translateY(-2px)}
@media(max-width:700px){.whatsapp-float{right:14px;bottom:14px;padding:9px}.whatsapp-float strong{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.whatsapp-float span{width:39px;height:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.whatsapp-float{transition:none}}