:root{--primary:#0875ea;--primary-dark:#0751a8;--navy:#092856;--navy2:#061e43;--green:#10b866;--whatsapp:#16c66b;--text:#10284e;--muted:#60799c;--border:#d9e8f7;--surface:#fff;--shadow:0 20px 55px rgba(19,70,126,.12);--soft:0 10px 30px rgba(31,91,154,.10);--header:78px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 20px)}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.55;overflow-x:hidden}body.nav-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:1000;height:var(--header);background:rgba(255,255,255,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(219,233,248,.75);transition:.25s}.site-header.scrolled{background:rgba(255,255,255,.97);box-shadow:0 10px 35px rgba(24,72,125,.11)}.header-inner{height:100%;display:flex;align-items:center;gap:28px}.brand{width:218px;flex:0 0 auto}.brand img{width:100%;height:52px;object-fit:contain;object-position:left center}.main-nav{display:flex;align-items:center;justify-content:center;gap:27px;margin-left:auto}.main-nav a{font-size:14px;font-weight:600;color:#315173}.main-nav a:hover{color:var(--primary)}.header-actions{display:flex;align-items:center;gap:10px}.btn{border:0;outline:0;min-height:44px;border-radius:13px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#0b86f5,#0867db);box-shadow:0 10px 25px rgba(8,111,222,.24)}.btn-ghost{border:1px solid #9fcaef;background:#fff;color:var(--primary-dark)}.btn-whatsapp{color:#053c24;background:#fff;border:1px solid #c9e7d8;box-shadow:0 12px 28px rgba(26,86,60,.10)}.btn-whatsapp i{color:var(--whatsapp);font-size:1.25em}.btn-lg{min-height:52px;padding:0 24px;border-radius:15px}.btn-block{width:100%}.btn-light{background:#fff;color:var(--primary-dark);box-shadow:0 15px 35px rgba(0,54,118,.17)}.nav-toggle{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:#fff;padding:0 11px}.nav-toggle span{display:block;width:100%;height:2px;margin:5px 0;background:var(--navy);border-radius:2px}
.hero{position:relative;padding:52px 0 28px;background:radial-gradient(circle at 78% 11%,rgba(41,160,249,.20),transparent 31%),linear-gradient(180deg,#f9fdff 0%,#f5fbff 58%,#fff 100%);overflow:hidden}.hero:before{content:"";position:absolute;width:540px;height:540px;border-radius:50%;right:-180px;top:40px;background:radial-gradient(circle,rgba(20,134,235,.16),transparent 68%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:44% 56%;gap:28px;align-items:center;min-height:520px}.eyebrow{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;background:#eaf5ff;color:#0674df;font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.hero h1{margin:16px 0 18px;max-width:620px;font-size:clamp(44px,5vw,70px);line-height:.98;letter-spacing:-3px;color:#0b2858}.hero h1 span{display:block;color:#0874ea}.hero-lead{margin:0 0 18px;max-width:585px;color:#38587e;font-size:17px}.hero-checks{margin:0 0 24px;padding:0;list-style:none;display:grid;gap:8px}.hero-checks li{display:flex;align-items:center;gap:9px;color:#244668;font-size:14px;font-weight:600}.hero-checks i{color:var(--green)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-visual{position:relative;min-height:520px}.visual-note{position:absolute;z-index:4;right:25px;top:-5px;color:#1b517e;transform:rotate(-3deg);font-size:13px}.visual-note i{margin-left:8px;color:#0875ea}.dashboard-shell{position:absolute;width:96%;right:0;top:54px;border:8px solid #17365e;border-radius:23px;background:#fff;box-shadow:0 35px 70px rgba(18,70,123,.23);overflow:hidden;transform:perspective(1200px) rotateY(-4deg) rotateX(1deg);transform-origin:center}.browser-top{height:34px;background:#f1f6fb;display:flex;align-items:center;gap:14px;padding:0 14px;border-bottom:1px solid #e1eaf3}.browser-dots{display:flex;gap:5px}.browser-dots span{width:8px;height:8px;border-radius:50%}.browser-dots span:nth-child(1){background:#ff7373}.browser-dots span:nth-child(2){background:#f9c953}.browser-dots span:nth-child(3){background:#58ca7d}.browser-url{flex:1;max-width:250px;border-radius:7px;background:#fff;border:1px solid #dce8f2;color:#7a91a9;font-size:10px;padding:4px 10px}.dashboard-body{display:grid;grid-template-columns:138px 1fr;min-height:355px}.dash-sidebar{background:linear-gradient(180deg,#083e79,#062e60);padding:14px 10px;color:#fff}.dash-brand{height:36px;margin-bottom:9px;overflow:hidden}.dash-brand img{width:102px;filter:brightness(0) invert(1);opacity:.95}.dash-sidebar a{display:flex;align-items:center;gap:7px;padding:8px;border-radius:7px;color:rgba(255,255,255,.78);font-size:9px;margin:2px 0}.dash-sidebar a.active{background:#087de8;color:#fff}.dash-content{padding:18px;background:#f7fbff}.dash-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.dash-title-row small{font-size:8px;color:#72869f}.dash-title-row h3{margin:2px 0 0;font-size:14px;color:#1a385b}.dash-user{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0f7ee6;color:#fff;font-size:10px;font-weight:800}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat-card{background:#fff;border:1px solid #e1ecf7;border-radius:10px;padding:9px;min-width:0;display:flex;gap:8px;align-items:flex-start;box-shadow:0 6px 18px rgba(24,78,134,.05)}.stat-icon{width:28px;height:28px;flex:0 0 auto;border-radius:8px;display:grid;place-items:center;font-size:11px}.aqua{background:#e5f8f5;color:#11a98b}.violet{background:#f1edff;color:#7359dd}.green{background:#e9f9ee;color:#22a65f}.coral{background:#fff0ec;color:#ef6f4d}.stat-card small{display:block;color:#7890a9;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card strong{display:block;color:#173758;font-size:11px;line-height:1.2;margin:2px 0}.stat-card em{display:block;color:#18a768;font-style:normal;font-size:6px}.charts-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:10px;margin-top:10px}.chart-card{min-height:148px;background:#fff;border:1px solid #e1ecf7;border-radius:12px;padding:12px;box-shadow:0 6px 18px rgba(24,78,134,.05)}.chart-head{display:flex;justify-content:space-between;color:#496987;font-size:9px}.chart-head strong{color:#0f6ed6}.line-chart{height:90px;margin-top:14px;display:flex;align-items:end;gap:8px;position:relative}.line-chart:before,.line-chart:after{content:"";position:absolute;left:0;right:0;height:1px;background:#edf3f9}.line-chart:before{top:25%}.line-chart:after{top:60%}.line-chart span{flex:1;height:var(--h);min-height:8px;background:linear-gradient(180deg,#2aa0f5,#0f6cd7);border-radius:6px 6px 2px 2px;position:relative;z-index:2}.donut-wrap{display:flex;align-items:center;gap:12px;margin-top:20px}.donut{width:76px;height:76px;border-radius:50%;background:conic-gradient(#19af82 0 70%,#2d88e9 70% 96%,#f3b34f 96% 100%);position:relative}.donut:after{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff}.donut-wrap ul{margin:0;padding:0;list-style:none;display:grid;gap:5px;color:#617b95;font-size:7px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.online{background:#19af82}.warning{background:#f3b34f}.off{background:#2d88e9}.phone-preview{position:absolute;z-index:5;right:-20px;bottom:12px;width:150px;height:300px;border:7px solid #0b2547;border-radius:30px;background:#f7fbff;box-shadow:0 25px 55px rgba(13,55,105,.30);padding:22px 10px 12px;transform:rotate(4deg)}.phone-notch{position:absolute;width:66px;height:14px;border-radius:0 0 10px 10px;background:#0b2547;top:-1px;left:50%;transform:translateX(-50%)}.phone-logo{width:80px;height:30px;overflow:hidden;margin-bottom:12px}.phone-logo img{width:95px}.phone-preview>small{color:#7b8fa5;font-size:8px}.phone-stat{margin-top:8px;background:#fff;border:1px solid #e1edf7;border-radius:9px;padding:8px;display:flex;align-items:center;gap:7px}.phone-stat i{color:#0e80eb;font-size:13px}.phone-stat strong{display:block;font-size:12px}.phone-stat span{display:block;color:#8195aa;font-size:7px}.phone-bars{height:70px;margin-top:12px;display:flex;align-items:end;gap:6px}.phone-bars i{flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#28a8f3,#1573d7)}.phone-bars i:nth-child(1){height:35%}.phone-bars i:nth-child(2){height:48%}.phone-bars i:nth-child(3){height:66%}.phone-bars i:nth-child(4){height:53%}.phone-bars i:nth-child(5){height:76%}.phone-bars i:nth-child(6){height:92%}.product-strip{margin-top:25px;display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.product-card{min-height:125px;border:1px solid #e0edf8;background:rgba(255,255,255,.86);border-radius:14px;padding:16px 10px 13px;box-shadow:var(--soft);transition:.2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(24,82,144,.14)}.product-card>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#0877e5;background:#e9f5ff;margin-bottom:12px}.product-card:nth-child(4n+2)>span{color:#6f62e4;background:#f1efff}.product-card:nth-child(4n+3)>span{color:#18a7db;background:#e9f9ff}.product-card:nth-child(4n)>span{color:#0d9d75;background:#eafaf4}.product-card h3{margin:0;font-size:14px}.product-card p{margin:5px 0 0;color:#6f87a1;font-size:11px}
.platform{padding:88px 0;background:#fff}.platform-grid{display:grid;grid-template-columns:42% 58%;gap:70px;align-items:center}.section-copy h2,.section-heading h2,.pricing-copy h2,.contact-card h2,.automation-copy h2{margin:12px 0 15px;font-size:clamp(32px,3.5vw,48px);line-height:1.06;letter-spacing:-1.8px;color:#0b2858}.section-copy p,.section-heading p,.pricing-copy p,.contact-card p{color:#607b99;font-size:15px}.section-copy .btn{margin-top:12px}.ecosystem{min-height:410px;position:relative}.ecosystem:before,.ecosystem:after{content:"";position:absolute;left:50%;top:50%;width:72%;height:1px;background:linear-gradient(90deg,transparent,#b9daf5,transparent);transform:translate(-50%,-50%)}.ecosystem:after{width:1px;height:74%;background:linear-gradient(180deg,transparent,#b9daf5,transparent)}.ecosystem-center{position:absolute;z-index:3;left:50%;top:50%;width:138px;height:138px;transform:translate(-50%,-50%) rotate(30deg);border-radius:34px;border:1px solid #d7e9f7;background:#fff;box-shadow:0 25px 50px rgba(24,83,145,.15);display:grid;place-items:center}.ecosystem-center img{width:116px;transform:rotate(-30deg)}.eco-node{position:absolute;z-index:4;min-width:150px;padding:11px 13px;border-radius:14px;border:1px solid #ddeaf6;background:#fff;box-shadow:0 11px 28px rgba(32,88,148,.10);display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.eco-node i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#0b7be7;background:#edf7ff}.eco-node small{display:block;margin-top:2px;color:#8093a6;font-size:9px;font-weight:600}.node-1{left:50%;top:4%;transform:translateX(-50%)}.node-2{right:0;top:18%}.node-3{right:0;top:46%}.node-4{right:7%;bottom:5%}.node-5{left:50%;bottom:-2%;transform:translateX(-50%)}.node-6{left:5%;bottom:8%}.node-7{left:0;top:45%}.node-8{left:7%;top:16%}.integrations{padding:82px 0;background:linear-gradient(180deg,#fbfdff,#f4f9fd);border-top:1px solid #ecf3f9}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:34px}.section-heading h2{max-width:610px;font-size:38px}.section-heading p{margin:0 0 6px}.integration-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.integration-item{min-height:104px;border:1px solid #dceaf7;border-radius:14px;padding:16px;background:#fff;display:flex;flex-direction:column;justify-content:center;box-shadow:0 9px 24px rgba(36,88,143,.07)}.integration-item strong{font-size:16px;color:#17446e}.integration-item strong i{color:var(--whatsapp);margin-right:5px}.integration-item span{margin-top:6px;color:#8193a6;font-size:11px}.automation{position:relative;padding:72px 0;background:linear-gradient(90deg,rgba(2,35,75,.96),rgba(6,73,136,.88)),radial-gradient(circle at 80% 30%,#1588dc,transparent 42%);color:#fff;overflow:hidden}.automation:before{content:"";position:absolute;inset:auto -10% -42% 35%;height:340px;background:radial-gradient(circle,rgba(28,169,240,.30),transparent 62%)}.automation-grid{display:grid;grid-template-columns:33% 67%;gap:40px;align-items:center;position:relative}.eyebrow-light{color:#d8edff;background:rgba(255,255,255,.12)}.automation-copy h2{color:#fff;font-size:39px}.automation-copy p{margin:0;color:rgba(255,255,255,.74);font-size:14px}.automation-flow{display:flex;align-items:center;justify-content:space-between;gap:8px}.flow-step{flex:1;min-width:83px;min-height:110px;background:#fff;color:#163b62;border-radius:16px;padding:15px 10px 12px;text-align:center;box-shadow:0 16px 30px rgba(0,23,58,.17)}.flow-step i{width:40px;height:40px;border-radius:12px;background:#e9f5ff;color:#1685eb;display:grid;place-items:center;margin:0 auto 9px}.flow-step.danger i{background:#fff0ee;color:#ef6956}.flow-step.success i{background:#ebfaef;color:#14a45f}.flow-step span{font-size:10px;font-weight:800;line-height:1.25}.flow-arrow{color:#8bc9f7;font-size:14px}
.pricing{padding:88px 0;background:#fff}.pricing-grid{display:grid;grid-template-columns:1fr .78fr 1.12fr;gap:24px;align-items:stretch}.pricing-copy{padding:15px 4px}.pricing-copy h2{font-size:39px}.feature-list,.price-card ul{padding:0;margin:25px 0 0;list-style:none;display:grid;gap:10px}.feature-list li,.price-card li{display:flex;align-items:flex-start;gap:9px;color:#355674;font-size:13px}.feature-list i,.price-card li i{color:var(--green);margin-top:3px}.price-card,.contact-card{position:relative;border:1px solid #dceaf7;border-radius:22px;background:#fff;box-shadow:var(--shadow)}.price-card{padding:28px}.popular{position:absolute;right:18px;top:18px;border-radius:999px;padding:5px 9px;color:#fff;background:#0a79e9;font-size:10px;font-weight:800}.price-card h3{margin:0 0 18px;font-size:22px}.price-card>small,.price-card>p{color:#7d91a6;font-size:11px}.price{margin:3px 0 0;color:#0a2c5c;font-size:35px;font-weight:800;letter-spacing:-1.5px}.price span{color:#617995;font-size:12px;font-weight:600;letter-spacing:0}.price-card .btn{margin-top:25px}.contact-card{padding:28px;background:linear-gradient(180deg,#fbfdff,#f7fbff)}.contact-card h2{margin-top:8px;font-size:32px}.contact-card>p{margin-top:-4px;font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0 15px}.form-grid label{display:block}.form-grid label.full{grid-column:1/-1}.form-grid span{display:block;margin-bottom:6px;color:#345474;font-size:10px;font-weight:700}.form-grid input,.form-grid select{width:100%;height:43px;border:1px solid #cfe0ee;border-radius:10px;background:#fff;color:#213f5f;outline:0;padding:0 11px;transition:.2s}.form-grid input:focus,.form-grid select:focus{border-color:#4ba4ee;box-shadow:0 0 0 4px rgba(45,148,233,.10)}.contact-card .btn-whatsapp{background:linear-gradient(135deg,#17c66a,#0caf5a);color:#fff;border:0}.contact-card .btn-whatsapp i{color:#fff}.form-note{margin:12px 0 0!important;text-align:center;color:#8194a8!important;font-size:10px!important}.form-note a{color:#1478df}.cta{padding:0 0 55px}.cta-inner{min-height:180px;border-radius:24px;padding:36px 42px;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.17),transparent 35%),linear-gradient(135deg,#0b79e9,#0056c3);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 25px 55px rgba(2,83,174,.22)}.cta-inner span{color:rgba(255,255,255,.78);font-size:13px;font-weight:700}.cta-inner h2{margin:5px 0 0;max-width:700px;font-size:34px;line-height:1.07;letter-spacing:-1.2px}.site-footer{padding:38px 0 42px;border-top:1px solid #e7f0f7;background:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr 1fr;gap:40px}.footer-brand img{width:210px}.footer-brand p,.footer-company p,.footer-company small{color:#748ba3;font-size:11px}.footer-links,.footer-company{display:flex;flex-direction:column;align-items:flex-start}.footer-links h4,.footer-company h4{margin:0 0 12px;font-size:13px}.footer-links a{margin:3px 0;color:#66809b;font-size:11px}.footer-links a:hover{color:var(--primary)}
.back-top{position:fixed;z-index:900;left:18px;bottom:22px;width:62px;min-height:70px;border:1px solid rgba(255,255,255,.55);border-radius:18px;background:rgba(8,51,96,.78);backdrop-filter:blur(13px);color:#fff;box-shadow:0 16px 38px rgba(13,49,89,.24);display:grid;place-items:center;align-content:center;gap:3px;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(12px);transition:.25s}.back-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-top:hover{background:rgba(5,91,171,.90)}.back-top i{font-size:18px}.back-top span{text-align:center;font-size:9px;line-height:1.15}.whatsapp-widget{position:fixed;z-index:950;right:22px;bottom:22px;display:flex;align-items:flex-end;gap:10px}.wa-fab{position:relative;width:62px;height:62px;border:0;border-radius:50%;background:linear-gradient(135deg,#1bd173,#0cad58);color:#fff;display:grid;place-items:center;box-shadow:0 16px 38px rgba(18,157,86,.33);cursor:pointer;transition:.2s}.wa-fab:hover{transform:translateY(-3px) scale(1.03)}.wa-fab i{font-size:31px}.wa-notification{position:absolute;right:-2px;top:-2px;min-width:19px;height:19px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#ef3d3d;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:800}.wa-hint{min-width:150px;border:1px solid #d9e8f4;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(27,73,123,.13);padding:10px 14px;transform:translateY(-4px)}.wa-hint strong,.wa-hint span{display:block}.wa-hint strong{color:#1a3e61;font-size:11px}.wa-hint span{color:#7d90a4;font-size:9px}.whatsapp-popover{position:absolute;right:0;bottom:78px;width:330px;border:1px solid #dbe8f3;border-radius:22px;background:#fff;box-shadow:0 25px 65px rgba(22,63,106,.22);padding:18px;opacity:0;pointer-events:none;transform:translateY(10px) scale(.97);transform-origin:bottom right;transition:.22s}.whatsapp-popover.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.wa-close{position:absolute;right:12px;top:12px;width:30px;height:30px;border:0;border-radius:50%;background:#f2f6f9;color:#6d8194;cursor:pointer}.wa-head{display:flex;gap:11px;align-items:center;padding-right:35px}.wa-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#17c66b;color:#fff;flex:0 0 auto;font-size:23px}.wa-head strong,.wa-head small{display:block}.wa-head strong{font-size:14px}.wa-head small{margin-top:2px;color:#8395a7;font-size:9px}.wa-message{margin:15px 0;border-radius:14px;padding:12px 13px;background:#f3f8fb}.wa-message span{font-weight:700;font-size:12px}.wa-message p{margin:5px 0 0;color:#60788f;font-size:11px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.main-nav{gap:17px}.header-actions .btn-ghost{display:none}.hero-grid{grid-template-columns:48% 52%}.hero h1{font-size:53px}.product-strip{grid-template-columns:repeat(4,1fr)}.integration-grid{grid-template-columns:repeat(4,1fr)}.automation-grid{grid-template-columns:1fr}.automation-flow{margin-top:10px}.pricing-grid{grid-template-columns:1fr 1fr}.contact-card{grid-column:1/-1}}@media(max-width:900px){:root{--header:70px}.container{width:min(100% - 28px,1180px)}.brand{width:190px}.brand img{height:46px}.nav-toggle{display:block;margin-left:auto}.main-nav{position:fixed;z-index:1001;left:14px;right:14px;top:82px;display:grid;gap:0;padding:12px;border:1px solid #dbe8f4;border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 20px 55px rgba(22,66,113,.17);opacity:0;pointer-events:none;transform:translateY(-8px);transition:.2s}.main-nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.main-nav a{padding:12px 10px;border-radius:10px}.main-nav a:hover{background:#f2f8fd}.header-actions{display:none}.hero{padding-top:35px}.hero-grid{grid-template-columns:1fr;gap:5px}.hero-copy{text-align:center}.hero h1{margin-left:auto;margin-right:auto;max-width:720px;font-size:clamp(42px,8vw,62px)}.hero-lead{margin-left:auto;margin-right:auto}.hero-checks{justify-content:center}.hero-checks li{justify-content:center}.hero-actions{justify-content:center}.hero-visual{min-height:510px;margin-top:20px}.dashboard-shell{width:91%;right:5%}.phone-preview{right:0}.platform-grid{grid-template-columns:1fr;gap:25px}.section-copy{text-align:center}.ecosystem{min-height:440px}.section-heading{grid-template-columns:1fr;gap:6px;text-align:center}.section-heading h2{margin-left:auto;margin-right:auto}.integration-grid{grid-template-columns:repeat(3,1fr)}.automation-copy{text-align:center}.automation-flow{overflow-x:auto;padding-bottom:10px;justify-content:flex-start;scrollbar-width:thin}.flow-step{flex:0 0 110px}.pricing-grid{grid-template-columns:1fr}.contact-card{grid-column:auto}.pricing-copy{text-align:center}.feature-list{max-width:480px;margin-left:auto;margin-right:auto;text-align:left}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.container{width:min(100% - 22px,1180px)}.site-header{height:66px}.header-inner{gap:12px}.brand{width:162px}.brand img{height:42px}.hero h1{font-size:44px;letter-spacing:-2px}.hero-lead{font-size:15px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-visual{min-height:395px}.visual-note{display:none}.dashboard-shell{top:30px;width:100%;right:0;transform:none;border-width:5px}.dashboard-body{grid-template-columns:95px 1fr;min-height:280px}.dash-sidebar{padding:9px 6px}.dash-sidebar a{font-size:7px;padding:6px 5px}.dash-brand{height:28px}.dash-brand img{width:75px}.dash-content{padding:10px}.stat-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.donut-card{display:none}.phone-preview{width:104px;height:214px;border-width:5px;border-radius:22px;padding:15px 6px 8px;right:-4px;bottom:0}.phone-notch{width:46px;height:9px}.phone-logo{width:60px;height:22px}.phone-stat{padding:5px}.phone-stat i{font-size:10px}.phone-stat strong{font-size:9px}.phone-stat span{font-size:6px}.phone-bars{height:45px;gap:3px}.product-strip{grid-template-columns:repeat(2,1fr);gap:8px}.product-card{min-height:112px}.platform{padding:65px 0}.section-copy h2,.section-heading h2,.pricing-copy h2,.contact-card h2,.automation-copy h2{font-size:32px;letter-spacing:-1px}.ecosystem{min-height:590px}.ecosystem:before,.ecosystem:after{display:none}.ecosystem-center{top:49%;width:110px;height:110px}.ecosystem-center img{width:90px}.eco-node{min-width:136px;font-size:11px}.node-1{left:50%;top:0}.node-2{right:0;top:14%}.node-3{right:0;top:31%}.node-4{right:0;bottom:17%}.node-5{left:50%;bottom:0}.node-6{left:0;bottom:17%}.node-7{left:0;top:31%}.node-8{left:0;top:14%}.integrations{padding:65px 0}.integration-grid{grid-template-columns:repeat(2,1fr);gap:9px}.integration-item{min-height:92px;padding:12px}.automation{padding:62px 0}.pricing{padding:65px 0}.price-card,.contact-card{padding:22px}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.cta-inner{padding:28px 22px;display:grid;text-align:center}.cta-inner h2{font-size:28px}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-brand img{width:185px}.back-top{left:12px;bottom:14px;width:52px;min-height:58px;border-radius:15px}.back-top span{display:none}.whatsapp-widget{right:12px;bottom:14px}.wa-hint{display:none}.wa-fab{width:56px;height:56px}.wa-fab i{font-size:28px}.whatsapp-popover{position:fixed;left:12px;right:12px;bottom:82px;width:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important}.reveal{opacity:1;transform:none}}


/* =====================================================
   INTEGRACIONES AGRUPADAS / MIGRACIÓN
===================================================== */
.integration-groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.integration-group {
    border: 1px solid #dceaf7;
    border-radius: 20px;
    background: #fff;
    padding: 22px;
    box-shadow: 0 12px 32px rgba(36, 88, 143, .07);
}

.integration-group-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.integration-group-icon {
    width: 46px;
    height: 46px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: #eaf5ff;
    color: #0a7be8;
    font-size: 18px;
}

.integration-group-icon.payment {
    background: #ebf9f4;
    color: #11a66e;
}

.integration-group-icon.billing {
    background: #f1efff;
    color: #7464da;
}

.integration-group-icon.message {
    background: #eafaf3;
    color: #0cad60;
}

.integration-kicker {
    display: block;
    margin-bottom: 2px;
    color: #7b91a7;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.integration-group h3 {
    margin: 0;
    color: #12365f;
    font-size: 20px;
}

.integration-brand-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.integration-brand-grid-wide {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.integration-brand {
    min-height: 44px;
    border: 1px solid #e0ebf5;
    border-radius: 11px;
    background: #f9fcff;
    padding: 9px 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #345978;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.integration-brand.featured {
    color: #08784b;
    background: #f1fbf6;
    border-color: #cceede;
}

.integration-brand.featured i {
    margin-right: 6px;
    color: #15b869;
    font-size: 16px;
}

.integration-note {
    margin: 16px 0 0;
    padding-top: 14px;
    border-top: 1px solid #e8f0f7;
    color: #7890a6;
    font-size: 11px;
}

.migration {
    padding: 0 0 82px;
    background: linear-gradient(180deg, #f4f9fd 0%, #fff 100%);
}

.migration-card {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 46px;
    align-items: center;
    border: 1px solid #d7e8f6;
    border-radius: 26px;
    background:
        radial-gradient(circle at 88% 15%, rgba(39, 157, 242, .13), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #f5fbff 100%);
    padding: 38px 42px;
    box-shadow: 0 20px 50px rgba(27, 82, 139, .10);
}

.migration-card:after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    right: -110px;
    bottom: -150px;
    border-radius: 50%;
    background: rgba(8, 117, 234, .07);
    pointer-events: none;
}

.migration-copy {
    position: relative;
    z-index: 2;
}

.migration-copy h2 {
    margin: 12px 0 14px;
    color: #0b2858;
    font-size: 35px;
    line-height: 1.08;
    letter-spacing: -1.3px;
}

.migration-copy p {
    margin: 0 0 20px;
    color: #617b98;
    font-size: 14px;
}

.migration-platforms {
    position: relative;
    z-index: 2;
    border: 1px solid #ddebf7;
    border-radius: 19px;
    background: rgba(255, 255, 255, .86);
    padding: 24px;
}

.migration-label {
    display: block;
    margin-bottom: 12px;
    color: #7289a1;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.migration-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.migration-item {
    min-height: 56px;
    display: grid;
    place-items: center;
    border: 1px solid #dce9f5;
    border-radius: 13px;
    background: #fff;
    color: #173f69;
    font-size: 15px;
    font-weight: 800;
    box-shadow: 0 8px 20px rgba(31, 83, 137, .06);
}

.migration-platforms small {
    display: block;
    margin-top: 14px;
    color: #8195a8;
    font-size: 10px;
    line-height: 1.45;
}

@media (max-width: 900px) {
    .integration-groups,
    .migration-card {
        grid-template-columns: 1fr;
    }

    .integration-brand-grid-wide {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .migration-card {
        gap: 25px;
    }
}

@media (max-width: 620px) {
    .integration-groups {
        gap: 12px;
    }

    .integration-group {
        padding: 18px;
    }

    .integration-brand-grid,
    .integration-brand-grid-wide,
    .migration-grid {
        grid-template-columns: 1fr;
    }

    .migration {
        padding-bottom: 60px;
    }

    .migration-card {
        padding: 24px 20px;
    }

    .migration-copy h2 {
        font-size: 30px;
    }
}


/* =====================================================
   V3 - PROPUESTA DE VALOR / CRM / EXPERIENCIA / PRECIOS
===================================================== */
.value-section {
    padding: 82px 0;
    background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
    border-top: 1px solid #edf4fa;
}

.value-heading {
    max-width: 820px;
    margin: 0 auto 34px;
    text-align: center;
}

.value-heading h2,
.crm-heading h2,
.client-experience-copy h2,
.pricing-heading h2 {
    margin: 12px 0 14px;
    color: #0b2858;
    font-size: clamp(32px, 3.5vw, 46px);
    line-height: 1.08;
    letter-spacing: -1.6px;
}

.value-heading p,
.crm-heading > p,
.client-experience-copy p,
.pricing-heading p {
    margin: 0;
    color: #617b98;
    font-size: 15px;
}

.value-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.value-card {
    min-height: 225px;
    padding: 24px 20px;
    border: 1px solid #dceaf6;
    border-radius: 19px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(31, 84, 140, .08);
}

.value-icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    border-radius: 14px;
    background: #eaf5ff;
    color: #0a7be8;
    font-size: 19px;
}

.value-card:nth-child(2) .value-icon { background: #eef7ff; color: #245dc4; }
.value-card:nth-child(3) .value-icon { background: #ebf9f1; color: #13a665; }
.value-card:nth-child(4) .value-icon { background: #f1efff; color: #7563dc; }

.value-card h3 {
    margin: 0 0 9px;
    color: #173b62;
    font-size: 18px;
}

.value-card p {
    margin: 0;
    color: #71889f;
    font-size: 13px;
}

.crm-flow {
    padding: 82px 0;
    background: #fff;
}

.crm-heading {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 65px;
    align-items: end;
    margin-bottom: 34px;
}

.crm-heading h2 {
    max-width: 680px;
    font-size: 39px;
}

.crm-steps {
    display: flex;
    align-items: stretch;
    gap: 8px;
}

.crm-step {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    min-height: 170px;
    padding: 20px 12px 16px;
    border: 1px solid #dceaf6;
    border-radius: 17px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
    text-align: center;
    box-shadow: 0 10px 24px rgba(31, 84, 140, .06);
}

.crm-step > span {
    position: absolute;
    top: 10px;
    right: 12px;
    color: #b7cade;
    font-size: 10px;
    font-weight: 800;
}

.crm-step i {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    margin: 15px auto 12px;
    border-radius: 13px;
    background: #eaf5ff;
    color: #0a7be8;
    font-size: 17px;
}

.crm-step h3 {
    margin: 0 0 5px;
    color: #183d65;
    font-size: 14px;
}

.crm-step p {
    margin: 0;
    color: #7a8fa5;
    font-size: 10px;
}

.crm-arrow {
    flex: 0 0 18px;
    align-self: center;
    color: #8cc4f0;
    text-align: center;
}

.client-experience {
    padding: 0 0 82px;
    background: #fff;
}

.client-experience-card {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 45px;
    align-items: center;
    padding: 36px 40px;
    border: 1px solid #d8e9f6;
    border-radius: 25px;
    background:
        radial-gradient(circle at 90% 20%, rgba(28, 150, 239, .12), transparent 32%),
        linear-gradient(135deg, #f8fcff 0%, #ffffff 65%);
    box-shadow: 0 18px 45px rgba(30, 82, 137, .09);
}

.client-experience-copy h2 {
    font-size: 36px;
}

.experience-features {
    display: grid;
    gap: 10px;
}

.experience-features article {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 14px;
    border: 1px solid #e0ebf5;
    border-radius: 14px;
    background: rgba(255, 255, 255, .9);
}

.experience-features article > i {
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #eaf5ff;
    color: #0a7be8;
}

.experience-features h3 {
    margin: 0 0 3px;
    color: #183d65;
    font-size: 14px;
}

.experience-features p {
    margin: 0;
    color: #758ca3;
    font-size: 11px;
}

/* Automation: todos los cuadros exactamente iguales */
.automation-flow {
    justify-content: center;
    gap: 8px;
}

.flow-step {
    flex: 0 0 112px;
    width: 112px;
    min-width: 112px;
    height: 126px;
    min-height: 126px;
    padding: 14px 9px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.flow-step i {
    flex: 0 0 40px;
    margin: 0 auto 10px;
}

.flow-step span {
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
}

.flow-arrow {
    flex: 0 0 18px;
    width: 18px;
    text-align: center;
}

/* Planes y precios reales */
.pricing-heading {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 65px;
    align-items: end;
    margin-bottom: 30px;
}

.pricing-heading h2 {
    font-size: 42px;
}

.pricing-layout {
    display: grid;
    grid-template-columns: 1.08fr .92fr;
    gap: 24px;
    align-items: stretch;
}

.price-table-card {
    padding: 28px;
    border: 1px solid #dceaf7;
    border-radius: 22px;
    background: #fff;
    box-shadow: var(--shadow);
}

.price-table-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.price-from {
    display: block;
    color: #7890a8;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.price-table-head strong {
    display: block;
    margin-top: 2px;
    color: #0a2c5c;
    font-size: 33px;
    letter-spacing: -1.2px;
}

.price-table-head strong small {
    color: #6c8299;
    font-size: 11px;
    letter-spacing: 0;
}

.cloud-pill {
    min-height: 38px;
    padding: 0 13px;
    border-radius: 999px;
    background: #eaf5ff;
    color: #0a72d9;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 10px;
    font-weight: 800;
}

.price-table {
    overflow: hidden;
    border: 1px solid #dfeaf4;
    border-radius: 14px;
}

.price-row {
    min-height: 43px;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 20px;
    padding: 0 14px;
    border-bottom: 1px solid #edf3f8;
    color: #496983;
    font-size: 12px;
}

.price-row:last-child {
    border-bottom: 0;
}

.price-row strong {
    color: #183e66;
    font-size: 13px;
}

.price-row-head {
    min-height: 38px;
    background: #f5f9fc;
    color: #70879c;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
}

.price-row.unlimited {
    background: linear-gradient(90deg, #eef8ff, #f5fbff);
    color: #096dce;
    font-weight: 800;
}

.price-row.unlimited strong {
    color: #086fd5;
}

.pricing-included {
    margin-top: 17px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pricing-included span {
    padding: 7px 10px;
    border-radius: 999px;
    background: #f1f9f5;
    color: #327056;
    font-size: 10px;
    font-weight: 700;
}

.pricing-included i {
    color: #12ad65;
    margin-right: 4px;
}

.pricing-tax-note {
    margin: 14px 0 0;
    color: #899bae;
    font-size: 10px;
}

.optional-modules {
    margin-top: 18px;
    min-height: 88px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding: 18px 22px;
    border: 1px solid #dceaf6;
    border-radius: 18px;
    background: #f8fbfe;
}

.optional-modules > div {
    display: flex;
    align-items: center;
    gap: 13px;
}

.optional-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: #f1efff;
    color: #7462d7;
}

.optional-modules strong {
    display: block;
    color: #183d65;
    font-size: 13px;
}

.optional-modules p {
    margin: 3px 0 0;
    color: #748aa0;
    font-size: 11px;
}

.optional-modules > a {
    white-space: nowrap;
    color: #0b73db;
    font-size: 11px;
    font-weight: 800;
}

@media (max-width: 1100px) {
    .value-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .crm-steps,
    .automation-flow {
        overflow-x: auto;
        justify-content: flex-start;
        padding-bottom: 9px;
        scrollbar-width: thin;
    }

    .crm-step {
        flex: 0 0 145px;
    }

    .pricing-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .crm-heading,
    .client-experience-card,
    .pricing-heading {
        grid-template-columns: 1fr;
        gap: 10px;
        text-align: center;
    }

    .client-experience-card {
        gap: 25px;
    }

    .pricing-heading {
        margin-bottom: 24px;
    }
}

@media (max-width: 620px) {
    .value-section,
    .crm-flow {
        padding: 62px 0;
    }

    .value-grid {
        grid-template-columns: 1fr;
    }

    .value-card {
        min-height: auto;
    }

    .crm-heading h2,
    .client-experience-copy h2,
    .pricing-heading h2 {
        font-size: 31px;
    }

    .client-experience {
        padding-bottom: 62px;
    }

    .client-experience-card {
        padding: 24px 20px;
    }

    .price-table-card {
        padding: 20px 16px;
    }

    .price-table-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .price-table-head strong {
        font-size: 29px;
    }

    .price-row {
        gap: 10px;
        padding: 0 10px;
    }

    .optional-modules {
        align-items: flex-start;
        flex-direction: column;
    }
}
\n\n/* =====================================================\n   HEADER V4 - SITIO PÚBLICO SIN INICIO DE SESIÓN\n===================================================== */\n.site-header .container {\n    width: min(1240px, calc(100% - 40px));\n}\n\n.header-inner {\n    gap: 24px;\n}\n\n.brand {\n    width: 205px;\n}\n\n.main-nav {\n    margin-left: auto;\n    gap: 24px;\n}\n\n.main-nav a {\n    white-space: nowrap;\n}\n\n.header-actions {\n    flex: 0 0 auto;\n    margin-left: 4px;\n}\n\n.header-actions .header-demo {\n    min-height: 46px;\n    padding: 0 20px;\n    border-radius: 13px;\n    white-space: nowrap;\n}\n\n@media (max-width: 1180px) {\n    .site-header .container {\n        width: min(100% - 28px, 1180px);\n    }\n\n    .brand {\n        width: 185px;\n    }\n\n    .main-nav {\n        gap: 17px;\n    }\n\n    .main-nav a {\n        font-size: 13px;\n    }\n\n    .header-actions .header-demo {\n        padding: 0 16px;\n    }\n}\n\n@media (max-width: 980px) {\n    .nav-toggle {\n        display: block;\n        margin-left: auto;\n    }\n\n    .main-nav {\n        position: fixed;\n        z-index: 1001;\n        left: 14px;\n        right: 14px;\n        top: 82px;\n        display: grid;\n        gap: 0;\n        padding: 12px;\n        border: 1px solid #dbe8f4;\n        border-radius: 18px;\n        background: rgba(255,255,255,.98);\n        box-shadow: 0 20px 55px rgba(22,66,113,.17);\n        opacity: 0;\n        pointer-events: none;\n        transform: translateY(-8px);\n        transition: .2s;\n    }\n\n    .main-nav.open {\n        opacity: 1;\n        pointer-events: auto;\n        transform: translateY(0);\n    }\n\n    .main-nav a {\n        padding: 12px 10px;\n        border-radius: 10px;\n        font-size: 14px;\n    }\n\n    .header-actions {\n        display: none;\n    }\n}\n