:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;background:#07111c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0,#00d9d224,#0000 34%),#07111c;min-width:320px;margin:0}a{color:inherit;text-decoration:none}.site-header{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07111ceb;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px min(5vw,64px);display:flex;position:sticky;top:0}.brand{align-items:center;display:flex}nav{color:#aeb8c2;align-items:center;gap:22px;font-size:14px;display:flex}nav a:hover{color:#00d9d2}.client-link{color:#fff;border:1px solid #00d9d273;border-radius:999px;padding:10px 14px}.hero{grid-template-columns:.95fr 1.25fr;align-items:center;gap:44px;min-height:80vh;padding:92px min(5vw,64px) 76px;display:grid}.hero h1{letter-spacing:-.045em;max-width:820px;margin:18px 0;font-size:clamp(48px,5.2vw,78px);line-height:1.06}.hero p,.section p,.cta-card p{color:#c3cfda;max-width:760px;font-size:18px;line-height:1.68}.eyebrow{color:#00d9d2;text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:800}.inline-brand{white-space:nowrap;color:#fff;align-items:center;gap:6px;font-weight:700;display:inline-flex}.whatsapp-logo{vertical-align:-4px;width:21px;height:21px;display:inline-block}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.primary-button,.secondary-button{border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:800;display:inline-flex}.primary-button{color:#051017;background:#00d9d2;box-shadow:0 14px 40px #00d9d240}.secondary-button{color:#fff;border:1px solid #ffffff29}.ops-dashboard{background:#141820;border:1px solid #1eb99859;border-radius:10px;padding:18px;box-shadow:0 24px 80px #00000059}.ops-dashboard-title{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.ops-dashboard-title h2{letter-spacing:-.02em;margin:0 0 6px;font-size:24px}.ops-dashboard-title p{color:#8fa0b5;margin:0;font-size:14px;line-height:1.4}.period-pill{color:#00d9d2;letter-spacing:.12em;text-transform:uppercase;background:#00d9d21f;border:1px solid #00d9d273;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:800}.kpi-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.kpi-card{background:#171c24;border:1px solid #ffffff1a;border-radius:7px;flex-direction:column;justify-content:space-between;min-height:112px;padding:16px;display:flex}.kpi-card svg{opacity:.9}.kpi-card strong{letter-spacing:-.03em;font-size:30px;line-height:1}.kpi-card span{color:#c5ced8;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;line-height:1.35}.kpi-blue{color:#93c5fd;border-color:#60a5fa8c}.kpi-yellow{color:#facc15;border-color:#ca8a04a6}.kpi-red{color:#fda4af;border-color:#ef44448c}.kpi-green{color:#6ee7b7;border-color:#10b98199}.kpi-purple{color:#c4b5fd;border-color:#8b5cf6a6}.health-card{background:#171c24;border:1px solid #10b98173;border-radius:8px;margin-bottom:14px;padding:22px}.health-title{text-transform:uppercase;letter-spacing:.16em;color:#cbd5e1;align-items:center;gap:10px;font-size:14px;font-weight:900;display:flex}.health-title svg{color:#6ee7b7}.health-card strong{color:#6ee7b7;margin:12px 0 8px;font-size:54px;line-height:1;display:block}.health-card p{color:#8fa0b5;margin:0 0 12px;font-size:13px}.health-bar{background:#2a3038;border-radius:999px;width:72%;height:10px;overflow:hidden}.health-bar span{background:linear-gradient(90deg,#10b981,#7dd3fc);border-radius:999px;width:100%;height:100%;display:block}.dashboard-panels{grid-template-columns:1fr 1fr;gap:12px;display:grid}.panel-card{background:#171c24;border:1px solid #ffffff14;border-radius:8px;padding:18px}.panel-card h3{text-transform:uppercase;letter-spacing:.16em;color:#d1d5db;margin:0 0 16px;font-size:13px}.bar-line{color:#e5e7eb;grid-template-columns:72px 1fr 70px;align-items:center;gap:10px;margin:10px 0;font-size:12px;display:grid}.bar-line b{color:#cbd5e1;text-align:right;font-weight:500}.bar{background:#303640;border-radius:999px;height:8px;display:block;overflow:hidden}.bar:before{content:"";border-radius:inherit;width:76%;height:100%;display:block}.bar.red:before{background:#b43b48;width:90%}.bar.yellow:before{background:#c9971a;width:25%}.bar.green:before{background:#10b981;width:5%}.bar.blue:before{background:#3b6ebd;width:70%}.bar.purple:before{background:#7c5ac7;width:30%}.bar.teal:before{background:#00a7b3;width:5%}.section{padding:72px min(5vw,64px)}.section h2,.cta-card h2{letter-spacing:-.04em;margin:14px 0 18px;font-size:clamp(30px,4vw,50px);line-height:1.05}.problem{background:#ffffff08;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f}.split{grid-template-columns:1fr 1fr;align-items:center;gap:36px;display:grid}.feature-list{gap:14px;display:grid}.feature-list p{background:#ffffff0f;border-radius:18px;align-items:center;gap:12px;margin:0;padding:16px;display:flex}.steps,.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.steps{grid-template-columns:repeat(5,minmax(0,1fr))}.step,.card{background:#ffffff0f;border:1px solid #ffffff14;border-radius:24px;padding:22px}.step strong{color:#00d9d2;background:#00d9d229;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.step p,.card p{color:#aeb8c2;font-size:15px;line-height:1.55}.card svg{color:#00d9d2}.card h3{margin-bottom:8px}.use-cases{background:linear-gradient(90deg,#00d9d21a,#0000)}.cta-card{background:linear-gradient(135deg,#00d9d22e,#ffffff0f);border:1px solid #00d9d240;border-radius:30px;justify-content:space-between;align-items:center;gap:28px;margin:72px min(5vw,64px);padding:44px;display:flex}.footer{color:#aeb8c2;border-top:1px solid #ffffff14;justify-content:space-between;gap:18px;padding:32px min(5vw,64px);display:flex}.footer div{gap:18px;display:flex}@media (width<=1180px){.hero{grid-template-columns:1fr}.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.site-header{flex-direction:column;align-items:flex-start;gap:16px}.brand img{width:230px;height:58px}nav{flex-wrap:wrap}.split,.steps,.cards,.metric-grid,.dashboard-panels{grid-template-columns:1fr}.hero h1{font-size:clamp(40px,12vw,58px)}.cta-card{flex-direction:column;align-items:flex-start}.footer{flex-direction:column}}.site-header{background:#07111cf0;padding:16px min(5vw,64px)}.brand{border-radius:12px;width:min(460px,34vw);height:104px;overflow:visible}.brand img{object-fit:contain;object-position:left center;width:100%;height:100%;display:block}.hero .eyebrow:first-child{display:none}.inline-brand{white-space:nowrap;color:#fff;vertical-align:-2px;align-items:center;gap:7px;font-weight:700;line-height:1;display:inline-flex}.inline-brand span{line-height:1}.whatsapp-logo{flex-shrink:0;width:20px;height:20px;display:inline-block}.feature-icon{color:#00d9d2;flex-shrink:0}.bar-line{grid-template-columns:72px 1fr 54px}.bar-line b{font-weight:600}.bar:before{width:auto}.bar.yellow:before{width:11%}.bar.green:before,.bar.teal:before{width:0%}.route-optimizer{background:linear-gradient(90deg,#00d9d214,#0000);grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;display:grid}.optimizer-points{gap:14px;margin-top:20px;display:grid}.optimizer-points div{color:#d9e4ec;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.optimizer-flow{background:radial-gradient(circle at 90% 10%,#00d9d229,#0000 28%),radial-gradient(circle at 10% 90%,#3b82f624,#0000 28%),#141820;border:1px solid #00d9d247;border-radius:24px;grid-template-columns:1fr;gap:14px;padding:20px;display:grid;position:relative;box-shadow:0 20px 50px #00000047}.flow-card{background:#0f1520e6;border:1px solid #ffffff14;border-radius:18px;padding:18px;position:relative}.flow-card h3{color:#fff;margin:0 0 14px 44px;font-size:18px}.flow-step{color:#00d9d2;background:#00d9d229;border:1px solid #00d9d259;border-radius:999px;place-items:center;width:28px;height:28px;font-weight:900;display:grid;position:absolute;top:16px;left:18px}.flow-step.optimized{background:#00d9d238}.flow-card dl{gap:10px;margin:0;display:grid}.flow-card dl div{grid-template-columns:76px 1fr;align-items:baseline;gap:10px;display:grid}.flow-card dt{color:#8fa0b5;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.flow-card dd{color:#d9e4ec;margin:0;font-weight:700}.flow-connector{background:linear-gradient(#00d9d2,#00d9d226);border-radius:999px;width:2px;height:20px;margin-left:32px}.stop-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.stop-list li{color:#e6edf3;background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.stop-list span{color:#00d9d2;background:#00d9d229;border-radius:999px;place-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:grid}.flow-result{border-color:#00d9d25c}.route-summary{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.route-summary span{color:#00d9d2;background:#00d9d21a;border:1px solid #00d9d23d;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:800}.mini-route{background:#ffffff0a;border-radius:16px;height:78px;position:relative;overflow:hidden}.mini-route:before{content:"";background:linear-gradient(90deg,#00d9d2,#3b82f6,#00d9d2);border-radius:999px;height:3px;position:absolute;top:38px;left:12%;right:12%}.mini-route i{background:#00d9d2;border-radius:999px;width:22px;height:22px;position:absolute;top:28px;box-shadow:0 0 0 6px #00d9d21f}.mini-route i:first-child{left:10%}.mini-route i:nth-child(2){background:#3b82f6;left:36%}.mini-route i:nth-child(3){background:#3b82f6;left:62%}.mini-route i:nth-child(4){left:86%}@media (width<=1180px){.brand{width:390px;max-width:48vw;height:88px}.route-optimizer{grid-template-columns:1fr}}@media (width<=900px){.brand{width:280px;max-width:90vw;height:66px}.flow-card dl div{grid-template-columns:1fr;gap:4px}}.site-header{align-items:center;min-height:172px;padding:20px min(5vw,64px)}.brand{background:#07111cb8;border-radius:12px;width:min(640px,42vw);height:132px;overflow:hidden;box-shadow:0 18px 48px #00000038}.brand img{object-fit:contain;object-position:center center;transform-origin:50%;width:100%;height:100%;display:block;transform:scale(1.55)}.hero{padding-top:92px}@media (width<=1180px){.site-header{min-height:148px}.brand{width:min(520px,56vw);height:108px}.brand img{transform:scale(1.5)}}@media (width<=900px){.site-header{min-height:auto}.brand{width:min(360px,92vw);height:86px}.brand img{transform:scale(1.45)}}
