:root{--bg: #f6f6f3;--ink: #15151b;--text: #45454f;--muted: #73737e;--hairline: #e3e3dd;--accent: #3b2bff;--surface: #f5f5f5;--display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--body: "Inter", ui-sans-serif, system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--maxw: 56rem;--step: clamp(1rem, .9rem + .5vw, 1.15rem)}[data-theme=dark]{--bg: #18181b;--ink: #f0f0ec;--text: #c4c4cc;--muted: #a0a0aa;--hairline: #2a2a2e;--accent: #7b6fff;--surface: #232328}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{-webkit-text-size-adjust:100%;overflow-x:clip}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:var(--step);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.wrap{max-width:var(--maxw);margin-inline:auto;padding:7rem 1.5rem 6rem}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.intro h1{font-family:var(--display);font-weight:500;font-size:clamp(2.4rem,1.6rem + 4vw,4.5rem);line-height:1.02;letter-spacing:-.02em;margin:0 0 1rem}.intro p{max-width:42ch;color:var(--muted);margin:0}.index{margin-top:clamp(3rem,8vw,6rem)}.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 1.5rem}.card{display:grid;grid-template-columns:2.5rem 1fr auto;gap:1rem;align-items:baseline;padding:1.6rem 0;border-top:1px solid var(--hairline);text-decoration:none;transition:padding-left .25s ease}.card:last-child{border-bottom:1px solid var(--hairline)}.card:hover{padding-left:.6rem}.card:hover .card__title{color:var(--accent)}.card__num{font-family:var(--mono);font-size:.8rem;color:var(--muted)}.card__title{font-family:var(--display);font-weight:500;font-size:1.45rem;letter-spacing:-.01em;margin:0 0 .3rem;transition:color .2s ease}.card__summary{color:var(--muted);margin:0;font-size:.95rem}.card__meta{font-family:var(--mono);font-size:.72rem;color:var(--muted);white-space:nowrap;text-align:right}.lock{display:inline-block;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;padding:.15rem .4rem;margin-bottom:.4rem;border:1px solid var(--hairline);border-radius:2px;color:var(--ink)}.back{font-family:var(--mono);font-size:.78rem;text-decoration:none;color:var(--muted)}.back:hover{color:var(--accent)}.case h1{font-family:var(--display);font-weight:500;font-size:clamp(2rem,1.4rem + 2.5vw,3rem);letter-spacing:-.02em;line-height:1.05;margin:1.5rem 0 .5rem}.case .meta{font-family:var(--mono);font-size:.75rem;color:var(--muted);margin:0 0 2.5rem}.prose{max-width:42rem}.prose h2{font-family:inherit;font-weight:500;font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:2.5rem 0 .5rem;scroll-margin-top:6rem}[data-theme=dark] .prose h2{color:var(--ink)}.prose p{margin:0 0 1.1rem;color:var(--text);font-size:1rem}.prose img,.prose video{width:100%;border-radius:12px;display:block;margin:1.5rem 0}.prose ul{margin:0 0 1.1rem;padding-left:1.25rem}.prose li{margin-bottom:.4rem}.prose strong{color:var(--ink)}.prose .video-mobile{position:relative;display:flex;justify-content:center;margin:1.5rem 0}.prose .video-mobile video{width:100%;max-width:100%;margin:0;cursor:pointer}@media(min-width:640px){.prose .video-mobile video{max-width:560px}}.prose .video-mobile:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#0000007a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6' y='4' width='4' height='16' fill='white' rx='1'/%3E%3Crect x='14' y='4' width='4' height='16' fill='white' rx='1'/%3E%3C/svg%3E") center / 16px no-repeat;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .15s ease;pointer-events:none}.prose .video-mobile:hover:after{opacity:1}.prose .video-mobile.is-paused:after{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='7,3 20,12 7,21' fill='white'/%3E%3C/svg%3E")}.screenshot-reel{display:flex;gap:12px;overflow-x:auto;margin:1.5rem 0;padding:.5rem 0 .75rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.screenshot-reel::-webkit-scrollbar{display:none}.prose .screenshot-reel img{flex-shrink:0;width:min(480px,82%);height:280px;object-fit:cover;object-position:top;border-radius:12px;display:block;margin:0;scroll-snap-align:center;opacity:.4;transform:scale(.93);transition:opacity .25s ease,transform .25s ease;will-change:opacity,transform}.prose .screenshot-reel img.is-active{opacity:1;transform:scale(1)}.phone-pair{display:flex;align-items:flex-start;gap:0;margin:1.5rem 0;max-width:420px}.phone-pair-item{position:relative;flex:1;min-width:0}.prose .phone-pair-item img{width:100%;height:auto;border-radius:20px;display:block;margin:0}.phone-label{position:absolute;top:10px;left:10px;z-index:1;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;background:#0000008c;color:var(--muted);padding:3px 8px;border-radius:6px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}.phone-pair-arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;color:var(--muted);font-size:1rem;padding-top:40%}.phone-pair-notes{margin-top:12px;display:flex;flex-direction:column;gap:4px}.phone-pair-notes span{font-size:.68rem;color:var(--muted);line-height:1.4}.phone-pair-notes span:before{content:"↗ ";color:var(--accent);font-size:.6rem}@media(max-width:639px){.phone-pair-mobile-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%!important;gap:12px!important}.phone-pair-mobile-scroll::-webkit-scrollbar{display:none}.phone-pair-mobile-scroll .phone-pair-item{flex:0 0 65%}}.prose .icon-wrap{display:flex;justify-content:flex-start;margin:1.5rem 0}.prose .icon-wrap img{width:80px;height:80px;border-radius:18px;margin:0}.unlock{max-width:24rem;margin-top:clamp(2rem,10vw,6rem)}.unlock h1{font-family:var(--display);font-weight:500;font-size:1.8rem;margin:0 0 .5rem}.unlock p{color:var(--muted);margin:0 0 1.5rem}.unlock input{width:100%;font:inherit;padding:.7rem .8rem;border:1px solid var(--hairline);border-radius:4px;background:#fff;margin-bottom:.8rem}.unlock button{font:inherit;font-weight:500;cursor:pointer;padding:.7rem 1.4rem;border:none;border-radius:4px;background:var(--ink);color:var(--bg)}.unlock button:hover{background:var(--accent)}.err{color:#c0392b;font-size:.85rem}button.avatar{appearance:none;border:none;background:none;padding:0;cursor:pointer}.avatar img{transition:opacity .2s ease}[data-theme=dark] .avatar img{opacity:.6;transform:rotate(180deg)}[data-theme=dark] .avatar:hover img{opacity:.85}.avatar img.wobble-dark{animation:avatar-wobble .6s ease both}.avatar img.wobble-light{animation:avatar-wobble-light .6s ease both}@keyframes avatar-wobble{0%{transform:rotate(0)}18%{transform:rotate(-22deg)}40%{transform:rotate(205deg)}58%{transform:rotate(168deg)}74%{transform:rotate(186deg)}88%{transform:rotate(177deg)}to{transform:rotate(180deg)}}@keyframes avatar-wobble-light{0%{transform:rotate(180deg)}18%{transform:rotate(202deg)}40%{transform:rotate(-25deg)}58%{transform:rotate(12deg)}74%{transform:rotate(-6deg)}88%{transform:rotate(3deg)}to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.avatar img.wobble-dark,.avatar img.wobble-light{animation:none}[data-theme=dark] .avatar img{transform:rotate(180deg)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.site-header[data-astro-cid-5hce7sga]{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.5rem;pointer-events:none;border-bottom:1px solid transparent;transition:transform .3s ease,background-color .2s ease,border-color .2s ease}.site-header[data-astro-cid-5hce7sga].nav--hidden{transform:translateY(-100%)}.site-header[data-astro-cid-5hce7sga].nav--solid{background-color:var(--bg);border-bottom-color:var(--hairline)}@media(prefers-reduced-motion:reduce){.site-header[data-astro-cid-5hce7sga]{transition:none}}.avatar[data-astro-cid-5hce7sga],.nav[data-astro-cid-5hce7sga]{pointer-events:auto}.avatar[data-astro-cid-5hce7sga]{display:inline-flex;line-height:0}.avatar[data-astro-cid-5hce7sga] img[data-astro-cid-5hce7sga]{width:48px;height:48px;border-radius:50%}.nav[data-astro-cid-5hce7sga]{display:flex;gap:1.5rem}.nav[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]{font-size:1rem;color:var(--muted);text-decoration:none}.nav[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]:hover,.nav[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga][aria-current]{color:var(--ink);text-decoration:underline dotted;text-decoration-thickness:from-font;text-underline-offset:2px}.footer__built[data-astro-cid-5hce7sga]{display:none}@media(min-width:640px){.footer__built[data-astro-cid-5hce7sga]{display:inline}}.site-footer[data-astro-cid-5hce7sga]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;font-size:.875rem;color:var(--muted)}.footer__links[data-astro-cid-5hce7sga]{display:flex;gap:1.5rem}.footer__links[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]{color:var(--muted);text-decoration:none}.footer__links[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]:hover{color:var(--ink)}