*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--negro:#1a1a1a;--negro2:#222;--gris:#2e2e2e;--gris2:#3d3d3d;--gris-c:#888;--rojo:#ff492f;--teal:#038b96;--naranja:#ee9628;--crema:#fdf3e0;--marron:#9d2f20;--verde:#2ecc71;--font-display:"Bebas Neue",Impact,sans-serif;--font-body:"Space Grotesk",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--ease:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.175,.885,.32,1.275);--wrap:920px}html{scroll-behavior:smooth;font-size:16px}body{background:var(--negro);color:var(--crema);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::selection{background:var(--rojo);color:#fff}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--negro)}::-webkit-scrollbar-thumb{background:var(--gris2)}::-webkit-scrollbar-thumb:hover{background:var(--rojo)}body:after{content:"";z-index:9999;pointer-events:none;opacity:.03;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:512px;animation:8s steps(10,end) infinite grain;position:fixed;inset:0}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-1%,-1%)}20%{transform:translate(1%)}30%{transform:translateY(1%)}40%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}60%{transform:translate(-1%)}70%{transform:translateY(-1%)}80%{transform:translate(1%,1%)}90%{transform:translate(-1%,-1%)}}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 48px}.sec{border-bottom:1px solid var(--gris);padding:clamp(56px,10vw,100px) 0;position:relative}.tag{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--rojo);margin-bottom:6px;font-size:.68rem;font-weight:700;display:block}.tag--teal{color:var(--teal)}.tag--naranja{color:var(--naranja)}.sec-t{font-family:var(--font-display);letter-spacing:.02em;color:var(--crema);margin-bottom:8px;font-size:clamp(2.8rem,6vw,4.5rem);line-height:.95}.sec-t em{color:var(--rojo);font-style:normal}.sec-d{color:#fdf3e08c;max-width:680px;margin-bottom:40px;font-size:.95rem;line-height:1.7}.bar{background:var(--rojo);width:80px;height:4px;margin:12px 0 20px}.ghost{font-family:var(--font-display);color:#ff492f06;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(20rem,35vw,40rem);line-height:1;position:absolute;top:50%;right:-40px;transform:translateY(-50%)}.sprockets{background:var(--negro);width:100%;height:24px;position:relative;overflow:hidden}.sprockets:before,.sprockets:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 16px,#fdf3e00f 16px 26px,#0000 26px 36px);width:100%;height:10px;position:absolute;top:50%;transform:translateY(-50%)}.sprockets:before{top:3px;transform:none}.sprockets:after{top:auto;bottom:3px;transform:none}.card{background:var(--gris);border-left:3px solid var(--teal);transition:border-color .3s var(--ease);margin-bottom:2px;padding:20px 24px}.card:hover{border-color:var(--rojo)}.card--red{border-left-color:var(--rojo)}.card--naranja{border-left-color:var(--naranja)}.card--marron{border-left-color:var(--marron)}.card--verde{border-left-color:var(--verde)}.card h4{font-family:var(--font-display);letter-spacing:.04em;margin-bottom:6px;font-size:1.3rem}.card p{color:#fdf3e099;font-size:.85rem;line-height:1.55}.bento{grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.bento--3{grid-template-columns:repeat(3,1fr)}.bento--2{grid-template-columns:repeat(2,1fr)}.bento .span2{grid-column:span 2}.bento .span3{grid-column:span 3}.bento .span4{grid-column:span 4}.stat{background:var(--gris);text-align:center;padding:20px}.stat-n{font-family:var(--font-display);color:var(--rojo);font-size:clamp(2.2rem,4vw,3.2rem);line-height:1}.stat-n.teal{color:var(--teal)}.stat-n.naranja{color:var(--naranja)}.stat-n.crema{color:var(--crema)}.stat-l{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--gris-c);margin-top:4px;font-size:.62rem;font-weight:700}.tok{border-collapse:collapse;width:100%;margin-bottom:28px;font-size:.85rem}.tok th{text-align:left;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gris-c);border-bottom:2px solid var(--gris);background:#fdf3e008;padding:8px 14px;font-size:.6rem;font-weight:700}.tok td{vertical-align:top;border-bottom:1px solid #fdf3e00a;padding:10px 14px}.tok td:first-child{font-family:var(--font-display);letter-spacing:.03em;font-size:.95rem}.tok code{font-family:var(--font-mono);color:var(--teal);background:#fdf3e00d;border-radius:2px;padding:2px 8px;font-size:.72rem}.note{border-left:3px solid var(--rojo);color:#fdf3e0a6;background:#ff492f0f;margin:20px 0;padding:14px 18px;font-size:.85rem}.note strong{color:var(--crema);font-family:var(--font-display);letter-spacing:.03em;margin-bottom:3px;font-size:1rem;display:block}.note--teal{border-left-color:var(--teal);background:#038b960f}.note--naranja{border-left-color:var(--naranja);background:#ee96280f}.btn{font-family:var(--font-display);letter-spacing:.08em;cursor:pointer;transition:all .35s var(--ease);border:none;padding:12px 28px;font-size:1rem;text-decoration:none;display:inline-block}.btn--rojo{background:var(--rojo);color:#fff}.btn--rojo:hover{transform:translateY(-2px);box-shadow:0 6px 28px #ff492f66}.btn--teal{background:var(--teal);color:#fff}.btn--teal:hover{transform:translateY(-2px);box-shadow:0 6px 28px #038b9659}.btn--ghost{color:var(--crema);border:2px solid var(--crema);background:0 0}.btn--ghost:hover{background:var(--crema);color:var(--negro)}.btn--pill{border-radius:999px}.app{background:var(--gris);transition:all .4s var(--ease);padding:28px 24px;position:relative;overflow:hidden}.app:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006}.app:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.app--rojo:before{background:var(--rojo)}.app--teal:before{background:var(--teal)}.app--naranja:before{background:var(--naranja)}.app--marron:before{background:var(--marron)}.app--verde:before{background:var(--verde)}.app .ico{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;margin-bottom:14px;font-family:Material Symbols Rounded;font-size:1.6rem;display:block}.app h4{font-family:var(--font-display);letter-spacing:.04em;margin-bottom:6px;font-size:1.2rem}.app p{color:#fdf3e08c;font-size:.82rem;line-height:1.55}.app .specs{border-top:1px solid var(--gris2);font-family:var(--font-mono);color:#fdf3e059;letter-spacing:.02em;margin-top:14px;padding-top:14px;font-size:.65rem;line-height:1.8}.cols{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}.diagram{border:1px solid var(--gris);background:#fdf3e005;margin-bottom:16px;padding:24px}.diagram h4{font-family:var(--font-display);letter-spacing:.04em;align-items:center;gap:8px;margin-bottom:14px;font-size:1.1rem;display:flex}.diagram h4 span{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--rojo);padding:2px 8px;font-size:.55rem;font-weight:700}.d-row{gap:2px;margin-bottom:2px;display:flex}.d-box{border:1px dashed var(--gris2);font-family:var(--font-mono);color:var(--gris-c);text-align:center;justify-content:center;align-items:center;min-height:40px;padding:12px;font-size:.68rem;font-weight:700;display:flex}.d-box.main{border-color:var(--rojo);color:var(--rojo);background:#ff492f0a;flex:1}.d-box.side{border-color:var(--teal);width:240px;color:var(--teal);background:#038b960a;flex-shrink:0}.d-box.full{background:#fdf3e005;flex:1}.d-box.accent{border-color:var(--rojo);color:var(--rojo);background:#ff492f0f;flex:1}.steps{counter-reset:s}.step{counter-increment:s;border:1px solid var(--gris);transition:border-color .3s var(--ease);align-items:center;gap:16px;margin-bottom:2px;padding:14px 18px;font-size:.85rem;display:flex}.step:hover{border-color:var(--rojo)}.step:before{content:counter(s,decimal-leading-zero);font-family:var(--font-mono);background:var(--rojo);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:.72rem;font-weight:700;display:flex}.swatch{cursor:pointer;transition:transform .4s var(--ease);position:relative;overflow:hidden}.swatch:hover{transform:scale(1.03)}.swatch-color{align-items:flex-end;height:80px;padding:10px 14px;display:flex}.swatch-color span{font-family:var(--font-mono);letter-spacing:.04em;color:#fff;background:#00000059;border-radius:2px;padding:2px 8px;font-size:.65rem;font-weight:700}.swatch-info{background:var(--gris);padding:12px 14px}.swatch-info strong{font-family:var(--font-display);letter-spacing:.04em;margin-bottom:2px;font-size:.95rem;display:block}.swatch-info code{font-family:var(--font-mono);color:var(--gris-c);font-size:.68rem}.swatch .copied{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:#fff;opacity:0;pointer-events:none;background:#ff492fe6;justify-content:center;align-items:center;font-size:.7rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.swatch.flash .copied{opacity:1}.reveal{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.nav-back{z-index:100;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--crema);opacity:.4;transition:opacity .3s var(--ease);align-items:center;gap:8px;font-size:.65rem;font-weight:700;text-decoration:none;display:flex;position:fixed;top:20px;left:20px}.nav-back:hover{opacity:1;color:var(--rojo)}.explore-link{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--rojo);transition:all .3s var(--ease);border-bottom:1px solid #0000;align-items:center;gap:8px;margin-top:20px;padding:10px 0;font-size:.72rem;font-weight:700;text-decoration:none;display:inline-flex}.explore-link:hover{border-bottom-color:var(--rojo)}.explore-link .material-symbols-rounded{transition:transform .3s var(--ease);font-size:16px}.explore-link:hover .material-symbols-rounded{transform:translate(4px)}.mockup-phone{background:var(--negro);border:3px solid var(--gris2);border-radius:28px;width:280px;height:560px;padding:12px;position:relative;overflow:hidden}.mockup-phone:before{content:"";background:var(--gris2);border-radius:2px;width:80px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.mockup-phone .screen{background:var(--negro2);border-radius:16px;width:100%;height:100%;overflow:hidden}.mockup-laptop{background:var(--gris2);border-radius:8px 8px 0 0;width:100%;max-width:600px;padding:8px;overflow:hidden}.mockup-laptop .screen{aspect-ratio:16/10;background:var(--negro);border-radius:4px;width:100%;overflow:hidden}.mockup-laptop-base{background:var(--gris2);border-radius:0 0 8px 8px;width:110%;max-width:660px;height:12px;margin:-1px auto 0}.mockup-poster{background:#fff;padding:20px;position:relative;box-shadow:0 8px 40px #0000004d}.prompt-table{border-collapse:collapse;width:100%;margin:20px 0;font-size:.82rem}.prompt-table th{text-align:left;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--rojo);border-bottom:2px solid var(--rojo);background:#ff492f0f;padding:10px 14px;font-size:.6rem;font-weight:700}.prompt-table td{vertical-align:top;border-bottom:1px solid #fdf3e00a;padding:12px 14px}.prompt-table td:first-child{font-family:var(--font-display);letter-spacing:.03em;white-space:nowrap;font-size:.95rem}.prompt-table .prompt-text{font-family:var(--font-mono);color:#fdf3e080;cursor:pointer;font-size:.68rem;line-height:1.6;transition:color .3s}.prompt-table .prompt-text:hover{color:var(--teal)}@media (max-width:900px){.cols{grid-template-columns:1fr}.bento{grid-template-columns:repeat(2,1fr)}.d-row{flex-direction:column}.d-box.side{width:100%}}@media (max-width:600px){.wrap{padding:0 20px}.bento{grid-template-columns:1fr}.bento .span2,.bento .span3,.bento .span4{grid-column:span 1}.sec-t{font-size:2.4rem}}.manual-btn:hover{background:var(--rojo)!important;border-color:var(--rojo)!important;color:#fff!important}.post-grid{column-count:3;column-gap:2px}@media (max-width:900px){.post-grid{column-count:2}}@media (max-width:560px){.post-grid{column-count:1}}.post-card{break-inside:avoid;background:var(--gris);cursor:pointer;margin-bottom:2px;display:block;position:relative;overflow:hidden}.post-card:after{content:"";transition:background .3s var(--ease);pointer-events:none;background:#ff492f00;position:absolute;inset:0}.post-card:hover:after{background:#ff492f1a}.post-card img{width:100%;transition:transform .55s var(--ease);display:block}.post-card:hover img{transform:scale(1.045)}.post-cap{pointer-events:none;background:linear-gradient(#0000,#100c078c 45%,#100c07ed 92%);padding:38px 16px 14px;position:absolute;bottom:0;left:0;right:0}.post-cap .c{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--rojo);margin-bottom:4px;font-size:.58rem;font-weight:700}.post-cap .c.teal{color:var(--teal)}.post-cap .c.naranja{color:var(--naranja)}.post-cap .t{font-family:var(--font-display);letter-spacing:.03em;color:var(--crema);font-size:1.2rem;line-height:1}.lb{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:lbfade .25s var(--ease);background:#08080af5;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}@keyframes lbfade{0%{opacity:0}to{opacity:1}}.lb-fig{flex-direction:column;align-items:center;gap:16px;max-width:94vw;margin:0;display:flex}.lb-fig img{object-fit:contain;width:auto;max-width:94vw;height:auto;max-height:82vh;display:block;box-shadow:0 24px 90px #000000b3}.lb-cap{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.lb-cap .c{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--rojo);font-size:.62rem;font-weight:700}.lb-cap .c.teal{color:var(--teal)}.lb-cap .c.naranja{color:var(--naranja)}.lb-cap .t{font-family:var(--font-display);letter-spacing:.03em;color:var(--crema);font-size:1.3rem}.lb-cap .n{font-family:var(--font-mono);letter-spacing:.1em;color:var(--gris-c);font-size:.62rem}.lb-btn{color:var(--crema);cursor:pointer;transition:all .25s var(--ease);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fdf3e00f;border:1px solid #fdf3e026;justify-content:center;align-items:center;display:flex;position:fixed}.lb-btn:hover{background:var(--rojo);border-color:var(--rojo)}.lb-x{border-radius:50%;width:46px;height:46px;top:20px;right:22px}.lb-nav{border-radius:50%;width:54px;height:54px;top:50%;transform:translateY(-50%)}.lb-prev{left:20px}.lb-next{right:20px}.lb-btn .material-symbols-rounded{font-size:26px}@media (max-width:600px){.lb-nav{width:44px;height:44px}.lb-prev{left:8px}.lb-next{right:8px}.lb-x{top:12px;right:12px}}@media print{body:before,body:after,.sprockets,.nav-back{display:none}.sec{break-inside:avoid;padding:28px 0}.ghost{display:none}}