:root {
  --ink: #10152d;
  --muted: #626a80;
  --line: #e6e8f1;
  --surface: #f8f9fd;
  --blue: #2369ea;
  --electric: #4c41eb;
  --violet: #7a31d8;
  --deep: #181a78;
  --container: 1160px;
  --shadow: 0 20px 60px rgba(21, 30, 93, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: #fff; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.6; overflow-x: hidden; }
button, input, textarea, select { font: inherit; }
button, select { cursor: pointer; }
a { color: inherit; text-decoration: none; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid #7aa9ff; outline-offset: 3px; }
.container { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; }
.skip-link { position: fixed; z-index: 999; top: -60px; left: 20px; padding: 10px 14px; color: white; background: var(--deep); border-radius: 0 0 8px 8px; transition: top .2s ease; }
.skip-link:focus { top: 0; }

.site-header { position: sticky; z-index: 100; top: 0; border-bottom: 1px solid transparent; background: rgba(255,255,255,.88); backdrop-filter: blur(14px); transition: border-color .2s ease, box-shadow .2s ease; }
.site-header.is-scrolled { border-color: rgba(27,35,83,.08); box-shadow: 0 5px 20px rgba(13,24,82,.05); }
.header-content { display: flex; align-items: center; justify-content: space-between; height: 76px; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: #151a53; letter-spacing: -.04em; font-size: 19px; white-space: nowrap; }
.brand strong { font-weight: 800; }.brand em { color: #6e61c8; font-style: normal; font-weight: 600; }
.brand-mark { position: relative; display: inline-block; width: 25px; height: 25px; }
.brand-mark i { position: absolute; display: block; border-radius: 50%; background: linear-gradient(135deg, #3f91f5, #6e40d8); }
.brand-mark i:nth-child(1) { width: 17px; height: 17px; top: 0; left: 0; }.brand-mark i:nth-child(2) { width: 11px; height: 11px; right: 0; bottom: 1px; }.brand-mark i:nth-child(3) { width: 7px; height: 7px; left: 2px; bottom: 2px; opacity: .75; }
.primary-navigation { display: flex; align-items: center; gap: 26px; font-size: 14px; font-weight: 600; }.primary-navigation > a { color: #4e5874; transition: color .2s ease; }.primary-navigation > a:hover { color: var(--electric); }
.menu-toggle { display: none; width: 44px; height: 44px; padding: 11px; background: #f4f5fb; border: 0; border-radius: 9px; }.menu-toggle span { display: block; width: 100%; height: 2px; margin: 5px 0; background: #30345a; transition: transform .2s ease, opacity .2s ease; }
.menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }.menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 13px 22px; border: 1px solid transparent; border-radius: 9px; font-weight: 750; font-size: 14px; line-height: 1.2; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }.button:hover { transform: translateY(-2px); }.button span { font-size: 19px; line-height: 0; }.button-small { min-height: 41px; padding: 10px 16px; font-size: 13px; }.nav-cta { color: white; background: #3430b9; box-shadow: 0 7px 15px rgba(53,48,185,.18); }.button-primary { color: #252082; background: white; box-shadow: 0 12px 30px rgba(12, 12, 93, .2); }.button-primary:hover { box-shadow: 0 17px 34px rgba(12, 12, 93, .28); }.button-ghost { color: white; border-color: rgba(255,255,255,.45); background: rgba(255,255,255,.09); }.button-ghost:hover { background: rgba(255,255,255,.19); }.button-white { color: #2b258e; background: white; }.button-submit { width: 100%; color: white; background: linear-gradient(100deg, #296ceb, #5c3cdf); box-shadow: 0 12px 25px rgba(40,74,202,.25); }.button-submit:hover { box-shadow: 0 17px 30px rgba(40,74,202,.34); }

.hero { position: relative; min-height: 680px; isolation: isolate; overflow: hidden; color: white; background: linear-gradient(122deg, #1887d4 0%, #2c51df 42%, #7122c9 100%); }.hero-grid { position: absolute; z-index: -1; inset: 0; opacity: .24; background-image: linear-gradient(rgba(255,255,255,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to right, black, transparent 70%); }.orb { position: absolute; z-index: -1; border-radius: 50%; filter: blur(2px); opacity: .6; }.orb-one { width: 500px; height: 500px; top: -210px; right: -80px; background: radial-gradient(circle, #e5a2ff 0, rgba(215,79,255,.05) 65%); }.orb-two { width: 370px; height: 370px; bottom: -190px; left: 34%; background: radial-gradient(circle, #2ed8ff 0, rgba(46,216,255,.03) 65%); }.hero-content { display: grid; grid-template-columns: 1.1fr .75fr; align-items: center; gap: 90px; min-height: 680px; padding-block: 90px; }.eyebrow { display: flex; align-items: center; gap: 8px; margin: 0 0 15px; color: #4941c2; font-size: 12px; font-weight: 800; letter-spacing: .115em; line-height: 1.2; text-transform: uppercase; }.eyebrow-light { color: #e0e4ff; }.pulse-dot { width: 7px; height: 7px; border-radius: 50%; background: #89ffcf; box-shadow: 0 0 0 5px rgba(137,255,207,.16); animation: pulse 2s infinite; }.hero h1 { max-width: 680px; margin: 0; font-size: clamp(42px, 4.5vw, 67px); font-weight: 780; letter-spacing: -.058em; line-height: 1.06; }.hero h1 span, h2 span { color: #cfcaff; }.hero-intro { max-width: 610px; margin: 25px 0 0; color: rgba(255,255,255,.88); font-size: 18px; line-height: 1.65; }.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 35px; }.hero-note { display: flex; align-items: center; gap: 8px; margin: 25px 0 0; color: rgba(255,255,255,.76); font-size: 13px; }.hero-note svg { width: 19px; height: 19px; fill: none; stroke: #aaffd8; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.hero-panel { position: relative; width: min(100%, 390px); justify-self: end; overflow: hidden; border: 1px solid rgba(255,255,255,.23); border-radius: 18px; color: #e9eaff; background: linear-gradient(145deg, rgba(255,255,255,.21), rgba(255,255,255,.07)); box-shadow: 0 35px 70px rgba(17, 11, 111,.27); backdrop-filter: blur(12px); }.panel-topline { display: flex; justify-content: space-between; padding: 18px 21px; color: rgba(255,255,255,.74); border-bottom: 1px solid rgba(255,255,255,.15); font-size: 11px; font-weight: 700; letter-spacing: .04em; }.panel-status { display: inline-flex; align-items: center; gap: 6px; }.panel-status i { width: 6px; height: 6px; border-radius: 50%; background: #8dfbc9; }.mini-chart { position: relative; height: 152px; margin: 24px 25px 0; border-left: 1px solid rgba(255,255,255,.14); border-bottom: 1px solid rgba(255,255,255,.14); background: repeating-linear-gradient(to top, transparent 0 37px, rgba(255,255,255,.08) 38px); }.chart-line { position: absolute; bottom: 47px; left: 10px; display: block; height: 2px; border-radius: 10px; transform-origin: left center; background: linear-gradient(90deg, #b5c2ff, #fff); }.chart-line.one { width: 185px; transform: rotate(-21deg); }.chart-line.two { bottom: 110px; left: 180px; width: 150px; transform: rotate(19deg); }.chart-dot { position: absolute; width: 9px; height: 9px; border: 2px solid white; border-radius: 50%; background: #7251e6; box-shadow: 0 0 0 5px rgba(255,255,255,.12); }.chart-dot.one { left: 8px; bottom: 43px; }.chart-dot.two { left: 177px; bottom: 106px; }.chart-dot.three { right: 0; bottom: 58px; }.panel-body { padding: 3px 25px 25px; }.panel-body p { margin: 0; color: rgba(255,255,255,.62); font-size: 12px; }.panel-body h2 { margin: 2px 0 15px; font-size: 23px; letter-spacing: -.04em; }.panel-body ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; color: rgba(255,255,255,.83); font-size: 13px; }.check-icon { display: inline-grid; width: 17px; height: 17px; margin-right: 8px; place-items: center; border-radius: 50%; color: #4433b3; background: #c9ffe8; font-size: 11px; font-weight: 900; }.panel-footer { display: flex; align-items: center; gap: 12px; padding: 16px 22px; border-top: 1px solid rgba(255,255,255,.14); color: rgba(255,255,255,.71); font-size: 11px; }.panel-footer span:first-child { color: #fff; font-weight: 800; }.panel-footer span:nth-child(2) { width: 1px; height: 16px; background: rgba(255,255,255,.3); }

.section { padding: 110px 0; }.section-heading { max-width: 650px; }.section-heading.centered { margin-inline: auto; text-align: center; }.section-heading.centered .eyebrow { justify-content: center; }.section-heading h2, .value-copy h2, .trust-copy h2, .faq-intro h2, .contact-copy h2 { margin: 0; color: #141937; font-size: clamp(34px, 4vw, 52px); font-weight: 770; letter-spacing: -.06em; line-height: 1.1; }.section-heading h2 span, .value-copy h2 span, .faq-intro h2 span { color: #6151d4; }.section-heading > p:last-child { margin: 19px auto 0; color: var(--muted); font-size: 17px; }.feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 54px; }.feature-card { min-height: 220px; padding: 28px 23px; border: 1px solid #e7e9f1; border-radius: 13px; background: #fff; box-shadow: 0 10px 30px rgba(37,44,103,.035); transition: transform .2s ease, box-shadow .2s ease; }.feature-card:hover { transform: translateY(-5px); box-shadow: 0 18px 34px rgba(37,44,103,.1); }.feature-icon { display: grid; width: 42px; height: 42px; margin-bottom: 25px; place-items: center; border-radius: 11px; }.feature-icon svg { width: 23px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }.icon-violet { color: #7948db; background: #f1eaff; }.icon-blue { color: #177ce7; background: #e6f2ff; }.icon-indigo { color: #4e45d6; background: #e9eaff; }.icon-cyan { color: #1794b8; background: #dff9ff; }.feature-card h3, .advantage-card h3 { margin: 0; color: #1d2340; font-size: 18px; letter-spacing: -.03em; }.feature-card p, .advantage-card p { margin: 10px 0 0; color: var(--muted); font-size: 14px; line-height: 1.6; }

.value-section { overflow: hidden; background: #fafbff; }.value-layout { display: grid; grid-template-columns: .9fr 1fr; align-items: center; gap: 112px; }.value-visual { position: relative; min-height: 404px; overflow: hidden; border-radius: 18px; background: linear-gradient(140deg, #247cdf, #4d3ece 60%, #7627bd); box-shadow: var(--shadow); }.visual-grid { position: absolute; inset: 0; opacity: .28; background-image: linear-gradient(rgba(255,255,255,.2) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.2) 1px, transparent 1px); background-size: 40px 40px; }.metric-card { position: absolute; border: 1px solid rgba(255,255,255,.27); background: rgba(255,255,255,.13); box-shadow: 0 16px 25px rgba(18,20,125,.18); backdrop-filter: blur(9px); }.metric-main { top: 90px; left: 43px; width: 250px; padding: 24px; border-radius: 13px; color: white; }.metric-main span, .metric-main small { display: block; color: rgba(255,255,255,.72); font-size: 12px; }.metric-main strong { display: block; margin: 5px 0; font-size: 27px; letter-spacing: -.05em; }.metric-small { right: 27px; bottom: 36px; display: flex; align-items: center; gap: 12px; padding: 16px; border-radius: 12px; color: white; font-size: 13px; font-weight: 650; line-height: 1.35; }.metric-symbol { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 9px; background: rgba(255,255,255,.22); font-size: 18px; }.metric-ring { position: absolute; top: 35px; right: 42px; display: grid; width: 65px; height: 65px; place-items: center; border: 1px dashed rgba(255,255,255,.55); border-radius: 50%; color: white; font-size: 13px; font-weight: 800; }.value-copy > p:not(.legal-note) { max-width: 545px; margin: 20px 0 0; color: var(--muted); font-size: 17px; }.quote-line { display: flex; align-items: center; gap: 10px; margin-top: 28px; color: #3e36b0; font-size: 12px; letter-spacing: .1em; }.quote-line span { display: block; width: 30px; height: 2px; background: #6258da; }.value-emphasis { font-size: 18px !important; font-weight: 700; }.text-link { display: inline-flex; gap: 9px; align-items: center; margin-top: 18px; padding: 0; border: 0; color: #3730af; background: transparent; font-size: 14px; font-weight: 800; }.text-link span { font-size: 19px; transition: transform .2s ease; }.text-link:hover span { transform: translateX(4px); }.legal-note { max-width: 510px; margin: 33px 0 0; padding-top: 14px; border-top: 1px solid #e0e3ef; color: #858ca1; font-size: 12px; }

.trust-section { color: white; background: linear-gradient(114deg, #161a71, #3522a1 62%, #4821a5); }.trust-layout { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 105px; }.trust-copy h2, .contact-copy h2 { color: white; }.trust-copy h2 span, .contact-copy h2 span { color: #aca8ff; }.trust-copy > p:not(.eyebrow) { max-width: 480px; margin: 21px 0 28px; color: #d2d4f8; font-size: 17px; }.trust-list { display: grid; gap: 1px; margin: 0; padding: 0; overflow: hidden; list-style: none; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; background: rgba(255,255,255,.05); }.trust-list li { display: grid; grid-template-columns: 44px 1fr; gap: 15px; padding: 20px 23px; border-bottom: 1px solid rgba(255,255,255,.13); }.trust-list li:last-child { border-bottom: 0; }.trust-list > li > span { color: #a8a5ff; font-size: 12px; font-weight: 800; }.trust-list p { margin: 0; color: #d7d8f5; font-size: 13px; line-height: 1.45; }.trust-list strong { display: block; margin-bottom: 3px; color: white; font-size: 15px; }

.process-section { background: #fff; }.timeline { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; margin: 60px 0 0; padding: 0; list-style: none; }.timeline::before { position: absolute; top: 33px; right: 10%; left: 10%; height: 1px; content: ""; background: #dfe2f2; }.timeline-step { position: relative; }.step-number { display: grid; position: relative; z-index: 1; width: 66px; height: 66px; margin-bottom: 25px; place-items: center; border: 1px solid #e0e2f5; border-radius: 50%; color: #5549ca; background: #fff; box-shadow: 0 5px 14px rgba(51,57,139,.08); font-size: 14px; font-weight: 800; }.timeline-step h3 { margin: 0; color: #212542; font-size: 17px; letter-spacing: -.025em; }.timeline-step p { margin: 8px 0 0; color: var(--muted); font-size: 14px; line-height: 1.6; }

.advantages-section { background: #f7f8fc; }.advantages-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; margin-top: 53px; border: 1px solid #e3e6f1; border-radius: 13px; overflow: hidden; background: #e3e6f1; }.advantage-card { min-height: 240px; padding: 25px; background: #fff; }.advantage-card > svg { width: 30px; height: 30px; margin: 32px 0 21px; fill: none; stroke: #5145c9; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.55; }.advantage-index { color: #9299af; font-size: 11px; font-weight: 750; letter-spacing: .08em; }

.testimonials-section { padding-block: 90px; }.testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 43px; }.testimonial-placeholder { min-height: 175px; padding: 25px; border: 1px dashed #c9ccda; border-radius: 12px; background: #fbfbfd; }.testimonial-placeholder span { color: #584bcf; font-size: 12px; font-weight: 800; }.testimonial-placeholder p { margin: 22px 0 18px; color: #5f667c; font-size: 14px; }.testimonial-placeholder small { color: #9aa0b2; font-size: 10px; letter-spacing: .1em; }

.faq-section { background: #f8f9fd; }.faq-layout { display: grid; grid-template-columns: .7fr 1.2fr; align-items: start; gap: 115px; }.faq-intro { position: sticky; top: 105px; }.faq-intro > p:not(.eyebrow) { max-width: 370px; margin: 20px 0 4px; color: var(--muted); font-size: 16px; }.faq-list { border-top: 1px solid #dfe2ec; }.faq-item { border-bottom: 1px solid #dfe2ec; }.faq-item h3 { margin: 0; }.faq-item button { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 20px; padding: 21px 0; border: 0; color: #252941; background: none; text-align: left; font-size: 16px; font-weight: 720; }.faq-item button span { color: #5549ca; font-size: 25px; font-weight: 400; transition: transform .2s ease; }.faq-item button[aria-expanded="true"] span { transform: rotate(45deg); }.faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .25s ease; }.faq-answer > p { min-height: 0; margin: 0; overflow: hidden; color: #626a80; font-size: 14px; line-height: 1.7; }.faq-item.is-open .faq-answer { grid-template-rows: 1fr; }.faq-item.is-open .faq-answer > p { padding-bottom: 20px; }

.contact-section { color: white; background: linear-gradient(130deg, #177fd8, #3254df 55%, #6526bd); }.contact-layout { display: grid; grid-template-columns: .85fr 1.05fr; align-items: start; gap: 92px; }.contact-copy { padding-top: 20px; }.contact-copy > p:not(.eyebrow) { max-width: 450px; margin: 20px 0 25px; color: #e2e5ff; font-size: 17px; }.contact-copy ul { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; color: #eef1ff; font-size: 14px; }.contact-copy li { display: flex; gap: 10px; align-items: flex-start; }.contact-copy li span { display: grid; width: 19px; height: 19px; flex: 0 0 19px; place-items: center; border-radius: 50%; color: #2830a4; background: #b6ffe0; font-size: 11px; font-weight: 900; }.contact-form { padding: 29px; border-radius: 15px; color: #242944; background: #fff; box-shadow: 0 22px 42px rgba(16,17,93,.2); }.form-heading { display: flex; flex-direction: column; gap: 2px; margin-bottom: 23px; }.form-heading span { color: #675cd5; font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }.form-heading strong { font-size: 20px; letter-spacing: -.035em; }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.field { display: flex; flex-direction: column; gap: 6px; }.field-full { grid-column: 1 / -1; }.field label, .contact-preference legend { color: #3d435c; font-size: 12px; font-weight: 740; }.field label span, .contact-preference legend span, .consent b { color: #ca3566; }.optional { color: #8e94a6; font-weight: 500; }.field input, .field select, .field textarea { width: 100%; padding: 11px 12px; border: 1px solid #d9dce7; border-radius: 8px; color: #222740; background: #fff; font-size: 14px; transition: border-color .2s ease, box-shadow .2s ease; }.field textarea { min-height: 94px; resize: vertical; }.field input::placeholder, .field textarea::placeholder { color: #979cad; }.field input:focus, .field select:focus, .field textarea:focus { border-color: #6458d8; box-shadow: 0 0 0 3px rgba(100,88,216,.12); outline: 0; }.contact-preference { margin: 20px 0; padding: 0; border: 0; }.contact-preference legend { margin-bottom: 9px; }.radio-group { display: flex; flex-wrap: wrap; gap: 8px; }.radio-group label { position: relative; }.radio-group input { position: absolute; opacity: 0; }.radio-group span { display: block; padding: 8px 11px; border: 1px solid #d9dce7; border-radius: 7px; color: #5e657b; font-size: 12px; font-weight: 650; transition: border-color .2s ease, background .2s ease, color .2s ease; }.radio-group input:checked + span { border-color: #6258d6; color: #4539bd; background: #f0efff; }.radio-group input:focus-visible + span { outline: 3px solid #7aa9ff; outline-offset: 2px; }.consent { display: flex; gap: 9px; align-items: flex-start; margin: 5px 0 13px; color: #646b7e; font-size: 11.5px; line-height: 1.5; }.consent input { width: 16px; height: 16px; flex: 0 0 16px; margin: 1px 0 0; accent-color: #5649cf; }.consent a { color: #4540b7; text-decoration: underline; }.form-error { min-height: 0; margin: 0 0 10px; color: #b52d59; font-size: 12px; font-weight: 650; }.form-error:not(:empty) { padding: 8px 10px; border-radius: 6px; background: #fff0f4; }.form-disclaimer { margin: 11px 0 0; color: #84899a; font-size: 11px; line-height: 1.45; text-align: center; }

.privacy-section { padding: 65px 0; border-bottom: 1px solid #e2e4ed; background: #fff; }.privacy-content { max-width: 800px; }.privacy-content h2 { margin: 0 0 15px; font-size: 29px; letter-spacing: -.045em; }.privacy-content p:not(.eyebrow) { color: #626a80; font-size: 13px; line-height: 1.75; }.privacy-content strong { color: #353b52; }.site-footer { padding-top: 47px; background: #11132d; color: #d7daed; }.footer-main { display: grid; grid-template-columns: 1fr auto; gap: 60px; padding-bottom: 40px; }.brand-footer { color: white; }.brand-footer em { color: #aaa7e7; }.footer-main p { max-width: 380px; margin: 15px 0 0; color: #9fa5c2; font-size: 13px; }.footer-main nav { display: grid; grid-template-columns: repeat(2, max-content); gap: 10px 32px; align-content: start; padding-top: 6px; color: #c4c8df; font-size: 13px; }.footer-main nav a:hover { color: white; }.footer-bottom { display: flex; justify-content: space-between; gap: 30px; padding: 19px 0; border-top: 1px solid rgba(255,255,255,.12); color: #8c93b2; font-size: 11px; }.whatsapp-float { position: fixed; z-index: 50; right: 21px; bottom: 21px; display: flex; align-items: center; gap: 8px; padding: 11px 15px; border-radius: 999px; color: white; background: #1cbf69; box-shadow: 0 10px 25px rgba(9,99,49,.27); font-size: 13px; font-weight: 800; transition: transform .2s ease; }.whatsapp-float:hover { transform: translateY(-3px); }.whatsapp-float svg { width: 19px; height: 19px; fill: currentColor; }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .65s ease, transform .65s ease; }.reveal.is-visible { opacity: 1; transform: none; }
@keyframes pulse { 50% { box-shadow: 0 0 0 9px rgba(137,255,207,0); } }

@media (max-width: 1024px) { .hero-content { gap: 50px; }.feature-grid, .advantages-grid { grid-template-columns: repeat(2, 1fr); }.value-layout, .trust-layout, .faq-layout, .contact-layout { gap: 60px; }.timeline { gap: 18px; }.footer-main { gap: 40px; } }
@media (max-width: 760px) { .container { width: min(calc(100% - 36px), var(--container)); }.header-content { height: 67px; }.menu-toggle { display: block; }.primary-navigation { position: absolute; top: 67px; right: 0; left: 0; display: grid; gap: 0; max-height: 0; overflow: hidden; border-bottom: 1px solid transparent; background: rgba(255,255,255,.98); box-shadow: 0 16px 25px rgba(17,24,75,.06); transition: max-height .25s ease, border-color .25s ease; }.primary-navigation.is-open { max-height: 380px; border-color: #e9ebf2; }.primary-navigation > a { padding: 14px 24px; }.nav-cta { width: calc(100% - 48px); margin: 10px 24px 18px; }.hero { min-height: auto; }.hero-content { grid-template-columns: 1fr; gap: 45px; min-height: auto; padding-block: 74px 60px; }.hero-panel { width: 100%; max-width: 430px; justify-self: start; }.section { padding: 74px 0; }.feature-grid, .value-layout, .trust-layout, .faq-layout, .contact-layout { grid-template-columns: 1fr; }.value-layout, .trust-layout, .faq-layout, .contact-layout { gap: 44px; }.value-visual { min-height: 350px; }.trust-copy > p:not(.eyebrow) { max-width: 550px; }.timeline { grid-template-columns: 1fr; gap: 23px; margin-top: 43px; }.timeline::before { top: 35px; bottom: 35px; left: 32px; width: 1px; height: auto; }.timeline-step { display: grid; grid-template-columns: 66px 1fr; gap: 17px; }.step-number { margin: 0; }.testimonials-grid { grid-template-columns: 1fr; }.faq-intro { position: static; }.footer-main { grid-template-columns: 1fr; }.footer-main nav { grid-template-columns: repeat(2, 1fr); }.footer-bottom { flex-direction: column; gap: 6px; }.whatsapp-float { right: 14px; bottom: 14px; }.whatsapp-float span { display: none; }.whatsapp-float { padding: 13px; }.whatsapp-float svg { width: 22px; height: 22px; } }
@media (max-width: 480px) { .container { width: min(calc(100% - 32px), var(--container)); }.brand { font-size: 17px; }.hero h1 { font-size: 39px; }.hero-intro { font-size: 16px; }.hero-actions { display: grid; }.hero-actions .button { width: 100%; }.hero-panel { border-radius: 14px; }.mini-chart { height: 130px; }.chart-line.one { width: 155px; }.chart-line.two { left: 145px; width: 125px; }.chart-dot.two { left: 142px; }.section-heading h2, .value-copy h2, .trust-copy h2, .faq-intro h2, .contact-copy h2 { font-size: 35px; }.feature-grid, .advantages-grid { grid-template-columns: 1fr; }.feature-card { min-height: 0; }.metric-main { top: 70px; left: 25px; }.metric-small { right: 18px; bottom: 22px; }.metric-ring { top: 22px; right: 22px; }.contact-form { padding: 22px 17px; }.form-grid { grid-template-columns: 1fr; }.field-full { grid-column: auto; }.radio-group { display: grid; grid-template-columns: repeat(3, 1fr); }.radio-group span { padding-inline: 4px; text-align: center; }.footer-main nav { grid-template-columns: 1fr; }.privacy-section { padding: 53px 0; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } .reveal { opacity: 1; transform: none; } }