@font-face { font-family: Inter; src: url('/assets/fonts/InterVariable.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
:root {
  --green-900:#080f1e; --green-800:#0f172a; --green-700:#0f766e;
  --green-600:#0d9488; --green-500:#14b8a6; --green-200:#99f6e4;
  --green-100:#ccfbf1; --green-050:#f0fdfa;
  --surface:#f8fafc; --surface-2:#ffffff; --ink:#0f172a;
  --muted:#475569; --muted-2:#64748b; --line:#e2e8f0; --line-2:#cbd5e1;
  --focus:#0d9488; --font:Inter,'Segoe UI',system-ui,sans-serif;
  --amber-600:#075985; --amber-100:#e0f2fe;
  --shadow:0 2px 4px rgba(15,23,42,.03),0 16px 36px -22px rgba(15,23,42,.28);
}
body { background:var(--surface); font-family:var(--font); }
h1,h2,h3,h4 { color:var(--ink); letter-spacing:-.025em; }
h1,h2 { font-weight:800; }
a { color:#0f766e; }
.site-header { background:rgba(255,255,255,.97); border-color:#e2e8f0; }
.brand-wordmark { width:280px; height:auto; }
.header-row { min-height:88px; }
.hero { background:radial-gradient(ellipse at 90% 10%,rgba(20,184,166,.16),transparent 48%),linear-gradient(120deg,#0f172a,#0b1222); color:#e2e8f0; }
.hero h1,.hero h2 { color:#fff; }
.hero .lead,.hero-demo .checks,.hero .small { color:#cbd5e1; }
.hero .eyebrow,.heading-accent { color:#5eead4; }
.hero .breadcrumb,.hero .breadcrumb a { color:#cbd5e1; }
.hero .hero-points { color:#e2e8f0; }
.hero-points li::before { color:#5eead4; }
.hero .price-fineprint { color:#b6c4d6; }
.hero-home h1 { font-size:clamp(2.15rem,3.5vw,3.25rem); }
.hero-home .hero-media { background:rgba(255,255,255,.04); border:1px solid #334155; box-shadow:0 24px 50px -34px #000; }
.hero .btn-ghost { color:#fff; border-color:#64748b; }
.hero .btn-ghost:hover { color:#fff; background:rgba(255,255,255,.08); }
.hero .renewal-note { background:rgba(20,184,166,.12); color:#ccfbf1; border-color:#28776f; }
.hero .text-link { color:#5eead4; }
.hero .card,.hero .card .small { color:var(--ink); }
.hero .card h2 { color:var(--ink); }
.hero .card .eyebrow { color:#0f766e; }
.hero .form label { color:var(--ink); }
.hero .card a { color:#0f766e; }
.hero .card .btn-primary { color:#fff; }
.hero .card .consent { color:var(--muted); }
.hero .card .form-status.ok { color:#064e3b; }
.btn-primary { background:#0f766e; color:#fff; box-shadow:0 8px 18px -10px rgba(13,148,136,.55); }
.btn-primary:hover { background:#115e59; color:#fff; }
.btn-ghost { color:#0f766e; }
.btn-light { color:#0f172a; }
.btn-secondary { background:#e0f2fe; color:#075985; border-color:#bae6fd; }
.btn-secondary:hover { background:#bae6fd; color:#0c4a6e; }
.form input:focus,.form select:focus,.form textarea:focus { outline-color:rgba(13,148,136,.25); }
.section-green,.cta-band { background:radial-gradient(ellipse at 90% 0%,rgba(20,184,166,.18),transparent 65%),#0f172a; }
.section-green .eyebrow { color:#5eead4; }
.cta-band p,.section-green p { color:#cbd5e1; }
.section-alt { background:#fff; }
.card { border-color:#e2e8f0; background:#fff; box-shadow:var(--shadow); }
.benefit-card { border-top-color:#0d9488; }
.benefit-number { color:#0f766e; }
.shot-bar { background:#e2e8f0; border-color:#cbd5e1; }
.shot { border-color:#cbd5e1; }
.shot-caption { color:#475569; }
.tour-tabs button[aria-selected='true'] { background:#0f172a; border-color:#0f172a; color:#fff; }
.badge { background:#ccfbf1; color:#115e59; }
.badge-amber { background:#e0f2fe; color:#075985; }
.price { color:#0f172a; }
.price-card.popular { border-color:#0d9488; box-shadow:0 0 0 2px #ccfbf1,var(--shadow); }
.starter-card { background:linear-gradient(140deg,#fff,#f0fdfa); border-color:#99f6e4; }
.renewal-note { background:#f0fdfa; border-color:#99f6e4; color:#134e4a; }
.steps li::before { background:#0f172a; color:#fff; }
.module-nav a { background:#f0fdfa; color:#115e59; }
.module-nav a:hover { background:#ccfbf1; }
.messaging-card { padding:28px; display:flex; flex-direction:column; align-items:flex-start; }
.messaging-card h2,.messaging-card h3 { margin-top:18px; }
.messaging-card p { color:#475569; }
.messaging-card .price { color:#0f172a; margin-block:16px; font-size:2rem; }
.messaging-card .price small { font-size:.95rem; }
.messaging-card .btn { margin-top:auto; }
.invoice-price { font-weight:750; color:#0f766e!important; font-size:1.45rem; margin-block:16px; }
.paybill-card { border:1px solid #99f6e4; border-radius:16px; background:linear-gradient(145deg,#fff,#f0fdfa); padding:26px; }
.paybill-card h2 { font-size:1.6rem; margin-top:12px; }
.paybill-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-block:20px; }
.paybill-grid > div { background:#fff; border:1px solid #cbd5e1; border-radius:12px; padding:16px; }
.paybill-grid span { display:block; font-size:.85rem; color:#475569; }
.paybill-grid strong { display:block; font-size:clamp(1.4rem,3vw,2rem); font-weight:800; color:#0f172a; margin-block:4px 14px; letter-spacing:.035em; }
.copy-button { min-height:40px; padding:7px 11px; border-radius:8px; border:1px solid #0f766e; color:#0f766e; background:#fff; font:inherit; font-size:.82rem; font-weight:650; cursor:pointer; }
.copy-button:hover { background:#f0fdfa; }
.copy-status { min-height:1.3em; font-size:.82rem; color:#115e59; }
.payment-contact { margin-block:28px 10px; }
.sales-lines { font-weight:700; font-size:.95rem; line-height:1.65; }
.sales-whatsapp { display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:8px; font-size:.85rem; }
.contact-options .sales-lines a { display:inline-block; }
.site-footer { background:#080f1e; color:#cbd5e1; }
.footer-brand img { filter:none; opacity:1; width:320px; padding:12px; background:#fff; border-radius:10px; }
.site-footer .small,.footer-bottom { color:#94a3b8; }
.footer-grid { gap:26px; }
.footer-sales { padding-top:8px; }
.footer-sales .sales-lines a { display:block; color:#f1f5f9; }
.footer-sales .sales-lines > span { display:none; }
.footer-sales .sales-whatsapp { flex-direction:column; gap:6px; }
.footer-sales .sales-whatsapp a { color:#5eead4; font-size:.8rem; }
.footer-paybill { display:flex; flex-wrap:wrap; align-items:center; gap:10px 20px; margin-bottom:18px; font-size:.85rem; }
.footer-paybill strong { color:#f8fafc; }
.footer-paybill a { color:#5eead4; }
.whatsapp-contact { position:fixed; bottom:16px; right:16px; z-index:60; }
.whatsapp-contact summary { display:flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:12px 18px; border-radius:999px; background:#0f766e; color:#fff; font-weight:700; font-size:.92rem; list-style:none; cursor:pointer; box-shadow:0 12px 24px -10px #0005; }
.whatsapp-contact summary::-webkit-details-marker { display:none; }
.whatsapp-contact summary > span { color:#5eead4; font-size:.8rem; }
.whatsapp-options { position:absolute; bottom:60px; right:0; width:min(290px,calc(100vw - 32px)); padding:18px; background:#fff; border:1px solid #cbd5e1; border-radius:14px; box-shadow:0 14px 38px #0f172a22; }
.whatsapp-options > strong { display:block; color:#0f172a; font-size:.95rem; margin-bottom:10px; }
.whatsapp-options a { display:block; padding:12px; background:#f0fdfa; border:1px solid #99f6e4; border-radius:10px; margin-top:8px; text-decoration:none; color:#115e59; }
.whatsapp-options a span { display:block; font-size:.78rem; }
.whatsapp-options a strong { display:block; font-size:1rem; }
.screen-dialog { border-color:#cbd5e1; }
.screen-dialog::backdrop { background:rgba(8,15,30,.82); }
@media (max-width:1099px) {
  .header-row { flex-wrap:wrap; }
  .nav-toggle { display:inline-flex!important; }
  .site-nav { display:none!important; width:100%; padding-block:8px 16px; }
  .site-nav.open { display:block!important; }
  .site-nav ul { flex-direction:column; gap:0; margin-bottom:12px; }
  .site-nav li a { border-bottom:1px solid #e2e8f0; border-radius:0; padding:12px 6px; }
  .nav-actions { flex-wrap:wrap; }
}
@media (min-width:1100px) {
  .header-row { flex-wrap:nowrap; gap:16px; }
  .site-nav { gap:12px; }
  .site-nav ul { gap:0; }
  .site-nav li a { padding-inline:9px; font-size:.89rem; }
  .nav-actions { gap:8px; }
  .nav-actions .btn-sm { font-size:.88rem; padding-inline:12px; }
  .nav-actions .btn-ghost { font-size:.76rem; padding-inline:5px; }
}
@media (max-width:719px) {
  .brand-wordmark { width:235px; }
  .header-row { min-height:78px; }
  .hero-home h1 { font-size:clamp(2.05rem,8.3vw,3rem); }
  .hero .lead { font-size:1.04rem; }
  .messaging-card,.paybill-card { padding:22px; }
  .paybill-grid { gap:8px; }
  .paybill-grid > div { padding:12px; }
  .paybill-grid strong { font-size:1.45rem; }
  .footer-brand img { width:300px; }
}
@media (max-width:379px) { .brand-wordmark { width:205px; } .paybill-grid { grid-template-columns:1fr; } }