:root{--bg-0:#0a0a0a;--bg-1:#111;--bg-2:#161616;--bg-3:#1f1f1f;--border:#ffffff14;--border-strong:#ffffff24;--border-hover:#ffffff38;--text-primary:#ededed;--text-secondary:#a1a1a1;--text-tertiary:#717171;--text-disabled:#525252;--accent:#3b82f6;--accent-bright:#60a5fa;--accent-soft:#3b82f61f;--accent-glow:#3b82f640;--font-sans:"Geist", "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono:"Geist Mono", "JetBrains Mono", "SF Mono", ui-monospace, monospace;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-3xl:44px;--text-4xl:60px;--text-5xl:80px;--maxw:1080px;--radius:10px;--radius-lg:14px;--radius-pill:999px;--ease:cubic-bezier(.16, 1, .3, 1);--ease-quick:cubic-bezier(.4, 0, .2, 1);--dur-fast:.12s;--dur:.2s;--dur-slow:.4s;color-scheme:dark}:root[data-theme=light]{--bg-0:#fcfcfc;--bg-1:#fff;--bg-2:#f5f5f5;--bg-3:#ededed;--border:#00000014;--border-strong:#00000024;--border-hover:#00000038;--text-primary:#171717;--text-secondary:#525252;--text-tertiary:#737373;--text-disabled:#a3a3a3;--accent:#2563eb;--accent-bright:#1d4ed8;--accent-soft:#2563eb14;--accent-glow:#2563eb2e;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:var(--text-base);background:var(--bg-0);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-feature-settings:"cv02", "cv03", "cv04", "cv11"}body{background:var(--bg-0);min-height:100vh;color:var(--text-primary);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);line-height:1.55;overflow-x:hidden}body:before{content:"";background:radial-gradient(ellipse at center, var(--accent-glow) 0%, transparent 60%);opacity:.45;pointer-events:none;z-index:0;width:90vw;height:80vh;transition:opacity var(--dur-slow) var(--ease);position:fixed;top:-40vh;left:50%;transform:translate(-50%)}:root[data-theme=light] body:before{opacity:.25}a{color:var(--accent);transition:color var(--dur-fast) var(--ease-quick);text-decoration:none}a:hover{color:var(--accent-bright)}img{max-width:100%;display:block}.container{width:100%;max-width:var(--maxw);z-index:1;margin:0 auto;padding:0 28px;position:relative}.site-nav{z-index:50;-webkit-backdrop-filter:blur(12px)saturate(180%);background:#0a0a0aa6;align-items:center;height:60px;display:flex;position:fixed;top:0;left:0;right:0}:root[data-theme=light] .site-nav{background:#fcfcfcb8}.site-nav .container{justify-content:space-between;align-items:center;display:flex}.site-nav .nav-brand{font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:-.01em;color:var(--text-primary);align-items:center;gap:8px;font-weight:600;text-decoration:none;display:flex}.site-nav .nav-brand:hover{color:var(--text-primary)}.site-nav .nav-mark{border-radius:6px;flex-shrink:0;width:22px;height:22px;display:block}.site-nav .nav-right{align-items:center;gap:4px;display:flex}.site-nav .nav-links{gap:2px;margin-right:8px;list-style:none;display:flex}.site-nav .nav-links a{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--dur-fast) var(--ease-quick), background var(--dur-fast) var(--ease-quick);border-radius:7px;padding:6px 12px;font-weight:500;display:block}.site-nav .nav-links a:hover{color:var(--text-primary);background:var(--bg-2)}.site-nav .nav-links a[aria-current=page]{color:var(--text-primary)}.site-nav .icon-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--dur-fast) var(--ease-quick);background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;display:grid}.site-nav .icon-btn:hover{color:var(--text-primary);background:var(--bg-2);border-color:var(--border)}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding:100px 0 80px;display:flex;position:relative}.hero-eyebrow{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--text-secondary);transition:border-color var(--dur) var(--ease);align-items:center;gap:8px;margin-bottom:32px;padding:5px 12px 5px 10px;font-weight:500;display:inline-flex}.hero-eyebrow:hover{border-color:var(--border-hover)}.hero-eyebrow:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%}.hero-title{font-family:var(--font-sans);font-size:clamp(48px, 9vw, var(--text-5xl));letter-spacing:-.04em;color:var(--text-primary);margin-bottom:24px;margin-left:-.055em;font-weight:600;line-height:1.02}.hero-title .hero-name{background:linear-gradient(100deg, var(--text-primary) 30%, var(--text-secondary) 100%);color:#0000;background-clip:text}.hero-subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:48ch;margin-bottom:36px;font-weight:400;line-height:1.5}.hero-cta{flex-wrap:wrap;gap:10px;margin-bottom:48px;display:flex}.btn{font-family:var(--font-sans);font-size:var(--text-sm);border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-1);min-height:38px;color:var(--text-primary);cursor:pointer;transition:all var(--dur-fast) var(--ease-quick);align-items:center;gap:6px;padding:10px 18px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{background:var(--bg-2);border-color:var(--border-hover);transform:translateY(-1px)}.btn.btn-primary{background:var(--text-primary);color:var(--bg-0);border-color:var(--text-primary);box-shadow:0 1px 2px #0003}.btn.btn-primary:hover{color:#0a0a0a;background:#fff;border-color:#fff;box-shadow:0 4px 12px #0000004d}.btn.btn-ghost{border-color:var(--border);background:0 0}.socials{gap:6px;list-style:none;display:flex}.social-link{border-radius:var(--radius);background:var(--bg-1);border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);transition:all var(--dur-fast) var(--ease-quick);place-items:center;display:grid}.social-link svg{width:16px;height:16px}.social-link:hover{color:var(--text-primary);background:var(--bg-2);border-color:var(--border-hover);transform:translateY(-2px)}.article{padding:140px 0 100px;position:relative}.article-head{margin-bottom:64px;padding-bottom:8px}.article-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:16px;font-weight:500;display:inline-block}.article-title{font-family:var(--font-sans);font-size:clamp(32px, 5vw, var(--text-4xl));letter-spacing:-.03em;color:var(--text-primary);margin-bottom:8px;margin-left:-.045em;font-weight:600;line-height:1.1}.article-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary)}.prose{max-width:70ch;font-size:var(--text-base);color:var(--text-secondary);line-height:1.75}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--text-primary);letter-spacing:-.02em;margin:2em 0 .6em;font-weight:600;line-height:1.3}.prose h1{font-size:var(--text-2xl);margin-left:-.03em}.prose h2{font-size:var(--text-xl);margin-left:-.025em}.prose h3{font-size:var(--text-lg)}.prose h4{font-size:var(--text-sm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary)}.prose p{margin:1em 0}.prose ul,.prose ol{margin:1em 0;padding-left:1.5em}.prose li{margin:.4em 0}.prose a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent-soft);text-underline-offset:3px;transition:text-decoration-color var(--dur-fast) var(--ease-quick)}.prose a:hover{text-decoration-color:var(--accent)}.prose strong{color:var(--text-primary);font-weight:600}.prose code{font-family:var(--font-mono);background:var(--bg-1);border:1px solid var(--border);color:var(--text-primary);border-radius:5px;padding:.1em .4em;font-size:.85em}.prose hr{border:none;height:0;margin:2em 0}.app-strip-wrap{z-index:20;-webkit-backdrop-filter:blur(12px)saturate(180%);background:#0a0a0ab8;position:sticky;top:60px}:root[data-theme=light] .app-strip-wrap{background:#fcfcfcc7}.app-strip-host{position:relative}.app-strip-host:before,.app-strip-host:after{content:"";pointer-events:none;z-index:2;opacity:0;width:36px;transition:opacity var(--dur) var(--ease);position:absolute;top:0;bottom:0}.app-strip-host:before{background:linear-gradient(to right, var(--bg-0), transparent);left:0}.app-strip-host:after{background:linear-gradient(to left, var(--bg-0), transparent);right:0}:root[data-theme=light] .app-strip-host:before{background:linear-gradient(90deg,#fcfcfc,#0000)}:root[data-theme=light] .app-strip-host:after{background:linear-gradient(270deg,#fcfcfc,#0000)}.app-strip-host.can-scroll-left:before,.app-strip-host.can-scroll-right:after{opacity:1}.app-strip{scrollbar-width:none;scroll-behavior:auto;gap:6px;padding:12px 0;display:flex;overflow-x:auto}.app-strip::-webkit-scrollbar{display:none}.app-strip{cursor:grab}.app-strip.dragging{cursor:grabbing}.app-strip a{cursor:pointer}.app-strip.dragging a{cursor:grabbing;pointer-events:none}.app-strip-link{border-radius:var(--radius);color:var(--text-secondary);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);flex-direction:column;flex-shrink:0;align-items:center;gap:6px;min-width:56px;padding:6px 8px;text-decoration:none;display:flex}.app-strip-link .strip-icon{opacity:.65;transform-origin:50%;width:36px;height:36px;transition:opacity .22s var(--ease-quick), transform .32s cubic-bezier(.33, 0, .2, 1);background:0 0;border:none;border-radius:0;overflow:visible;transform:scale(1)}.app-strip-link .strip-icon img{object-fit:contain;filter:drop-shadow(0 1px 1.5px #0000001f);border-radius:22.37%;width:100%;height:100%;display:block}.app-strip-link .strip-name{letter-spacing:-.01em;color:var(--text-tertiary);white-space:nowrap;transition:color var(--dur) var(--ease-quick);flex-direction:column;align-items:center;font-size:10px;font-weight:500;display:inline-flex}.app-strip-link .strip-name:after{content:attr(data-text)/"";visibility:hidden;pointer-events:none;user-select:none;height:0;font-weight:700;overflow:hidden}.app-strip-link:hover{color:var(--text-primary);background:var(--bg-2)}.app-strip-link:hover .strip-icon{opacity:1;transform:scale(1.1)}.app-strip-link:hover .strip-name{color:var(--text-primary)}.app-strip-link.is-active{color:var(--text-primary);background:var(--bg-2)}.app-strip-link.is-active .strip-icon{opacity:1}.app-strip-link.is-active .strip-name{color:var(--text-primary);font-weight:700}.apps-stack{flex-direction:column;gap:16px;display:flex}.app-card{color:inherit;background:var(--bg-1);border-radius:var(--radius-lg);transition:box-shadow var(--dur) var(--ease);border:1px solid #0000;padding:24px;scroll-margin-top:140px;text-decoration:none;display:block;box-shadow:0 1px 2px #0000000a,0 4px 16px #0000000f}:root[data-theme=dark] .app-card{box-shadow:0 1px 2px #0003,0 6px 20px #00000047}.app-card-header{align-items:center;gap:16px;margin-bottom:4px;display:flex}.app-icon{background:0 0;border:none;border-radius:0;flex-shrink:0;width:80px;height:80px;overflow:visible}.app-icon img{object-fit:contain;filter:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 2px 6px #0000000f);border-radius:22.37%;width:100%;height:100%;display:block}:root[data-theme=dark] .app-icon img{filter:drop-shadow(0 1px 2px #00000059)drop-shadow(0 3px 8px #00000040)}.app-header-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.app-name{font-size:var(--text-xl);letter-spacing:-.02em;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.25;overflow:hidden}.app-subtitle,.app-meta{font-size:var(--text-sm);color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;line-height:1.35;overflow:hidden}.app-meta{color:var(--text-disabled)}.app-get{min-width:64px;font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:-.01em;color:#fff;background:var(--accent);border-radius:var(--radius-pill);cursor:pointer;isolation:isolate;transition:transform .22s var(--ease), box-shadow .22s var(--ease), background .22s var(--ease), filter .22s var(--ease);border:none;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:8px 18px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 1px 2px #00000014}.app-get:hover{background:var(--accent-bright);box-shadow:0 2px 6px #0000001a, 0 8px 20px var(--accent-glow);filter:brightness(1.05);transform:scale(1.06)}.app-get:active{filter:brightness(.98);transition-duration:90ms;transform:scale(.96);box-shadow:0 1px 2px #00000014}.app-get:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}.app-screens-wrap{margin-top:20px;position:relative;overflow:hidden}.app-screens-wrap:before,.app-screens-wrap:after{content:"";pointer-events:none;z-index:2;opacity:0;width:36px;transition:opacity .28s var(--ease);position:absolute;top:0;bottom:0}.app-screens-wrap:before{background:linear-gradient(to right, var(--bg-1) 0, var(--bg-1) 1px, transparent 100%);left:0}.app-screens-wrap:after{background:linear-gradient(to left, var(--bg-1) 0, var(--bg-1) 1px, transparent 100%);right:0}.app-screens-wrap.can-scroll-left:before,.app-screens-wrap.can-scroll-right:after{opacity:1}.app-screen-arrow{z-index:3;width:28px;height:28px;color:var(--text-secondary);cursor:pointer;opacity:0;transition:opacity .28s var(--ease), color var(--dur-fast) var(--ease-quick), transform var(--dur-fast) var(--ease-quick);background:0 0;border:none;place-items:center;padding:0;display:grid;position:absolute;top:104px;transform:translateY(-50%)}.app-screens-wrap:has(.app-screen-tilt.is-desktop) .app-screen-arrow{top:88px}.app-screens-wrap.can-scroll-right .app-screen-arrow.right{opacity:1;right:0}.app-screens-wrap.can-scroll-left .app-screen-arrow.left{opacity:1;left:0}.app-screen-arrow svg{width:18px;height:18px}.app-screen-arrow:hover{color:var(--text-primary);transform:translateY(-50%)scale(1.15)}.app-screens{perspective:900px;perspective-origin:50%;scrollbar-width:none;scroll-behavior:auto;gap:12px;margin:-10px 0;padding:14px 0;display:flex;overflow-x:auto}.app-screens::-webkit-scrollbar{display:none}.app-screen-tilt{--rx:0deg;--ry:0deg;--gx:50%;--gy:50%;--g-angle:145deg;cursor:zoom-in;width:fit-content;height:200px;transform-style:preserve-3d;transform-origin:50%;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0);z-index:0;will-change:transform;flex-shrink:0;transition:none;display:block;position:relative}.app-screen-tilt.is-store{border-radius:10px}.app-screen-tilt.is-desktop{height:168px}.app-screen-tilt.is-tilting{z-index:2}.app-screen{object-fit:contain;opacity:0;width:auto;height:100%;transition:opacity .32s var(--ease);pointer-events:none;background:0 0;border:none;display:block}.app-screen.is-store{border-radius:10px}.app-screen.is-loaded{opacity:1}.app-screen-glare{border-radius:inherit;pointer-events:none;opacity:0;mix-blend-mode:soft-light;background:radial-gradient(circle at var(--gx) var(--gy), #ffffff8c 0%, #ffffff29 28%, transparent 58%);transition:opacity .28s var(--ease);z-index:2;position:absolute;inset:0}.app-screen-tilt.is-store.is-tilting .app-screen-glare{opacity:1}.app-screen-wash{border-radius:inherit;pointer-events:none;opacity:0;mix-blend-mode:soft-light;background:linear-gradient(var(--g-angle), #ffffff52 0%, #ffffff14 42%, transparent 72%);transition:opacity .28s var(--ease);z-index:1;position:absolute;inset:0}.app-screen-tilt.is-store.is-tilting .app-screen-wash{opacity:1}.app-screen-tilt:not(.is-store) .app-screen-glare,.app-screen-tilt:not(.is-store) .app-screen-wash{display:none}.app-screen-empty{border-radius:var(--radius);background:var(--bg-2);width:120px;height:200px;color:var(--text-disabled);font-family:var(--font-mono);font-size:var(--text-xs);text-align:center;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:16px;display:flex}.app-description-wrap{margin-top:16px;position:relative}.app-description{font-size:var(--text-sm);color:var(--text-secondary);white-space:pre-line;-webkit-line-clamp:3;transition:-webkit-line-clamp .3s var(--ease);-webkit-box-orient:vertical;line-height:1.65;display:-webkit-box;overflow:hidden}.app-description-wrap.is-open .app-description{-webkit-line-clamp:unset;display:block;overflow:visible}.app-description-fade{background:linear-gradient(to bottom, transparent, var(--bg-1));pointer-events:none;opacity:1;height:2.6em;transition:opacity .3s var(--ease);position:absolute;bottom:28px;left:0;right:0}.app-description-wrap.is-open .app-description-fade{opacity:0}.app-description-toggle{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);cursor:pointer;transition:color var(--dur-fast) var(--ease-quick);background:0 0;border:none;align-items:center;gap:4px;margin-top:8px;padding:4px 0;display:inline-flex}.app-description-toggle:hover{color:var(--text-primary)}.app-description-toggle svg{width:12px;height:12px;transition:transform .3s var(--ease)}.app-description-wrap.is-open .app-description-toggle svg{transform:rotate(180deg)}.lightbox{z-index:100;-webkit-backdrop-filter:blur(10px)saturate(140%);background:#00000061;justify-content:center;align-items:center;padding:32px;display:none;position:fixed;inset:0}.lightbox.is-open{display:flex}:root[data-theme=light] .lightbox{background:#ffffff6b}.lightbox-stage{flex-direction:column;align-items:center;gap:14px;max-width:min(86vw,520px);display:flex;position:relative}.lightbox-frame{place-items:center;min-width:min(40vw,200px);min-height:min(50vh,320px);transition:min-height;display:grid;position:relative}.lightbox-stage.is-loaded .lightbox-frame{min-width:0;min-height:0}.lightbox-img{object-fit:contain;user-select:none;-webkit-user-drag:none;opacity:0;width:auto;max-width:min(86vw,520px);height:auto;max-height:min(90vh,1100px);transition:opacity .24s var(--ease);border-radius:0;grid-area:1/1}.lightbox-img.is-store{border-radius:14px}.lightbox-img.is-loaded{opacity:1}.lightbox-spinner{pointer-events:none;opacity:1;width:36px;height:36px;transition:opacity .18s var(--ease);z-index:1;border:2px solid #ffffff38;border-top-color:#ffffffe6;border-radius:50%;grid-area:1/1;animation:.7s linear infinite lightbox-spin}:root[data-theme=light] .lightbox-spinner{border-color:#0000008c #00000024 #00000024}.lightbox-stage.is-loaded .lightbox-spinner{opacity:0;animation:none}@keyframes lightbox-spin{to{transform:rotate(360deg)}}.lightbox-counter{font-family:var(--font-mono);font-size:var(--text-sm);color:#ffffffe0;letter-spacing:.06em;text-shadow:0 1px 4px #00000059;font-weight:500}:root[data-theme=light] .lightbox-counter{color:#000000b8;text-shadow:0 1px 3px #ffffff80}.lightbox-close{z-index:2;color:#ffffffd9;cursor:pointer;width:40px;height:40px;transition:color var(--dur-fast) var(--ease-quick), background var(--dur-fast) var(--ease-quick), transform var(--dur-fast) var(--ease-quick);background:#00000047;border:none;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:20px;right:20px}.lightbox-close:hover{color:#fff;background:#0000006b;transform:scale(1.08)}.lightbox-close svg{width:20px;height:20px}:root[data-theme=light] .lightbox-close{color:#000000b3;background:#ffffff8c}:root[data-theme=light] .lightbox-close:hover{color:#000;background:#ffffffc7}.lightbox-arrow{z-index:2;color:#ffffffe6;cursor:pointer;width:48px;height:48px;transition:color var(--dur-fast) var(--ease-quick), background var(--dur-fast) var(--ease-quick), transform var(--dur-fast) var(--ease-quick);background:#00000047;border:none;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-arrow.left{left:max(16px,50% - min(43vw,260px) - 72px)}.lightbox-arrow.right{right:max(16px,50% - min(43vw,260px) - 72px)}.lightbox-arrow[hidden]{display:none}.lightbox-arrow:hover{color:#fff;background:#00000073;transform:translateY(-50%)scale(1.08)}.lightbox-arrow svg{width:22px;height:22px}:root[data-theme=light] .lightbox-arrow{color:#000000b8;background:#ffffff8c}:root[data-theme=light] .lightbox-arrow:hover{color:#000;background:#ffffffd1}@media (width<=640px){.lightbox-arrow{width:42px;height:42px}.lightbox-arrow.left{left:10px}.lightbox-arrow.right{right:10px}.lightbox-arrow svg{width:20px;height:20px}.lightbox-close{top:12px;right:12px}}.site-footer{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);margin-top:40px;padding:60px 0 40px}.site-footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}@media (width<=640px){.site-nav{height:52px}.site-nav .container{padding:0 18px}.site-nav .nav-links a{font-size:var(--text-xs);padding:5px 9px}.site-nav .nav-brand{font-size:var(--text-xs)}.hero{padding:90px 0 60px}.container{padding:0 18px}}