:root{--paper: #f1f1ec;--paper-2: #eceae3;--ink: #17201b;--ink-soft: #5b625b;--line: #d5d4cb;--accent: #0f6e4e;--accent-ink: #0a4d36;--accent-soft: #e2ede7;--warn: #8a5109;--muted: #6b7169;--font-mono: "IBM Plex Mono", ui-monospace, "Consolas", monospace;--font-sans: "Archivo Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--wrap: 1120px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}.page>section,.top,.foot{max-width:var(--wrap);margin-left:auto;margin-right:auto;padding-left:clamp(1.25rem,4vw,2.5rem);padding-right:clamp(1.25rem,4vw,2.5rem)}.mark{font-family:var(--font-mono);font-weight:700;letter-spacing:.06em;color:var(--ink)}.eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:1rem}.tag{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;padding:.25rem .5rem;border:1px solid var(--line);color:var(--ink-soft);background:var(--paper);white-space:nowrap}.tag-ok{color:var(--accent-ink);border-color:var(--accent);background:var(--accent-soft)}.tag-wip{color:var(--warn);border-color:#e0c9a3;background:#f4ecdd}.top{display:flex;align-items:center;justify-content:space-between;padding-top:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line);gap:1rem;position:relative;z-index:5}.brand{text-decoration:none;display:flex;flex-direction:row;align-items:center;gap:.6rem;line-height:1.1}.brand .mark{font-size:1.05rem}.brand-sub{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.22em;color:var(--ink-soft);margin-top:.2rem}.nav{display:flex;align-items:center;gap:1.4rem}.nav a{text-decoration:none;color:var(--ink);font-size:.9rem}.nav a:not(.nav-cta):hover{color:var(--accent-ink)}.lang-toggle{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;border:1px solid var(--line);padding:.3rem .5rem;color:var(--ink-soft)!important}.lang-toggle:hover{border-color:var(--ink);color:var(--ink)!important}.nav a.nav-cta{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;padding:.5rem .85rem;background:var(--ink);color:var(--paper)}.nav a.nav-cta:hover{background:var(--accent-ink);color:var(--paper)}.hero{position:relative;padding-top:clamp(2.5rem,6vw,4.5rem);padding-bottom:clamp(3rem,8vw,6rem);overflow:hidden}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}h1{font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.05;letter-spacing:-.025em;font-weight:800;text-wrap:balance;margin-bottom:1.4rem}.lead{font-size:1.1rem;max-width:46ch;color:#2c332c}.hero-actions{display:flex;gap:.75rem;margin-top:2rem;flex-wrap:wrap}.btn{font-family:var(--font-mono);font-size:.82rem;letter-spacing:.03em;padding:.8rem 1.3rem;text-decoration:none;border:1px solid var(--ink);transition:transform .15s,background .15s}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-ink);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--ink)}.btn-ghost:hover{background:var(--paper-2)}.hero-visual{position:relative}.browser{background:#fff;border:1px solid var(--ink);box-shadow:10px 10px 0 var(--ink)}.browser-tabs{display:flex;gap:2px;background:var(--paper-2);border-bottom:1px solid var(--line);padding:6px 6px 0;overflow:hidden}.btab{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.03em;padding:.42rem .6rem;color:var(--muted);background:transparent;border:1px solid transparent;border-bottom:none;white-space:nowrap}.btab.is-active{color:var(--ink);background:#fff;border-color:var(--line)}.browser-bar{display:flex;align-items:center;gap:.4rem;padding:.6rem .8rem;border-bottom:1px solid var(--line);background:var(--paper-2)}.browser-bar i{width:10px;height:10px;border-radius:50%;background:#cfcdc4}.browser-bar i:nth-child(1){background:#d98b6a}.browser-bar i:nth-child(2){background:#d9be6a}.browser-bar i:nth-child(3){background:#8fbf9a}.browser-url{font-family:var(--font-mono);font-size:.66rem;color:var(--ink-soft);margin-left:.5rem}.browser-body{padding:1.4rem}.app-head{margin-bottom:1.1rem}.app-title{font-size:1.4rem;letter-spacing:-.01em;margin-top:.5rem}.mini{display:grid;gap:.7rem}.mini label,.hook-form label,.hook-row label{display:flex;flex-direction:column;gap:.3rem}.mini label span,.hook-form label span,.hook-row label span{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}input,textarea{font-family:var(--font-mono);font-size:.92rem;padding:.55rem .7rem;border:1px solid var(--line);background:var(--paper);color:var(--ink);width:100%}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.mini-out{display:flex;align-items:baseline;justify-content:space-between;margin-top:1.1rem;padding-top:.9rem;border-top:1px dashed var(--line)}.mini-out-label{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.mini-out-value{font-family:var(--font-mono);font-size:1.7rem;font-weight:700;color:var(--accent-ink);font-variant-numeric:tabular-nums}.app-link{display:inline-block;margin-top:1rem;font-family:var(--font-mono);font-size:.78rem;color:var(--accent-ink);text-decoration:none}.app-link:hover{text-decoration:underline}.float-chip{position:absolute;z-index:3;background:var(--ink);color:var(--paper);font-family:var(--font-mono);padding:.55rem .8rem;box-shadow:4px 4px #17201b40;will-change:transform}.chip-1{top:-22px;right:6%;display:flex;flex-direction:column;line-height:1.1}.chip-1 b{font-size:1.05rem;color:#7fd8b4}.chip-1 span{font-size:.58rem;letter-spacing:.1em;color:#b9bdb6}.section-head{padding-top:clamp(2.5rem,6vw,4rem);margin-bottom:2rem;border-top:1px solid var(--line)}.section-head h2{font-size:clamp(1.5rem,3.5vw,2.1rem);letter-spacing:-.015em}.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.3rem}.chip{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.03em;padding:.4rem .8rem;border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);cursor:pointer;transition:all .15s}.chip:hover{border-color:var(--ink);color:var(--ink)}.chip.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.card{border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s}.card:hover{transform:translateY(-4px);border-color:var(--ink);box-shadow:6px 6px 0 var(--ink)}.mini-ui{position:relative;background:var(--paper-2);border-bottom:1px solid var(--line);padding:0}.mini-bar{display:flex;gap:5px;padding:8px 10px;border-bottom:1px solid var(--line)}.mini-bar i{width:7px;height:7px;border-radius:50%;background:#cfcdc4}.mini-rows{padding:16px;display:flex;flex-direction:column;gap:9px;min-height:92px}.mini-rows span{height:9px;background:var(--ink);opacity:.13;border-radius:3px}.mini-rows span.hot{background:var(--accent);opacity:.55;height:13px}.w30{width:30%}.w40{width:40%}.w50{width:50%}.w60{width:60%}.w70{width:70%}.w80{width:80%}.mini-chart{display:flex;align-items:flex-end;gap:8px;padding:16px;min-height:92px}.mini-chart b{flex:1;background:var(--ink);opacity:.13;border-radius:3px 3px 0 0}.mini-chart b.hot{background:var(--accent);opacity:.55}.card:hover .mini-rows span:not(.hot),.card:hover .mini-chart b:not(.hot){opacity:.22}.card-body{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.55rem;flex:1}.card-tags{display:flex;gap:.4rem}.card h3{font-size:1.08rem;line-height:1.2;letter-spacing:-.01em}.card p{font-size:.86rem;color:var(--ink-soft);flex:1}.card-link{font-family:var(--font-mono);font-size:.78rem;color:var(--accent-ink);text-decoration:none;margin-top:.3rem}.card-link:hover:not(.muted){text-decoration:underline}.card-link.muted{color:var(--muted)}.card.is-hidden{display:none}.strip{position:relative;margin-top:clamp(3rem,6vw,4.5rem);overflow:hidden}.strip-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.strip-inner{position:relative;z-index:1;border:1px solid var(--ink);background:#17201bf0;color:var(--paper);padding:1.4rem 1.6rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}.strip-line{font-size:.95rem;max-width:58ch}.strip-key{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;color:#7fd8b4;display:inline-block;margin-right:.6rem}.strip-metrics{display:flex;gap:1.4rem;font-family:var(--font-mono);font-size:.78rem;color:#c9cdc6}.strip-metrics b{color:#fff;font-size:1rem}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.steps li{border-top:2px solid var(--accent);padding-top:1rem;display:flex;flex-direction:column;gap:.5rem}.step-n{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-ink);letter-spacing:.1em}.steps h3{font-size:1.15rem;letter-spacing:-.01em}.steps p{font-size:.9rem;color:var(--ink-soft)}.hook{margin-top:clamp(3rem,6vw,4.5rem);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(1.5rem,4vw,3rem);background:var(--accent-soft);border:1px solid var(--accent);padding:clamp(1.6rem,4vw,2.6rem)}.hook-copy h2{font-size:clamp(1.5rem,3.5vw,2.1rem);letter-spacing:-.015em;color:var(--accent-ink);text-wrap:balance}.hook-copy p{margin-top:.8rem;color:#2c332c}.hook-form{display:grid;gap:.9rem}.hook-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.hook-form label span,.hook-row label span{color:var(--accent-ink)}.hook-form input,.hook-form textarea{background:#fff;border-color:var(--accent)}.hook-form button{font-family:var(--font-mono);font-size:.82rem;letter-spacing:.03em;padding:.85rem 1.3rem;background:var(--accent-ink);color:#fff;border:none;cursor:pointer;justify-self:start;transition:background .15s}.hook-form button:hover{background:var(--ink)}.hook-form button:disabled{opacity:.6;cursor:not-allowed}.hook-status{font-family:var(--font-mono);font-size:.78rem;color:var(--accent-ink);min-height:1rem}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.foot{margin-top:clamp(3rem,6vw,4.5rem);margin-bottom:3rem;padding-top:1.5rem;border-top:1px solid var(--line);display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.foot p{color:var(--ink-soft);font-size:.88rem;flex:1;min-width:200px}.foot-mono{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;color:var(--ink-soft)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.brand-mark{display:inline-flex;color:var(--accent-ink)}.brand-mark svg{width:20px;height:20px}.brand-text{display:flex;flex-direction:column;line-height:1.1}.ic{position:absolute;top:9px;right:9px;width:32px;height:32px;display:grid;place-items:center;color:var(--accent-ink);background:var(--paper);border:1px solid var(--line);z-index:2;transition:border-color .18s,background .18s}.ic svg{width:18px;height:18px}.card:hover .ic{border-color:var(--accent);background:var(--accent-soft)}.step-top{display:flex;align-items:center;justify-content:space-between}.step-ic{color:var(--accent-ink);display:inline-flex}.step-ic svg{width:20px;height:20px}.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}.svc-card{border:1px solid var(--line);background:#fff;padding:1.3rem 1.2rem 1.4rem;display:flex;flex-direction:column;gap:.6rem;transition:transform .18s,box-shadow .18s,border-color .18s}.svc-card:hover{transform:translateY(-4px);border-color:var(--ink);box-shadow:6px 6px 0 var(--ink)}.svc-ic{width:40px;height:40px;display:grid;place-items:center;color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--accent)}.svc-ic svg{width:22px;height:22px}.svc-card h3{font-size:1.08rem;letter-spacing:-.01em}.svc-card p{font-size:.88rem;color:var(--ink-soft)}.casos{margin-top:0}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem}.case-card{border:1px solid var(--line);background:#fff;padding:1.3rem 1.3rem 1.4rem;display:flex;gap:1rem;align-items:flex-start;transition:transform .18s,box-shadow .18s,border-color .18s}.case-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:6px 6px 0 var(--accent)}.case-mark{flex:none;width:34px;height:34px;display:grid;place-items:center;color:#fff;background:var(--accent)}.case-mark svg{width:20px;height:20px}.case-body{display:flex;flex-direction:column;gap:.45rem}.case-body h3{font-size:1.08rem;letter-spacing:-.01em}.case-body p{font-size:.88rem;color:var(--ink-soft)}.case-link{font-family:var(--font-mono);font-size:.78rem;color:var(--accent-ink);text-decoration:none;margin-top:.2rem}.case-link:hover{text-decoration:underline}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}[data-par]{transform:none!important}}@media(max-width:860px){.hero-inner{grid-template-columns:1fr}.hero-visual{margin-top:2.5rem}.grid,.svc-grid{grid-template-columns:repeat(2,1fr)}.steps,.hook{grid-template-columns:1fr}}@media(max-width:560px){.brand-sub{display:none}.nav{gap:.8rem}.nav a:not(.nav-cta):not(.lang-toggle){display:none}.grid,.svc-grid,.case-grid,.hook-row{grid-template-columns:1fr}.strip-inner{flex-direction:column;align-items:flex-start}.float-chip{display:none}}