:root {
  --navy: #071225;
  --navy-2: #0b1931;
  --ink: #111827;
  --muted: #657084;
  --line: #dfe5ee;
  --surface: #f4f7fb;
  --white: #ffffff;
  --cyan: #2fe4c5;
  --blue: #5e7bff;
  --violet: #9a6cff;
  --orange: #ff8e5b;
  --shadow: 0 24px 70px rgba(7, 18, 37, .14);
  --radius: 24px;
  --container: min(1180px, calc(100% - 40px));
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: 'Manrope', system-ui, sans-serif; color: var(--ink); background: var(--navy); line-height: 1.65; overflow-x: hidden; }
body.menu-open, body.chat-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { cursor: pointer; }
img, svg { display: block; max-width: 100%; }
.container { width: var(--container); margin-inline: auto; }
.skip-link { position: fixed; left: 16px; top: -100px; z-index: 9999; background: var(--white); padding: 10px 14px; border-radius: 10px; color: var(--ink); }
.skip-link:focus { top: 16px; }
.page-noise { position: fixed; inset: 0; pointer-events: none; z-index: 1000; opacity: .025; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E"); }
.site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; transition: .3s ease; border-bottom: 1px solid transparent; }
.site-header.scrolled { background: rgba(7,18,37,.88); backdrop-filter: blur(18px); border-color: rgba(255,255,255,.08); }
.header-inner { height: 84px; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.brand img { width: 180px; }
.main-nav { display: flex; align-items: center; gap: 28px; color: rgba(255,255,255,.78); font-size: .9rem; font-weight: 600; }
.main-nav a { transition: color .2s; }
.main-nav a:hover { color: var(--white); }
.menu-toggle { display: none; width: 44px; height: 44px; border: 0; border-radius: 12px; background: rgba(255,255,255,.08); padding: 11px; }
.menu-toggle span { display: block; height: 2px; margin: 5px 0; background: white; border-radius: 2px; }
.section { padding: 110px 0; }
.section-dark, .portfolio-section, .process-section, .testimonials-section { position: relative; color: var(--white); background: var(--navy); }
.light-section { background: var(--surface); }
.hero { position: relative; min-height: 920px; padding: 155px 0 42px; overflow: hidden; }
.hero::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 180px; background: linear-gradient(transparent, rgba(7,18,37,.9)); pointer-events: none; }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.03fr .97fr; align-items: center; gap: 68px; }
.hero-copy { padding-top: 18px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 20px; color: var(--cyan); font-size: .76rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.eyebrow-light { color: #596b86; }
.pulse-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 7px rgba(47,228,197,.12); }
h1,h2,h3 { font-family: 'Space Grotesk', sans-serif; line-height: 1.05; margin-top: 0; }
h1 { margin-bottom: 27px; font-size: clamp(3rem, 5.5vw, 5.4rem); letter-spacing: -.065em; }
h1 em { color: transparent; font-style: normal; background: linear-gradient(90deg, var(--cyan), #74a8ff 55%, var(--violet)); -webkit-background-clip: text; background-clip: text; }
.hero-lead { max-width: 680px; margin: 0 0 34px; color: rgba(255,255,255,.7); font-size: 1.14rem; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; border: 1px solid transparent; border-radius: 13px; padding: 0 22px; font-weight: 800; transition: transform .2s, box-shadow .2s, background .2s; }
.btn:hover { transform: translateY(-2px); }
.btn-primary { color: var(--navy); background: linear-gradient(135deg, var(--cyan), #69f0d9); box-shadow: 0 12px 35px rgba(47,228,197,.18); }
.btn-primary:hover { box-shadow: 0 16px 42px rgba(47,228,197,.28); }
.btn-ghost { color: var(--white); border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.04); }
.btn-sm { min-height: 42px; padding: 0 17px; font-size: .84rem; }
.btn-lg { min-height: 58px; padding: 0 27px; }
.btn-dark { color: var(--white); background: var(--navy); }
.btn-white { color: var(--navy); background: var(--white); }
.btn-outline-dark { color: var(--navy); border-color: #cbd4e1; background: transparent; }
.hero-trust { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px; color: rgba(255,255,255,.62); font-size: .8rem; font-weight: 700; }
.hero-visual { position: relative; height: 570px; }
.dashboard-glow { position: absolute; inset: 12% 7%; background: radial-gradient(circle, rgba(94,123,255,.35), transparent 67%); filter: blur(25px); }
.browser-card { position: absolute; top: 30px; left: 0; width: 94%; border: 1px solid rgba(255,255,255,.15); border-radius: 22px; overflow: hidden; background: rgba(17,30,55,.72); box-shadow: 0 40px 90px rgba(0,0,0,.38); backdrop-filter: blur(18px); transform: perspective(1200px) rotateY(-5deg) rotateX(2deg); }
.browser-top { height: 42px; display: flex; align-items: center; gap: 7px; padding: 0 15px; border-bottom: 1px solid rgba(255,255,255,.08); }
.browser-top i { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.3); }
.browser-top span { margin-left: 12px; color: rgba(255,255,255,.36); font-size: .65rem; }
.browser-body { height: 405px; display: grid; grid-template-columns: 68px 1fr; }
.mock-sidebar { padding: 18px 14px; border-right: 1px solid rgba(255,255,255,.07); }
.mock-logo { display: grid; place-items: center; width: 33px; height: 33px; margin-bottom: 36px; border-radius: 10px; color: var(--navy); background: var(--cyan); font-weight: 900; }
.mock-sidebar b { display: block; width: 28px; height: 6px; margin: 19px 2px; border-radius: 8px; background: rgba(255,255,255,.12); }
.mock-content { padding: 24px 25px; }
.mock-head { display: flex; justify-content: space-between; align-items: center; }
.mock-head span { width: 85px; height: 8px; border-radius: 8px; background: rgba(255,255,255,.13); }
.mock-head i { width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(135deg, var(--cyan), var(--blue)); }
.mock-title { width: 45%; height: 15px; margin-top: 34px; border-radius: 10px; background: rgba(255,255,255,.76); }
.mock-subtitle { width: 62%; height: 7px; margin-top: 12px; border-radius: 10px; background: rgba(255,255,255,.16); }
.mock-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 25px 0 18px; }
.mock-stats span { height: 76px; border: 1px solid rgba(255,255,255,.07); border-radius: 12px; background: rgba(255,255,255,.035); }
.mock-chart { height: 145px; border-radius: 14px; padding: 20px; color: var(--cyan); background: rgba(255,255,255,.035); }
.mock-chart svg { width: 100%; height: 100%; }
.phone-card { position: absolute; right: -10px; bottom: 15px; width: 185px; height: 390px; z-index: 4; padding: 9px; border: 1px solid rgba(255,255,255,.18); border-radius: 32px; background: #111b2d; box-shadow: 0 30px 80px rgba(0,0,0,.55); transform: rotate(4deg); }
.phone-screen { height: 100%; overflow: hidden; padding: 24px 16px; border-radius: 24px; background: radial-gradient(circle at 80% 5%, rgba(154,108,255,.28), transparent 32%), #081426; }
.phone-speaker { position: absolute; z-index: 5; top: 15px; left: 50%; width: 45px; height: 5px; border-radius: 5px; transform: translateX(-50%); background: rgba(255,255,255,.2); }
.phone-nav { display: flex; justify-content: space-between; align-items: center; color: var(--cyan); font-size: .7rem; }.phone-nav span{width:20px;height:2px;background:white;box-shadow:0 5px 0 white;opacity:.7}.phone-badge{display:inline-block;margin-top:36px;padding:5px 8px;border-radius:8px;color:var(--cyan);background:rgba(47,228,197,.1);font-size:.5rem;font-weight:800}.phone-heading{height:11px;width:100%;margin-top:14px;border-radius:7px;background:white}.phone-heading.short{width:67%;margin-top:7px}.phone-copy{height:5px;width:92%;margin-top:15px;border-radius:5px;background:rgba(255,255,255,.22)}.phone-copy.short{width:65%;margin-top:6px}.phone-button{display:grid;place-items:center;width:100%;height:32px;margin-top:19px;border-radius:8px;color:var(--navy);background:var(--cyan);font-size:.55rem;font-weight:900}.phone-card-mini{height:105px;margin-top:24px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.04)}.phone-card-mini i{display:block;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--blue),var(--violet))}.phone-card-mini b,.phone-card-mini span{display:block;height:5px;margin-top:11px;border-radius:5px;background:rgba(255,255,255,.65)}.phone-card-mini span{width:60%;margin-top:6px;background:rgba(255,255,255,.18)}
.floating-metric { position: absolute; z-index: 5; padding: 12px 15px; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: rgba(7,18,37,.75); box-shadow: 0 16px 45px rgba(0,0,0,.25); backdrop-filter: blur(16px); }
.floating-metric span { display: block; color: var(--cyan); font-family: 'Space Grotesk'; font-size: 1.18rem; font-weight: 800; }.floating-metric small{color:rgba(255,255,255,.52);font-size:.61rem}.metric-one{left:-30px;bottom:105px}.metric-two{right:45px;top:0}
.hero-orb { position: absolute; border-radius: 50%; filter: blur(1px); opacity: .7; }.hero-orb-one{width:520px;height:520px;right:-210px;top:-140px;background:radial-gradient(circle,rgba(94,123,255,.15),transparent 70%)}.hero-orb-two{width:480px;height:480px;left:-300px;top:340px;background:radial-gradient(circle,rgba(47,228,197,.11),transparent 70%)}
.brand-strip { position: relative; z-index: 4; margin-top: 72px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,.08); }.brand-strip p{margin:0 0 20px;color:rgba(255,255,255,.35);font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.brand-items{display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;color:rgba(255,255,255,.4);font-family:'Space Grotesk';font-size:.84rem;font-weight:700;letter-spacing:.08em}
.section-heading { margin-bottom: 55px; }.section-heading h2{margin-bottom:18px;font-size:clamp(2.3rem,4vw,4rem);letter-spacing:-.05em}.section-heading p{max-width:650px;margin:0;color:var(--muted);font-size:1.05rem}.section-heading.centered{text-align:center}.section-heading.centered p{margin-inline:auto}.section-heading.split-heading{display:grid;grid-template-columns:1fr 420px;align-items:end;gap:50px}.split-heading p{color:rgba(255,255,255,.55)}.split-heading.dark-text p{color:var(--muted)}
.services-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }.service-card{position:relative;min-height:425px;padding:32px;border:1px solid #e2e7ef;border-radius:var(--radius);background:var(--white);transition:.3s ease;overflow:hidden}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:transparent}.service-card.featured{color:white;border-color:transparent;background:linear-gradient(145deg,#0b1b34,#112c4d)}.service-card.featured::after{content:'';position:absolute;width:220px;height:220px;right:-80px;bottom:-100px;border-radius:50%;background:radial-gradient(circle,rgba(47,228,197,.27),transparent 67%)}.service-icon{display:grid;place-items:center;width:49px;height:49px;margin-bottom:44px;border-radius:15px;color:var(--blue);background:#eef1ff;font-size:1.4rem;font-weight:800}.featured .service-icon{color:var(--navy);background:var(--cyan)}.service-index{position:absolute;top:34px;right:30px;color:#b7c0ce;font-size:.72rem;font-weight:800}.service-card h3{font-size:1.45rem;letter-spacing:-.035em}.service-card p{color:var(--muted);font-size:.9rem}.featured p,.featured li{color:rgba(255,255,255,.62)}.service-card ul{margin:24px 0;padding:0;list-style:none;color:#4f5b6d;font-size:.82rem;font-weight:700}.service-card li{margin:9px 0}.service-card li::before{content:'✓';margin-right:8px;color:#15b897}.text-link{position:absolute;left:32px;bottom:28px;border:0;padding:0;color:var(--ink);background:none;font-size:.83rem;font-weight:800}.featured .text-link{color:var(--cyan)}
.portfolio-section{background:linear-gradient(180deg,#071225,#0a172c)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.project-card{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:26px;background:rgba(255,255,255,.035);transition:.3s}.project-card:hover{transform:translateY(-5px);border-color:rgba(47,228,197,.26)}.project-large,.project-wide{grid-column:span 2}.project-preview{height:350px;padding:38px;overflow:hidden}.project-large .project-preview{height:470px}.preview-window{height:100%;border:1px solid rgba(255,255,255,.22);border-radius:18px;overflow:hidden;box-shadow:0 30px 65px rgba(0,0,0,.28);background:#fff;transform:perspective(900px) rotateX(2deg)}.preview-bar{height:30px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#e8ecf3}.preview-bar i{width:6px;height:6px;border-radius:50%;background:#a7afbb}.preview-content{height:calc(100% - 30px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.preview-content span{font-size:.64rem;font-weight:800;letter-spacing:.22em}.preview-content h3{max-width:650px;margin:16px 0 22px;font-size:clamp(1.65rem,3vw,3.4rem);letter-spacing:-.04em}.preview-content b{padding:9px 16px;border-radius:9px;font-size:.65rem}.preview-invitaciones{background:linear-gradient(135deg,#c6a66b,#7d633c)}.invitation-preview{color:white;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.11),transparent 30%),linear-gradient(145deg,#171513,#2e271d)}.invitation-preview h3{font-family:Georgia,serif;font-weight:400}.invitation-preview b{color:#201c15;background:#d8ba78}.preview-eventos{background:linear-gradient(135deg,#c99a65,#39251b)}.event-preview{color:white;background:linear-gradient(rgba(18,12,8,.5),rgba(18,12,8,.8)),radial-gradient(circle at 40% 40%,#8e593d,#17100d)}.event-preview b{background:#bd8d61}.preview-colegio{background:linear-gradient(135deg,#2157a9,#e8aa37)}.school-preview{color:#12356f;background:radial-gradient(circle at 75% 10%,#f9c85c 0 12%,transparent 13%),linear-gradient(145deg,#f7fbff,#d6e8ff)}.school-preview b{color:white;background:#1f54a0}.preview-tdl{background:linear-gradient(135deg,#1a2130,#db4a3d)}.tdl-preview{align-items:flex-start;text-align:left;color:#111;background:linear-gradient(90deg,#fff 0 64%,#111 64%)}.tdl-preview h3{max-width:55%}.tdl-preview b{color:white;background:#d8473d}.project-info{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:26px 30px 30px}.project-info span{color:var(--cyan);font-size:.65rem;font-weight:800;letter-spacing:.12em}.project-info h3{margin:8px 0 9px;font-size:1.6rem}.project-info p{max-width:600px;margin:0;color:rgba(255,255,255,.5);font-size:.84rem}.project-info a{flex:none;color:var(--white);font-size:.8rem;font-weight:800}
.results-section{padding:125px 0}.results-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.results-copy h2{font-size:clamp(2.3rem,4vw,4rem);letter-spacing:-.05em}.results-copy p{margin:0 0 30px;color:var(--muted)}.results-list{border-top:1px solid var(--line)}.result-item{display:grid;grid-template-columns:54px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid var(--line)}.result-item>strong{color:var(--blue);font-size:.72rem}.result-item h3{margin:0 0 7px;font-size:1.25rem}.result-item p{margin:0;color:var(--muted);font-size:.86rem}
.process-section{background:#09162a}.process-line{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.process-line::before{content:'';position:absolute;top:45px;left:7%;right:7%;height:1px;background:linear-gradient(90deg,var(--cyan),rgba(255,255,255,.12))}.process-step{position:relative}.process-step>span{display:block;color:rgba(255,255,255,.25);font-size:.65rem;font-weight:800}.process-dot{position:relative;z-index:2;width:14px;height:14px;margin:28px 0 36px;border:3px solid #09162a;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(47,228,197,.15)}.process-step h3{font-size:1.2rem}.process-step p{color:rgba(255,255,255,.5);font-size:.82rem}
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan-card{position:relative;padding:36px 32px;border:1px solid #dfe5ee;border-radius:26px;background:white}.plan-card.popular{border:2px solid var(--blue);box-shadow:0 25px 70px rgba(40,66,160,.13);transform:translateY(-8px)}.popular-badge{position:absolute;top:-14px;right:26px;padding:6px 11px;border-radius:20px;color:white;background:var(--blue);font-size:.62rem;font-weight:900;letter-spacing:.08em}.plan-tag{color:var(--blue);font-size:.65rem;font-weight:900;letter-spacing:.12em}.plan-card h3{margin:17px 0 14px;font-size:1.75rem}.plan-card p{min-height:105px;color:var(--muted);font-size:.86rem}.plan-card ul{min-height:205px;margin:22px 0 30px;padding:0;list-style:none}.plan-card li{margin:12px 0;color:#536074;font-size:.82rem;font-weight:700}.plan-card li::before{content:'✓';margin-right:9px;color:#18aa8c}.plan-card .btn{width:100%}.plans-note{text-align:center;margin:35px 0 0;color:var(--muted);font-size:.83rem}
.testimonials-section{background:linear-gradient(180deg,#071225,#08172b)}.testimonials-track{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonial{padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.04)}.stars{color:#ffc35d;letter-spacing:.12em}.testimonial blockquote{min-height:155px;margin:22px 0;color:rgba(255,255,255,.78);font-size:1rem}.testimonial footer{display:flex;align-items:center;gap:12px}.testimonial footer>span{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;color:var(--navy);background:var(--cyan);font-weight:900}.testimonial footer strong,.testimonial footer small{display:block}.testimonial footer small{color:rgba(255,255,255,.4);font-size:.7rem}
.faq-grid{display:grid;grid-template-columns:390px 1fr;gap:100px}.faq-intro h2{font-size:clamp(2.2rem,4vw,3.7rem);letter-spacing:-.05em}.faq-intro p{margin-bottom:28px;color:var(--muted)}.accordion details{border-bottom:1px solid var(--line)}.accordion summary{position:relative;padding:24px 42px 24px 0;list-style:none;font-family:'Space Grotesk';font-weight:700;cursor:pointer}.accordion summary::-webkit-details-marker{display:none}.accordion summary::after{content:'+';position:absolute;right:3px;top:20px;font-size:1.4rem;font-weight:400}.accordion details[open] summary::after{content:'−'}.accordion details p{margin:0;padding:0 40px 24px 0;color:var(--muted);font-size:.88rem}
.final-cta{padding:70px 0;background:linear-gradient(135deg,#607dff,#9166ff 60%,#bd68dc);color:white}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:60px}.final-cta h2{margin-bottom:12px;font-size:clamp(2.4rem,4vw,4.2rem);letter-spacing:-.055em}.final-cta p{max-width:670px;margin:0;color:rgba(255,255,255,.78)}.final-cta .eyebrow{color:white;opacity:.75}
.site-footer{padding:70px 0 26px;color:white;background:#050d1b}.footer-grid{display:grid;grid-template-columns:1.6fr .7fr 1fr .8fr;gap:60px}.footer-brand img{width:180px}.footer-brand p{max-width:350px;color:rgba(255,255,255,.42);font-size:.82rem}.site-footer h3{margin:0 0 18px;font-size:.8rem}.site-footer a,.footer-link{display:block;margin:10px 0;border:0;padding:0;color:rgba(255,255,255,.48);background:none;font-size:.77rem;text-align:left}.site-footer a:hover,.footer-link:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;margin-top:50px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.28);font-size:.68rem}
.whatsapp-float{position:fixed;right:24px;bottom:22px;z-index:90;display:flex;align-items:center;gap:11px;min-width:214px;padding:10px 14px;border:1px solid rgba(255,255,255,.13);border-radius:18px;color:white;background:rgba(10,24,46,.93);box-shadow:0 18px 55px rgba(0,0,0,.3);backdrop-filter:blur(16px)}.wa-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;color:var(--navy);background:var(--cyan);font-size:1.3rem;font-weight:900}.wa-label{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25}.wa-label strong{font-size:.8rem}.wa-label small{color:rgba(255,255,255,.45);font-size:.62rem}.online-dot{position:absolute;right:10px;top:9px;width:8px;height:8px;border:2px solid #14233b;border-radius:50%;background:#50ed8f}
.chat-overlay{position:fixed;inset:0;z-index:500;display:flex;align-items:flex-end;justify-content:flex-end;padding:20px;background:rgba(3,9,18,.68);backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:.25s}.chat-overlay.open{opacity:1;visibility:visible}.chat-panel{display:flex;flex-direction:column;width:min(430px,100%);height:min(720px,calc(100vh - 40px));overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:25px;background:#f5f7fb;box-shadow:0 35px 100px rgba(0,0,0,.45);transform:translateY(25px);transition:.3s}.chat-overlay.open .chat-panel{transform:none}.chat-header{display:flex;align-items:center;gap:12px;padding:17px 18px;color:white;background:linear-gradient(135deg,#0a1830,#112b4e)}.bot-avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;color:var(--navy);background:var(--cyan);font-family:'Space Grotesk';font-weight:900}.chat-header h2{margin:0 0 3px;font-size:1rem}.chat-header p{margin:0;color:rgba(255,255,255,.5);font-size:.65rem}.chat-header p span{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#56e691}.chat-close{margin-left:auto;border:0;color:white;background:transparent;font-size:1.8rem;font-weight:300}.chat-progress{height:3px;background:#dde3ed}.chat-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue));transition:.35s}.chat-messages{flex:1;overflow-y:auto;padding:18px;scrollbar-width:thin}.chat-bubble{display:flex;align-items:flex-end;gap:8px;margin:10px 0}.chat-bubble>div{max-width:82%;padding:11px 14px;border-radius:17px;font-size:.82rem;line-height:1.45}.chat-bubble.bot>div{border-bottom-left-radius:5px;color:#283449;background:white;box-shadow:0 5px 20px rgba(13,30,54,.07)}.chat-bubble.user{justify-content:flex-end}.chat-bubble.user>div{border-bottom-right-radius:5px;color:white;background:#3157d8}.tiny-avatar{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:8px;color:var(--navy);background:var(--cyan);font-size:.65rem;font-weight:900}.typing{display:flex;gap:4px}.typing i{width:6px;height:6px;border-radius:50%;background:#8995a7;animation:typing 1s infinite alternate}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes typing{to{transform:translateY(-5px);opacity:.4}}
.chat-input-area{padding:12px 14px;border-top:1px solid #e0e5ed;background:white}.chat-form{display:flex;align-items:flex-end;gap:8px}.chat-form input,.chat-form textarea{width:100%;min-height:46px;border:1px solid #d9e0ea;border-radius:13px;outline:none;padding:11px 13px;color:#1e293b;background:#f8fafc}.chat-form textarea{height:85px;resize:none}.chat-form input:focus,.chat-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(94,123,255,.1)}.chat-form .invalid{border-color:#e34c59;animation:shake .25s}.chat-form button{flex:none;width:45px;height:45px;border:0;border-radius:13px;color:var(--navy);background:var(--cyan);font-weight:900}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.chat-options{display:flex;flex-wrap:wrap;gap:7px;max-height:185px;overflow:auto}.chat-options button{border:1px solid #d7deea;border-radius:20px;padding:8px 11px;color:#445066;background:white;font-size:.7rem;font-weight:700}.chat-options button:hover,.chat-options button.selected{border-color:var(--blue);color:#2743a8;background:#eef1ff}.chat-submit,.chat-whatsapp{display:flex;align-items:center;justify-content:center;width:100%;min-height:45px;margin-top:9px;border:0;border-radius:12px;color:var(--navy);background:var(--cyan);font-weight:900;font-size:.8rem}.chat-whatsapp{color:white;background:#18aa5b}.chat-whatsapp span{margin-right:8px}.chat-restart{display:block;margin:9px auto 0;border:0;color:#738095;background:transparent;font-size:.68rem}.chat-summary{display:grid;gap:5px;margin:13px 32px 8px;padding:14px;border:1px solid #dde4ee;border-radius:14px;color:#536074;background:#fff;font-size:.7rem}.chat-summary strong{color:#1d293d}.chat-footer{padding:7px 12px;text-align:center;color:#8a95a6;background:#eef2f7;font-size:.57rem}.noscript{position:fixed;z-index:1000;left:0;right:0;bottom:0;padding:12px;color:#fff;background:#d54955;text-align:center}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:1050px){.main-nav{gap:17px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero{padding-top:140px}.hero-copy{text-align:center}.hero-lead{margin-inline:auto}.hero-actions,.hero-trust{justify-content:center}.hero-visual{width:min(680px,100%);margin:auto}.services-grid{grid-template-columns:repeat(2,1fr)}.section-heading.split-heading{grid-template-columns:1fr;gap:12px}.results-grid{gap:55px}.process-line{grid-template-columns:repeat(3,1fr)}.process-line::before{display:none}.plans-grid{grid-template-columns:1fr}.plan-card.popular{transform:none}.plan-card p,.plan-card ul{min-height:auto}.testimonials-track{grid-template-columns:1fr}.testimonial blockquote{min-height:auto}.faq-grid{grid-template-columns:1fr;gap:45px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}
@media(max-width:800px){:root{--container:min(100% - 28px,1180px)}.section{padding:80px 0}.header-inner{height:72px}.brand img{width:155px}.menu-toggle{display:block}.main-nav{position:fixed;inset:72px 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:16px 20px 24px;border-top:1px solid rgba(255,255,255,.08);background:rgba(7,18,37,.98);transform:translateY(-125%);transition:.25s}.main-nav.is-open{transform:none}.main-nav a{padding:13px 6px;border-bottom:1px solid rgba(255,255,255,.06)}.main-nav .btn{margin-top:14px}.hero{min-height:auto;padding-top:120px}.hero-copy{text-align:left}.hero-actions,.hero-trust{justify-content:flex-start}.hero-visual{height:420px}.browser-card{width:96%}.browser-body{height:300px}.mock-content{padding:18px}.mock-stats span{height:55px}.mock-chart{height:100px}.phone-card{width:142px;height:300px;right:0}.phone-screen{padding:20px 12px}.phone-badge{margin-top:24px}.phone-card-mini{display:none}.floating-metric{display:none}.brand-items{display:grid;grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:1fr}.project-large,.project-wide{grid-column:auto}.portfolio-grid{grid-template-columns:1fr}.project-preview,.project-large .project-preview{height:330px;padding:20px}.project-info{align-items:flex-start;flex-direction:column}.results-grid{grid-template-columns:1fr}.process-line{grid-template-columns:1fr 1fr}.process-dot{margin:13px 0 20px}.plans-grid{grid-template-columns:1fr}.final-cta-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}.footer-bottom{flex-direction:column;gap:5px}.whatsapp-float{min-width:0;border-radius:50%;padding:10px}.wa-label,.online-dot{display:none}.wa-icon{width:44px;height:44px}.chat-overlay{padding:0}.chat-panel{width:100%;height:100%;max-height:none;border:0;border-radius:0}.tdl-preview h3{max-width:80%}}
@media(max-width:520px){h1{font-size:2.8rem}.hero-lead{font-size:1rem}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn{width:100%}.hero-trust{gap:8px 15px}.hero-visual{height:350px}.browser-body{height:245px}.browser-top{height:34px}.mock-sidebar{display:none}.browser-body{grid-template-columns:1fr}.mock-title{margin-top:20px}.phone-card{width:120px;height:255px}.phone-screen{padding:17px 10px}.phone-badge{margin-top:16px}.brand-strip{margin-top:35px}.section-heading h2{font-size:2.35rem}.project-preview,.project-large .project-preview{height:255px;padding:14px}.preview-content h3{font-size:1.45rem}.preview-content{padding:15px}.tdl-preview{background:linear-gradient(90deg,#fff 0 78%,#111 78%)}.tdl-preview h3{max-width:74%}.process-line{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{font-size:.62rem}.final-cta{padding:55px 0}.final-cta .btn{width:100%}}