:root{--ink:#000;--paper:#fff;--wob:255px 18px 225px 18px / 18px 225px 18px 255px;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--body:ui-rounded, "Nunito", "Segoe UI", system-ui, sans-serif;--gutter:clamp(16px, 4vw, 48px)}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);font:1.125rem / 1.6 var(--body);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:4px solid var(--ink);outline-offset:3px}html[lang=en] [lang=es],html[lang=es] [lang=en]{display:none}.skip{z-index:10;background:var(--ink);color:var(--paper);padding:8px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.top{z-index:5;padding:10px var(--gutter);background:var(--paper);border-bottom:3px solid var(--ink);flex-wrap:wrap;align-items:center;gap:20px;display:flex;position:sticky;top:0}.brand img{width:auto;height:30px}.top nav{font-family:var(--mono);gap:20px;margin-left:auto;font-size:.9rem;display:flex}.top nav a{border-bottom:3px solid #0000;padding:4px 2px;text-decoration:none}.top nav a:hover{border-bottom-color:var(--ink)}.lang{border:3px solid var(--ink);border-radius:var(--wob);min-width:0;margin:0;padding:0;display:flex;overflow:hidden}.lang button{background:var(--paper);color:var(--ink);font:700 .85rem var(--mono);cursor:pointer;border:0;padding:6px 12px}.lang button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.foot{padding:32px var(--gutter);border-top:3px solid var(--ink);font:.9rem var(--mono);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.foot p{margin:0}main>section{padding:clamp(40px, 8vw, 96px) var(--gutter)}.hero{text-align:center}.wordmark{max-width:min(680px,100%);margin:0 auto}.wordmark img{width:100%;height:auto}.laptops{justify-content:center;align-items:center;gap:clamp(6px,2vw,24px);max-width:900px;margin:24px auto 8px;display:flex}.laptops .wiggle{width:clamp(70px,18vw,200px)}.laptops .heart{width:clamp(28px,6vw,70px)}.laptops .flip{transform:scaleX(-1)}.slogan{font:700 clamp(1rem, 2.4vw, 1.25rem) var(--mono);text-transform:uppercase;letter-spacing:.08em;margin:28px auto 0}.invite{max-width:36ch;margin:12px auto 24px;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:700;line-height:1.3}.btn{border:3px solid var(--ink);border-radius:var(--wob);background:var(--ink);color:var(--paper);font:700 1rem var(--mono);cursor:pointer;padding:12px 24px;text-decoration:none;transition:transform .15s;display:inline-block}.btn:hover{background:var(--paper);color:var(--ink);transform:rotate(-2deg)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn:disabled:hover{background:var(--ink);color:var(--paper);transform:none}.squiggle{width:min(1200px,90%);margin:0 auto}.label{font:700 1rem var(--mono);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:12px;margin:0 0 24px;display:flex}.label img{width:22px;height:22px}.about,.do,.tools,.news{max-width:1200px;margin:0 auto}.lede{margin:0;font-size:clamp(1.15rem,2.2vw,1.4rem);line-height:1.6}.about .lede{max-width:62ch}.about .lede+.lede{margin-top:1em}.tools-intro{max-width:60ch;margin:0 0 24px}.cards{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:24px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.cards li{border:3px solid var(--ink);border-radius:var(--wob);background:var(--paper);padding:24px}.cards li:nth-child(2n){border-radius:18px 225px 18px 255px/225px 18px 255px}.cards li img{width:auto;height:110px;margin:0 auto 12px}.cards h3{margin:0 0 6px;font-size:1.35rem}.cards p{margin:0;font-size:1rem}.tool-list{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),360px))}.band{border-block:3px solid var(--ink);background:var(--ink);min-height:clamp(460px,62vw,760px);color:var(--paper);text-align:center;place-items:center;display:grid;position:relative;overflow:hidden}.band .bg{object-fit:cover;filter:invert();opacity:.9;width:100%;height:100%;position:absolute;inset:0}.band .card{border:3px solid var(--paper);border-radius:var(--wob);background:var(--ink);max-width:640px;padding:clamp(24px,5vw,48px);position:relative}.band h2{margin:0;font-size:clamp(1.8rem,5vw,3.2rem);line-height:1.1}.band p{max-width:40ch;margin:16px auto 0}.news{grid-template-columns:minmax(0,1fr);align-items:center;gap:24px;display:grid}.news .deco{width:120px;margin-inline:auto}.box{border:3px solid var(--ink);border-radius:var(--wob);min-width:0;max-width:820px;padding:clamp(24px,5vw,48px)}.box h2{margin:0 0 8px;font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.15}.box>p{margin:0 0 24px}.news label{font:700 .9rem var(--mono);margin-bottom:6px;display:block}.row{flex-wrap:wrap;gap:12px;display:flex}.row input{border:3px solid var(--ink);background:var(--paper);min-width:0;color:var(--ink);font:1.05rem var(--body);border-radius:18px 225px 18px 255px/225px 18px 255px;flex:200px;padding:12px 16px}.langs{border:0;flex-wrap:wrap;gap:10px;margin:20px 0 0;padding:0;display:flex}.langs legend{font:700 .9rem var(--mono);margin-bottom:8px;padding:0}.langs label{cursor:pointer;margin:0}.langs input{opacity:0;position:absolute}.langs label>span{border:3px solid var(--ink);border-radius:var(--wob);background:var(--paper);font:700 .95rem var(--mono);padding:8px 18px;display:inline-block}.langs input:checked+span{background:var(--ink);color:var(--paper)}.langs input:focus-visible+span{outline:4px solid var(--ink);outline-offset:3px}.note{font:.85rem var(--mono);margin:12px 0 0}.msg{min-height:1.6em;margin:8px 0 0;font-weight:700}@media (width>=800px){.news{grid-template-columns:160px minmax(0,1fr)}.news .deco{width:160px}}@media (width<=560px){.top nav{display:none}.lang{margin-left:auto}}@media (width<=420px){.box{padding:20px}.row .btn{text-align:center;width:100%}}@media (prefers-reduced-motion:no-preference){.wiggle{transform-origin:50% 100%;animation:3.2s ease-in-out infinite wiggle}.wiggle.w2{animation-delay:-1s}.wiggle.w3{animation-delay:-2s}@keyframes wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)translateY(-4px)}}}.cards li.disabled{color:#888;cursor:not-allowed;-webkit-user-select:none;user-select:none;border-color:#aaa}.cards li.disabled img{filter:grayscale();opacity:.4}
