:root{--ink: #14110c;--ink-2: #1d1913;--ink-3: #2a241a;--ink-4: #353018;--paper: #f4ede0;--paper-dim: #b8ad99;--amber: #f0a830;--amber-deep: #c97f1a;--line: #3a3225;--ok: #8fb86a;--err: #e07070;--blue: #7ab8e8;--pink: #e8a0c0}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:#14110c;color:#f4ede0;font-family:"JetBrains Mono",monospace;line-height:1.6}.serif{font-family:"Instrument Serif",serif;font-weight:400}button{font-family:inherit;cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}html{scroll-behavior:smooth}body{overflow-x:hidden;background-image:repeating-linear-gradient(0deg, transparent, transparent 39px, rgba(240, 168, 48, 0.025) 39px, rgba(240, 168, 48, 0.025) 40px),repeating-linear-gradient(90deg, transparent, transparent 39px, rgba(240, 168, 48, 0.025) 39px, rgba(240, 168, 48, 0.025) 40px)}.wrap{max-width:1180px;margin:0 auto;padding:0 28px}nav{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid #3a3225}.logo{font-size:22px;letter-spacing:-0.5px;text-decoration:none;color:#f4ede0}.logo .serif{font-size:28px;font-style:italic;color:#f0a830}.nav-links{display:flex;gap:24px;align-items:center;font-size:13px}.nav-links a{color:#b8ad99;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#f0a830}.nav-cta{font-family:inherit;font-size:13px;font-weight:500;padding:9px 18px;border-radius:3px;cursor:pointer;text-decoration:none;background:#f0a830;color:#14110c;border:1px solid #f0a830;transition:opacity .15s}.nav-cta:hover{opacity:.85;color:#14110c}@media(max-width: 640px){.nav-links{gap:14px}.nav-links a:not(.nav-cta){display:none}}.btn{font-family:inherit;font-size:14px;font-weight:500;padding:14px 28px;border-radius:3px;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .15s,box-shadow .2s;border:none}.btn-primary{background:#f0a830;color:#14110c;border:1px solid #f0a830;box-shadow:4px 4px 0 #c97f1a}.btn-primary:hover{transform:translate(-2px, -2px);box-shadow:6px 6px 0 #c97f1a}.btn-ghost{background:rgba(0,0,0,0);color:#f4ede0;border:1px solid #3a3225}.btn-ghost:hover{border-color:#f0a830;color:#f0a830}header{padding:90px 0 70px;position:relative}.tag{display:inline-block;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#f0a830;border:1px solid #c97f1a;padding:5px 12px;border-radius:2px;margin-bottom:30px}h1{font-size:clamp(48px,8vw,100px);line-height:.98;letter-spacing:-2px;font-weight:700;max-width:14ch}h1 .serif{font-style:italic;color:#f0a830;font-weight:400;letter-spacing:0}.sub{margin-top:32px;font-size:16px;color:#b8ad99;max-width:56ch;line-height:1.7}.cta-row{margin-top:40px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}.hero-aside{position:absolute;right:0;top:110px;display:flex;flex-direction:column;gap:10px;font-size:12px;color:#b8ad99}.hero-aside span{display:flex;align-items:center;gap:8px}.hero-aside b{color:#f0a830}@media(max-width: 860px){.hero-aside{display:none}}section{padding:80px 0;border-top:1px solid #3a3225}.sec-label{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#f0a830;margin-bottom:14px}.sec-title{font-size:clamp(30px,4vw,50px);letter-spacing:-1px;line-height:1.05}.sec-title .serif{font-style:italic;color:#f0a830}.steps{margin-top:56px;display:grid;grid-template-columns:repeat(3, 1fr);gap:0}@media(max-width: 760px){.steps{grid-template-columns:1fr}}.step{padding:32px 32px 32px 0;border-right:1px solid #3a3225;position:relative}.step:last-child{border-right:none;padding-right:0}.step:not(:first-child){padding-left:32px}@media(max-width: 760px){.step{border-right:none;border-bottom:1px solid #3a3225;padding:28px 0}.step:last-child{border-bottom:none}.step:not(:first-child){padding-left:0}}.step-num{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#c97f1a;margin-bottom:18px}.step-icon{font-size:28px;margin-bottom:14px;display:block}.step h3{font-size:18px;letter-spacing:-0.5px;margin-bottom:10px}.step p{font-size:13px;color:#b8ad99;line-height:1.7}.pg-grid{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width: 860px){.pg-grid{grid-template-columns:1fr}}.panel{background:#1d1913;border:1px solid #3a3225;border-radius:4px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #3a3225;font-size:12px;color:#b8ad99;background:#2a241a}.panel-head .dot{color:#f0a830}textarea{width:100%;background:#1d1913;color:#f4ede0;border:none;padding:16px;font-family:inherit;font-size:13px;resize:vertical;line-height:1.7;outline:none}textarea.code{min-height:160px}textarea.data{min-height:120px}.pg-controls{margin-top:20px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.fmt-group{display:flex;border:1px solid #3a3225;border-radius:3px;overflow:hidden}.fmt-group button{font-family:inherit;font-size:12px;padding:9px 18px;background:#1d1913;color:#b8ad99;border:none;cursor:pointer;border-right:1px solid #3a3225;transition:all .15s}.fmt-group button:last-child{border-right:none}.fmt-group button.active{background:#f0a830;color:#14110c;font-weight:700}.cost-pill{font-size:12px;color:#b8ad99}.cost-pill b{color:#f0a830}.preview-frame{margin-top:20px;background:#fff;border-radius:4px;min-height:180px;padding:24px;color:#111;overflow:auto}.preview-frame.err{background:#2a241a;color:#e07070;padding:16px;font-size:13px}.preview-meta{margin-top:10px;font-size:11px;color:#b8ad99;display:flex;gap:18px;flex-wrap:wrap}.preview-meta b{color:#8fb86a}.note{margin-top:16px;font-size:11px;color:#b8ad99;border-left:2px solid #c97f1a;padding-left:12px;line-height:1.7}.req-box{margin-top:28px;background:#1d1913;border:1px solid #3a3225;border-radius:4px;padding:20px 22px;font-size:13px;overflow-x:auto}.req-box pre{white-space:pre}.c-key{color:#f0a830}.c-str{color:#8fb86a}.c-com{color:#b8ad99;font-style:italic}.c-verb{color:#e8a0c0;font-weight:700}.ep-grid{margin-top:36px;display:grid;grid-template-columns:repeat(2, 1fr);gap:12px}@media(max-width: 640px){.ep-grid{grid-template-columns:1fr}}.ep{background:#1d1913;border:1px solid #3a3225;border-radius:4px;padding:16px 18px;font-size:12px}.ep-method{color:#e8a0c0;font-weight:700;font-size:11px;margin-bottom:4px}.ep-path{color:#f0a830;margin-bottom:6px;font-size:13px}.ep-desc{color:#b8ad99;line-height:1.5}.price-grid{margin-top:40px;display:grid;grid-template-columns:repeat(3, 1fr);gap:18px}@media(max-width: 760px){.price-grid{grid-template-columns:1fr}}.price-card{background:#1d1913;border:1px solid #3a3225;border-radius:4px;padding:28px 24px;position:relative;display:flex;flex-direction:column}.price-card.feat{border-color:#f0a830}.price-card.feat::before{content:"más popular";position:absolute;top:-10px;right:18px;background:#f0a830;color:#14110c;font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:2px}.price-name{font-size:13px;color:#b8ad99;letter-spacing:1.5px;text-transform:uppercase}.price-amt{font-size:52px;margin:12px 0 4px;letter-spacing:-1px;line-height:1}.price-amt .serif{font-style:italic}.price-amt small{font-size:15px;color:#b8ad99}.price-sub{font-size:12px;color:#b8ad99;margin-bottom:6px;line-height:1.5}.price-credits{font-size:13px;color:#f0a830;margin-bottom:20px}.price-list{list-style:none;font-size:13px;color:#b8ad99;flex:1}.price-list li{padding:5px 0 5px 20px;position:relative;line-height:1.5}.price-list li::before{content:"→";position:absolute;left:0;color:#f0a830}.price-list li.no{opacity:.4}.price-list li.no::before{content:"✕";color:#b8ad99}.price-divider{margin:14px 0;border:none;border-top:1px solid #3a3225}.price-cta{margin-top:22px;display:block;text-align:center;font-size:13px;padding:11px 0;border-radius:3px;text-decoration:none;font-weight:500;transition:opacity .15s}.price-cta:hover{opacity:.8}.price-cta-primary{background:#f0a830;color:#14110c}.price-cta-ghost{border:1px solid #3a3225;color:#b8ad99}.rc-wrap{margin-top:32px;background:#1d1913;border:1px solid #3a3225;border-radius:4px;padding:20px 24px}.rc-title{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#b8ad99;margin-bottom:16px}.rc-grid{display:flex;gap:0;flex-wrap:wrap}.rc-item{flex:1;min-width:100px;padding:12px 16px;border-right:1px solid #3a3225;display:flex;flex-direction:column;gap:4px}.rc-item:last-child{border-right:none}@media(max-width: 640px){.rc-item{border-right:none;border-bottom:1px solid #3a3225}.rc-item:last-child{border-bottom:none}}.rc-fmt{font-size:14px;font-weight:700;color:#f4ede0}.rc-cost{font-size:12px;color:#f0a830}.rc-note{font-size:11px;color:#b8ad99;margin-top:12px}#empezar{padding:90px 0}.signup-wrap{max-width:560px;margin:0 auto;text-align:center}.signup-wrap .sec-label{justify-content:center;display:flex}.signup-wrap .sec-title{text-align:center}.signup-wrap .sub{margin:18px auto 0;text-align:center}.signup-form{margin-top:36px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.signup-form input[type=email]{flex:1;min-width:240px;padding:14px 16px;background:#1d1913;border:1px solid #3a3225;border-radius:3px;color:#f4ede0;font-family:inherit;font-size:14px;outline:none;transition:border-color .2s}.signup-form input[type=email]:focus{border-color:#f0a830}.signup-form input[type=email]::placeholder{color:#b8ad99}#signupBtn{padding:14px 28px;font-family:inherit;font-size:14px;font-weight:700;background:#f0a830;color:#14110c;border:none;border-radius:3px;cursor:pointer;transition:opacity .15s;white-space:nowrap}#signupBtn:hover{opacity:.85}#signupBtn:disabled{opacity:.5;cursor:not-allowed}.signup-fine{margin-top:14px;font-size:11px;color:#b8ad99}#signupResult{margin-top:28px;text-align:left;display:none}.key-box{background:#1d1913;border:1px solid #8fb86a;border-radius:4px;padding:20px 22px}.key-label{font-size:11px;color:#8fb86a;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px}.key-value{font-size:15px;color:#f0a830;word-break:break-all;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.copy-btn{font-family:inherit;font-size:11px;padding:5px 12px;background:rgba(0,0,0,0);border:1px solid #3a3225;border-radius:2px;color:#b8ad99;cursor:pointer;white-space:nowrap;transition:all .15s;flex-shrink:0}.copy-btn:hover{border-color:#f0a830;color:#f0a830}.copy-btn.copied{border-color:#8fb86a;color:#8fb86a}.key-note{margin-top:12px;font-size:12px;color:#b8ad99;line-height:1.6}.key-note b{color:#8fb86a}.signup-error{background:#2a241a;border:1px solid #e07070;border-radius:4px;padding:14px 18px;color:#e07070;font-size:13px}.credits-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(143,184,106,.1);border:1px solid #8fb86a;color:#8fb86a;font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:2px;margin-top:14px}footer{border-top:1px solid #3a3225;padding:40px 0 60px;font-size:12px;color:#b8ad99}.footer-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:32px}.footer-brand .logo{display:inline-block;margin-bottom:10px}.footer-brand p{font-size:12px;color:#b8ad99;max-width:28ch;line-height:1.6}.footer-col h4{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#f0a830;margin-bottom:12px}.footer-col ul{list-style:none}.footer-col li{margin-bottom:8px}.footer-col a{color:#b8ad99;text-decoration:none;font-size:12px;transition:color .15s}.footer-col a:hover{color:#f0a830}.footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid #3a3225;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:11px;color:#b8ad99}.stack-badge{display:flex;gap:10px;flex-wrap:wrap}.stack-badge span{background:#1d1913;border:1px solid #3a3225;border-radius:2px;padding:2px 8px;font-size:10px;color:#b8ad99}