:root {
  --page-bg: #080e16;
  --panel: #101b26;
  --panel-strong: #0d1721;
  --line: #263a48;
  --text: #f0f7f6;
  --muted: #9aacb3;
  --accent: #29c5e7;
  --accent-strong: #72e0ef;
  --warm: #ff8d72;
  --green: #57d9ab;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--page-bg); color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.5; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
.product-page { min-height: 100vh; overflow-x: hidden; background: var(--page-bg); }
.product-header { position: sticky; top: 0; z-index: 10; display: flex; align-items: center; justify-content: space-between; min-height: 72px; padding: 0 max(32px, calc((100% - 1340px) / 2)); border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(8,14,22,.92); backdrop-filter: blur(18px); }
.store-brand { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 800; }
.store-brand img { width: 32px; height: 32px; object-fit: contain; border-radius: 8px; }
.back-link { color: var(--muted); font-size: 13px; }
.back-link:hover { color: var(--text); }
.page-nav { display: flex; gap: 24px; color: var(--muted); font-size: 12px; }
.page-nav a:hover { color: var(--text); }
.product-shell { width: min(1340px, calc(100% - 64px)); margin: 0 auto; }
.product-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); gap: 76px; align-items: center; min-height: 650px; padding: 90px 0 110px; }
.product-eyebrow { margin: 0; color: var(--accent); font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.product-mp .product-eyebrow { color: var(--warm); }
.product-hero h1 { max-width: 650px; margin: 18px 0 24px; font-size: clamp(52px, 7vw, 92px); line-height: .98; }
.product-hero-lede { max-width: 610px; margin: 0; color: var(--muted); font-size: 18px; }
.product-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.product-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 46px; padding: 0 18px; border: 1px solid transparent; border-radius: 8px; background: var(--accent); color: #071922; font-size: 13px; font-weight: 800; }
.product-mp .product-button { background: var(--warm); color: #24100a; }
.product-button:hover { background: var(--accent-strong); }
.product-mp .product-button:hover { background: #ffb09c; }
.product-button-quiet { border-color: var(--line); background: transparent; color: var(--text); }
.product-button-quiet:hover { border-color: var(--accent); background: rgba(41,197,231,.07); }
.product-note { max-width: 580px; margin: 24px 0 0; color: var(--muted); font-size: 12px; }
.product-note a { color: var(--text); text-decoration: underline; text-underline-offset: 3px; }
.product-visual { position: relative; }
.visual-window { overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: var(--panel-strong); box-shadow: 0 28px 80px rgba(0,0,0,.34); }
.visual-bar { display: flex; align-items: center; gap: 7px; height: 42px; padding: 0 17px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.visual-bar i { width: 7px; height: 7px; border-radius: 50%; background: var(--warm); }
.visual-bar i:nth-child(2) { background: #e0b45e; }.visual-bar i:nth-child(3) { background: var(--green); }.visual-bar strong { margin-left: auto; font-weight: 700; }
.visual-body { padding: 28px; }
.product-wordmark { display: block; width: min(100%, 420px); max-height: 150px; margin: 5px auto 34px; object-fit: contain; }
.product-icon { display: block; width: 156px; height: 156px; margin: 5px auto 34px; object-fit: contain; }
.visual-title { margin: 0 0 8px; color: var(--accent); font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.product-mp .visual-title { color: var(--warm); }
.visual-row { display: flex; justify-content: space-between; gap: 20px; padding: 15px 0; border-top: 1px solid rgba(255,255,255,.1); color: var(--muted); font-size: 13px; }.visual-row strong { color: var(--text); }
.page-section { padding: 92px 0; border-top: 1px solid rgba(255,255,255,.07); }
.section-intro { max-width: 680px; }.section-intro h2 { margin: 10px 0 0; font-size: 42px; line-height: 1.05; }.section-intro p:last-child { margin: 17px 0 0; color: var(--muted); font-size: 15px; }
.feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 44px; border: 1px solid var(--line); background: var(--line); }
.feature-item { min-height: 225px; padding: 26px; background: var(--panel); }.feature-index { color: var(--accent); font: 800 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }.product-mp .feature-index { color: var(--warm); }.feature-item h3 { margin: 44px 0 9px; font-size: 18px; }.feature-item p { margin: 0; color: var(--muted); font-size: 13px; }
.flow-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: start; margin-top: 48px; }.flow-list { display: grid; gap: 0; }.flow-step { display: grid; grid-template-columns: 48px 1fr; gap: 16px; padding: 20px 0; border-bottom: 1px solid var(--line); }.flow-step:first-child { padding-top: 0; }.flow-number { color: var(--accent); font: 800 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }.product-mp .flow-number { color: var(--warm); }.flow-step h3 { margin: 0 0 5px; font-size: 17px; }.flow-step p { margin: 0; color: var(--muted); font-size: 13px; }.flow-console { padding: 25px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel-strong); }.console-label { margin: 0 0 18px; color: var(--muted); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }.console-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px 0; border-top: 1px solid rgba(255,255,255,.1); font-size: 13px; }.console-row span { color: var(--muted); }.console-row b { color: var(--text); }.console-status { color: var(--green) !important; }
.pricing-section { padding: 100px 0; border-top: 1px solid rgba(255,255,255,.07); }.pricing-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 44px; }.price-card { position: relative; display: flex; min-width: 0; flex-direction: column; padding: 25px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }.price-card.featured { border-color: var(--accent); background: #102632; }.product-mp .price-card.featured { border-color: var(--warm); background: #2a1b1b; }.price-card h3 { margin: 0; font-size: 18px; }.price-card > p { min-height: 42px; margin: 8px 0 0; color: var(--muted); font-size: 13px; }.price { display: grid; gap: 5px; margin-top: 22px; }.price strong { font-size: clamp(30px, 2.6vw, 42px); line-height: 1; white-space: nowrap; }.price span { color: var(--muted); font-size: 11px; }.price-economy { display: grid; gap: 4px; min-height: 50px; margin: 17px 0 28px; padding-top: 15px; border-top: 1px solid var(--line); }.price-economy strong { color: #c084fc; font-size: 14px; }.price-economy span { color: var(--muted); font-size: 11px; }.price-card .product-button { width: 100%; margin-top: auto; }.popular-label { position: absolute; top: -12px; right: 18px; padding: 5px 9px; border-radius: 6px; background: var(--accent); color: #071922; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.product-mp .popular-label { background: var(--warm); color: #24100a; }.pricing-includes { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 9px 24px; margin-top: 20px; padding: 17px 22px; border: 1px solid rgba(168,85,247,.16); border-radius: 11px; background: rgba(255,255,255,.025); color: var(--muted); font-size: 12px; }.pricing-includes strong { color: var(--text); font-size: 12px; }.pricing-includes span::before { content: "✓"; margin-right: 7px; color: #c084fc; font-weight: 800; }.mp-reference-page .pricing-includes { border-color: rgba(15,132,129,.16); background: rgba(255,255,255,.58); color: #42666a; }.mp-reference-page .pricing-includes strong { color: #18353a; }.mp-reference-page .pricing-includes span::before { color: #0d928c; }
.faq-list { max-width: 760px; margin: 42px auto 0; }.faq-list details { border-top: 1px solid var(--line); }.faq-list details:last-child { border-bottom: 1px solid var(--line); }.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 21px 0; list-style: none; font-size: 15px; font-weight: 700; cursor: pointer; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary::after { content: "+"; color: var(--accent); font-size: 21px; font-weight: 400; }.product-mp .faq-list summary::after { color: var(--warm); }.faq-list details[open] summary::after { content: "−"; }.faq-list p { max-width: 650px; margin: -3px 0 21px; color: var(--muted); font-size: 13px; }
.product-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 28px 0 36px; border-top: 1px solid rgba(255,255,255,.07); color: var(--muted); font-size: 12px; }.product-footer a:hover { color: var(--text); }
.modal-backdrop { position: fixed; inset: 0; z-index: 30; display: grid; place-items: center; padding: 22px; background: rgba(0,0,0,.75); }.modal-backdrop[hidden] { display: none; }.checkout-modal { position: relative; width: min(100%, 470px); padding: 32px; border: 1px solid var(--line); border-radius: 12px; background: #101b26; box-shadow: 0 30px 90px rgba(0,0,0,.55); }.modal-close { position: absolute; top: 14px; right: 14px; width: 32px; height: 32px; border: 0; background: transparent; color: var(--muted); font-size: 24px; }.checkout-modal h2 { margin: 10px 0; font-size: 29px; line-height: 1.08; }.modal-copy { color: var(--muted); font-size: 13px; }.checkout-modal form { display: grid; gap: 9px; margin-top: 23px; }.checkout-modal label { font-size: 12px; font-weight: 800; }.checkout-modal input[type="email"] { height: 44px; padding: 0 12px; border: 1px solid var(--line); border-radius: 7px; background: #081019; color: var(--text); outline: none; }.checkout-modal input[type="email"]:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(41,197,231,.14); }.consent { display: flex; gap: 8px; align-items: flex-start; margin: 10px 0; color: var(--muted); font-weight: 500 !important; }.consent input { margin-top: 3px; accent-color: var(--accent); }.form-status { min-height: 22px; margin: 2px 0 0; color: var(--muted); font-size: 12px; }.form-status.success { color: var(--green); }.form-status.error { color: var(--warm); }
@media (max-width: 1080px) { .pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) { .product-hero { grid-template-columns: 1fr; gap: 40px; padding-top: 70px; }.feature-grid { grid-template-columns: repeat(2, 1fr); }.flow-layout { grid-template-columns: 1fr; gap: 42px; } }
@media (max-width: 820px) { .product-header { padding: 0 18px; }.product-shell { width: min(100% - 36px, 1340px); } }
@media (max-width: 620px) { .product-header { min-height: 66px; padding: 0 18px; }.page-nav { display: none; }.back-link { font-size: 11px; }.product-hero { min-height: auto; padding: 68px 0 80px; }.product-hero h1 { font-size: 58px; }.product-hero-lede { font-size: 16px; }.product-wordmark { max-height: 100px; }.product-icon { width: 125px; height: 125px; }.page-section, .pricing-section { padding: 72px 0; }.section-intro h2 { font-size: 34px; }.feature-grid, .pricing-grid { grid-template-columns: 1fr; }.feature-item { min-height: auto; }.feature-item h3 { margin-top: 28px; }.product-footer { display: grid; }.checkout-modal { padding: 27px 21px; } }

/* Reference-inspired product treatment: large editorial hero, compact proof row, and strong purple workspace panels. */
.product-page { background: #140a25; color: #bca7dc; }
.product-header { position: fixed; inset: 0 0 auto; border-bottom-color: rgba(168,85,247,.12); background: rgba(20,10,37,.78); }
.store-brand, .product-footer a { color: #fff; }.back-link, .page-nav { color: #bca7dc; }.back-link:hover, .page-nav a:hover { color: #fff; }
.product-hero { min-height: 720px; padding-top: 150px; padding-bottom: 112px; }.product-hero h1 { max-width: 760px; font-size: clamp(62px, 8vw, 104px); letter-spacing: -0.02em; color: #fff; }.product-hero-lede { color: #bca7dc; }.product-eyebrow { color: #c084fc; }.product-mp .product-eyebrow { color: #71e0d0; }
.product-button { border-radius: 10px; background: #a855f7; color: #fff; box-shadow: 0 0 28px rgba(168,85,247,.35); }.product-button:hover { background: #b975f8; }.product-mp .product-button { background: #2ccdbb; color: #091d1e; box-shadow: 0 0 28px rgba(44,205,187,.24); }.product-mp .product-button:hover { background: #73e5d6; }.product-button-quiet { border-color: rgba(168,85,247,.4); background: rgba(255,255,255,.04); color: #fff; box-shadow: none; }.product-mp .product-button-quiet { border-color: rgba(44,205,187,.4); }
.product-note { color: #8f7cab; }.hero-proof { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 32px; color: #bca7dc; font-size: 12px; }.hero-proof span::before { content: "✓"; margin-right: 7px; color: #a855f7; font-weight: 800; }.product-mp .hero-proof span::before { color: #2ccdbb; }
.visual-window { border-color: rgba(168,85,247,.35); background: #0f0720; box-shadow: 0 30px 80px rgba(103,36,160,.28); }.product-mp .visual-window { border-color: rgba(44,205,187,.3); box-shadow: 0 30px 80px rgba(12,97,102,.22); }.visual-bar { border-bottom-color: rgba(255,255,255,.08); }.visual-body { background: rgba(255,255,255,.02); }.visual-title { color: #c084fc; }.product-mp .visual-title { color: #71e0d0; }.visual-row { border-top-color: rgba(255,255,255,.08); }.product-wordmark { filter: drop-shadow(0 0 18px rgba(168,85,247,.55)); }.product-icon { filter: drop-shadow(0 0 18px rgba(44,205,187,.3)); }
.page-section, .pricing-section { border-top-color: rgba(168,85,247,.1); }.section-intro h2, .security-copy h2, .final-cta h2 { color: #fff; letter-spacing: -0.01em; }.section-intro p:last-child, .security-copy p, .feature-item p, .flow-step p, .faq-list p { color: #bca7dc; }.feature-grid { border-color: rgba(168,85,247,.18); background: rgba(168,85,247,.18); }.feature-item { background: rgba(255,255,255,.035); border: 0; }.feature-item:hover { background: rgba(168,85,247,.08); }.feature-index, .flow-number { color: #c084fc; }.product-mp .feature-index, .product-mp .flow-number { color: #71e0d0; }.flow-step, .faq-list details { border-color: rgba(168,85,247,.18); }.flow-console, .price-card { border-color: rgba(168,85,247,.2); background: rgba(255,255,255,.035); }.console-row { border-top-color: rgba(255,255,255,.08); }.price-card.featured { border-color: #a855f7; background: rgba(168,85,247,.12); }.product-mp .price-card.featured { border-color: #2ccdbb; background: rgba(44,205,187,.1); }.popular-label { background: #a855f7; }.product-mp .popular-label { background: #2ccdbb; color: #091d1e; }.price-list li::before { color: #c084fc; }.product-mp .price-list li::before { color: #71e0d0; }.faq-list summary::after { color: #c084fc; }.product-mp .faq-list summary::after { color: #71e0d0; }
.security-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; padding: 56px; border: 1px solid rgba(168,85,247,.2); border-radius: 24px; background: linear-gradient(135deg, rgba(168,85,247,.14), rgba(255,255,255,.025)); }.product-mp .security-panel { border-color: rgba(44,205,187,.2); background: linear-gradient(135deg, rgba(44,205,187,.12), rgba(255,255,255,.025)); }.security-copy h2 { max-width: 520px; margin: 13px 0 0; font-size: 39px; line-height: 1.05; }.security-copy p { max-width: 520px; margin: 18px 0 0; }.security-list { display: grid; gap: 11px; padding: 0; margin: 24px 0 0; list-style: none; color: #fff; font-size: 13px; }.security-list li::before { content: "✓"; display: inline-block; width: 25px; color: #c084fc; font-weight: 800; }.product-mp .security-list li::before { color: #71e0d0; }.security-visual { display: grid; min-height: 290px; place-items: center; align-content: center; border: 1px solid rgba(168,85,247,.25); border-radius: 18px; background: #0f0720; text-align: center; }.product-mp .security-visual { border-color: rgba(44,205,187,.25); }.security-mark { display: grid; width: 124px; height: 124px; place-items: center; border: 1px solid #c084fc; border-radius: 50%; color: #fff; font-size: 32px; font-weight: 800; box-shadow: 0 0 42px rgba(168,85,247,.42); }.security-mark-mp { border-color: #71e0d0; color: #71e0d0; box-shadow: 0 0 42px rgba(44,205,187,.28); font-size: 26px; }.security-visual strong { margin-top: 22px; color: #fff; }.security-visual span { margin-top: 3px; color: #bca7dc; font-size: 12px; }.final-cta { text-align: center; }.final-cta .product-shell { max-width: 800px; }.final-cta h2 { margin: 12px auto 0; font-size: 52px; }.final-cta p:not(.product-eyebrow) { color: #bca7dc; }.final-cta .product-button { margin-top: 26px; }
@media (max-width: 900px) { .security-panel { grid-template-columns: 1fr; padding: 36px; } }
@media (max-width: 620px) { .product-hero { padding-top: 112px; }.product-hero h1 { font-size: 58px; }.hero-proof { display: grid; gap: 9px; }.security-panel { padding: 27px 22px; border-radius: 18px; }.security-copy h2 { font-size: 33px; }.final-cta h2 { font-size: 40px; } }

/* Loovable page mirrors the supplied product-site composition. */
.l8-header { justify-content: space-between; }.l8-wordmark { display: inline-flex; align-items: center; }.l8-wordmark img { width: 126px; height: auto; filter: drop-shadow(0 0 14px rgba(168,85,247,.5)); }.l8-header-button { min-height: 38px; padding: 0 16px; font-size: 12px; }
.l8-hero { min-height: 790px; padding-top: 142px; padding-bottom: 112px; }.l8-badge { display: inline-flex; align-items: center; gap: 8px; padding: 7px 13px; border: 1px solid rgba(168,85,247,.35); border-radius: 999px; background: rgba(168,85,247,.1); color: #bca7dc; font-size: 11px; }.l8-badge span { color: #c084fc; }.l8-hero h1 { max-width: 1020px; margin: 27px 0 40px; color: #fff; font-size: clamp(60px, 7.4vw, 92px); line-height: .99; letter-spacing: -0.02em; }.l8-hero h1 span { color: #c084fc; }.l8-hero h1 em { color: #e9d5ff; font-style: normal; }.l8-hero-grid { display: grid; grid-template-columns: 1.35fr .85fr; gap: 80px; align-items: end; }.l8-hero-copy { max-width: 650px; margin: 0; color: #bca7dc; font-size: 17px; line-height: 1.65; }.l8-proof { display: flex; flex-wrap: wrap; gap: 21px; margin-top: 29px; color: #bca7dc; font-size: 12px; }.l8-proof span::before { content: "✓"; margin-right: 7px; color: #c084fc; font-weight: 800; }.l8-credit-note { max-width: 610px; margin: 15px 0 0; padding-left: 12px; border-left: 2px solid rgba(192,132,252,.48); color: #9d8ab9; font-size: 11px; line-height: 1.55; }.l8-stats-panel { padding: 24px; border: 1px solid rgba(168,85,247,.3); border-radius: 15px; background: rgba(15,7,32,.78); box-shadow: 0 24px 70px rgba(91,29,145,.22); }.l8-panel-top { display: flex; justify-content: space-between; gap: 15px; padding-bottom: 14px; color: #a855f7; font-size: 10px; font-weight: 800; letter-spacing: .15em; }.l8-panel-top span:last-child { display: inline-flex; align-items: center; gap: 6px; color: #bca7dc; letter-spacing: .02em; text-transform: none; }.l8-panel-top i { width: 6px; height: 6px; border-radius: 50%; background: #a855f7; box-shadow: 0 0 9px rgba(168,85,247,.8); }.l8-stat-row { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; padding: 15px 0; border-top: 1px solid rgba(255,255,255,.08); color: #bca7dc; font-size: 12px; }.l8-stat-row strong { color: #fff; font-size: 13px; }
.l8-promo-section { padding: 0 0 112px; }.l8-promo-layout { display: grid; grid-template-columns: 1fr minmax(280px, 370px); gap: 80px; align-items: center; padding: 52px 0 0; border-top: 1px solid rgba(168,85,247,.1); }.l8-promo-layout h2 { max-width: 560px; margin: 12px 0 0; color: #fff; font-size: 43px; line-height: 1.06; }.l8-promo-layout p:not(.product-eyebrow) { max-width: 480px; margin: 17px 0 0; color: #bca7dc; }.l8-promo-video { display: block; width: 100%; max-height: 580px; border: 1px solid rgba(168,85,247,.32); border-radius: 16px; background: #0f0720; box-shadow: 0 26px 75px rgba(91,29,145,.3); }
.l8-section { padding: 112px 0; border-top: 1px solid rgba(168,85,247,.1); }.l8-section-intro { max-width: 700px; margin: 0 auto; text-align: center; }.l8-section-intro h2 { margin: 13px 0 0; color: #fff; font-size: 44px; line-height: 1.06; letter-spacing: -0.01em; }.l8-section-intro p:last-child { margin: 18px 0 0; color: #bca7dc; font-size: 15px; }.l8-benefit-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 55px; border: 1px solid rgba(168,85,247,.18); background: rgba(168,85,247,.18); }.l8-benefit-grid article { min-height: 250px; padding: 27px; background: rgba(255,255,255,.035); }.l8-benefit-grid article:hover { background: rgba(168,85,247,.08); }.l8-benefit-grid article > span { color: #c084fc; font: 800 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }.l8-benefit-grid h3 { margin: 64px 0 10px; color: #fff; font-size: 18px; }.l8-benefit-grid p { margin: 0; color: #bca7dc; font-size: 13px; }
.l8-how-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 75px; align-items: center; margin-top: 56px; }.l8-steps { display: grid; gap: 13px; }.l8-steps article { display: grid; grid-template-columns: 48px 1fr; gap: 16px; padding: 22px; border: 1px solid rgba(168,85,247,.2); border-radius: 14px; background: rgba(255,255,255,.035); }.l8-steps article > span { color: #c084fc; font: 800 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }.l8-steps h3 { margin: 0 0 5px; color: #fff; font-size: 19px; }.l8-steps p { margin: 0; color: #bca7dc; font-size: 13px; }.l8-app-preview { overflow: hidden; border: 1px solid rgba(168,85,247,.3); border-radius: 15px; background: #0f0720; box-shadow: 0 28px 75px rgba(91,29,145,.3); }.l8-preview-bar { display: flex; align-items: center; gap: 7px; height: 43px; padding: 0 17px; border-bottom: 1px solid rgba(255,255,255,.08); color: #a98bc9; font-size: 10px; letter-spacing: .13em; }.l8-preview-bar i { width: 7px; height: 7px; border-radius: 50%; background: #ec8066; }.l8-preview-bar i:nth-child(2) { background: #dfb556; }.l8-preview-bar i:nth-child(3) { background: #4bc795; }.l8-preview-bar strong { margin-left: auto; }.l8-preview-body { padding: 36px; }.l8-preview-body > img { display: block; width: 130px; height: 130px; margin: 0 auto 30px; object-fit: contain; filter: drop-shadow(0 0 24px rgba(168,85,247,.55)); }.l8-preview-title { margin-bottom: 17px; color: #c084fc; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }.l8-preview-row { display: flex; justify-content: space-between; gap: 20px; padding: 15px 0; border-top: 1px solid rgba(255,255,255,.08); color: #bca7dc; font-size: 13px; }.l8-preview-row b { color: #fff; }
.l8-demo-stage { margin: 0; }
.l8-video-player { position: relative; overflow: hidden; aspect-ratio: 16 / 9; border: 1px solid rgba(192,132,252,.5); border-radius: 10px; background: #05020a; box-shadow: 0 26px 72px rgba(59,15,103,.34); isolation: isolate; }
.l8-demo-video { display: block; width: 100%; height: 100%; background: #05020a; object-fit: contain; }
.l8-video-overlay { position: absolute; inset: 0; z-index: 1; display: grid; place-content: center; gap: 12px; border: 0; background: rgba(5,2,10,.12); color: #fff; font: inherit; font-size: 12px; font-weight: 800; opacity: 1; transition: opacity .2s ease, background .2s ease; }
.l8-video-overlay:hover { background: rgba(5,2,10,.28); }.l8-video-player.is-playing .l8-video-overlay { opacity: 0; pointer-events: none; }.l8-video-overlay-icon { display: grid; width: 64px; height: 64px; place-items: center; padding-left: 4px; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; background: rgba(12,5,24,.82); box-shadow: 0 0 0 8px rgba(192,132,252,.16), 0 14px 34px rgba(0,0,0,.35); color: #e9d5ff; font-size: 23px; }
.l8-video-controls { position: absolute; right: 12px; bottom: 12px; left: 12px; z-index: 2; display: grid; grid-template-columns: 34px minmax(0, 1fr) auto 34px; align-items: center; gap: 10px; padding: 8px; border: 1px solid rgba(255,255,255,.16); border-radius: 7px; background: rgba(10,4,20,.78); box-shadow: 0 10px 28px rgba(0,0,0,.28); opacity: 0; transform: translateY(6px); transition: opacity .2s ease, transform .2s ease; }.l8-video-player:hover .l8-video-controls, .l8-video-player:focus-within .l8-video-controls, .l8-video-player:not(.is-playing) .l8-video-controls { opacity: 1; transform: translateY(0); }
.l8-video-icon-button { display: grid; width: 34px; height: 30px; place-items: center; padding: 0; border: 0; border-radius: 5px; background: transparent; color: #f3e8ff; font: inherit; font-size: 13px; }.l8-video-icon-button:hover { background: rgba(192,132,252,.2); }.l8-video-progress { width: 100%; height: 4px; margin: 0; accent-color: #c084fc; cursor: pointer; }.l8-video-time { min-width: 74px; color: #eadcf9; font: 11px/1 ui-monospace, SFMono-Regular, Menlo, monospace; text-align: center; }
.l8-security { padding: 24px 0 112px; }.l8-security-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; padding: 56px; border: 1px solid rgba(168,85,247,.22); border-radius: 23px; background: linear-gradient(135deg, rgba(168,85,247,.14), rgba(255,255,255,.025)); }.l8-security-panel h2 { max-width: 560px; margin: 13px 0 0; color: #fff; font-size: 41px; line-height: 1.05; }.l8-security-panel p { max-width: 550px; margin: 18px 0 0; color: #bca7dc; font-size: 14px; }.l8-security-panel ul { display: grid; gap: 11px; padding: 0; margin: 25px 0 0; list-style: none; color: #fff; font-size: 13px; }.l8-security-panel li::before { content: "✓"; display: inline-block; width: 25px; color: #c084fc; font-weight: 800; }.l8-security-mark { display: grid; min-height: 300px; place-items: center; align-content: center; border: 1px solid rgba(168,85,247,.28); border-radius: 17px; background: #0f0720; text-align: center; }.l8-security-mark div { display: grid; width: 130px; height: 130px; place-items: center; border: 1px solid #c084fc; border-radius: 50%; color: #fff; font-size: 32px; font-weight: 800; box-shadow: 0 0 54px rgba(168,85,247,.55); }.l8-security-mark strong { margin-top: 23px; color: #fff; }.l8-security-mark span { color: #bca7dc; font-size: 12px; }.l8-pricing { padding-top: 110px; }.l8-faq .l8-section-intro { text-align: left; }.l8-faq .faq-list { margin-top: 42px; }.l8-final { padding: 115px 0 125px; text-align: center; }.l8-final .product-shell { max-width: 800px; }.l8-final h2 { margin: 13px 0 0; color: #fff; font-size: 55px; line-height: 1.02; }.l8-final p:not(.product-eyebrow) { color: #bca7dc; }.l8-final .product-button { margin-top: 27px; }
@media (max-width: 900px) { .l8-hero-grid, .l8-how-grid, .l8-security-panel, .l8-promo-layout { grid-template-columns: 1fr; }.l8-hero-grid { gap: 42px; }.l8-benefit-grid { grid-template-columns: repeat(2, 1fr); }.l8-security-panel { padding: 38px; }.l8-promo-layout { gap: 30px; }.l8-promo-video { width: min(100%, 370px); } }
@media (max-width: 620px) { .l8-header { padding: 0 16px; }.l8-wordmark img { width: 105px; }.l8-header-button { display: none; }.l8-hero { min-height: auto; padding-top: 112px; padding-bottom: 80px; }.l8-hero h1 { font-size: 57px; }.l8-hero-copy { font-size: 16px; }.l8-proof { display: grid; gap: 9px; }.l8-credit-note { font-size: 11px; }.pricing-includes { display: grid; justify-content: stretch; gap: 10px; }.l8-promo-section { padding-bottom: 76px; }.l8-promo-layout { padding-top: 38px; }.l8-promo-layout h2 { font-size: 35px; }.l8-section { padding: 76px 0; }.l8-section-intro h2 { font-size: 35px; }.l8-benefit-grid { grid-template-columns: 1fr; }.l8-benefit-grid article { min-height: auto; }.l8-benefit-grid h3 { margin-top: 30px; }.l8-preview-body { padding: 25px 20px; }.l8-security { padding-bottom: 76px; }.l8-security-panel { padding: 27px 22px; border-radius: 18px; }.l8-security-panel h2 { font-size: 34px; }.l8-final { padding: 78px 0 90px; }.l8-final h2 { font-size: 42px; } }

/* Bot MercadoPago follows the same supplied product-site composition with its own operational accent. */
.mp-reference-page { --mp-accent: #2ccdbb; --mp-soft: #71e0d0; }.mp-wordmark { display: inline-flex; align-items: center; }.mp-wordmark img { width: 158px; height: 43px; object-fit: contain; filter: drop-shadow(0 2px 10px rgba(0,0,0,.28)); }.mp-reference-page .l8-badge { border-color: rgba(44,205,187,.34); background: rgba(44,205,187,.1); color: #b5e9e1; }.mp-reference-page .l8-badge span, .mp-reference-page .product-eyebrow { color: var(--mp-soft); }.mp-reference-page .l8-hero h1 span { color: var(--mp-soft); }.mp-reference-page .l8-hero h1 em { color: #d2fbf5; }.mp-reference-page .product-button { background: var(--mp-accent); color: #071c1d; box-shadow: 0 0 28px rgba(44,205,187,.3); }.mp-reference-page .product-button:hover { background: var(--mp-soft); }.mp-reference-page .product-button-quiet { border-color: rgba(44,205,187,.38); background: rgba(255,255,255,.04); color: #fff; box-shadow: none; }.mp-reference-page .l8-proof span::before, .mp-reference-page .l8-benefit-grid article > span, .mp-reference-page .l8-steps article > span, .mp-reference-page .l8-security-panel li::before, .mp-reference-page .price-list li::before { color: var(--mp-soft); }.mp-reference-page .l8-stats-panel, .mp-reference-page .l8-app-preview { border-color: rgba(44,205,187,.28); box-shadow: 0 24px 70px rgba(12,111,105,.18); }.mp-reference-page .l8-panel-top { color: var(--mp-accent); }.mp-reference-page .l8-panel-top i { background: var(--mp-accent); box-shadow: 0 0 9px rgba(44,205,187,.8); }.mp-reference-page .l8-benefit-grid { border-color: rgba(44,205,187,.16); background: rgba(44,205,187,.16); }.mp-reference-page .l8-benefit-grid article:hover { background: rgba(44,205,187,.08); }.mp-reference-page .l8-steps article { border-color: rgba(44,205,187,.18); }.mp-reference-page .l8-preview-body > img { filter: drop-shadow(0 0 24px rgba(44,205,187,.42)); }.mp-reference-page .l8-preview-title { color: var(--mp-soft); }.mp-reference-page .l8-security-panel { border-color: rgba(44,205,187,.2); background: linear-gradient(135deg, rgba(44,205,187,.12), rgba(255,255,255,.025)); }.mp-reference-page .l8-security-mark { border-color: rgba(44,205,187,.24); }.mp-reference-page .mp-security-mark div { border-color: var(--mp-soft); color: var(--mp-soft); box-shadow: 0 0 54px rgba(44,205,187,.36); font-size: 26px; }.mp-reference-page .price-card.featured { border-color: var(--mp-accent); background: rgba(44,205,187,.1); }.mp-reference-page .popular-label { background: var(--mp-accent); color: #071c1d; }.mp-reference-page .faq-list summary::after { color: var(--mp-soft); }

/* MercadoPago has its own deep teal base so the product is not presented on Loovable's purple canvas. */
.mp-reference-page { background: #061a1b; color: #b6d4d1; }
.mp-reference-page .product-header { border-bottom-color: rgba(44,205,187,.14); background: rgba(6,26,27,.8); }
.mp-reference-page .l8-hero-copy, .mp-reference-page .l8-proof, .mp-reference-page .l8-section-intro p:last-child, .mp-reference-page .l8-benefit-grid p, .mp-reference-page .l8-steps p, .mp-reference-page .l8-security-panel p, .mp-reference-page .l8-final p:not(.product-eyebrow), .mp-reference-page .l8-stats-panel, .mp-reference-page .l8-stat-row, .mp-reference-page .l8-preview-row, .mp-reference-page .product-footer { color: #b6d4d1; }
.mp-reference-page .l8-app-preview, .mp-reference-page .l8-security-mark { background: #041314; }

/* The Bot MercadoPago uses a light operational surface so its blue and turquoise mark stays legible. */
.mp-reference-page { background: #f3fbfa; color: #18353a; }
.mp-reference-page .product-header { border-bottom-color: rgba(15,132,129,.16); background: rgba(250,255,254,.9); }
.mp-reference-page .page-nav { color: #42676a; }
.mp-reference-page .page-nav a:hover, .mp-reference-page .product-footer a { color: #0a7276; }
.mp-reference-page .l8-hero h1, .mp-reference-page .l8-section-intro h2, .mp-reference-page .l8-benefit-grid h3, .mp-reference-page .l8-steps h3, .mp-reference-page .l8-security-panel h2, .mp-reference-page .l8-final h2, .mp-reference-page .price-card h3, .mp-reference-page .price strong, .mp-reference-page .price-list li, .mp-reference-page .faq-list summary, .mp-reference-page .l8-preview-row b, .mp-reference-page .l8-stat-row strong { color: #112e33; }
.mp-reference-page .l8-hero-copy, .mp-reference-page .l8-proof, .mp-reference-page .l8-section-intro p:last-child, .mp-reference-page .l8-benefit-grid p, .mp-reference-page .l8-steps p, .mp-reference-page .l8-security-panel p, .mp-reference-page .l8-final p:not(.product-eyebrow), .mp-reference-page .l8-stats-panel, .mp-reference-page .l8-stat-row, .mp-reference-page .l8-preview-row, .mp-reference-page .product-footer, .mp-reference-page .price-card p, .mp-reference-page .faq-list p { color: #527174; }
.mp-reference-page .l8-badge { background: #e6f8f5; color: #386c6d; }
.mp-reference-page .l8-stats-panel, .mp-reference-page .l8-app-preview, .mp-reference-page .l8-security-mark { background: #fff; box-shadow: 0 20px 55px rgba(16,94,96,.12); }
.mp-reference-page .l8-benefit-grid { border-color: rgba(15,132,129,.16); background: rgba(15,132,129,.16); }
.mp-reference-page .l8-benefit-grid article, .mp-reference-page .l8-steps article, .mp-reference-page .price-card { background: #fff; border-color: rgba(15,132,129,.18); }
.mp-reference-page .l8-benefit-grid article:hover { background: #eefaf8; }
.mp-reference-page .l8-preview-bar, .mp-reference-page .l8-preview-row, .mp-reference-page .l8-stat-row, .mp-reference-page .l8-security-panel, .mp-reference-page .faq-list details { border-color: rgba(15,132,129,.16); }
.mp-reference-page .l8-preview-bar { color: #477174; }
.mp-reference-page .l8-security-panel { background: linear-gradient(135deg, #e7f8f5, #fff); }
.mp-reference-page .l8-security-panel ul, .mp-reference-page .l8-security-mark strong { color: #18353a; }
.mp-reference-page .l8-security-mark span { color: #527174; }
.mp-reference-page .mp-security-mark div { background: #f2fcfa; }
.mp-reference-page .price-card.featured { background: #e6f8f5; }
.mp-reference-page .product-button-quiet { background: #fff; color: #126b6d; }

/* Finish the light theme across secondary states and keep every text layer readable on white. */
.mp-reference-page .l8-hero h1 span { color: #0d928c; }
.mp-reference-page .l8-hero h1 em { color: #147d79; }
.mp-reference-page .l8-badge span, .mp-reference-page .product-eyebrow, .mp-reference-page .l8-panel-top, .mp-reference-page .l8-preview-title { color: #0d827e; }
.mp-reference-page .l8-panel-top span:last-child { color: #527174; }
.mp-reference-page .l8-panel-top i { background: #12a49d; box-shadow: 0 0 9px rgba(18,164,157,.44); }
.mp-reference-page .l8-proof span::before, .mp-reference-page .l8-benefit-grid article > span, .mp-reference-page .l8-steps article > span, .mp-reference-page .l8-security-panel li::before, .mp-reference-page .price-list li::before, .mp-reference-page .faq-list summary::after { color: #0d928c; }
.mp-reference-page .l8-section, .mp-reference-page .l8-promo-layout, .mp-reference-page .product-footer { border-color: rgba(15,132,129,.12); }
.mp-reference-page .l8-hero-copy, .mp-reference-page .l8-proof, .mp-reference-page .l8-section-intro p:last-child, .mp-reference-page .l8-benefit-grid p, .mp-reference-page .l8-steps p, .mp-reference-page .l8-security-panel p, .mp-reference-page .l8-final p:not(.product-eyebrow), .mp-reference-page .l8-stats-panel, .mp-reference-page .l8-stat-row, .mp-reference-page .l8-preview-row, .mp-reference-page .product-footer, .mp-reference-page .price-card p, .mp-reference-page .faq-list p { color: #42666a; }
.mp-reference-page .l8-preview-bar strong { color: #326267; }
.mp-reference-page .l8-app-preview, .mp-reference-page .l8-security-mark { border-color: rgba(15,132,129,.22); }
.mp-reference-page .l8-stats-panel { border-color: rgba(15,132,129,.24); }
.mp-reference-page .l8-security-mark div { border-color: #16a69e; box-shadow: 0 0 42px rgba(18,164,157,.22); }
.mp-reference-page .product-button { background: #0d958e; color: #fff; box-shadow: 0 8px 20px rgba(13,149,142,.2); }
.mp-reference-page .product-button:hover { background: #087b76; }
.mp-reference-page .product-button-quiet:hover { border-color: #0d958e; background: #e7f8f5; }
.mp-reference-page .popular-label { background: #0d958e; color: #fff; }
.mp-reference-page .price-economy { border-color: rgba(15,132,129,.16); }
.mp-reference-page .price-economy strong { color: #0d827e; }
.mp-reference-page .price-economy span { color: #42666a; }
.mp-reference-page .checkout-modal { border-color: rgba(15,132,129,.2); background: #fff; box-shadow: 0 30px 90px rgba(11,67,69,.22); }
.mp-reference-page .checkout-modal h2, .mp-reference-page .checkout-modal label { color: #18353a; }
.mp-reference-page .modal-copy, .mp-reference-page .consent, .mp-reference-page .form-status { color: #527174; }
.mp-reference-page .checkout-modal input[type="email"] { border-color: rgba(15,132,129,.24); background: #f6fcfb; color: #18353a; }
.mp-reference-page .checkout-modal input[type="email"]:focus { border-color: #0d958e; box-shadow: 0 0 0 3px rgba(13,149,142,.14); }
.mp-reference-page .modal-close { color: #42666a; }

.checkout-modal input:not([type="checkbox"]), .pix-code { box-sizing: border-box; width: 100%; height: 44px; padding: 0 12px; border: 1px solid var(--line); border-radius: 7px; background: #081019; color: var(--text); outline: none; }.checkout-modal input:not([type="checkbox"]):focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(41,197,231,.14); }.checkout-modal form span[data-registration-field] { display: grid; gap: 6px; }.account-switch { border: 0; padding: 5px 0; background: transparent; color: var(--accent); text-align: left; font: inherit; font-size: 12px; cursor: pointer; }.pix-result { display: grid; gap: 12px; margin-top: 22px; }.pix-amount { margin: 0; color: var(--text); font-size: 26px; font-weight: 800; }.pix-qr { width: 190px; max-width: 100%; margin: 4px auto; border-radius: 8px; background: #fff; }.pix-code { font-size: 11px; }.pix-copy { width: 100%; }.pix-state { margin: 0; color: var(--muted); font-size: 12px; }.mp-reference-page .checkout-modal input:not([type="checkbox"]), .mp-reference-page .pix-code { border-color: rgba(15,132,129,.24); background: #f6fcfb; color: #18353a; }
.pix-result[hidden] { display: none; }

.mp-dashboard-shot { margin: 0; overflow: hidden; border: 1px solid rgba(21, 151, 200, .35); border-radius: 12px; background: #d8e3ea; box-shadow: 0 24px 64px rgba(27, 81, 110, .18); }
.mp-dashboard-shot img { display: block; width: 100%; height: auto; }
.mp-dashboard-shot figcaption { padding: 12px 16px; border-top: 1px solid rgba(21, 151, 200, .24); color: #42666a; background: #f4f8fa; font-size: 12px; }

.l8-hero { min-height: 680px; padding-top: 110px; padding-bottom: 86px; }
.l8-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(390px, .88fr); gap: clamp(48px, 7vw, 94px); align-items: center; }
.l8-hero-content { max-width: 650px; }
.l8-hero h1 { max-width: 680px; margin: 26px 0 28px; font-size: clamp(56px, 5.45vw, 78px); }
.l8-hero h1 em { display: block; margin-top: .08em; }
.l8-hero-app-shot { width: min(100%, 475px); margin: 0; justify-self: center; overflow: hidden; border: 1px solid rgba(192, 132, 252, .52); border-radius: 14px; background: #100720; box-shadow: 0 32px 80px rgba(91, 29, 145, .38); }
.l8-hero-app-shot img { display: block; width: 100%; height: auto; }
@media (max-width: 900px) { .l8-hero { min-height: auto; }.l8-hero-grid { grid-template-columns: 1fr; gap: 42px; }.l8-hero-app-shot { justify-self: start; } }
@media (max-width: 620px) { .l8-hero-app-shot { justify-self: center; } }

.l8-proof a::before { content: "✓"; margin-right: 7px; color: #c084fc; font-weight: 800; }
.l8-proof a { color: #d8b4fe; text-decoration: underline; text-decoration-color: rgba(192, 132, 252, .4); text-underline-offset: 4px; }
.l8-proof a:hover { color: #f3e8ff; text-decoration-color: currentColor; }
.verification-section { scroll-margin-top: 76px; padding: 24px 0 112px; }
.verification-panel { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); gap: 34px 48px; padding: 42px; border: 1px solid rgba(168, 85, 247, .24); border-radius: 18px; background: linear-gradient(135deg, rgba(168, 85, 247, .11), rgba(255, 255, 255, .025)); }
.verification-copy h2 { max-width: 640px; margin: 12px 0 0; color: #fff; font-size: clamp(32px, 3.4vw, 44px); line-height: 1.06; }
.verification-copy > p:last-of-type { max-width: 620px; margin: 17px 0 0; color: #bca7dc; font-size: 14px; line-height: 1.65; }
.verification-identity { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 24px; color: #a995c7; font-size: 11px; }
.verification-identity strong { display: block; margin-top: 3px; color: #f3e8ff; font-size: 12px; }
.verification-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-self: stretch; }
.verification-results > a { display: flex; min-width: 0; flex-direction: column; padding: 22px; border: 1px solid rgba(192, 132, 252, .25); border-radius: 13px; background: #0f0720; transition: border-color .2s ease, transform .2s ease; }
.verification-results > a:hover { border-color: #c084fc; transform: translateY(-2px); }
.verification-results span { color: #c084fc; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.verification-results strong { margin-top: 20px; color: #a3e635; font-size: 34px; line-height: 1; }
.verification-results small { margin-top: 9px; color: #bca7dc; font-size: 11px; line-height: 1.45; }
.verification-results em { margin-top: auto; padding-top: 22px; color: #ead7ff; font-size: 11px; font-style: normal; font-weight: 800; }
.verification-hash { grid-column: 1 / -1; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px 18px; align-items: center; padding-top: 20px; border-top: 1px solid rgba(192, 132, 252, .18); color: #9f8abf; font-size: 10px; }
.verification-hash code { min-width: 0; overflow: hidden; color: #d8b4fe; font: 11px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; text-overflow: ellipsis; white-space: nowrap; }
.verification-hash a { color: #f3e8ff; font-size: 11px; font-weight: 800; }
.verification-hash a:hover { color: #c084fc; }
.verification-note { grid-column: 1 / -1; margin: -18px 0 0; color: #a995c7; font-size: 11px; }
@media (max-width: 900px) { .verification-panel { grid-template-columns: 1fr; }.verification-results { min-height: 230px; } }
@media (max-width: 620px) { .verification-section { padding-bottom: 76px; }.verification-panel { gap: 28px; padding: 27px 22px; }.verification-results { grid-template-columns: 1fr; min-height: 0; }.verification-results > a { min-height: 190px; }.verification-hash { grid-template-columns: 1fr; }.verification-note { margin-top: -8px; } }
.mp-reference-page .l8-proof a { color: #0d827e; text-decoration-color: rgba(13, 130, 126, .35); }
.mp-reference-page .l8-proof a::before { color: #0d928c; }
.mp-reference-page .l8-proof a:hover { color: #075f5d; }
.mp-reference-page .verification-panel { border-color: rgba(15, 132, 129, .2); background: linear-gradient(135deg, #e7f8f5, #fff); }
.mp-reference-page .verification-copy h2 { color: #112e33; }
.mp-reference-page .verification-copy > p:last-of-type { color: #42666a; }
.mp-reference-page .verification-identity { color: #527174; }
.mp-reference-page .verification-identity strong { color: #18353a; }
.mp-reference-page .verification-results > a { border-color: rgba(15, 132, 129, .2); background: #fff; box-shadow: 0 14px 34px rgba(16, 94, 96, .08); }
.mp-reference-page .verification-results > a:hover { border-color: #0d958e; }
.mp-reference-page .verification-results span { color: #0d827e; }
.mp-reference-page .verification-results strong { color: #168b58; }
.mp-reference-page .verification-results small { color: #42666a; }
.mp-reference-page .verification-results em { color: #0a7276; }
.mp-reference-page .verification-hash { border-color: rgba(15, 132, 129, .16); color: #527174; }
.mp-reference-page .verification-hash code { color: #0d827e; }
.mp-reference-page .verification-hash a { color: #0a7276; }
.mp-reference-page .verification-hash a:hover { color: #075f5d; }
.mp-reference-page .verification-note { color: #526f72; }

/* Bot MercadoPago: product-led hero, clearer section rhythm, and mobile-safe navigation. */
.mp-reference-page section[id] { scroll-margin-top: 84px; }
.mp-mobile-account { display: none; }
.mp-reference-page .mp-hero { min-height: 690px; padding-top: 122px; padding-bottom: 96px; }
.mp-reference-page .mp-hero-grid { grid-template-columns: minmax(0, .88fr) minmax(480px, 1.12fr); gap: clamp(44px, 6vw, 82px); align-items: center; }
.mp-reference-page .mp-hero-content { min-width: 0; }
.mp-reference-page .mp-hero h1 { max-width: 650px; margin: 24px 0 26px; font-size: clamp(52px, 5vw, 74px); line-height: .98; }
.mp-reference-page .mp-hero h1 em { margin-top: .16em; }
.mp-reference-page .mp-hero .l8-hero-copy { max-width: 610px; }
.mp-hero-product { min-width: 0; margin: 0; overflow: hidden; border: 1px solid rgba(15,132,129,.24); border-radius: 19px; background: #dce8ed; box-shadow: 0 30px 80px rgba(17,83,88,.19); }
.mp-product-screen { overflow: hidden; background: #dce8ed; }
.mp-hero-product img { display: block; width: 100%; height: auto; }
.mp-hero-product figcaption { padding: 12px 17px; border-top: 1px solid rgba(21,91,99,.15); background: #fff; color: #42666a; font-size: 12px; }
.mp-reference-page .mp-benefit-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; border: 0; background: transparent; }
.mp-reference-page .mp-benefit-grid article { min-height: 225px; border: 1px solid rgba(15,132,129,.18); border-radius: 15px; box-shadow: 0 14px 35px rgba(20,92,94,.055); transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.mp-reference-page .mp-benefit-grid article:hover { border-color: rgba(13,149,142,.42); box-shadow: 0 18px 42px rgba(20,92,94,.1); transform: translateY(-3px); }
.mp-reference-page .mp-benefit-grid h3 { margin-top: 46px; }
.mp-reference-page .mp-process-section { border-top: 0; background: radial-gradient(circle at 82% 0%, rgba(35,181,172,.17), transparent 36%), #0b3435; }
.mp-reference-page .mp-process-section .product-eyebrow { color: #64ded3; }
.mp-reference-page .mp-process-section .l8-section-intro h2 { color: #fff; }
.mp-reference-page .mp-process-section .l8-section-intro p:last-child { color: #b8d6d3; }
.mp-process-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 54px; }
.mp-process-grid article { min-height: 215px; padding: 30px; border: 1px solid rgba(114,224,211,.18); border-radius: 15px; background: rgba(255,255,255,.055); box-shadow: 0 18px 45px rgba(0,0,0,.1); }
.mp-process-grid article > span { display: inline-grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(100,222,211,.34); border-radius: 50%; color: #64ded3; font: 800 11px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.mp-process-grid h3 { margin: 30px 0 9px; color: #fff; font-size: 20px; }
.mp-process-grid p { margin: 0; color: #b8d6d3; font-size: 13px; line-height: 1.6; }
.mp-reference-page .verification-section { padding: 108px 0; background: #fff; }
.mp-reference-page .l8-pricing { background: #eaf7f5; }
.mp-reference-page .l8-faq { background: #f8fcfb; }
.mp-reference-page .l8-final { border-top: 0; background: radial-gradient(circle at 50% 0%, rgba(44,205,187,.18), transparent 42%), #0b3435; }
.mp-reference-page .l8-final .product-eyebrow { color: #64ded3; }
.mp-reference-page .l8-final h2 { color: #fff; }
.mp-reference-page .l8-final p:not(.product-eyebrow) { color: #b8d6d3; }
.mp-reference-page .l8-final .product-button { background: #2ccdbb; color: #072f31; box-shadow: 0 10px 28px rgba(44,205,187,.2); }
.mp-reference-page .l8-final .product-button:hover { background: #64ded3; color: #072f31; }
.mp-reference-page .product-button { background: #087b76; color: #fff; box-shadow: 0 8px 20px rgba(8,123,118,.2); }
.mp-reference-page .product-button:hover { background: #06645f; color: #fff; }
.mp-reference-page .product-button.product-button-quiet { border-color: rgba(8,123,118,.38); background: #fff; color: #075f5d; box-shadow: none; }
.mp-reference-page .product-button.product-button-quiet:hover { border-color: #087b76; background: #e7f8f5; color: #075f5d; }
.mp-reference-page .checkout-modal { max-height: calc(100dvh - 44px); overflow-y: auto; }

@media (max-width: 900px) {
  .mp-reference-page .mp-hero { min-height: auto; }
  .mp-reference-page .mp-hero-grid { grid-template-columns: 1fr; }
  .mp-reference-page .mp-hero-product { width: min(100%, 760px); }
  .mp-reference-page .mp-benefit-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mp-process-grid { grid-template-columns: 1fr; }
  .mp-process-grid article { min-height: 0; }
}

@media (max-width: 760px) {
  .mp-reference-page .mp-benefit-grid { grid-template-columns: 1fr; }
  .mp-reference-page .mp-benefit-grid article { min-height: 0; }
}

@media (max-width: 620px) {
  .mp-reference-page .l8-header { gap: 9px; }
  .mp-reference-page .mp-wordmark { margin-right: auto; }
  .mp-reference-page .mp-wordmark img { width: 116px; height: auto; }
  .mp-reference-page .mp-mobile-account { display: inline-flex; color: #0a7276; font-size: 11px; font-weight: 800; }
  .mp-reference-page .l8-header-button { display: inline-flex; min-height: 34px; padding: 0 11px; font-size: 11px; }
  .mp-reference-page .mp-hero { padding-top: 100px; padding-bottom: 76px; }
  .mp-reference-page .mp-hero h1 { font-size: clamp(42px, 13vw, 56px); }
  .mp-reference-page .verification-section { padding: 76px 0; }
}