﻿:root{--et-ink: #14110c;--et-ink-2: #1d1913;--et-ink-3: #2a241a;--et-ink-4: #353018;--et-paper: #f4ede0;--et-paper-dim: #b8ad99;--et-paper-dimm: #8a7d63;--et-line: #3a3225;--et-line-soft: #2a241a;--et-ok: #8fb86a;--et-warn: #d4a574;--et-err: #e08a7a;--et-info: #7aa8d4;--et-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;--et-font-serif: 'Instrument Serif', 'Iowan Old Style', Georgia, serif;--et-font-sans: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;--et-text-xs: 11px;--et-text-sm: 12px;--et-text-base: 13px;--et-text-md: 14px;--et-text-lg: 16px;--et-text-xl: 20px;--et-text-2xl: 26px;--et-text-3xl: 32px;--et-text-4xl: 52px;--et-text-5xl: 80px;--et-weight-regular: 400;--et-weight-medium: 500;--et-weight-bold: 700;--et-space-1: 4px;--et-space-2: 8px;--et-space-3: 12px;--et-space-4: 16px;--et-space-5: 20px;--et-space-6: 24px;--et-space-8: 32px;--et-space-10: 40px;--et-space-12: 48px;--et-space-16: 64px;--et-space-20: 80px;--et-radius-none: 0;--et-radius-sm: 2px;--et-radius-md: 3px;--et-radius-lg: 4px;--et-radius-full: 9999px;--et-shadow-sm: 0 4px 12px rgba(0,0,0,.25);--et-shadow-lg: 0 8px 30px rgba(0,0,0,.4);--et-tx-fast: .12s ease;--et-tx-base: .2s ease;--et-tx-slow: .3s ease;--et-amber: #3ebf8a;--et-amber-deep: #1f8a60;--et-amber-soft: #e7f9f2;--et-stamp-sm: 3px 3px 0 var(--et-amber-deep);--et-stamp-md: 4px 4px 0 var(--et-amber-deep);--et-stamp-lg: 6px 6px 0 var(--et-amber-deep);--et-grid-color: rgba(62,191,138,.02);--et-grid-size: 40px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--et-ink);color:var(--et-paper);font-family:var(--et-font-mono);font-size:var(--et-text-base);line-height:1.6;background-image:repeating-linear-gradient(0deg, transparent, transparent calc(var(--et-grid-size) - 1px), var(--et-grid-color) calc(var(--et-grid-size) - 1px), var(--et-grid-color) var(--et-grid-size)),repeating-linear-gradient(90deg, transparent, transparent calc(var(--et-grid-size) - 1px), var(--et-grid-color) calc(var(--et-grid-size) - 1px), var(--et-grid-color) var(--et-grid-size))}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--et-ink)}::-webkit-scrollbar-thumb{background:var(--et-line);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--et-ink-4)}.brand{font-size:var(--et-text-xl);font-weight:var(--et-weight-bold);letter-spacing:-0.5px}.brand .accent,.brand .serif{font-family:var(--et-font-serif);font-style:italic;color:var(--et-amber);font-weight:var(--et-weight-regular)}.section-label{font-size:var(--et-text-xs);letter-spacing:2px;text-transform:uppercase;color:var(--et-amber);margin-bottom:var(--et-space-3)}.section-title{font-size:var(--et-text-3xl);letter-spacing:-1px;line-height:1.1;font-weight:var(--et-weight-bold);margin-bottom:var(--et-space-4)}.section-title .accent,.section-title .serif{font-family:var(--et-font-serif);font-style:italic;color:var(--et-amber);font-weight:var(--et-weight-regular)}.section-desc{font-size:var(--et-text-md);color:var(--et-paper-dim);line-height:1.7}.btn{font-family:inherit;font-weight:var(--et-weight-medium);border-radius:var(--et-radius-md);cursor:pointer;border:1px solid rgba(0,0,0,0);transition:transform var(--et-tx-fast),box-shadow var(--et-tx-base)}.btn-primary{background:var(--et-amber);color:var(--et-ink);border-color:var(--et-amber);box-shadow:var(--et-stamp-md)}.btn-primary:hover{transform:translate(-2px, -2px);box-shadow:var(--et-stamp-lg)}.btn-ghost{background:rgba(0,0,0,0);color:var(--et-paper);border-color:var(--et-line)}.btn-ghost:hover{border-color:var(--et-amber);color:var(--et-amber)}.field{background:var(--et-ink);border:1px solid var(--et-line);color:var(--et-paper);padding:9px 12px;border-radius:var(--et-radius-md);font-family:inherit;font-size:var(--et-text-sm);outline:none;transition:border-color var(--et-tx-fast);width:100%}.field:focus{border-color:var(--et-amber-deep)}.field::placeholder{color:var(--et-paper-dimm)}.field-label{display:block;font-size:var(--et-text-xs);color:var(--et-paper-dim);letter-spacing:1px;text-transform:uppercase;margin-bottom:var(--et-space-2)}.card{background:var(--et-ink-2);border:1px solid var(--et-line);border-radius:var(--et-radius-lg);padding:var(--et-space-6)}.badge{display:inline-block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;padding:3px 8px;border-radius:var(--et-radius-sm);font-weight:var(--et-weight-bold)}.copy-btn{font-family:inherit;font-size:var(--et-text-xs);font-weight:var(--et-weight-medium);padding:0 var(--et-space-4);background:var(--et-ink-2);border:1px solid var(--et-line);color:var(--et-paper-dim);border-radius:var(--et-radius-md);cursor:pointer;white-space:nowrap;transition:border-color var(--et-tx-fast),color var(--et-tx-fast)}.copy-btn:hover{border-color:var(--et-amber);color:var(--et-amber)}.callout{font-size:var(--et-text-sm);color:var(--et-paper-dim);border-left:2px solid var(--et-amber-deep);padding:var(--et-space-3) var(--et-space-4);line-height:1.7;margin-bottom:var(--et-space-6);background:var(--et-ink-2);border-radius:0 var(--et-radius-md) var(--et-radius-md) 0}.callout.warn{border-left-color:var(--et-warn)}.callout b{color:var(--et-paper)}.btn{font-size:var(--et-text-md);padding:14px 26px;display:inline-block}.btn-sm{padding:7px 14px;font-size:var(--et-text-sm)}.btn-full{width:100%;text-align:center}.site-header{max-width:1180px;margin:0 auto;padding:var(--et-space-6) var(--et-space-8);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--et-line)}.site-nav{display:flex;align-items:center;gap:var(--et-space-6)}.site-nav a.nav-link{font-size:var(--et-text-sm);color:var(--et-paper-dim);transition:color var(--et-tx-fast)}.site-nav a.nav-link:hover{color:var(--et-amber)}.hero{max-width:1180px;margin:0 auto;padding:var(--et-space-20) var(--et-space-8);border-bottom:1px solid var(--et-line)}.eyebrow{display:inline-block;font-size:var(--et-text-xs);letter-spacing:2px;text-transform:uppercase;color:var(--et-amber);border:1px solid var(--et-amber-deep);padding:5px 12px;border-radius:var(--et-radius-sm);margin-bottom:var(--et-space-6)}.hero-title{font-size:var(--et-text-5xl);line-height:.98;letter-spacing:-2px;font-weight:var(--et-weight-bold);max-width:14ch;margin-bottom:var(--et-space-8)}.hero-title .accent{font-family:var(--et-font-serif);font-style:italic;color:var(--et-amber);font-weight:var(--et-weight-regular);letter-spacing:0}.hero-lead{font-size:var(--et-text-lg);color:var(--et-paper-dim);max-width:56ch;line-height:1.7;margin-bottom:var(--et-space-10)}.hero-actions{display:flex;gap:var(--et-space-3);flex-wrap:wrap}.features{max-width:1180px;margin:0 auto;padding:var(--et-space-20) var(--et-space-8);border-bottom:1px solid var(--et-line)}.section-desc{max-width:64ch;margin-bottom:var(--et-space-8)}.features-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--et-space-4)}.card-icon{font-size:22px;margin-bottom:var(--et-space-4);color:var(--et-amber)}.card-title{font-size:var(--et-text-lg);font-weight:var(--et-weight-medium);margin-bottom:var(--et-space-3)}.card-desc{font-size:var(--et-text-sm);color:var(--et-paper-dim);line-height:1.7}.pricing{max-width:1180px;margin:0 auto;padding:var(--et-space-20) var(--et-space-8);border-bottom:1px solid var(--et-line)}.pricing-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--et-space-4);align-items:start}.pricing-card{background:var(--et-ink-2);border:1px solid var(--et-line);border-radius:var(--et-radius-lg);padding:var(--et-space-8)}.pricing-card.featured{border-color:var(--et-amber);position:relative}.pricing-card.featured::before{content:"más popular";position:absolute;top:-10px;right:18px;background:var(--et-amber);color:var(--et-ink);font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:var(--et-radius-sm)}.badge-ghost{background:rgba(0,0,0,0);color:var(--et-amber);border:1px solid var(--et-amber-deep)}.price{font-family:var(--et-font-serif);font-style:italic;font-size:48px;color:var(--et-paper);margin:var(--et-space-3) 0 var(--et-space-2)}.price small{font-size:15px;color:var(--et-paper-dim);font-family:var(--et-font-mono);font-style:normal}.price-sub{font-size:var(--et-text-sm);color:var(--et-amber);margin-bottom:var(--et-space-6)}.feature-list{list-style:none;margin-bottom:var(--et-space-8)}.feature-list li{font-size:var(--et-text-sm);color:var(--et-paper-dim);line-height:1.9;padding-left:var(--et-space-5);position:relative}.feature-list li::before{content:"✓";position:absolute;left:0;color:var(--et-amber)}.signup-section{max-width:1180px;margin:0 auto;padding:var(--et-space-20) var(--et-space-8);border-bottom:1px solid var(--et-line)}.signup-wrap{max-width:560px}.signup-form{display:flex;gap:var(--et-space-3);margin-bottom:var(--et-space-3);flex-wrap:wrap}.signup-form .field{flex:1;min-width:200px;padding:13px 14px;font-size:var(--et-text-md)}.signup-fine{font-size:var(--et-text-xs);color:var(--et-paper-dimm);margin-bottom:var(--et-space-6)}.signup-result{margin-top:var(--et-space-6)}.api-key-box{background:var(--et-ink-3);border:1px solid var(--et-amber-deep);border-radius:var(--et-radius-lg);padding:var(--et-space-6)}.api-key-label{font-size:var(--et-text-xs);letter-spacing:2px;text-transform:uppercase;color:var(--et-amber);margin-bottom:var(--et-space-3)}.api-key-row{display:flex;gap:var(--et-space-2);margin-bottom:var(--et-space-4)}.api-key-value{flex:1;background:var(--et-ink);border:1px solid var(--et-line);color:var(--et-amber);padding:9px 12px;border-radius:var(--et-radius-md);font-family:inherit;font-size:var(--et-text-sm);outline:none}.api-key-warn{font-size:var(--et-text-xs);color:var(--et-paper-dimm);border-left:2px solid var(--et-amber-deep);padding-left:var(--et-space-3);line-height:1.7}.signup-error{font-size:var(--et-text-sm);color:var(--et-err);margin-top:var(--et-space-4);border-left:2px solid var(--et-err);padding-left:var(--et-space-3)}.footer-links{display:flex;gap:var(--et-space-5)}.footer-links a{color:var(--et-paper-dimm);transition:color var(--et-tx-fast)}.footer-links a:hover{color:var(--et-amber)}.site-footer{max-width:1180px;margin:0 auto;padding:var(--et-space-8);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--et-space-4);font-size:var(--et-text-xs);color:var(--et-paper-dimm);border-top:1px solid var(--et-line)}@media(max-width: 768px){.features-grid,.pricing-grid{grid-template-columns:1fr}.hero-title{font-size:var(--et-text-4xl);letter-spacing:-1px}.site-header{padding:var(--et-space-4) var(--et-space-5)}.hero,.features,.pricing{padding-left:var(--et-space-5);padding-right:var(--et-space-5)}}