/* Visual language from Header, Hero, HowItWorks, CTASection, Footer and tailwind.config.js. */
:root{--f-disp:'Open Sans',sans-serif;--f-txt:'Open Sans',sans-serif;--laranja:#EC7624;--laranja-h:#D85A0F;--verde:#326C6B;--petroleo:#2E5E60;--bege:#F9F9F9;--tinta:#222;--tinta-2:#666;--tinta-3:#6B7280;--texto-2:#666;--texto-3:#6B7280;--wrap:1280px;--gut:32px;--sec:80px}
body{background:#fff;font-family:'Open Sans',sans-serif;font-size:16px;color:#222}
.wrap{max-width:1280px;padding-left:32px;padding-right:32px}
h1,h2,h3{font-family:'Open Sans',sans-serif;font-weight:700}
.hd,.top{background:#fff;backdrop-filter:none;border-bottom:0;box-shadow:0 1px 3px rgb(0 0 0 / .1)}
.hd .wrap,.top .wrap{min-height:64px}
.hd-logo img,.logo img{height:20px;width:auto;max-width:165px;object-fit:contain}
.hd-nav{gap:28px}.hd-nav a,.hd-login{font-size:15px;font-weight:500;color:#222}.hd-nav a:hover,.hd-login:hover{color:#EC7624;border-bottom-color:transparent}
.hd-burger{border:0;background:transparent}.mnav{inset:64px 0 0}
.btn,.btn-o,.btn-d{border-radius:8px;background:#EC7624;color:#fff;font-family:inherit;font-size:16px;font-weight:700;letter-spacing:0;box-shadow:0 5px 15px rgb(236 118 36 / .13);transition:background .2s,transform .2s;min-height:52px;padding:0 28px}
.btn:hover,.btn-o:hover,.btn-d:hover{background:#D85A0F;color:#fff;transform:translateY(-1px)}
.btn-sm{min-height:40px;padding:0 24px;font-weight:500}
.btn-l,.btn-out,.btn-ln{background:transparent;color:#2E5E60;border:1px solid #d5dfdf;box-shadow:none}
.btn-l:hover,.btn-out:hover,.btn-ln:hover{background:#f0f5f5;color:#2E5E60}
.btn-wa{border:1px solid #E5E7EB;border-radius:8px;font-weight:600;font-size:14px;color:#326C6B}
.hero{background:linear-gradient(135deg,#fff 60%,#f9fafb);color:#1f2937;padding:64px 0 72px;overflow:hidden}
.hero h1{font-size:clamp(34px,4.4vw,60px);line-height:1.15;font-weight:700;letter-spacing:-.035em;color:#1f2937;text-wrap:initial}
.hero h1 .accent{color:#EC7624}
.hero-lead,.lead{font-size:18px;line-height:1.8;color:#6b7280}
.hero-lead strong,.lead strong{color:#374151}
.hero-lic{font-size:12px;color:#6b7280;margin-bottom:24px}.hero-lic svg{color:#326C6B}
.hero-ok{color:#6b7280;font-size:13px}.hero-ok svg,.ticks svg{color:#326C6B;stroke:#326C6B}
.eyebrow{background:#fff4ec;color:#b44f12;font-size:13px;font-weight:600;border-radius:6px;padding:6px 12px}
.ticks{font-size:16px;color:#4b5563}.pill{border-color:#e5e7eb;color:#6b7280;background:#fff;font-size:12px}
.hero .rings{display:none}
.form{border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 12px 36px rgb(0 0 0 / .06)}
.form h2{font-size:22px;font-weight:700;color:#2E5E60}.field input,.field select,.chips label{border-color:#d1d5db;border-radius:8px}
.sec{padding:80px 0}.sec h2,.sec-head h2{font-size:clamp(28px,3.2vw,40px);line-height:1.2;font-weight:700;color:#2E5E60;letter-spacing:-.025em}
.sec-head{margin-left:auto;margin-right:auto;text-align:center;max-width:740px}
.intro,.sec-head p{font-size:16px;line-height:1.7;color:#666}
.t-bege{background:#f9fafb}.sec-d{background:#fff;color:#222}.sec-d h2{color:#2E5E60}.sec-d .intro{color:#666}
.strip,.trust{border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;background:#fff}
.strip .wrap{gap:24px}.strip div,.trust li{font-size:13px;font-weight:500;color:#6b7280}
.steps li,.sec:not(.sec-w) .steps li{background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 8px 24px rgb(0 0 0 / .04);text-align:center;padding:32px 24px}
.steps h3{font-size:18px;color:#222;font-weight:700}.steps p{color:#6b7280;font-size:15px;line-height:1.7}
.steps .num{margin:0 auto 24px;background:#fff4ec;color:#EC7624;border:1px solid #ffedd5}
.app{border-color:#e5e7eb;box-shadow:0 8px 30px rgb(0 0 0 / .04)}.app-nav{background:#fff}.tab[aria-selected=true]{background:#fff4ec;color:#b44f12}
.card,.mock{border-radius:16px;box-shadow:0 8px 24px rgb(0 0 0 / .04)}
.final{background:#fff;border-top:1px solid #f3f4f6;color:#2E5E60;padding:64px 0}.final h2{font-size:36px;font-weight:700}.final p{color:#6b7280}
.ft,.foot{background:#1A202C;color:#9ca3af}.ft p,.foot p{color:#9ca3af}.ft h3,.foot b{color:#fff}.ft a,.foot a,.foot button{color:#b8c0cc}.ft a:hover,.foot a:hover{color:#EC7624}
.ft .ft-logo img{height:20px;width:auto}.ft h3{font-size:14px;text-transform:uppercase;letter-spacing:.06em}
.campaign-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.campaign-links a{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;text-decoration:none;font-weight:600;color:#2E5E60;box-shadow:0 8px 24px rgb(0 0 0 / .03)}.campaign-links a:hover{border-color:#EC7624;color:#EC7624}
.ck-banner{box-shadow:0 -4px 24px rgb(0 0 0 / .06)}.ck-b{border-radius:8px;background:#2E5E60;border-color:#2E5E60}.ck-g{background:#fff;color:#2E5E60}
/* Rendered from the project's PhoneMockup.tsx, keeping the same tilted device and outlined triangle. */
.phone-stage{height:600px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1200px;isolation:isolate}
.phone-triangle{position:absolute;width:580px;height:580px;max-width:none;left:50%;top:50%;transform:translate(-55%,-50%) rotate(20deg);color:#8399a2;opacity:.7;z-index:-1}
.brand-phone{flex-shrink:0;transform:rotateX(22deg) rotateY(-28deg) rotateZ(6deg) scale(.82);font-family:'Open Sans',sans-serif;line-height:1.5}
:where(.brand-phone *){border:0 solid #e5e7eb}.brand-phone{border-style:solid}.brand-phone button{font-family:inherit;line-height:inherit}.brand-phone svg{display:block;flex-shrink:0}.brand-phone h3,.brand-phone h4,.brand-phone p{margin:0;letter-spacing:normal;font-family:inherit}.brand-phone img{display:block;max-width:100%}
body[data-marketing-page="/"] .hero .wrap{grid-template-columns:1fr 1fr;gap:64px;align-items:center}
body[data-marketing-page="/"] .hero h1{max-width:620px;margin-bottom:24px}
body[data-marketing-page="/"] .hero-lead{margin-bottom:28px}
@media(max-width:980px){:root{--gut:24px}.wrap{padding-left:24px;padding-right:24px}.hero{padding:44px 0 56px}.hero .wrap{gap:32px}.hero-txt{padding-top:0}.form{max-width:100%;width:100%}.sec{padding:64px 0}.phone-stage{height:440px}.brand-phone{transform:rotateX(22deg) rotateY(-28deg) rotateZ(10deg) scale(.63)}.phone-triangle{width:480px;height:480px}body[data-marketing-page="/"] .hero .wrap{grid-template-columns:1fr;gap:8px}body[data-marketing-page="/"] .hero{text-align:center}body[data-marketing-page="/"] .hero h1{font-size:36px;max-width:620px;margin-left:auto;margin-right:auto}body[data-marketing-page="/"] .hero-lead{max-width:580px;margin-left:auto;margin-right:auto}.hero-cta,.hero-ok{justify-content:center}.hero-lic{justify-content:center}}
@media(max-width:560px){.wrap{padding-left:16px;padding-right:16px}.hero{padding-top:36px}.hero h1{font-size:34px}.hero-lead,.lead{font-size:16px}.hero-ok{font-size:12px;gap:10px 14px}.hero-lic{font-size:11px;gap:6px}.form{padding:22px 18px}.hd-logo img,.logo img{height:18px}.hero-cta{flex-direction:column;gap:12px}.hero-cta .btn{width:100%}.phone-stage{height:350px}.brand-phone{transform:rotateX(22deg) rotateY(-28deg) rotateZ(15deg) scale(.5)}.phone-triangle{width:410px;height:410px}.campaign-links{grid-template-columns:1fr}.campaign-links a{padding:20px}.trust li{padding:14px 0}.final h2{font-size:30px}.sec{padding:56px 0}body[data-marketing-page="/"] .hero h1{font-size:32px}.hero .wrap{gap:28px}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}