:root{--bg:#f7fbfa;--surface:#fff;--surface-soft:#eef8f5;--surface-mint:#dff4ee;--ink:#102422;--muted:#5d6e6b;--line:#dce8e5;--brand:#0b7d6d;--brand-dark:#07594f;--shadow:0 24px 60px rgba(10,54,49,.13);--shadow-soft:0 14px 35px rgba(10,54,49,.09);--radius:28px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip-link{position:absolute;left:-999px;top:12px;background:#fff;padding:10px 14px;border-radius:10px;z-index:20}.skip-link:focus{left:12px}.site-header{position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(18px,4vw,48px);background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,232,229,.9)}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand img{width:52px;height:52px;object-fit:contain}.brand span{display:grid;line-height:1.1}.brand strong{font-size:1.25rem;letter-spacing:-.04em}.brand small{font-size:.76rem;color:var(--muted);font-weight:650}.site-nav{display:flex;align-items:center;gap:8px}.site-nav a{padding:10px 13px;border-radius:999px;color:#314642;font-weight:700;font-size:.94rem}.site-nav a:hover{background:var(--surface-soft);color:var(--brand-dark)}.nav-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:14px;padding:9px 12px;font-size:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;font-weight:800;border:1px solid transparent;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--brand),#0ca48e);color:#fff;box-shadow:0 14px 28px rgba(11,125,109,.24)}.btn-outline{border-color:#bcd8d2;background:#fff;color:var(--brand-dark)}.btn-soft{background:var(--surface-soft);color:var(--brand-dark)}.section-pad,.section{max-width:var(--max);margin:0 auto;padding:76px clamp(18px,4vw,26px)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.98fr);gap:44px;align-items:center;min-height:calc(100vh - 82px);position:relative}.hero:before{content:"";position:absolute;z-index:-1;inset:30px -120px auto auto;width:520px;height:520px;background:radial-gradient(circle,var(--surface-mint),transparent 66%);opacity:.7}.eyebrow{margin:0 0 12px;color:var(--brand);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.hero h1,.section h2{margin:0;color:var(--ink);letter-spacing:-.055em;line-height:1.04}.hero h1{font-size:clamp(2.55rem,5vw,5.2rem)}.section h2{font-size:clamp(2rem,4vw,3.5rem)}.hero-lead{font-size:1.18rem;color:#3f5652;margin:24px 0 0;max-width:670px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 0}.hero-actions.center{justify-content:center}.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.trust-row span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:#425854;font-weight:700;font-size:.9rem}.hero-panel{position:relative}.browser-card{background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(.5deg)}.browser-bar{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);padding:12px 16px;color:var(--muted);font-size:.82rem;font-weight:700}.browser-bar i{width:10px;height:10px;border-radius:50%;background:#bfd8d2}.browser-bar i:nth-child(2){background:#dfd8b9}.browser-bar i:nth-child(3){background:#78cfbf}.browser-card img{aspect-ratio:16/10;object-fit:cover;object-position:top}.floating-chip{position:absolute;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:20px;padding:14px 16px;box-shadow:var(--shadow-soft);display:grid;min-width:150px}.floating-chip strong{font-size:1.9rem;letter-spacing:-.04em}.floating-chip span{font-size:.82rem;color:var(--muted);font-weight:750}.chip-top{right:-24px;top:54px}.chip-bottom{left:-20px;bottom:34px}.stats-strip{max-width:var(--max);margin:-16px auto 0;padding:0 clamp(18px,4vw,26px);display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats-strip article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow-soft)}.stats-strip strong{display:block;font-size:2.2rem;letter-spacing:-.05em}.stats-strip span{color:var(--muted);font-weight:750}.section-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}.text-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow-soft)}.text-card p{margin:0;color:#3d524e}.text-card p+p{margin-top:16px}.section-muted{background:linear-gradient(180deg,#edf8f5,#f8fbfa);max-width:none}.section-muted>.section-head,.section-muted>.feature-grid,.section-muted>.roadmap-grid{max-width:var(--max);margin-left:auto;margin-right:auto}.section-head{margin-bottom:30px}.section-head.wide{max-width:830px}.section-head p:not(.eyebrow){color:#536865;font-size:1.05rem}.section-head.light h2,.section-head.light p{color:#fff}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow-soft)}.feature-card .icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--surface-soft);font-size:1.45rem;margin-bottom:16px}.feature-card h3,.shot h3,.architecture-grid h3,.roadmap-grid h3{margin:0 0 8px;line-height:1.2;letter-spacing:-.03em}.feature-card p,.shot p,.architecture-grid p,.roadmap-grid p{margin:0;color:var(--muted)}.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.shot{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow-soft)}.shot img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}.shot-large{grid-column:span 2}.shot-large img{aspect-ratio:16/8}.shot div{padding:22px}.shot span{display:inline-flex;margin-bottom:8px;border-radius:999px;background:var(--surface-soft);color:var(--brand-dark);font-weight:900;font-size:.75rem;padding:5px 10px;text-transform:uppercase;letter-spacing:.08em}.mobile-showcase{display:grid;grid-template-columns:minmax(0,.85fr) minmax(340px,.7fr);gap:42px;align-items:center}.mobile-image{border-radius:36px;background:linear-gradient(135deg,#fff,#edf8f5);box-shadow:var(--shadow);padding:22px}.mobile-image img{border-radius:26px}.check-list{padding:0;margin:24px 0 0;display:grid;gap:12px;list-style:none}.check-list li{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px 14px 13px 42px;color:#405652;font-weight:700}.check-list li:before{content:"✓";position:absolute;left:14px;top:12px;color:var(--brand);font-weight:900}.section-dark{max-width:none;background:radial-gradient(circle at 20% 0%,#1b8f7f,#092a26 64%);color:#fff}.section-dark>.section-head,.section-dark>.demo-cards,.section-dark>.demo-note{max-width:var(--max);margin-left:auto;margin-right:auto}.demo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.demo-cards article{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:24px;backdrop-filter:blur(10px)}.demo-cards h3{margin:0 0 8px}.demo-cards p{color:#dcefed}.demo-cards dl{margin:16px 0 0;display:grid;gap:8px}.demo-cards dt{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:#aee5da;font-weight:900}.demo-cards dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:rgba(255,255,255,.11);padding:8px 10px;border-radius:10px}.demo-note{margin-top:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:22px;padding:18px;color:#eaf8f6}.demo-note code{background:rgba(0,0,0,.22);padding:2px 6px;border-radius:7px}.architecture-grid,.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.architecture-grid article,.roadmap-grid article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow-soft)}.architecture-grid span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:15px;background:#092a26;color:#fff;font-weight:900;margin-bottom:18px}.roadmap-grid{grid-template-columns:repeat(4,1fr)}.final-cta{text-align:center;max-width:900px}.cta-logo{width:90px;margin:0 auto 18px}.final-cta p:not(.eyebrow){color:var(--muted);max-width:700px;margin:16px auto 0}.site-footer{background:#092a26;color:#fff;padding:28px clamp(18px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:18px}.brand-footer img{width:48px;height:48px}.brand-footer small{color:#b9d8d2}.site-footer p{color:#c9dfdc;margin:0}@media (max-width:980px){.site-nav{display:none;position:absolute;left:16px;right:16px;top:78px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:var(--shadow-soft);flex-direction:column;align-items:stretch}.site-nav.is-open{display:flex}.nav-toggle{display:block}.hero,.section-split,.mobile-showcase{grid-template-columns:1fr}.hero{min-height:auto}.stats-strip,.feature-grid,.demo-cards,.architecture-grid{grid-template-columns:repeat(2,1fr)}.roadmap-grid{grid-template-columns:repeat(2,1fr)}.chip-top{right:10px}.chip-bottom{left:10px}.hero-panel{order:-1}.browser-card{transform:none}}@media (max-width:680px){.section-pad,.section{padding:54px 16px}.brand strong{font-size:1.05rem}.brand img{width:44px;height:44px}.hero h1{font-size:2.45rem}.stats-strip,.feature-grid,.demo-cards,.architecture-grid,.roadmap-grid,.screenshot-grid{grid-template-columns:1fr}.shot-large{grid-column:auto}.shot-large img,.shot img{aspect-ratio:16/11}.stats-strip{padding:0 16px}.site-footer{display:grid}.floating-chip{display:none}.hero-actions .btn{width:100%}}

/* =========================================================
   Ajuste responsive v2: evita desplazamiento horizontal móvil
   ========================================================= */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

body {
  min-width: 0;
  position: relative;
}

main,
.site-header,
.site-footer,
.section,
.section-pad,
.stats-strip,
.section-muted,
.section-dark,
.hero,
.hero-copy,
.hero-panel,
.browser-card,
.screenshot-grid,
.mobile-showcase,
.mobile-image,
.feature-grid,
.demo-cards,
.architecture-grid,
.roadmap-grid {
  min-width: 0;
  max-width: 100%;
}

img,
svg,
video,
canvas {
  max-width: 100%;
  height: auto;
}

.browser-card,
.shot,
.mobile-image,
.text-card,
.feature-card,
.demo-cards article,
.architecture-grid article,
.roadmap-grid article,
.stats-strip article {
  overflow: hidden;
}

.hero h1,
.section h2,
.hero-lead,
.section-head p,
.text-card p,
.feature-card p,
.shot p,
.demo-cards p,
.architecture-grid p,
.roadmap-grid p {
  overflow-wrap: break-word;
}

@media (max-width: 980px) {
  .hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .hero-panel {
    width: 100%;
  }

  .browser-card {
    width: 100%;
  }

  .site-nav {
    max-width: calc(100vw - 32px);
  }
}

@media (max-width: 680px) {
  .site-header {
    padding-left: 14px;
    padding-right: 14px;
    gap: 10px;
  }

  .brand {
    min-width: 0;
  }

  .brand span {
    min-width: 0;
  }

  .brand strong,
  .brand small {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 190px;
  }

  .section-pad,
  .section {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero {
    gap: 28px;
  }

  .hero:before {
    right: -180px;
    width: 360px;
    height: 360px;
  }

  .hero h1 {
    font-size: clamp(2.2rem, 12vw, 3rem);
    letter-spacing: -0.045em;
  }

  .browser-card {
    border-radius: 22px;
  }

  .browser-card img,
  .shot img,
  .shot-large img {
    width: 100%;
    max-width: 100%;
  }

  .screenshot-grid,
  .stats-strip,
  .feature-grid,
  .demo-cards,
  .architecture-grid,
  .roadmap-grid {
    width: 100%;
  }

  .hero-actions {
    width: 100%;
  }

  .hero-actions .btn,
  .final-cta .btn {
    width: 100%;
  }

  .mobile-image {
    padding: 12px;
    border-radius: 24px;
  }

  .mobile-image img {
    border-radius: 18px;
  }

  .site-footer {
    width: 100%;
    overflow: hidden;
  }
}