:root{--ink:#171a32;--muted:#686c83;--navy:#10152d;--purple:#8065ed;--violet:#a58aff;--line:#e8e8f1;--paper:#fff;--soft:#f7f7fc;--green:#2bbd8c;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1160px,calc(100% - 44px));margin:auto}.announcement{text-align:center;background:#11162f;color:#dcdaf8;font-size:12px;letter-spacing:.04em;padding:8px 15px}.announcement span{color:#a58aff;padding:0 8px}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(232,232,241,.8)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:25px;letter-spacing:-1.2px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;color:white;background:linear-gradient(140deg,#a68bff,#7154e6);border-radius:12px;font-size:22px;box-shadow:0 7px 18px #8065ed40}.brand-accent{color:var(--purple)}.brand small{font-size:13px;color:#77798e;letter-spacing:0}.nav-links{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700;color:#555970}.nav-links>a:hover,.footer-links a:hover{color:var(--purple)}.nav-cta{padding:12px 17px;border-radius:12px;background:#171a32;color:white!important}.nav-cta span,.button span{margin-left:9px}.menu-toggle{display:none;background:none;border:0}.section{padding:100px 0}.hero{padding:78px 0 25px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 24%,#f0edff 0,transparent 36%),linear-gradient(180deg,#fff,#fcfbff)}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:35px;min-height:475px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#7d63e7;display:flex;align-items:center;gap:9px}.eyebrow-dot{width:7px;height:7px;background:#8b70f5;border-radius:50%;box-shadow:0 0 0 5px #8b70f51a}.hero h1,.section-heading h2,.ecosystem-copy h2,.contact-copy h2{font-family:Manrope,sans-serif;font-size:clamp(43px,5.2vw,66px);line-height:1.1;letter-spacing:-.055em;margin:22px 0}.gradient-text{background:linear-gradient(100deg,#7154e6,#ad80ed);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-lead{font-size:16px;color:var(--muted);max-width:530px;line-height:1.85}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:29px 0}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:14px 20px;font-size:13px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(110deg,#7e61ed,#9876f5);color:#fff;box-shadow:0 9px 22px #8065ed38}.button-quiet{color:#4b4e67}.play-icon{display:grid;place-items:center;border:1px solid #ddd9f5;border-radius:50%;width:29px;height:29px;font-size:10px;color:var(--purple);margin-right:8px}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:30px}.proof-avatars{display:flex}.proof-avatars span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid white;background:#e9e1ff;color:#6c50d9;font-size:11px;font-weight:800;margin-left:-5px}.proof-avatars span:first-child{margin-left:0;background:#d8f7eb;color:#167e60}.proof-avatars span:last-child{background:#252849;color:white}.hero-proof p{font-size:12px;line-height:1.45;margin:0}.hero-proof small{color:#85879a}.hero-visual{position:relative;min-height:430px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #b7a8f342;border-radius:50%;width:410px;height:410px}.orbit-b{width:335px;height:335px;border-style:dashed}.dashboard-card{z-index:2;position:relative;width:min(390px,90%);padding:23px 24px 17px;background:rgba(255,255,255,.95);border:1px solid #e9e5fa;border-radius:22px;box-shadow:0 28px 80px #2c22501c}.dash-top,.dash-metrics,.dash-bottom{display:flex;align-items:center;justify-content:space-between}.dash-top{font-size:11px;font-weight:700}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#43c59a;margin-right:6px}.dash-menu{letter-spacing:2px;color:#9a9bb0}.dash-label{font-size:12px;color:#777b91;margin:25px 0 4px}.dash-metrics strong{font:800 27px Manrope,sans-serif;letter-spacing:-1px}.dash-metrics small,.dash-bottom small{display:block;color:#8c8ea1;font-size:10px}.metric-badge{font-size:10px;color:#168b67;background:#e7fbf2;padding:6px 8px;border-radius:8px}.chart{height:125px;display:flex;margin-top:12px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;color:#a3a4b4;font-size:9px;padding:4px 10px 6px 0}.chart svg{width:100%;height:100%;overflow:visible}.chart-days{display:flex;justify-content:space-between;margin-left:28px;color:#a3a4b4;font-size:9px}.dash-bottom{justify-content:flex-start;gap:10px;border-top:1px solid #f0eef7;padding-top:15px;margin-top:18px}.dash-bottom strong{font-size:11px}.mini-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px}.purple{background:#eee9ff;color:#785ce7}.arrow-round{margin-left:auto;background:#f0edff;color:#795fe4;padding:7px 10px;border-radius:50%}.float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:#fff;padding:12px 15px;border-radius:14px;box-shadow:0 12px 35px #30264c1b;border:1px solid #f0eef8}.float-chat{right:-3px;top:86px}.float-ai{left:-5px;bottom:66px}.float-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px}.green{background:#e3fbf1;color:#15996c}.violet{background:#eee9ff;color:#785ce7}.float-card strong{font-size:11px;display:block}.float-card small{font-size:10px;color:#8d8fa3}.trust-strip{border-top:1px solid #eceaf4;margin-top:45px;padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:20px}.trust-strip>span{font-size:9px;font-weight:800;letter-spacing:.12em;color:#9294a7}.trust-logos{display:flex;gap:27px;flex-wrap:wrap;color:#8b8da2;font-size:12px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading h2,.ecosystem-copy h2,.contact-copy h2{font-size:clamp(35px,4.2vw,49px);margin:13px 0 0}.section-heading>p{max-width:390px;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 5px}.services-section{background:#fff}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{position:relative;padding:25px 22px 23px;border:1px solid var(--line);border-radius:18px;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px #29204b0c}.service-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;font-size:24px}.icon-lilac{background:#eee9ff;color:#7659e6}.icon-blue{background:#e7f0ff;color:#4e7bdc}.icon-green{background:#e4faf1;color:#1b9b70}.icon-orange{background:#fff0e3;color:#db8a3f}.card-number{position:absolute;right:22px;top:27px;color:#b7b7c7;font-size:10px;font-weight:800}.service-card h3{font:800 17px Manrope,sans-serif;margin:23px 0 10px;letter-spacing:-.4px}.service-card p{color:var(--muted);font-size:12px;line-height:1.8;min-height:66px}.service-card>a{display:inline-block;color:#7659e6;font-size:11px;font-weight:800;margin-top:10px}.service-card>a span{margin-left:7px}.packages-section{background:#f8f7fc}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.package-card{background:white;border:1px solid #e7e5f0;border-radius:20px;padding:27px 26px;position:relative}.package-card.featured{border:1.5px solid #9b83f0;box-shadow:0 18px 45px #7c62e51a}.popular-label{position:absolute;right:20px;top:-12px;background:#7f63eb;color:white;border-radius:20px;padding:5px 12px;font-size:9px;font-weight:800;letter-spacing:.08em}.package-top{display:flex;align-items:center;justify-content:space-between}.package-icon{display:grid;place-items:center;width:40px;height:40px;background:#f0ecff;color:#795fe6;border-radius:13px;font-size:20px}.package-tag{font-size:9px;letter-spacing:.1em;color:#9b9caf;font-weight:800}.package-card h3{font:800 22px Manrope,sans-serif;margin:22px 0 5px}.package-desc{font-size:12px;color:var(--muted);min-height:40px}.price{display:flex;align-items:baseline;gap:7px;margin-top:23px}.price strong{font:800 35px Manrope,sans-serif;letter-spacing:-1.5px}.price span{font-size:12px;color:#77798d}.price-note{font-size:10px;color:#999bad;padding-bottom:19px;border-bottom:1px solid #efedf5;margin-top:1px}.package-card ul{padding:0;list-style:none;margin:20px 0 26px}.package-card li{font-size:12px;color:#5e6177;margin:13px 0;display:flex;gap:10px}.package-card li:before{content:"✓";color:#35ae85;font-weight:800}.package-card .button{width:100%;font-size:11px}.button-outline{border-color:#dfd9f7;color:#7155df;background:white}.fine-print{font-size:10px;color:#9293a5;line-height:1.7;margin-top:20px}.ecosystem-section{background:#11162f;color:#fff;overflow:hidden;position:relative}.ecosystem-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.ecosystem-copy .eyebrow{color:#b5a4ff}.ecosystem-copy h2{font-size:clamp(39px,4.3vw,53px)}.ecosystem-copy>p{color:#b6b8cc;font-size:14px;line-height:1.9;max-width:450px;margin:23px 0 29px}.platform-stack{display:flex;flex-direction:column;gap:14px}.platform-card{display:flex;align-items:center;gap:16px;background:#1a203e;border:1px solid #333957;border-radius:18px;padding:21px;transition:transform .2s,border-color .2s}.platform-card:hover{transform:translateX(4px);border-color:#8270d8}.platform-logo{flex:0 0 53px;height:53px;display:grid;place-items:center;border-radius:15px;font:800 26px Manrope,sans-serif}.platform-logo span{font-size:12px;margin-left:-3px}.watiai-logo{background:#dcf8ee;color:#13845f}.onetree-logo{background:#e9e4ff;color:#7656dd}.platform-info{flex:1}.platform-info>span{font-size:8px;letter-spacing:.12em;color:#a8a9c0;font-weight:800}.platform-info h3{font:800 19px Manrope,sans-serif;margin:3px 0}.platform-info p{font-size:11px;color:#b4b6ca;margin:0;line-height:1.6}.platform-arrow{font-size:20px;color:#b7a4ff}.connection-line{display:flex;align-items:center;gap:12px;color:#a4a6bf;font-size:10px}.connection-line span{height:1px;flex:1;background:#343958}.platform-note{display:flex;align-items:center;gap:12px;background:#211d43;padding:15px 17px;border-radius:13px;color:#c3b6ff}.platform-note>span{font-size:21px}.platform-note p{font-size:11px;color:#c3c4d6;margin:0}.platform-note strong{color:white}.work-section{background:#fff}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.step-card>span{font:800 13px Manrope,sans-serif;color:#8267eb}.step-line{height:1px;background:#e7e4f1;margin:19px 0;position:relative}.step-line:before{content:"";position:absolute;left:0;top:-2px;width:5px;height:5px;background:#8b70f5;border-radius:50%}.step-card h3{font:800 18px Manrope,sans-serif;margin:0 0 8px}.step-card p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.contact-section{background:#f8f7fc}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.contact-copy>p{color:var(--muted);font-size:14px;line-height:1.9;margin:22px 0 30px;max-width:400px}.contact-detail{display:flex;gap:12px;align-items:center;margin:19px 0}.detail-icon{display:grid;place-items:center;width:40px;height:40px;background:#eee9ff;color:#795fe6;border-radius:12px;font-size:18px}.contact-detail small,.contact-detail strong{display:block}.contact-detail small{font-size:9px;color:#9395a8;letter-spacing:.12em;font-weight:800}.contact-detail strong{font-size:12px;margin-top:3px}.contact-form{background:white;border:1px solid #e9e6f2;border-radius:21px;padding:30px;box-shadow:0 16px 50px #30234b08}.form-heading h3{font:800 23px Manrope,sans-serif;margin:0}.form-heading p{font-size:11px;color:#9092a5;margin:5px 0 23px}.contact-form label{display:block;font-size:11px;font-weight:700;margin:15px 0 7px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid #e3e2ec;border-radius:10px;padding:12px 13px;background:#fff;color:var(--ink);font-size:12px;outline:none;transition:border .2s,box-shadow .2s}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#9c86f2;box-shadow:0 0 0 3px #8065ed16}.contact-form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.submit-button{width:100%;margin-top:20px}.form-note,.form-status{font-size:10px;color:#9294a5;line-height:1.6}.form-status{color:#277e62;font-weight:700}.site-footer{background:#10152d;color:#fff;padding:38px 0 18px}.footer-main{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:35px;padding-bottom:29px}.footer-brand{font-size:22px}.footer-main>p{font-size:11px;color:#a7a9bf;max-width:280px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;color:#c2c3d3}.footer-bottom{border-top:1px solid #292e4b;padding-top:17px;display:flex;justify-content:space-between;color:#8588a5;font-size:10px}@media(max-width:900px){.nav-links{gap:16px}.hero-grid{grid-template-columns:1fr 1fr;gap:15px}.hero h1{font-size:51px}.service-grid{grid-template-columns:repeat(2,1fr)}.ecosystem-grid{gap:35px}.contact-grid{gap:40px}.trust-strip{align-items:flex-start;flex-direction:column}.footer-main{grid-template-columns:auto 1fr}.footer-links{grid-column:1/-1}}@media(max-width:680px){.container{width:min(100% - 32px,520px)}.announcement{font-size:10px}.nav-wrap{height:68px}.brand{font-size:23px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:10px}.menu-toggle span{display:block;width:22px;height:2px;background:#242743;border-radius:2px}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:20px 22px 24px;box-shadow:0 15px 25px #171a3210;flex-direction:column;align-items:stretch;gap:17px}.nav-links.open{display:flex}.nav-cta{text-align:center}.hero{padding-top:55px}.hero-grid{grid-template-columns:1fr;gap:5px}.hero h1{font-size:clamp(43px,12vw,59px)}.hero-lead{font-size:14px}.hero-visual{min-height:380px;margin-top:5px}.dashboard-card{width:min(365px,90%);padding:19px}.orbit{width:330px;height:330px}.orbit-b{width:275px;height:275px}.float-chat{right:0;top:48px}.float-ai{left:0;bottom:35px}.trust-strip{margin-top:25px}.trust-logos{gap:12px 20px}.section{padding:70px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.ecosystem-copy h2,.contact-copy h2{font-size:39px}.section-heading>p{margin-top:18px;font-size:13px}.service-grid,.package-grid{grid-template-columns:1fr}.service-card p{min-height:0}.package-card{padding:24px}.ecosystem-grid,.contact-grid{grid-template-columns:1fr;gap:38px}.ecosystem-copy h2{font-size:43px}.steps-grid{grid-template-columns:repeat(2,1fr);gap:25px 18px}.form-row{grid-template-columns:1fr;gap:0}.contact-form{padding:22px}.footer-main{grid-template-columns:1fr;gap:13px}.footer-main>p{margin:0}.footer-links{grid-column:auto;gap:15px}.footer-bottom{gap:10px;flex-direction:column}.platform-card{padding:16px;gap:12px}.platform-logo{flex-basis:45px;height:45px}.platform-info p{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}


/* Floating WhatsApp contact button */
.whatsapp-float {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 1000;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px 17px 12px 13px;
  color: #fff;
  background: #168b55;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  box-shadow: 0 12px 32px rgba(0,0,0,.25);
  text-decoration: none;
  transition: transform .2s ease, background .2s ease;
}
.whatsapp-float:hover { transform: translateY(-3px); background: #117847; }
.whatsapp-float-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 50%;
  background: rgba(255,255,255,.16);
  font-size: 25px;
}
.whatsapp-float-label { display: flex; flex-direction: column; gap: 2px; }
.whatsapp-float-label strong { font-size: 13px; line-height: 1.2; }
.whatsapp-float-label small { font-size: 11px; opacity: .9; }
@media (max-width: 520px) {
  .whatsapp-float { right: 13px; bottom: 13px; padding: 10px; }
  .whatsapp-float-label { display: none; }
  .whatsapp-float-icon { width: 46px; height: 46px; flex-basis: 46px; }
}