:root { --ink:#17233d; --soft:#5b667b; --paper:#f7f9fc; --cream:#edf4ff; --coral:#ff4f57; --coral-dark:#d9343e; --blue:#1677ff; --mint:#6ee7d8; --yellow:#ffbe0b; --line:rgba(23,35,61,.14); }
* { box-sizing:border-box; }
[hidden] { display:none!important; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { position:absolute; inset:0 0 auto; z-index:10; max-width:1380px; margin:auto; padding:24px 40px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:inline-flex; align-items:center; }
.brand img { width:128px; height:auto; object-fit:contain; }
.menu-toggle { display:none; }
.site-nav { display:flex; align-items:center; gap:6px; padding:7px; border:1px solid rgba(255,255,255,.72); border-radius:999px; background:rgba(255,255,255,.9); color:#17233d; font-size:13px; font-weight:800; box-shadow:0 10px 30px rgba(23,35,61,.14); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
.site-nav>a:not(.header-cta) { padding:10px 11px; border-radius:999px; }
.site-nav>a:not(.header-cta):hover,.site-nav>a:not(.header-cta):focus-visible { background:#edf4ff; color:#0864d8; }
.header-cta { display:inline-flex; align-items:center; gap:8px; padding:11px 16px; border:1px solid #17233d; border-radius:999px; background:#17233d; color:#fff; font-size:14px; font-weight:800; box-shadow:0 8px 20px rgba(23,35,61,.18); }
.header-cta:hover,.header-cta:focus-visible { border-color:#0864d8; background:#0864d8; color:#fff; }
.hero { position:relative; min-height:700px; padding:132px max(40px,calc((100vw - 1240px)/2)) 72px; display:grid; grid-template-columns:1.08fr .92fr; align-items:center; overflow:hidden; background:var(--cream); }
.hero-photo { position:absolute; inset:0 0 0 49%; background:url("rewi-economia-popular-hero.png") center/cover no-repeat; }
.hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg,#f7f9fc 0%,#f7f9fc 43%,rgba(247,249,252,.94) 51%,rgba(247,249,252,.1) 76%); }
.hero-copy { position:relative; z-index:2; max-width:720px; grid-column:1; }
.eyebrow { width:fit-content; display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px; background:rgba(22,119,255,.1); color:var(--blue); font-size:12px; font-weight:850; letter-spacing:.05em; text-transform:uppercase; }
.hero h1 { margin:22px 0 20px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(50px,4.5vw,70px); line-height:.98; letter-spacing:-.045em; font-weight:600; text-wrap:balance; }
.hero-lead { max-width:610px; margin:0; color:var(--soft); font-size:20px; line-height:1.6; }
.hero-actions { margin-top:32px; display:flex; gap:12px; flex-wrap:wrap; }
.button { min-height:52px; padding:0 22px; border-radius:14px; display:inline-flex; align-items:center; justify-content:center; gap:9px; font-size:15px; font-weight:800; transition:transform .2s ease; }
.button:hover { transform:translateY(-2px); }
.button-primary { background:var(--blue); color:#fff; box-shadow:0 12px 28px rgba(22,119,255,.25); }
.button-secondary { border:1px solid var(--line); background:rgba(255,255,255,.72); }
.trust-row { margin-top:26px; display:flex; gap:18px; flex-wrap:wrap; color:#567076; font-size:12px; font-weight:700; }
.trust-row span { display:inline-flex; align-items:center; gap:5px; }
.trust-row svg,.price-card li svg { color:#079c88; }
.benefits-section { padding:110px max(40px,calc((100vw - 1140px)/2)); background:#fff; }
.section-heading { max-width:610px; }
.centered { margin:auto; text-align:center; }
.section-kicker { margin:0 0 12px; color:var(--blue); font-size:12px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.section-heading h2,.offer-copy h2,.form-shell h2 { margin:0; font-family:Georgia,serif; font-size:clamp(39px,4vw,56px); line-height:1.05; letter-spacing:-.035em; }
.section-heading>p:last-child { color:var(--soft); font-size:17px; line-height:1.6; }
.benefits-grid { margin-top:46px; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.benefit-card { padding:30px; border:1px solid var(--line); border-radius:24px; background:#fffdf9; }
.icon-box { width:50px; height:50px; display:grid; place-items:center; border-radius:15px; background:rgba(110,231,216,.26); color:#087d70; }
.benefit-card h3 { margin:22px 0 9px; font-size:19px; }
.benefit-card p { margin:0; color:var(--soft); line-height:1.65; }
.cards-model-section { padding:110px max(40px,calc((100vw - 1140px)/2)); display:grid; grid-template-columns:1fr .9fr; gap:80px; align-items:center; background:#edf4ff; }
.cards-copy h2 { max-width:630px; margin:0; font-family:Georgia,serif; font-size:clamp(39px,4vw,56px); line-height:1.05; letter-spacing:-.035em; }
.cards-copy>p:last-of-type { max-width:620px; color:var(--soft); font-size:17px; line-height:1.7; }
.role-grid { margin-top:28px; display:grid; gap:14px; }
.role-grid article { padding:18px; border:1px solid rgba(23,35,61,.1); border-radius:18px; display:flex; gap:14px; background:rgba(255,255,255,.72); }
.role-grid h3 { margin:0 0 5px; font-size:16px; }
.role-grid p { margin:0; color:var(--soft); font-size:14px; line-height:1.55; }
.role-icon { flex:none; width:44px; height:44px; display:grid; place-items:center; border-radius:13px; }
.role-icon.business { background:rgba(22,119,255,.12); color:var(--blue); }
.role-icon.customer { background:rgba(110,231,216,.28); color:#087d70; }
.demo-card-wrap { padding:18px; border-radius:34px; background:var(--ink); box-shadow:0 30px 70px rgba(23,35,61,.22); }
.demo-label { margin:0 0 14px; padding-left:8px; color:var(--mint); font-size:11px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.demo-card { padding:28px; border-top:5px solid #8b5e3c; border-radius:27px; background:#3b2418; color:#fff; box-shadow:inset 0 0 70px rgba(255,255,255,.03); }
.demo-card-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.demo-business { display:flex; gap:11px; align-items:center; min-width:0; }
.demo-business>span { flex:none; width:44px; height:44px; display:grid; place-items:center; border-radius:12px; background:rgba(255,255,255,.14); font-weight:900; }
.demo-business small,.demo-business strong { display:block; }
.demo-business small { color:#f4c27a; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.demo-business strong { margin-top:5px; font-size:18px; }
.active-badge { padding:7px 10px; border-radius:999px; background:#f4c27a; color:#3b2418; font-size:10px; font-weight:850; }
.demo-client { margin:24px 0 0; color:rgba(255,255,255,.65); font-size:12px; }
.demo-stamps { margin-top:14px; display:grid; grid-template-columns:repeat(8,1fr); gap:7px; }
.demo-stamps span { aspect-ratio:1; display:grid; place-items:center; border:1px solid rgba(255,255,255,.35); border-radius:10px; color:rgba(255,255,255,.65); font-size:13px; }
.demo-stamps span.earned { border-color:#f4c27a; background:#f4c27a; color:#3b2418; }
.demo-progress { margin-top:22px; display:grid; grid-template-columns:.7fr 1.3fr; gap:14px; align-items:end; }
.demo-progress>div:first-child strong,.demo-progress>div:first-child span { display:block; }
.demo-progress>div:first-child strong { font-size:31px; }
.demo-progress>div:first-child small { font-size:16px; color:rgba(255,255,255,.5); }
.demo-progress>div:first-child span { margin-top:4px; color:rgba(255,255,255,.68); font-size:11px; }
.demo-reward { padding:13px; border-radius:14px; background:#fff7ed; color:#3b2418; }
.demo-reward small,.demo-reward strong { display:block; }
.demo-reward small { color:#a16d3e; font-size:9px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.demo-reward strong { margin-top:5px; font-size:12px; }
.demo-qr { margin-top:20px; display:flex; align-items:center; gap:10px; color:rgba(255,255,255,.68); font-size:11px; font-weight:700; }
.how-section { padding:110px max(40px,calc((100vw - 1140px)/2)); display:grid; grid-template-columns:.7fr 1.3fr; gap:70px; background:#fff; }
.steps-list { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.step { padding:21px 24px; border:1px solid rgba(16,42,46,.1); border-radius:20px; display:grid; grid-template-columns:54px 1fr; gap:12px; align-items:center; background:rgba(255,255,255,.58); }
.step>span { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:var(--blue); color:#fff; font-size:12px; font-weight:800; }
.step h3 { margin:0 0 4px; font-size:17px; }
.step p { margin:0; color:var(--soft); font-size:14px; line-height:1.5; }
.offer-section { padding:110px max(40px,calc((100vw - 1140px)/2)); display:grid; grid-template-columns:1fr .85fr; gap:80px; align-items:center; background:var(--ink); color:#fff; }
.eyebrow.light { background:rgba(203,233,219,.12); color:#bde8d4; }
.offer-copy h2 { margin-top:24px; max-width:620px; font-size:clamp(44px,5vw,68px); }
.offer-copy>p { max-width:600px; color:#b9cbce; font-size:18px; line-height:1.7; }
.founder-note { max-width:580px; margin-top:28px; padding:18px; border-left:3px solid var(--coral); display:flex; gap:14px; background:rgba(255,255,255,.06); }
.founder-note svg { flex:none; color:#ffc2b5; }
.founder-note p { margin:0; color:#d8e2e4; line-height:1.55; }
.price-card { padding:34px; border-radius:28px; background:var(--paper); color:var(--ink); box-shadow:0 30px 70px rgba(0,0,0,.25); }
.price-label { margin:0; color:var(--blue); font-size:12px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
.reference-price { margin:15px 0 0; color:var(--soft); font-size:13px; }
.reference-price s { color:#9b3d45; font-weight:800; }
.price { margin-top:14px; font-family:Georgia,serif; font-size:58px; line-height:1; letter-spacing:-.05em; }
.price>span { margin-right:4px; font-size:30px; vertical-align:top; }
.price small { font-family:Arial,sans-serif; font-size:12px; letter-spacing:.05em; }
.price-sub { margin:8px 0 22px; color:var(--soft); }
.price-card ul { padding:20px 0; margin:0; border-top:1px solid var(--line); list-style:none; display:grid; gap:12px; }
.price-card li { display:flex; align-items:center; gap:9px; font-size:14px; }
.button-accent { width:100%; margin-top:12px; background:var(--blue); color:#fff; }
.fine-print { margin:13px 0 0; color:#6d7e81; text-align:center; font-size:10px; line-height:1.5; }
.plans-section { padding:110px max(40px,calc((100vw - 1140px)/2)); background:#f7f9fc; }
.plans-section .section-heading { max-width:720px; }
.plans-grid { margin-top:48px; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; align-items:stretch; }
.plan-card { position:relative; padding:30px; border:1px solid var(--line); border-radius:24px; display:flex; flex-direction:column; background:#fff; box-shadow:0 15px 35px rgba(23,35,61,.05); }
.plan-card.featured { border:2px solid var(--blue); box-shadow:0 20px 50px rgba(22,119,255,.12); }
.plan-badge { position:absolute; top:-14px; left:24px; padding:7px 11px; border-radius:999px; background:var(--blue); color:#fff; font-size:10px; font-weight:850; letter-spacing:.05em; text-transform:uppercase; }
.plan-card h3 { margin:7px 0 9px; font-family:Georgia,serif; font-size:30px; }
.plan-description { min-height:48px; margin:0; color:var(--soft); font-size:14px; line-height:1.6; }
.plan-prices { margin:24px 0; padding:18px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.plan-prices p { margin:0; }
.plan-prices strong,.plan-prices span { display:block; }
.plan-prices strong { font-size:20px; }
.plan-prices span { margin-top:4px; color:var(--soft); font-size:10px; text-transform:uppercase; }
.plan-card ul { margin:0; padding:0; display:grid; gap:12px; list-style:none; color:#3f4c65; font-size:13px; line-height:1.45; }
.plan-card li { position:relative; padding-left:20px; }
.plan-card li::before { content:"✓"; position:absolute; left:0; color:#079c88; font-weight:900; }
.plans-actions { margin-top:28px; display:flex; align-items:center; justify-content:center; gap:22px; color:var(--soft); font-size:13px; }
.plans-actions p { margin:0; }
.form-shell { padding:100px max(40px,calc((100vw - 1000px)/2)); display:grid; grid-template-columns:.9fr 1.1fr; gap:60px; align-items:center; background:#fff; }
.form-shell>div>p:last-child { color:var(--soft); line-height:1.6; }
.form-coming-soon { min-height:180px; padding:28px; border:1px dashed #b4c7c9; border-radius:22px; display:flex; align-items:center; gap:18px; background:#f8fbfa; color:var(--soft); }
.form-coming-soon svg { color:#23835d; flex:none; }
.registration-form { padding:30px; border:1px solid var(--line); border-radius:26px; background:#fffdf9; box-shadow:0 20px 55px rgba(16,42,46,.09); }
.field-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px 14px; }
.field { display:grid; gap:8px; }
.field label { color:var(--ink); font-size:12px; font-weight:800; }
.field label span { color:#718387; font-weight:500; }
.registration-form input,.registration-form textarea,.registration-form select { min-height:46px; width:100%; padding:0 12px; border:1px solid #ccd7d5; border-radius:11px; background:#fff; color:var(--ink); font:inherit; }
.registration-form textarea { min-height:92px; margin-top:18px; resize:vertical; }
.registration-form select { appearance:auto; }
.goal-field { margin-top:18px; }
.goal-field textarea { margin-top:0; padding-top:12px; }
.registration-form [data-slot="select-content"] { border-radius:12px; }
.consent-row { margin:20px 0 14px; display:flex; align-items:flex-start; gap:10px; cursor:pointer; }
.consent-row input { width:18px; min-height:18px; height:18px; margin-top:1px; flex:none; }
.consent-row button { margin-top:2px; border-color:#9eb1b3; }
.consent-row label { color:var(--soft); font-size:12px; line-height:1.5; }
.form-button { width:100%; min-height:50px; border:0; border-radius:13px; background:var(--blue); color:#fff; font-weight:800; cursor:pointer; }
.form-button:disabled { cursor:wait; opacity:.7; }
.form-button:hover { background:#0864d8; }
.privacy-note { margin:12px 0 0!important; color:#77898c!important; text-align:center; font-size:10px; line-height:1.45!important; }
.form-error { margin:0 0 12px; padding:10px 12px; border-radius:10px; background:#fff0ed; color:#a93225; font-size:12px; }
.success-card { min-height:380px; padding:42px; border:1px solid #b8dacb; border-radius:26px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:#f3fbf7; }
.success-card svg { color:#23835d; }
.success-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; background:#23835d; color:#fff; font-size:26px; font-weight:900; }
.qr-symbol { font-size:30px; line-height:1; }
.success-card h3 { margin:18px 0 8px; font-family:Georgia,serif; font-size:30px; }
.success-card p { max-width:420px; margin:0 0 22px; color:var(--soft); line-height:1.6; }
.honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.spin { animation:spin .8s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
footer { padding:38px max(40px,calc((100vw - 1140px)/2)); display:grid; grid-template-columns:1fr auto auto; gap:30px; align-items:center; background:#091c1f; color:#a8bdc0; font-size:12px; }
.brand-light { padding:5px 10px; border-radius:10px; background:#fff; }
.crm-page { min-height:100vh; padding:28px max(24px,calc((100vw - 1440px)/2)) 60px; background:#f4f7fb; }
.crm-header { padding:14px 18px; border:1px solid var(--line); border-radius:18px; display:flex; justify-content:space-between; align-items:center; background:#fff; box-shadow:0 8px 25px rgba(23,35,61,.06); }
.crm-header>img { width:118px; height:auto; }
.crm-header>div { display:flex; align-items:center; gap:16px; color:var(--soft); font-size:12px; }
.crm-header a { display:inline-flex; align-items:center; gap:6px; font-weight:800; color:var(--ink); }
.crm-title-row { margin:38px 0 24px; display:flex; justify-content:space-between; gap:24px; align-items:end; }
.crm-title-row p { margin:0 0 7px; color:var(--blue); font-size:11px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.crm-title-row h1 { margin:0; font-family:Georgia,serif; font-size:42px; letter-spacing:-.035em; }
.crm-title-row span { display:block; margin-top:8px; color:var(--soft); font-size:14px; }
.crm-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.crm-stats article { padding:20px; border:1px solid var(--line); border-radius:17px; background:#fff; }
.crm-stats span,.crm-stats strong { display:block; }
.crm-stats span { color:var(--soft); font-size:11px; font-weight:750; }
.crm-stats strong { margin-top:8px; font-family:Georgia,serif; font-size:34px; }
.crm-stats article.urgent { border-color:rgba(255,79,87,.35); background:#fff7f7; }
.crm-stats article.urgent strong { color:var(--coral-dark); }
.crm-stats article.active { border-color:rgba(7,156,136,.35); background:#f2fffb; }
.crm-stats article.active strong { color:#078a79; }
.crm-message { margin:18px 0 0; padding:11px 14px; border-radius:10px; background:#eaf3ff; color:#0958b5; font-size:12px; }
.crm-table-card { margin-top:22px; border:1px solid var(--line); border-radius:20px; overflow:hidden; background:#fff; box-shadow:0 16px 45px rgba(23,35,61,.06); }
.crm-table-card [data-slot="table-head"] { padding:13px 12px; color:var(--soft); font-size:10px; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }
.crm-table-card [data-slot="table-cell"] { padding:14px 12px; white-space:normal; vertical-align:top; }
.crm-business,.crm-sub,.crm-email,.crm-goal { display:block; }
.crm-business { margin-bottom:4px; font-size:13px; }
.crm-sub { color:var(--soft); font-size:11px; line-height:1.45; }
.crm-contact { display:inline-flex; align-items:center; gap:5px; color:#078a79; font-size:11px; font-weight:850; }
.crm-email { margin-top:5px; color:var(--blue); font-size:10px; }
.crm-goal { max-width:210px; margin-top:7px; color:var(--soft); font-size:10px; line-height:1.45; }
.interest-immediate { border-color:#ffb0b4!important; background:#fff0f1!important; color:#b9232d!important; }
.crm-status { width:150px; min-height:38px; background:#fff; }
.crm-table-card textarea { width:210px; min-height:62px; resize:vertical; font-size:11px; }
.crm-empty { padding:60px 24px; color:var(--soft); text-align:center; font-size:14px; }
.crm-back { margin-top:22px; display:inline-flex; align-items:center; gap:6px; color:var(--blue); font-size:12px; font-weight:800; }
.crm-access-denied { min-height:100vh; padding:40px 20px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:#f4f7fb; }
.crm-access-denied img { width:160px; height:auto; }
.crm-access-denied h1 { margin:28px 0 8px; font-family:Georgia,serif; font-size:38px; }
.crm-access-denied p { color:var(--soft); }
.crm-access-denied a { margin-top:18px; color:var(--blue); font-weight:800; }
@media(max-width:900px) {
  .site-header{padding:18px 22px}.menu-toggle{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 14px;border:1px solid rgba(23,35,61,.16);border-radius:999px;background:#fff;color:#17233d;box-shadow:0 8px 24px rgba(23,35,61,.16);font:800 13px/1 Arial,Helvetica,sans-serif;cursor:pointer}.menu-toggle-icon{width:18px;display:grid;gap:3px}.menu-toggle-icon i{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}.menu-toggle[aria-expanded="true"] .menu-toggle-icon i:first-child{transform:translateY(5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] .menu-toggle-icon i:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] .menu-toggle-icon i:last-child{transform:translateY(-5px) rotate(-45deg)}.site-nav{position:absolute;top:76px;left:22px;right:22px;display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:10px;border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 18px 48px rgba(23,35,61,.22);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.site-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.site-nav>a:not(.header-cta){display:block;padding:13px 14px;text-align:left}.header-cta{justify-content:center;margin-top:2px}.hero{min-height:790px;padding:118px 22px 74px;display:block}.hero-photo{inset:43% 0 0;background-position:center}.hero-overlay{background:linear-gradient(180deg,#f7f9fc 0%,#f7f9fc 48%,rgba(247,249,252,.9) 58%,rgba(247,249,252,.08) 100%)}.hero-copy{text-align:center;margin:auto}.hero-copy .eyebrow,.hero-actions{margin-left:auto;margin-right:auto}.hero-lead{margin:auto}.trust-row{justify-content:center}.benefits-section,.cards-model-section,.how-section,.offer-section,.plans-section,.form-shell{padding:80px 22px}.cards-model-section,.how-section,.offer-section,.form-shell{grid-template-columns:1fr;gap:42px}.benefits-grid{grid-template-columns:1fr 1fr}.steps-list{grid-template-columns:1fr 1fr}.plans-grid{grid-template-columns:1fr}.plan-description{min-height:0}.plans-actions{flex-direction:column;text-align:center}footer{padding:34px 22px;grid-template-columns:1fr;text-align:center}footer .brand{justify-self:center}
}
@media(max-width:540px) {
  .site-nav{left:14px;right:14px}.menu-toggle{padding:0 12px}.header-cta{padding:11px 12px;font-size:12px}.brand img{width:102px}.hero{min-height:850px}.hero h1{font-size:50px}.hero-actions .button{width:100%}.hero-photo{inset:53% 0 0}.benefits-grid,.steps-list{grid-template-columns:1fr}.how-section .section-heading{text-align:center}.offer-copy h2{font-size:44px}.price{font-size:50px}.registration-form{padding:22px}.field-grid{grid-template-columns:1fr}.success-card{min-height:340px;padding:28px}.demo-card{padding:20px}.demo-stamps{grid-template-columns:repeat(4,1fr)}.demo-progress{grid-template-columns:1fr}.plan-prices{grid-template-columns:1fr}.crm-page{padding:16px 12px 40px}.crm-title-row h1{font-size:34px}.crm-stats{grid-template-columns:1fr 1fr}.crm-stats article{padding:15px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}