:root{--neo-primary:#2A6DF5;--neo-secondary:#9D50BB;--neo-accent:#FF8C42;--neo-text:#F8F9FF;--neo-text-secondary:#A4ADBF;--neo-background:#06080D;--neo-surface:#101520;--neo-text-light:#FFFFFF;--neo-text-muted:#A4ADBF;--neo-bg:#06080D;--neo-bg-dark:#0F172A;--bg:var(--neo-background);--background:var(--neo-background);--ink:var(--neo-text);--text:var(--neo-text);--accent:var(--neo-accent);--primary:var(--neo-primary);--secondary:var(--neo-secondary);--surface:var(--neo-surface);--muted:var(--neo-text-secondary);--line:#E2EBF2;--accent-2:var(--neo-secondary);--shadow-sm:0 4px 16px rgba(0,0,0,0.06);--shadow-md:0 12px 36px rgba(0,0,0,0.10);--shadow-lg:0 24px 60px rgba(0,0,0,0.14);--radius-card:16px;--radius-button:999px;--radius-image:20px;--font-heading:'Manrope',sans-serif;--font-body:'Manrope',sans-serif;--neo-radius:26px;--neo-spacing:comfortable;--neo-max-width:1180px;--neo-font-family:'Manrope',sans-serif;--neo-font-heading:'Manrope',sans-serif;--neo-font-title:'Manrope',sans-serif;--neo-font-body:'Manrope',sans-serif;--fs-display:clamp(2.75rem,6.5vw,4.75rem);--fs-h1:clamp(2rem,5vw,3.5rem);--fs-h2:clamp(1.75rem,4vw,2.75rem);--fs-h3:clamp(1.4rem,3vw,2rem);--fs-h4:clamp(1.2rem,2.4vw,1.5rem);--fs-body:clamp(0.95rem,1.2vw,1.1rem);--fs-small:clamp(0.8rem,1vw,0.9rem);--neo-space-section-tight:clamp(52px,7vw,96px);--neo-space-section-normal:clamp(80px,10vw,140px);--neo-space-section-loose:clamp(110px,13vw,190px);--neo-space-section-mobile:56px;--neo-header-height:72px}
/* Etx editorContract v2 — authored source */
/* v2 sector: sec_80200001 page: home */
:root {
  --bg: #06080d;
  --bg-soft: #0b0e14;
  --surface: #101520;
  --surface-2: #151a27;
  --text: #f8f9ff;
  --muted: #a4adbf;
  --blue: #2a6df5;
  --violet: #9d50bb;
  --orange: #ff8c42;
  --green: #24d17e;
  --line: rgba(255, 255, 255, .09);
  --radius: 26px;
  --shell: 1180px;
  --shadow: 0 24px 80px rgba(0, 0, 0, .44);
}

* { box-sizing: border-box; }
html { overflow-x: clip; scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: var(--bg); color: var(--text); font-family: "Manrope", system-ui, sans-serif; line-height: 1.6; }
button, input { font: inherit; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, a { -webkit-tap-highlight-color: transparent; }
.shell { width: min(calc(100% - 40px), var(--shell)); margin-inline: auto; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 1000; transform: translateY(-160%); padding: 10px 16px; border-radius: 8px; background: #fff; color: #05070a; }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid #72a0ff; outline-offset: 4px; }

.site-header { position: fixed; inset: 0 0 auto; z-index: 100; background: rgba(4, 6, 12, .68); border-bottom: 1px solid rgba(255,255,255,.05); backdrop-filter: blur(16px); transition: background .25s ease; }
.site-header.scrolled { background: rgba(4, 6, 12, .94); }
.nav-wrap { min-height: 74px; display: flex; align-items: center; gap: 34px; }
.brand { display: inline-flex; flex-direction: column; align-items: center; line-height: 1; letter-spacing: .12em; font-weight: 700; }
.brand span { font-size: 1.08rem; }
.brand small { margin-top: 5px; font-size: .54rem; letter-spacing: .55em; color: #aeb8cd; }
.nav { margin-left: auto; display: flex; align-items: center; gap: 30px; color: #d9dfec; font-size: .88rem; }
.nav a { position: relative; padding: 25px 0; }
.nav a::after { content: ""; position: absolute; left: 50%; right: 50%; bottom: 16px; height: 2px; background: linear-gradient(90deg, var(--blue), var(--violet)); transition: left .2s, right .2s; }
.nav a:hover::after { left: 0; right: 0; }
.nav-cta, .button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 13px; padding: 0 22px; font-weight: 800; transition: transform .2s, box-shadow .2s, border-color .2s; }
.nav-cta, .button.primary { background: linear-gradient(135deg, var(--blue), #6845ed 58%, var(--violet)); box-shadow: 0 12px 28px rgba(55,86,245,.25); }
.nav-cta:hover, .button:hover { transform: translateY(-2px); box-shadow: 0 16px 36px rgba(55,86,245,.35); }
.button.ghost { background: rgba(255,255,255,.035); border-color: var(--line); }
.menu-toggle { display: none; margin-left: auto; width: 44px; height: 44px; padding: 10px; border: 0; background: transparent; }
.menu-toggle span { display: block; height: 2px; margin: 5px 0; background: #fff; }

.hero { position: relative; min-height: 100svh; display: grid; align-items: center; overflow: hidden; padding: 140px 0 90px; background: var(--bg); }
.grid-noise { position: absolute; inset: 0; opacity: .42; background-image: radial-gradient(rgba(255,255,255,.08) 1px, transparent 1px); background-size: 30px 30px; mask-image: linear-gradient(to bottom, #000, transparent 92%); }
.glow { position: absolute; border-radius: 50%; filter: blur(125px); opacity: .26; }
.glow-blue { width: 500px; height: 500px; top: -150px; right: -80px; background: var(--blue); }
.glow-violet { width: 450px; height: 450px; left: -100px; bottom: -80px; background: var(--violet); }
.hero-grid { position: relative; width: min(calc(100% - 40px), 1140px); display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 0; }
.hero-copy { grid-column: 2; grid-row: 1; padding-inline: 15px; text-align: right; }
.live-pill, .eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #b8c1d4; font-size: .76rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.live-pill { padding: 8px 13px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.03); }
.live-pill > span { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); animation: live-pulse 2s infinite; }
.hero h1 { max-width: 540px; margin: 25px 0 23px; font-size: clamp(3.3rem, 4.45vw, 4rem); line-height: 1.1; letter-spacing: -.055em; }
h1 em, h2 em, .gradient-text { font-style: normal; color: transparent; background: linear-gradient(120deg, #4f8bff, #af58d1); background-clip: text; -webkit-background-clip: text; }
.hero h1.hero-gradient-title { color: transparent; background: linear-gradient(108deg, #4f8bff 5%, #6550ff 45%, #c14b98 100%); background-clip: text; -webkit-background-clip: text; }
.hero-copy > p { max-width: 540px; margin: 0; color: var(--muted); font-size: clamp(1rem, 1.45vw, 1.3rem); line-height: 1.6; }
.hero-actions { width: 540px; margin-top: 38px; display: flex; flex-direction: row-reverse; justify-content: flex-start; align-items: center; gap: 24px; }
.hero-actions .button { min-width: 249px; gap: 10px; }
.button-icon { width: auto; height: auto; font-size: 1.18rem; }
.trust-lines { display: grid; gap: 4px; color: #8994aa; font-size: .78rem; text-align: right; }
.trust-lines span { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.trust-icon { width: 14px; font-size: .82rem; text-align: center; }
.trust-icon.shield { color: #4f8bff; }
.trust-icon.bolt { color: #ffc43d; }

.timeline { position: relative; grid-column: 1; grid-row: 1; width: 475px; justify-self: end; padding: 0 15px; transform: translateY(-18px); perspective: 1000px; }
.timeline-line { position: absolute; right: 39px; top: 20px; bottom: 20px; width: 4px; border-radius: 4px; background: linear-gradient(to bottom, #4facfe 0%, #d182ff 100%); box-shadow: 0 0 20px rgba(209,130,255,.8); }
.timeline-line::after { content: ""; position: absolute; left: 50%; bottom: -4px; width: 14px; height: 14px; transform: translateX(-50%); border-radius: 50%; background: #fff; box-shadow: 0 0 15px #fff, 0 0 30px #d182ff; }
.timeline-step { position: relative; display: block; width: 390px; margin: 0 0 34px; transform: none; }
.timeline-step:last-child { margin-bottom: 0; }
.timeline-step > div { min-height: 101px; padding: 22px; border: 1px solid rgba(255,255,255,.2); border-radius: 16px; background: rgba(40,50,75,.85); box-shadow: 0 20px 40px rgba(0,0,0,.5), inset 0 0 20px rgba(255,255,255,.05); backdrop-filter: blur(15px); text-align: left; transition: all .4s ease; }
.timeline-step:nth-of-type(3) > div { min-height: 153px; }
.timeline-step:nth-of-type(4) > div { min-height: 76px; }
.timeline-step { transition: all .4s cubic-bezier(.34,1.56,.64,1); cursor: default; }
.timeline-step:hover { transform: scale(1.03) translateX(5px); z-index: 10; }
.timeline-step:hover > div { background: rgba(50,65,95,.95); border-color: rgba(255,255,255,.35); box-shadow: 0 30px 60px rgba(0,0,0,.8), inset 0 0 30px rgba(255,255,255,.15); }
.timeline-step b { font-size: .94rem; }
.timeline-step time { float: right; color: #7f8aa0; font-size: .7rem; }
.timeline-step small { display: block; margin-top: 8px; color: #9da7ba; }
.timeline-step mark { padding: 3px 7px; border-radius: 999px; background: rgba(36,209,126,.13); color: #5febaa; }
.timeline-step .chat { padding: 9px 12px; border-radius: 10px 10px 10px 2px; background: rgba(42,109,245,.12); }
.icon { position: absolute; z-index: 4; left: calc(100% + 4px); top: 50%; transform: translateY(-50%); width: 44px; height: 44px; display: grid; place-items: center; border: 4px solid #06080d; border-radius: 50%; color: #fff; font-style: normal; font-size: 1.2rem; transition: all .4s ease; }
.timeline-step:hover .icon { transform: translateY(-50%) scale(1.15); box-shadow: 0 0 30px rgba(255,255,255,.4); }
.facebook { background: #1877f2; box-shadow: 0 0 20px rgba(24,119,242,.6); }.ai { background: #9d50bb; box-shadow: 0 0 20px rgba(157,80,187,.6); }.whatsapp { background: #25d366; box-shadow: 0 0 20px rgba(37,211,102,.6); }.crm { background: #2a6df5; box-shadow: 0 0 20px rgba(42,109,245,.6); }

.dark-section, .results, .faq, .command { position: relative; padding: clamp(86px, 10vw, 140px) 0; background: var(--bg-soft); }
.dark-section:nth-of-type(even) { background: var(--bg); }
.section-head { max-width: 820px; margin: 0 auto 58px; text-align: center; }
.section-head h2, .journey-title h2, .command h2, .strategic h2, .contact h2, .faq h2 { margin: 0; font-size: clamp(2.3rem, 4.7vw, 4rem); line-height: 1.08; letter-spacing: -.04em; }
.section-head p { max-width: 670px; margin: 16px auto 0; color: var(--muted); }

.logic-grid { display: grid; grid-template-columns: 1fr 78px 1fr; align-items: stretch; }
.logic-card { padding: clamp(28px, 4vw, 48px); border: 1px solid var(--line); border-radius: 30px; background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.01)); box-shadow: inset 0 1px rgba(255,255,255,.06); transition: transform .3s, border-color .3s; }
.logic-card:hover { transform: translateY(-10px); border-color: rgba(255,255,255,.18); background-color: rgba(255,255,255,.05); }
.logic-card.growth { background: linear-gradient(145deg, rgba(42,109,245,.09), rgba(157,80,187,.035)); border-color: rgba(71,114,255,.25); }
.card-title { display: flex; align-items: center; gap: 16px; }
.card-title i { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 15px; background: rgba(255,255,255,.05); color: #89a8ff; font-style: normal; font-weight: 800; }
.card-title span { display: grid; }.card-title small { color: #7d879b; }.card-title b { font-size: 1.18rem; }
.big-number { display: block; margin: 24px 0 8px; font-size: clamp(4.5rem, 9vw, 7.5rem); line-height: 1; letter-spacing: -.07em; font-variant-numeric: tabular-nums; }
.big-number span { font-size: .42em; color: var(--blue); }
.logic-card p { color: var(--muted); }
.logic-card ul, .system-card ul, .journey-copy ul { list-style: none; padding: 0; margin: 24px 0 0; display: grid; gap: 10px; }
.logic-card li::before, .system-card li::before, .journey-copy li::before { content: "✓"; margin-right: 10px; color: var(--green); }
.logic-card .bad-list li::before { content: "×"; color: #ef6577; }
.logic-arrow { display: grid; place-items: center; color: #7085bc; font-size: 2.2rem; }

.systems-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.system-card { overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: rgba(255,255,255,.025); transition: transform .3s, box-shadow .3s, border-color .3s; }
.system-card:hover { transform: translateY(-10px); border-color: rgba(71,114,255,.35); box-shadow: var(--shadow); }
.system-card.featured { border-color: rgba(157,80,187,.42); box-shadow: 0 18px 60px rgba(157,80,187,.12); }
.system-media { position: relative; aspect-ratio: 1.45; overflow: hidden; background: #03050a; }
.system-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.system-media span { position: absolute; top: 16px; left: 16px; padding: 6px 10px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; background: rgba(5,8,15,.78); font-size: .69rem; font-weight: 700; }
.system-body { padding: 28px; }
.system-body > i { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 13px; background: rgba(42,109,245,.13); color: #79a1ff; font-style: normal; font-size: .7rem; font-weight: 800; }
.system-body h3 { margin: 20px 0 10px; font-size: 1.35rem; }
.system-body p, .system-body li { color: var(--muted); font-size: .9rem; }
.system-body a { display: grid; place-items: center; min-height: 46px; margin-top: 25px; border: 1px solid rgba(76,119,255,.35); border-radius: 11px; background: rgba(42,109,245,.08); color: #a9c0ff; font-weight: 800; transition: background .3s ease, border-color .3s ease, box-shadow .3s ease, color .3s ease; }

.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.feature-card { min-height: 255px; padding: 34px; border: 1px solid var(--line); border-radius: 24px; background: rgba(255,255,255,.02); transition: transform .3s, background .3s; }
.feature-card:hover { transform: translateY(-7px); background: rgba(255,255,255,.045); }
.feature-card.highlight { border-color: rgba(42,109,245,.28); background: linear-gradient(145deg, rgba(42,109,245,.08), rgba(157,80,187,.025)); }
.feature-card i { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 15px; background: rgba(42,109,245,.13); color: #8cadff; font-style: normal; font-weight: 800; transition: background .3s ease, color .3s ease, box-shadow .3s ease, transform .3s ease; }
.feature-card h3 { margin: 20px 0 9px; }.feature-card p { margin: 0; color: var(--muted); font-size: .92rem; }
.security-strip { margin-top: 26px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--line); }
.security-strip span { padding: 20px; background: #0d111a; color: #aeb7c8; text-align: center; font-size: .82rem; }

.image-break { position: relative; height: clamp(300px, 66.666vw, 760px); overflow: hidden; background: #02040a; }
.image-break::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 70px 90px rgba(11,14,20,.72), inset 0 -70px 90px rgba(11,14,20,.72); pointer-events: none; }
.image-break img { width: 100%; height: 100%; object-fit: contain; object-position: center; opacity: .9; }

.journey { overflow: hidden; background: #0b0e14; }
.journey-title { max-width: 900px; margin: 0 auto 92px; text-align: center; }
.journey-title em, .command-head em { font-style: normal; background: linear-gradient(90deg, var(--blue), #7954f3, var(--violet)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.journey-title span { display: block; width: 62px; height: 4px; margin: 26px auto 0; border-radius: 10px; background: var(--orange); }
.journey-row { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(60px, 9vw, 120px); align-items: center; margin-bottom: 150px; }
.journey-row:last-child { margin-bottom: 0; }
.journey-row.reverse .journey-copy { order: 2; }
.journey-row.reverse .journey-mockup { order: 1; }
.journey-copy { max-width: 540px; }
.journey-copy > small, .command-copy article small { color: var(--orange); font-weight: 800; letter-spacing: .11em; }
.journey-copy h3 { margin: 10px 0 18px; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.08; }
.journey-copy p, .journey-copy li { color: var(--muted); }
.journey-mockup { position: relative; width: 310px; min-height: 560px; margin: 0 auto; }
.mockup-glow { position: absolute; z-index: 0; inset: 10% -30%; border-radius: 50%; filter: blur(75px); opacity: .22; }
.glow-green { background: #25d366; }
.glow-violet-payment { background: #9d50bb; }
.phone-frame, .payment-frame { position: relative; z-index: 1; width: 100%; height: 560px; overflow: hidden; border: 10px solid #2a2e35; border-radius: 40px; background: #1a1e26; box-shadow: 0 30px 70px rgba(0,0,0,.62); }
.phone-frame::after, .payment-frame::after { content: ""; position: absolute; top: 8px; left: 50%; z-index: 4; width: 76px; height: 7px; transform: translateX(-50%); border-radius: 999px; background: rgba(0,0,0,.48); }
.wa-header { height: 76px; display: flex; align-items: center; gap: 11px; padding: 18px 15px 10px; background: #075e54; color: #fff; }
.wa-header > i { margin-left: auto; opacity: .82; }
.wa-header > span:nth-child(2) { display: grid; line-height: 1.25; }
.wa-header small { font-size: .65rem; opacity: .76; }
.wa-avatar { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: #25d366; font-size: 1.2rem; }
.wa-conversation { height: 424px; padding: 17px 11px; background: #efeae2 url("https://ftp2.oia-file.com/stores/1631/media/TLL3vgeI6j7k/original.jpg") center / 360px auto repeat; color: #17201d; }
.wa-message { position: relative; width: 86%; margin: 0 0 9px; padding: 8px 9px 17px; border-radius: 8px 8px 8px 2px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.12); font-size: .67rem; line-height: 1.36; }
.wa-message.outgoing { margin-left: auto; border-radius: 8px 8px 2px 8px; background: #dcf8c6; }
.wa-message.bot-highlight { border-left: 3px solid #2a6df5; background: #e3f2fd; }
.wa-message time { position: absolute; right: 7px; bottom: 3px; color: #79847f; font-size: .5rem; }
.wa-message time i { color: #39a4dc; }
.wa-compose { height: 40px; display: flex; align-items: center; gap: 10px; padding: 6px 10px; background: #f0f2f5; color: #8e9994; font-size: .73rem; }
.wa-compose span { flex: 1; padding: 3px 10px; border-radius: 999px; background: #fff; }
.payment-frame { background: #f8f9fa; color: #1b2030; }
.payment-header { height: 76px; display: flex; align-items: center; justify-content: space-between; padding: 20px 17px 10px; background: linear-gradient(135deg, #7845da, #9d50bb); color: #fff; }
.payment-content { padding: 27px 20px 18px; text-align: center; }
.success-check { width: 58px; height: 58px; display: grid; place-items: center; margin: 0 auto 12px; border-radius: 50%; background: #20c978; color: #fff; font-size: 1.65rem; box-shadow: 0 9px 24px rgba(32,201,120,.28); }
.payment-content h4 { margin: 0; font-size: 1.18rem; }
.payment-content > p { margin: 6px auto 15px; color: #7a8394; font-size: .7rem; }
.payment-amount { padding: 15px; border-radius: 14px; background: #fff; box-shadow: 0 8px 26px rgba(35,40,53,.07); }
.payment-amount small, .payment-amount strong { display: block; }
.payment-amount small { color: #8a92a0; font-size: .65rem; }
.payment-amount strong { margin-top: 3px; font-size: 1.5rem; }
.payment-content dl { margin: 16px 0; padding: 0 4px; }
.payment-content dl div { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #e8eaf0; font-size: .68rem; }
.payment-content dt { color: #838b99; }
.payment-content dd { margin: 0; font-weight: 700; }
.payment-content dd span { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #20c978; }
.payment-content button { width: 100%; min-height: 39px; border: 0; border-radius: 9px; background: #9d50bb; color: #fff; font-weight: 700; opacity: 1; }
.mockup-disclaimer { display: block; margin-top: 8px; color: #a1a7b2; font-size: .57rem; }
.floating-notification { position: absolute; z-index: 3; min-width: 190px; display: flex; align-items: center; gap: 11px; padding: 13px 15px; border-radius: 16px; background: #fff; color: #1b2030; box-shadow: 0 18px 42px rgba(0,0,0,.34); }
.floating-notification > i { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 11px; color: #fff; }
.floating-notification span { display: grid; line-height: 1.3; }
.floating-notification b { font-size: .72rem; }
.floating-notification small { color: #84909f; font-size: .6rem; }
.notification-crm { right: -40px; bottom: 40px; }
.notification-crm > i { background: #2a6df5; }
.notification-success { left: -40px; bottom: 80px; }
.notification-success > i { background: #20c978; }

.command { overflow: hidden; background: #05070a; }
.command-head { max-width: 920px; margin: 0 auto 74px; text-align: center; }
.command-head h2 { margin: 14px 0 0; }
.command-divider { display: block; width: 62px; height: 4px; margin: 26px auto 0; border-radius: 10px; background: var(--orange); }
.command-grid { display: grid; grid-template-columns: 1.75fr .9fr; align-items: center; gap: clamp(50px, 7vw, 90px); }
.command-copy article { margin: 0 0 36px; padding: 0 0 27px 22px; border-left: 2px solid rgba(42,109,245,.35); }
.command-copy article:last-child { margin-bottom: 0; }
.command-copy article h3 { margin: 6px 0; font-size: 1.3rem; }
.command-copy article p { margin: 0; color: var(--muted); }
.dashboard-wrap { position: relative; min-width: 0; }
.dashboard-glow { position: absolute; inset: 8% 3%; border-radius: 50%; background: linear-gradient(120deg, rgba(42,109,245,.42), rgba(157,80,187,.35)); filter: blur(80px); opacity: .38; }
.glass-dashboard { position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 24px; background: rgba(22,27,34,.68); box-shadow: 0 35px 90px rgba(0,0,0,.62); backdrop-filter: blur(20px); }
.dash-ui-header { min-height: 48px; display: flex; align-items: center; gap: 14px; padding: 0 18px; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(13,17,23,.82); color: #788499; font-size: .66rem; }
.dash-ui-header > span { flex: 1; text-align: center; }
.dash-ui-header > small { color: #687286; }
.ui-dots { display: flex; gap: 6px; }
.ui-dots i { width: 10px; height: 10px; border-radius: 50%; background: #ff5f57; }
.ui-dots i:nth-child(2) { background: #febc2e; }
.ui-dots i:nth-child(3) { background: #28c840; }
.dash-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 0; padding: 20px 20px 15px; }
.mini-glass-card { padding: 16px 18px; border: 1px solid rgba(255,255,255,.09); border-radius: 15px; background: rgba(255,255,255,.035); }
.mini-glass-card > span, .mini-glass-card strong, .mini-glass-card small { display: block; }
.mini-glass-card > span { color: #9ca7ba; font-size: .68rem; }
.mini-glass-card > span i { margin-right: 5px; color: #79a0ff; }
.mini-glass-card strong { margin-top: 5px; font-size: 1.48rem; }
.mini-glass-card small { color: #667187; font-size: .57rem; }
.pipeline-heading { display: flex; align-items: center; justify-content: space-between; padding: 2px 20px 12px; }
.pipeline-heading h3 { margin: 0; font-size: .92rem; }
.pipeline-heading span { color: #778297; font-size: .6rem; }
.pipeline-board { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 0 20px 22px; }
.pipeline-column { min-width: 0; padding: 10px; border-radius: 13px; background: rgba(4,7,12,.52); }
.pipeline-column header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; color: #9ba6b9; font-size: .66rem; }
.pipeline-column header span { min-width: 20px; padding: 2px 6px; border-radius: 999px; background: rgba(255,255,255,.06); text-align: center; }
.lead-card { margin-top: 8px; padding: 10px; border: 1px solid rgba(255,255,255,.07); border-right: 3px solid #57677e; border-radius: 9px; background: rgba(255,255,255,.045); transition: transform .3s ease, background .3s ease, border-color .3s ease; }
.lead-card.active { border-right-color: #2a6df5; }
.lead-card.success { border-right-color: #24d17e; }
.lead-card strong, .lead-card small, .lead-card em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lead-card strong { font-size: .66rem; }
.lead-card small { margin: 2px 0 7px; color: #798499; font-size: .54rem; }
.lead-card em { color: #a8bfff; font-size: .62rem; font-style: normal; font-weight: 800; }

.strategic { overflow: hidden; }
.strategic-grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 80px; }
.web-visual-stack { position: relative; min-width: 0; padding: 50px 38px 60px; perspective: 1500px; }
.strategic-glow { position: absolute; inset: 20% 10%; border-radius: 50%; background: linear-gradient(120deg, rgba(42,109,245,.45), rgba(157,80,187,.36)); filter: blur(80px); opacity: .42; }
.glass-browser-3d { position: relative; z-index: 1; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 20px; background: #161b22; box-shadow: 20px 40px 80px rgba(0,0,0,.6); transform: rotateY(-25deg) rotateX(10deg); transform-style: preserve-3d; transition: transform .5s cubic-bezier(.2,.75,.25,1); will-change: transform; }
.web-visual-stack:hover .glass-browser-3d { transform: rotateY(-15deg) rotateX(5deg); }
.browser-top { height: 35px; display: flex; align-items: center; padding: 0 12px; background: #20262f; color: #727d8f; font-size: .58rem; }
.browser-top > div { display: flex; gap: 5px; }
.browser-top i { display: block; width: 8px; height: 8px; border-radius: 50%; background: #ff5f57; }
.browser-top i:nth-child(2) { background: #febc2e; }
.browser-top i:nth-child(3) { background: #28c840; }
.browser-top span { margin-inline: auto; padding-right: 35px; }
.browser-img { width: 100%; height: auto; aspect-ratio: 1.5; object-fit: cover; object-position: center; filter: brightness(.8); transition: filter .5s ease; }
.web-visual-stack:hover .browser-img { filter: brightness(1); }
.floating-roi-card { position: absolute; z-index: 3; left: 18px; bottom: 18px; width: 200px; display: grid; padding: 15px 18px; border: 1px solid rgba(255,255,255,.15); border-radius: 15px; background: rgba(12,16,24,.83); box-shadow: 0 18px 44px rgba(0,0,0,.38); backdrop-filter: blur(15px); will-change: transform; }
.floating-roi-card small, .floating-roi-card span { color: #8490a5; font-size: .6rem; }
.floating-roi-card b { color: #78a1ff; font-size: 1.65rem; line-height: 1.2; }
.floating-conversion-card { position: absolute; z-index: 3; top: 30px; right: 5px; display: flex; align-items: center; gap: 10px; padding: 11px 14px; border-radius: 999px; background: #fff; color: #161b22; box-shadow: 0 17px 38px rgba(0,0,0,.35); will-change: transform; }
.floating-conversion-card > i { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; background: rgba(42,109,245,.12); color: #2a6df5; }
.floating-conversion-card span { display: grid; line-height: 1.25; }
.floating-conversion-card b { font-size: .64rem; }
.floating-conversion-card small { color: #8992a0; font-size: .53rem; }
.strategic-copy h2 { margin: 15px 0 22px; }
.strategic-copy > p { color: var(--muted); }
.strategic-copy article { display: flex; gap: 16px; margin: 24px 0; }
.strategic-copy article > i { flex: 0 0 52px; height: 52px; display: grid; place-items: center; border-radius: 15px; background: rgba(42,109,245,.12); color: #8eb0ff; font-style: normal; font-size: .72rem; font-weight: 800; }
.strategic-copy article h3, .strategic-copy article p { margin: 0; }
.strategic-copy article p { color: var(--muted); font-size: .9rem; }
.strategic-copy .button { margin-top: 12px; }

.results { overflow: hidden; background: #05070a; }
.result-stream { display: flex; gap: 18px; width: max-content; }
.result-stream article { flex: 0 0 240px; width: 240px; padding: 25px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.03); backdrop-filter: blur(10px); transition: transform .3s ease, border-color .3s ease, background .3s ease, box-shadow .3s ease; }
.result-stream article:nth-child(5n + 2) { border-color: rgba(42,109,245,.4); background: rgba(42,109,245,.05); box-shadow: 0 0 30px rgba(42,109,245,.15); }
.result-stream small, .result-stream b, .result-stream span { display: block; }
.result-stream small { color: #7d889c; }
.result-stream b { margin: 5px 0; font-size: 1.8rem; }
.result-stream span { color: #8eaefe; font-size: .75rem; }
.results-marquee-row { width: 100vw; margin-left: calc(50% - 50vw); overflow: hidden; }
.results-marquee-row + .results-marquee-row { margin-top: 18px; }
.motion-ready .results-marquee-row .result-stream { animation: marquee-left 40s linear infinite; will-change: transform; }
.motion-ready .results-marquee-row.is-reverse .result-stream { animation-direction: reverse; }
.results-marquee-row:hover .result-stream, .results-marquee-row:focus-within .result-stream { animation-play-state: paused; }
@keyframes marquee-left { from { transform: translate3d(0,0,0); } to { transform: translate3d(calc(-50% - 9px),0,0); } }

@keyframes live-pulse {
  0% { transform: scale(.95); box-shadow: 0 0 0 0 rgba(34,197,94,.8); opacity: 1; }
  70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(34,197,94,0); opacity: .65; }
  100% { transform: scale(.95); box-shadow: 0 0 0 0 rgba(34,197,94,0); opacity: 1; }
}

.contact { position: relative; padding: clamp(86px, 10vw, 130px) 0; background: radial-gradient(circle at 15% 40%, rgba(42,109,245,.18), transparent 36%), linear-gradient(145deg, #101624, #070a11); }.contact-grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 75px; }.contact h2 { margin: 12px 0 20px; }.contact p { color: #b2bbcd; }.form-preview { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 30px; border: 1px solid var(--line); border-radius: 24px; background: rgba(4,7,12,.65); box-shadow: var(--shadow); }.form-preview label { display: grid; gap: 7px; color: #aeb8ca; font-size: .78rem; }.form-preview label:last-of-type { grid-column: 1 / -1; }.form-preview input { width: 100%; min-height: 48px; border: 1px solid rgba(255,255,255,.13); border-radius: 11px; background: rgba(255,255,255,.04); color: #fff; }.form-preview button { grid-column: 1 / -1; min-height: 50px; border: 0; border-radius: 11px; background: linear-gradient(135deg, var(--blue), var(--violet)); color: #fff; font-weight: 800; opacity: .72; }.form-preview > small { grid-column: 1 / -1; color: #697489; text-align: center; }

.faq { background: #05070a; }.faq-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 90px; }.faq-intro h2 { margin: 15px 0 18px; }.faq-intro p { color: var(--muted); }.faq-intro .button { margin-top: 20px; }.faq-list { display: grid; gap: 14px; }.faq-list details { border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.025); transition: transform .4s cubic-bezier(.175,.885,.32,1.275), border-color .4s ease, background .4s ease, box-shadow .4s ease; }.faq-list details[open], .faq-list details.hover-open { border-color: rgba(42,109,245,.4); background: rgba(42,109,245,.055); box-shadow: 0 10px 30px rgba(0,0,0,.3); }.faq-list summary { position: relative; cursor: pointer; list-style: none; padding: 22px 58px 22px 24px; font-weight: 700; transition: color .3s ease; }.faq-list summary::after { content: "+"; position: absolute; right: 24px; top: 18px; font-size: 1.35rem; color: #82a5ff; transition: transform .4s ease, color .3s ease; }.faq-list details[open] summary, .faq-list details.hover-open summary { color: #77a0ff; }.faq-list details[open] summary::after { content: "−"; }.faq-list details.hover-open summary::after { transform: rotate(180deg) scale(1.12); color: #fff; }.faq-list p { margin: 0; padding: 0 24px 24px; color: var(--muted); }

.site-footer { padding: 58px 0 30px; border-top: 1px solid var(--line); background: #020307; }.site-footer .shell { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 34px; }.site-footer p { color: var(--muted); }.site-footer .shell > div { display: flex; gap: 20px; color: #aeb8ca; font-size: .82rem; }.site-footer .shell > small { grid-column: 1 / -1; padding-top: 28px; border-top: 1px solid var(--line); color: #697386; }

.reveal { opacity: 1; }
.motion-ready .reveal[data-motion] { opacity: 0; translate: 0 0; scale: 1; transition: opacity .72s ease, translate .72s cubic-bezier(.2,.75,.25,1), scale .72s cubic-bezier(.2,.75,.25,1); transition-delay: var(--motion-delay, 0ms); }
.motion-ready .reveal[data-motion="fade-up"] { translate: 0 42px; }
.motion-ready .reveal[data-motion="fade-left"] { translate: 54px 0; }
.motion-ready .reveal[data-motion="fade-right"] { translate: -54px 0; }
.motion-ready .reveal[data-motion="zoom-in"] { scale: .88; }
.motion-ready .reveal[data-motion].visible { opacity: 1; translate: 0 0; scale: 1; }
.motion-ready .faq-list details > p { display: block; max-height: 0; overflow: hidden; opacity: 0; padding-top: 0; padding-bottom: 0; translate: 0 10px; transition: max-height .4s ease, opacity .4s ease, padding .4s ease, translate .4s ease; }
.motion-ready .faq-list details[open] > p, .motion-ready .faq-list details.hover-open > p { max-height: 300px; opacity: 1; padding-bottom: 24px; translate: 0 0; }

@media (hover: hover) and (pointer: fine) {
  .system-card:hover .system-media img { transform: scale(1.1); }
  .system-card:hover .system-body a { border-color: transparent; background: linear-gradient(135deg, var(--blue), var(--violet)); color: #fff; box-shadow: 0 10px 20px rgba(42,109,245,.3); }
  .feature-card:hover i { transform: scale(1.04); background: var(--blue); color: #fff; box-shadow: 0 0 20px rgba(42,109,245,.4); }
  .lead-card:hover { transform: translateX(5px); background: rgba(255,255,255,.075); }
  .result-stream article:hover { transform: translateY(-5px); border-color: rgba(42,109,245,.38); }
  .faq-list details:hover { transform: translateY(-5px); }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }.reveal, .motion-ready .reveal[data-motion] { opacity: 1; translate: none; scale: none; }.motion-ready .results-marquee-row .result-stream { animation: none; transform: none; will-change: auto; }.glass-browser-3d, .floating-roi-card, .floating-conversion-card { will-change: auto; } }

@media (max-width: 980px) {
  .nav-cta { display: none; }.menu-toggle { display: block; }.nav { position: fixed; inset: 74px 16px auto; display: none; margin: 0; padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: rgba(5,8,14,.98); box-shadow: var(--shadow); }.nav.open { display: grid; }.nav a { padding: 12px; }.nav a::after { display: none; }
  .hero-grid, .command-grid, .strategic-grid, .contact-grid, .faq-grid { grid-template-columns: 1fr; }.hero-grid { gap: 70px; }.hero-copy { grid-column: 1; grid-row: 2; padding: 0; text-align: center; }.hero h1, .hero-copy > p { margin-inline: auto; }.hero-actions { width: auto; justify-content: center; }.timeline { grid-column: 1; grid-row: 1; max-width: 475px; margin-inline: auto; justify-self: center; transform: none; }.logic-grid { grid-template-columns: 1fr; gap: 24px; }.logic-arrow { transform: rotate(90deg); }.systems-grid { grid-template-columns: 1fr 1fr; }.system-card:last-child { grid-column: 1 / -1; width: calc(50% - 12px); margin-inline: auto; }.feature-grid { grid-template-columns: 1fr 1fr; }.journey-row { grid-template-columns: 1fr; }.journey-row.reverse .journey-copy, .journey-row.reverse .journey-mockup { order: initial; }.journey-copy { max-width: 640px; margin-inline: auto; }.command-grid, .strategic-grid, .contact-grid, .faq-grid { gap: 50px; }.command-copy { max-width: 650px; margin-inline: auto; }.dashboard-wrap { width: min(100%, 760px); margin-inline: auto; }.web-visual-stack { order: 2; width: min(100%, 720px); margin-inline: auto; perspective: none; }.glass-browser-3d, .web-visual-stack:hover .glass-browser-3d { transform: none !important; }.floating-roi-card, .floating-conversion-card { display: none; }.site-footer .shell { grid-template-columns: 1fr; text-align: center; }.site-footer .brand { justify-self: center; }.site-footer .shell > div { justify-content: center; }.site-footer .shell > small { grid-column: auto; }
}

@media (max-width: 640px) {
  .shell { width: min(calc(100% - 28px), var(--shell)); }.hero { padding-top: 110px; }.hero-grid { width: min(calc(100% - 28px), 1140px); gap: 58px; }.hero h1 { font-size: clamp(2.45rem, 12vw, 3.25rem); }.hero-actions { align-items: stretch; flex-direction: column; }.hero-actions .button { min-width: 0; }.trust-lines { text-align: center; }.timeline { width: 100%; padding: 0; }.timeline-step { width: calc(100% - 58px); }.timeline-step > div { padding: 15px; }.timeline-line { right: 22px; }.icon { left: calc(100% + 10px); }.systems-grid, .feature-grid, .security-strip, .dash-stats, .form-preview { grid-template-columns: 1fr; }.system-card:last-child { grid-column: auto; width: 100%; }.feature-card { min-height: 0; }.security-strip { gap: 1px; }.journey-title { margin-bottom: 70px; }.journey-row { margin-bottom: 95px; gap: 42px; }.journey-mockup { width: min(290px, calc(100vw - 56px)); min-height: 525px; }.phone-frame, .payment-frame { height: 525px; border-width: 8px; border-radius: 34px; }.wa-conversation { height: 393px; padding-top: 12px; }.notification-crm { right: -10px; bottom: 26px; }.notification-success { left: -10px; bottom: 56px; }.floating-notification { min-width: 172px; padding: 10px 12px; }.command-head { margin-bottom: 56px; }.command-copy article { padding-left: 16px; }.dash-ui-header > small { display: none; }.pipeline-board { grid-template-columns: 1fr; }.web-visual-stack { order: initial; padding: 26px 4px 40px; perspective: none; }.glass-browser-3d, .web-visual-stack:hover .glass-browser-3d { transform: none !important; }.floating-roi-card, .floating-conversion-card { display: none; }.strategic-grid { gap: 40px; }.result-stream { overflow-x: auto; width: 100%; padding-bottom: 12px; scroll-snap-type: x mandatory; }.motion-ready .results-marquee-row .result-stream { animation: none; transform: none; will-change: auto; }.result-stream article { flex: 0 0 82vw; scroll-snap-align: start; }.form-preview label:last-of-type, .form-preview button, .form-preview > small { grid-column: auto; }.faq-list summary { padding-left: 19px; }.site-footer .shell > div { flex-wrap: wrap; }
}

.contact-actions{display:grid;gap:14px;padding:30px;border:1px solid var(--line);border-radius:24px;background:rgba(4,7,12,.65);box-shadow:var(--shadow)}
.contact-direct{display:flex;align-items:center;gap:16px;min-height:72px;padding:14px 18px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.04);transition:transform .2s,border-color .2s,background .2s}
.contact-direct:hover{transform:translateY(-3px);border-color:rgba(42,109,245,.45);background:rgba(42,109,245,.09)}
.contact-direct>i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff}
.contact-direct span{display:grid}.contact-direct b{font-size:1rem}.contact-direct small{color:var(--muted)}
.crm-pending{margin:4px 0 0;color:#778196;font-size:.78rem}
/* v2 sector: sec_a1000001 page: page-/whatsapp */
.pi-head{position:relative;overflow:hidden;padding:clamp(8rem,16vw,12rem) 0 clamp(4.5rem,9vw,7rem);background:var(--etx-bg,#06080D);color:var(--etx-text,#F8F9FF)}
.pi-head:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 72% 18%,color-mix(in srgb,var(--etx-blue,#2A6DF5) 32%,transparent),transparent 34%),radial-gradient(circle at 20% 82%,color-mix(in srgb,var(--etx-violet,#9D50BB) 25%,transparent),transparent 30%);filter:blur(28px)}
.pi-head:after{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--etx-text,#F8F9FF) 10%,transparent) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,black,transparent)}
.pi-shell{position:relative;z-index:1;width:min(calc(100% - 40px),1180px);margin-inline:auto}
.pi-crumb{display:inline-flex;align-items:center;min-height:44px;color:var(--etx-muted,#A4ADBF);font-size:.86rem}
.pi-crumb:hover{color:var(--etx-text,#F8F9FF)}
.pi-head h1{max-width:900px;margin:1.2rem 0 1rem;font-size:clamp(3rem,7vw,6.6rem);line-height:.98;letter-spacing:-.06em;background:linear-gradient(110deg,var(--etx-text,#F8F9FF) 8%,var(--etx-blue,#2A6DF5) 56%,var(--etx-violet,#9D50BB));-webkit-background-clip:text;background-clip:text;color:transparent}
.pi-head p{max-width:720px;margin:0;color:var(--etx-muted,#A4ADBF);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.7}
@media(max-width:640px){.pi-head{padding-top:7rem}.pi-head h1{font-size:clamp(2.75rem,15vw,4.5rem)}}
/* v2 sector: sec_a1000002 page: page-/whatsapp */
.journey.motion-ready .wa-message{opacity:0;transform:translate3d(0,14px,0)}
.journey.motion-active .wa-message{animation:waPageMessage .5s cubic-bezier(.2,.75,.25,1) forwards}
.journey.motion-active .wa-message:nth-child(2){animation-delay:.12s}.journey.motion-active .wa-message:nth-child(3){animation-delay:.24s}.journey.motion-active .wa-message:nth-child(4){animation-delay:.36s}.journey.motion-active .wa-message:nth-child(5){animation-delay:.48s}.journey.motion-active .wa-message:nth-child(6){animation-delay:.6s}
.journey.motion-active .phone-frame{animation:waPagePhoneFloat 5.8s ease-in-out infinite}.journey.motion-active .payment-frame{animation:waPagePaymentFloat 6.4s ease-in-out .35s infinite}
@keyframes waPageMessage{to{opacity:1;transform:translate3d(0,0,0)}}@keyframes waPagePhoneFloat{50%{transform:translate3d(0,-8px,0)}}@keyframes waPagePaymentFloat{50%{transform:translate3d(0,-7px,0)}}
@media(prefers-reduced-motion:reduce){.journey.motion-ready .wa-message{opacity:1;transform:none}.journey.motion-active .wa-message,.journey.motion-active .phone-frame,.journey.motion-active .payment-frame{animation:none}}
/* v2 sector: sec_b1000001 page: page-/crm */
.pi-head{position:relative;overflow:hidden;padding:clamp(8rem,16vw,12rem) 0 clamp(4.5rem,9vw,7rem);background:var(--etx-bg,#06080D);color:var(--etx-text,#F8F9FF)}
.pi-head:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 72% 18%,color-mix(in srgb,var(--etx-blue,#2A6DF5) 32%,transparent),transparent 34%),radial-gradient(circle at 20% 82%,color-mix(in srgb,var(--etx-violet,#9D50BB) 25%,transparent),transparent 30%);filter:blur(28px)}
.pi-head:after{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--etx-text,#F8F9FF) 10%,transparent) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,black,transparent)}
.pi-shell{position:relative;z-index:1;width:min(calc(100% - 40px),1180px);margin-inline:auto}
.pi-crumb{display:inline-flex;align-items:center;min-height:44px;color:var(--etx-muted,#A4ADBF);font-size:.86rem}
.pi-crumb:hover{color:var(--etx-text,#F8F9FF)}
.pi-head h1{max-width:900px;margin:1.2rem 0 1rem;font-size:clamp(3rem,7vw,6.6rem);line-height:.98;letter-spacing:-.06em;background:linear-gradient(110deg,var(--etx-text,#F8F9FF) 8%,var(--etx-blue,#2A6DF5) 56%,var(--etx-violet,#9D50BB));-webkit-background-clip:text;background-clip:text;color:transparent}
.pi-head p{max-width:720px;margin:0;color:var(--etx-muted,#A4ADBF);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.7}
@media(max-width:640px){.pi-head{padding-top:7rem}.pi-head h1{font-size:clamp(2.75rem,15vw,4.5rem)}}
/* v2 sector: sec_b1000002 page: page-/crm */
.crm-mobile-summary{display:none}.crm-demo-graph{height:92px;display:flex;align-items:flex-end;gap:10px;margin:0 24px 22px;padding:14px 16px 0;border-radius:14px;background:color-mix(in srgb,var(--etx-blue,#2A6DF5) 7%,transparent)}
.crm-demo-graph i{flex:1;height:var(--demo-h);border-radius:7px 7px 2px 2px;background:linear-gradient(to top,var(--etx-blue,#2A6DF5),var(--etx-violet,#9D50BB));transform-origin:bottom}
.command.motion-ready .crm-demo-graph i{transform:scaleY(.08);opacity:.35}.command.motion-active .crm-demo-graph i{animation:crmPageBar .8s cubic-bezier(.2,.75,.25,1) forwards}.command.motion-active .crm-demo-graph i:nth-child(2){animation-delay:.08s}.command.motion-active .crm-demo-graph i:nth-child(3){animation-delay:.16s}.command.motion-active .crm-demo-graph i:nth-child(4){animation-delay:.24s}.command.motion-active .crm-demo-graph i:nth-child(5){animation-delay:.32s}.command.motion-active .crm-demo-graph i:nth-child(6){animation-delay:.4s}
.command.motion-active .glass-dashboard{animation:crmPageFloat 6.5s ease-in-out infinite}.demo-counter{font-variant-numeric:tabular-nums}
@keyframes crmPageBar{to{transform:scaleY(1);opacity:1}}@keyframes crmPageFloat{50%{transform:translate3d(0,-6px,0)}}
@media(max-width:640px){.command .glass-dashboard{display:none!important}.command .crm-mobile-summary{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;padding:16px;border:1px solid color-mix(in srgb,var(--etx-text,#F8F9FF) 12%,transparent);border-radius:20px;background:color-mix(in srgb,var(--etx-text,#F8F9FF) 4%,var(--etx-bg,#06080D));box-shadow:0 18px 48px color-mix(in srgb,var(--etx-bg,#06080D) 70%,transparent)}.crm-mobile-label{grid-column:1/-1;color:var(--etx-muted,#A4ADBF);font-size:.72rem;font-weight:800}.crm-mobile-summary article{min-width:0;padding:14px;border-radius:14px;background:color-mix(in srgb,var(--etx-blue,#2A6DF5) 10%,transparent)}.crm-mobile-summary strong{display:block;color:var(--etx-text,#F8F9FF);font-size:1.8rem}.crm-mobile-summary small{display:block;color:var(--etx-muted,#A4ADBF);font-size:.72rem}.command.motion-active .crm-mobile-summary{animation:crmPageFloat 6.5s ease-in-out infinite}}
@media(prefers-reduced-motion:reduce){.command.motion-ready .crm-demo-graph i{transform:scaleY(1);opacity:1}.command.motion-active .crm-demo-graph i,.command.motion-active .glass-dashboard,.command.motion-active .crm-mobile-summary{animation:none}}
/* v2 sector: sec_c1000001 page: page-/sitios-web */
.pi-head{position:relative;overflow:hidden;padding:clamp(8rem,16vw,12rem) 0 clamp(4.5rem,9vw,7rem);background:var(--etx-bg,#06080D);color:var(--etx-text,#F8F9FF)}
.pi-head:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 72% 18%,color-mix(in srgb,var(--etx-blue,#2A6DF5) 32%,transparent),transparent 34%),radial-gradient(circle at 20% 82%,color-mix(in srgb,var(--etx-violet,#9D50BB) 25%,transparent),transparent 30%);filter:blur(28px)}
.pi-head:after{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--etx-text,#F8F9FF) 10%,transparent) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,black,transparent)}
.pi-shell{position:relative;z-index:1;width:min(calc(100% - 40px),1180px);margin-inline:auto}
.pi-crumb{display:inline-flex;align-items:center;min-height:44px;color:var(--etx-muted,#A4ADBF);font-size:.86rem}
.pi-crumb:hover{color:var(--etx-text,#F8F9FF)}
.pi-head h1{max-width:900px;margin:1.2rem 0 1rem;font-size:clamp(3rem,7vw,6.6rem);line-height:.98;letter-spacing:-.06em;background:linear-gradient(110deg,var(--etx-text,#F8F9FF) 8%,var(--etx-blue,#2A6DF5) 56%,var(--etx-violet,#9D50BB));-webkit-background-clip:text;background-clip:text;color:transparent}
.pi-head p{max-width:720px;margin:0;color:var(--etx-muted,#A4ADBF);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.7}
@media(max-width:640px){.pi-head{padding-top:7rem}.pi-head h1{font-size:clamp(2.75rem,15vw,4.5rem)}}
/* v2 sector: sec_c1000002 page: page-/sitios-web */
.strategic .glass-browser-3d{aspect-ratio:16/10;display:grid;grid-template-rows:35px minmax(0,1fr);background:var(--etx-bg,#06080D)}
.strategic .browser-img{display:block;width:96%;height:96%;min-height:0;aspect-ratio:auto;align-self:center;justify-self:center;object-fit:contain!important;object-position:center!important;background:var(--etx-bg,#06080D);animation:sitesAutonomousPan 9s ease-in-out infinite}
@keyframes sitesAutonomousPan{0%,100%{transform:translate3d(-.7%,0,0)}50%{transform:translate3d(.7%,0,0)}}
@media(max-width:640px){.strategic .glass-browser-3d{aspect-ratio:3/2}.strategic .browser-img{object-fit:contain!important;object-position:center!important}}
@media(prefers-reduced-motion:reduce){.strategic .browser-img{animation:none;transform:none}}
/* v2 sector: sec_d1000001 page: page-/nosotros */
.pi-head{position:relative;overflow:hidden;padding:clamp(8rem,16vw,12rem) 0 clamp(4.5rem,9vw,7rem);background:var(--etx-bg,#06080D);color:var(--etx-text,#F8F9FF)}
.pi-head:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 72% 18%,color-mix(in srgb,var(--etx-blue,#2A6DF5) 32%,transparent),transparent 34%),radial-gradient(circle at 20% 82%,color-mix(in srgb,var(--etx-violet,#9D50BB) 25%,transparent),transparent 30%);filter:blur(28px)}
.pi-head:after{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--etx-text,#F8F9FF) 10%,transparent) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,black,transparent)}
.pi-shell{position:relative;z-index:1;width:min(calc(100% - 40px),1180px);margin-inline:auto}
.pi-crumb{display:inline-flex;align-items:center;min-height:44px;color:var(--etx-muted,#A4ADBF);font-size:.86rem}
.pi-crumb:hover{color:var(--etx-text,#F8F9FF)}
.pi-head h1{max-width:900px;margin:1.2rem 0 1rem;font-size:clamp(3rem,7vw,6.6rem);line-height:.98;letter-spacing:-.06em;background:linear-gradient(110deg,var(--etx-text,#F8F9FF) 8%,var(--etx-blue,#2A6DF5) 56%,var(--etx-violet,#9D50BB));-webkit-background-clip:text;background-clip:text;color:transparent}
.pi-head p{max-width:720px;margin:0;color:var(--etx-muted,#A4ADBF);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.7}
@media(max-width:640px){.pi-head{padding-top:7rem}.pi-head h1{font-size:clamp(2.75rem,15vw,4.5rem)}}
/* v2 sector: sec_d1000002 page: page-/nosotros */
.pi-body{padding:clamp(4.5rem,10vw,8rem) 0;background:var(--etx-bg-soft,#0B0E14);color:var(--etx-text,#F8F9FF)}
.pi-shell{width:min(calc(100% - 40px),1180px);margin-inline:auto}
.pi-intro{max-width:820px;margin-bottom:3rem}.pi-intro h2{margin:0 0 1rem;font-size:clamp(2rem,4.7vw,4.2rem);line-height:1.05;letter-spacing:-.045em}.pi-intro p{margin:0;color:var(--etx-muted,#A4ADBF);font-size:1.05rem;line-height:1.8}
.pi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.pi-card{min-height:230px;padding:clamp(1.5rem,3vw,2.25rem);border:1px solid color-mix(in srgb,var(--etx-text,#F8F9FF) 10%,transparent);border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--etx-text,#F8F9FF) 4%,transparent),transparent);transition:transform .25s ease,border-color .25s ease}
.pi-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--etx-blue,#2A6DF5) 48%,transparent)}
.pi-card strong{display:grid;place-items:center;width:48px;height:48px;margin-bottom:1.5rem;border-radius:14px;background:color-mix(in srgb,var(--etx-blue,#2A6DF5) 16%,transparent);color:var(--etx-blue-soft,#8CADFF);font-size:.78rem}
.pi-card h3{margin:0 0 .75rem;font-size:1.25rem}.pi-card p{margin:0;color:var(--etx-muted,#A4ADBF);line-height:1.7}
.pi-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.5rem}.pi-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 1.5rem;border:1px solid color-mix(in srgb,var(--etx-text,#F8F9FF) 12%,transparent);border-radius:13px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease}.pi-button.primary{border-color:transparent;background:linear-gradient(135deg,var(--etx-blue,#2A6DF5),var(--etx-violet,#9D50BB));color:var(--etx-text,#F8F9FF);box-shadow:0 14px 34px color-mix(in srgb,var(--etx-blue,#2A6DF5) 24%,transparent)}.pi-button:hover{transform:translateY(-2px)}
.pi-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.pi-contact a{display:flex;min-height:140px;flex-direction:column;justify-content:center;padding:2rem;border:1px solid color-mix(in srgb,var(--etx-text,#F8F9FF) 10%,transparent);border-radius:24px;background:color-mix(in srgb,var(--etx-text,#F8F9FF) 3%,transparent)}.pi-contact small{color:var(--etx-muted,#A4ADBF)}.pi-contact b{margin-top:.35rem;font-size:clamp(1.15rem,3vw,1.7rem);overflow-wrap:anywhere}
@media(max-width:820px){.pi-grid{grid-template-columns:1fr}.pi-card{min-height:0}.pi-contact{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.pi-card,.pi-button{transition:none}}
.pi-head .reveal,.pi-body .reveal{opacity:0;transform:translate3d(0,18px,0);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.25,1)}.pi-head .reveal.is-visible,.pi-body .reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
@media(prefers-reduced-motion:reduce){.pi-head .reveal,.pi-body .reveal{opacity:1;transform:none;transition:none}}
/* v2 sector: sec_e1000001 page: page-/contacto */
.pi-head{position:relative;overflow:hidden;padding:clamp(8rem,16vw,12rem) 0 clamp(4.5rem,9vw,7rem);background:var(--etx-bg,#06080D);color:var(--etx-text,#F8F9FF)}
.pi-head:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 72% 18%,color-mix(in srgb,var(--etx-blue,#2A6DF5) 32%,transparent),transparent 34%),radial-gradient(circle at 20% 82%,color-mix(in srgb,var(--etx-violet,#9D50BB) 25%,transparent),transparent 30%);filter:blur(28px)}
.pi-head:after{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--etx-text,#F8F9FF) 10%,transparent) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,black,transparent)}
.pi-shell{position:relative;z-index:1;width:min(calc(100% - 40px),1180px);margin-inline:auto}
.pi-crumb{display:inline-flex;align-items:center;min-height:44px;color:var(--etx-muted,#A4ADBF);font-size:.86rem}
.pi-crumb:hover{color:var(--etx-text,#F8F9FF)}
.pi-head h1{max-width:900px;margin:1.2rem 0 1rem;font-size:clamp(3rem,7vw,6.6rem);line-height:.98;letter-spacing:-.06em;background:linear-gradient(110deg,var(--etx-text,#F8F9FF) 8%,var(--etx-blue,#2A6DF5) 56%,var(--etx-violet,#9D50BB));-webkit-background-clip:text;background-clip:text;color:transparent}
.pi-head p{max-width:720px;margin:0;color:var(--etx-muted,#A4ADBF);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.7}
@media(max-width:640px){.pi-head{padding-top:7rem}.pi-head h1{font-size:clamp(2.75rem,15vw,4.5rem)}}
/* v2 sector: sec_e1000002 page: page-/contacto */
.pi-body{padding:clamp(4.5rem,10vw,8rem) 0;background:var(--etx-bg-soft,#0B0E14);color:var(--etx-text,#F8F9FF)}
.pi-shell{width:min(calc(100% - 40px),1180px);margin-inline:auto}
.pi-intro{max-width:820px;margin-bottom:3rem}.pi-intro h2{margin:0 0 1rem;font-size:clamp(2rem,4.7vw,4.2rem);line-height:1.05;letter-spacing:-.045em}.pi-intro p{margin:0;color:var(--etx-muted,#A4ADBF);font-size:1.05rem;line-height:1.8}
.pi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.pi-card{min-height:230px;padding:clamp(1.5rem,3vw,2.25rem);border:1px solid color-mix(in srgb,var(--etx-text,#F8F9FF) 10%,transparent);border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--etx-text,#F8F9FF) 4%,transparent),transparent);transition:transform .25s ease,border-color .25s ease}
.pi-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--etx-blue,#2A6DF5) 48%,transparent)}
.pi-card strong{display:grid;place-items:center;width:48px;height:48px;margin-bottom:1.5rem;border-radius:14px;background:color-mix(in srgb,var(--etx-blue,#2A6DF5) 16%,transparent);color:var(--etx-blue-soft,#8CADFF);font-size:.78rem}
.pi-card h3{margin:0 0 .75rem;font-size:1.25rem}.pi-card p{margin:0;color:var(--etx-muted,#A4ADBF);line-height:1.7}
.pi-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.5rem}.pi-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 1.5rem;border:1px solid color-mix(in srgb,var(--etx-text,#F8F9FF) 12%,transparent);border-radius:13px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease}.pi-button.primary{border-color:transparent;background:linear-gradient(135deg,var(--etx-blue,#2A6DF5),var(--etx-violet,#9D50BB));color:var(--etx-text,#F8F9FF);box-shadow:0 14px 34px color-mix(in srgb,var(--etx-blue,#2A6DF5) 24%,transparent)}.pi-button:hover{transform:translateY(-2px)}
.pi-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.pi-contact a{display:flex;min-height:140px;flex-direction:column;justify-content:center;padding:2rem;border:1px solid color-mix(in srgb,var(--etx-text,#F8F9FF) 10%,transparent);border-radius:24px;background:color-mix(in srgb,var(--etx-text,#F8F9FF) 3%,transparent)}.pi-contact small{color:var(--etx-muted,#A4ADBF)}.pi-contact b{margin-top:.35rem;font-size:clamp(1.15rem,3vw,1.7rem);overflow-wrap:anywhere}
@media(max-width:820px){.pi-grid{grid-template-columns:1fr}.pi-card{min-height:0}.pi-contact{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.pi-card,.pi-button{transition:none}}
.pi-head .reveal,.pi-body .reveal{opacity:0;transform:translate3d(0,18px,0);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.25,1)}.pi-head .reveal.is-visible,.pi-body .reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
@media(prefers-reduced-motion:reduce){.pi-head .reveal,.pi-body .reveal{opacity:1;transform:none;transition:none}}