:root{color-scheme:light dark;--yellow:#ffd21e;--yellow-dot:#e9b40f;--ink:#141414;--red:#c9243b;--blue:#2f6bff;--bg:#faf7ef;--surface:#fff;--text:#141414;--muted:#5c5a53;--border:#141414;--link:#1d4ed8;--hero-bg:var(--yellow);--hero-dot:var(--yellow-dot);--hero-ink:var(--ink);--shadow:var(--ink);--screen:#0e0e11;--menubar:#1c1c1eeb;--code-bg:#141414;--code-text:#faf7ef;--display:"Archivo Black", "Arial Black", -apple-system, system-ui, sans-serif;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--wrap:1040px;--gutter:20px;--line:3px;--radius:14px;--lift:8px;--step:.32s;--cycle:10s}@media (prefers-color-scheme:dark){:root{--bg:#0f0f10;--surface:#1a1a1c;--text:#f3f1ea;--muted:#a8a49a;--border:#f3f1ea;--link:#8ab4ff;--red:#ff5a6e;--hero-bg:#0f0f10;--hero-dot:#2a2a2c;--hero-ink:var(--yellow);--shadow:var(--yellow);--code-bg:#000}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font:17px/1.5 var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100dvh;margin:0;display:flex;overflow-x:hidden}.wrap{width:100%;max-width:var(--wrap);padding:0 var(--gutter);margin:0 auto}h1,h2,h3{margin:0;line-height:1.1}h2{font:400 clamp(28px, 4vw, 40px)/1.1 var(--display);letter-spacing:-.01em;text-wrap:balance;margin-bottom:28px}p{margin:0}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}section{padding:72px 0}.brand{color:inherit;align-items:center;gap:10px;font-weight:700;display:inline-flex}.brand span{color:var(--muted);font-weight:400}.hero{background-color:var(--hero-bg);background-image:radial-gradient(var(--hero-dot) 1.6px, transparent 1.7px);color:var(--hero-ink);border-bottom:var(--line) solid var(--border);background-size:18px 18px;padding:32px 0 0;overflow:hidden}.hero .brand span{color:inherit;opacity:.7}.hero h1{font:400 clamp(40px, 7.2vw, 88px)/.98 var(--display);letter-spacing:-.02em;text-wrap:balance;max-width:14ch;margin-top:48px}.pitch{text-wrap:pretty;max-width:44ch;margin-top:24px;font-size:clamp(18px,2vw,22px)}.cta{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:32px;display:flex}.button{border:var(--line) solid currentColor;background:var(--ink);color:var(--yellow);border-radius:10px;padding:14px 22px;font-weight:700;display:inline-block;box-shadow:5px 5px}.button:hover{text-decoration:none;transform:translate(2px,2px);box-shadow:3px 3px}.soon{opacity:.75;font-weight:600}.desktop{aspect-ratio:16/10;border:var(--line) solid var(--border);border-radius:var(--radius) var(--radius) 0 0;background:var(--screen) linear-gradient(160deg, #27314a 0%, #13161f 50%, #08080a 100%);box-shadow:var(--lift) 0 0 var(--shadow);border-bottom:0;margin-top:56px;position:relative;overflow:hidden}.menubar{background:var(--menubar);color:#ffffffe0;white-space:nowrap;align-items:center;gap:16px;height:7%;padding:0 18px;font-size:clamp(9px,1.3vw,14px);display:flex}.menubar b{font-weight:700}.apple{background:currentColor;border-radius:50% 50% 45% 45%;width:1.1em;height:1.1em}.glyph{width:1.3em;height:1.3em;color:var(--yellow);margin-left:auto}.window{background:#1c1c1e;border-radius:10px;position:absolute;inset:16% 12% 12%;overflow:hidden;box-shadow:0 20px 50px #0009}.titlebar{background:#2c2c2e;align-items:center;gap:7px;height:10%;padding:0 12px;display:flex}.titlebar i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.titlebar i:nth-child(2){background:#febc2e}.titlebar i:nth-child(3){background:#28c840}.film{background:linear-gradient(#0000 56%,#ffffff12 58%,#0000 60%,#ffffff0d 63%,#0000 65%),linear-gradient(#0000 62%,#15131c 62%,#0a0a0f 100%),radial-gradient(circle at 50% 62%,#ffd21e 0 5%,#ffd21e73 8%,#e6395033 16%,#0000 28%),linear-gradient(#090b16 0%,#1c2140 40%,#5a3448 60%,#7a4a4a 62%);height:90%}.caption{width:max-content;max-width:70%;color:var(--yellow);text-align:center;text-wrap:balance;background:#000000c7;border-radius:.45em;margin:0;padding:.45em .75em;font-size:clamp(14px,2.6vw,30px);font-weight:700;line-height:1.25;display:inline-block}.desktop .caption,.still .caption{position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.caption span{opacity:1;animation:word var(--cycle) steps(1, end) calc(var(--i) * var(--step)) infinite both;display:inline}.caption span:after{content:" "}.caption.live{animation:box var(--cycle) steps(1, end) infinite both}@keyframes word{0%{opacity:0;display:none}.1%{opacity:.6;display:inline}3.5%{opacity:1}56%{opacity:0;display:none}}@keyframes box{0%{opacity:1}97%{opacity:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.caption span,.caption.live{animation:none}.caption.live span:last-child{opacity:.6}}.scenes ul{grid-template-columns:repeat(4,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid}.still{aspect-ratio:4/3;border:var(--line) solid var(--border);border-radius:var(--radius);box-shadow:var(--lift) var(--lift) 0 var(--shadow);background:#0e0e11 linear-gradient(170deg,#2a2f44 0%,#131521 60%,#0a0a0d 100%);position:relative;overflow:hidden}.scenes li:nth-child(2) .still{background:#0e0e11 linear-gradient(170deg,#4a2a33 0%,#1e1419 60%,#0a0a0d 100%)}.scenes li:nth-child(3) .still{background:#0e0e11 linear-gradient(170deg,#3d3620 0%,#1a1810 60%,#0a0a0d 100%)}.scenes li:nth-child(4) .still{background:#0e0e11 linear-gradient(170deg,#203a3a 0%,#111c1c 60%,#0a0a0d 100%)}.still .caption{max-width:86%;font-size:15px}.scenes h3{margin-top:18px;font-size:17px;font-weight:700}.how{background:var(--surface);border-top:var(--line) solid var(--border);border-bottom:var(--line) solid var(--border)}.how ol{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:32px;margin:0;padding:0;list-style:none;display:grid}.how li{counter-increment:step}.how li:before{content:counter(step);border:var(--line) solid var(--border);background:var(--yellow);width:44px;height:44px;color:var(--ink);font:400 20px/1 var(--display);border-radius:50%;place-items:center;margin-bottom:16px;display:inline-grid}.how h3{margin-bottom:8px;font-size:20px;font-weight:700}.how p{color:var(--muted)}.facts{padding-bottom:0}.facts dl{grid-template-columns:repeat(4,1fr);gap:24px;margin:0;display:grid}.facts dt{font:400 14px/1 var(--display);text-transform:uppercase;letter-spacing:.08em;color:var(--red);margin-bottom:8px}.facts dd{color:var(--muted);margin:0}.install pre{border:var(--line) solid var(--border);border-radius:var(--radius);background:var(--code-bg);color:var(--code-text);font:15px/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:var(--lift) var(--lift) 0 var(--shadow);margin:0;padding:20px 110px 20px 24px;position:relative}.copy{font:700 14px/1 var(--font);color:var(--ink);background:var(--yellow);border:2px solid var(--yellow);cursor:pointer;border-radius:8px;padding:9px 14px;position:absolute;top:14px;right:14px}.copy:hover{background:#ffe169}.install p{color:var(--muted);max-width:64ch;margin-top:20px}.install p+p{margin-top:8px}kbd{font:inherit;color:var(--text);font-weight:700}footer{border-top:var(--line) solid var(--border);margin-top:auto;padding:28px 0 40px;font-size:15px}footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;display:flex}footer nav{flex-wrap:wrap;gap:8px 24px;display:flex}.topbar{padding-block:28px}.policy,.lost{padding-block:8px 48px}.policy h1,.lost h1{font:400 clamp(32px, 5vw, 48px)/1.05 var(--display);text-wrap:balance;margin-bottom:16px}.policy h2{font:700 22px/1.2 var(--font);margin:36px 0 10px}.policy p,.policy li{max-width:68ch}.policy p{margin:12px 0}.policy li{margin:8px 0}.policy a{overflow-wrap:anywhere}.lost p{margin-top:16px;font-size:19px}.lost .caption{margin-top:8px;font-size:22px}@media (width<=860px){.scenes ul,.facts dl{grid-template-columns:repeat(2,1fr)}.how ol{grid-template-columns:1fr}}@media (width<=560px){section{padding:56px 0}.hero{padding-top:24px}.hero h1{margin-top:32px}.desktop{aspect-ratio:4/3;margin-top:40px}.window{inset:14% 6% 10%}.caption{max-width:90%}.menubar span:not(.clock),.menubar b{display:none}.menubar .apple{display:block}.scenes ul{grid-template-columns:1fr}.still{aspect-ratio:16/9}.facts dl{grid-template-columns:1fr}.install pre{padding:56px 20px 20px}footer .wrap{flex-direction:column;align-items:flex-start}}