.lp{--paper:#fbf7f0;--paper-2:#f3ede2;--paper-3:#ece4d6;--ink:#141210;--ink-soft:#141210ad;--ink-faint:#1412106b;--rule:#14121021;--marker:#d8f651;--coral:#ff4e1f;--stripe:#1412100b;--display:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text:var(--font-lato), "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", monospace;--gutter:clamp(1.25rem, 5vw, 4.5rem);--measure:72rem;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:100vh;color:var(--ink);background-color:var(--paper);background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 2.24rem, var(--stripe) 2.24rem, var(--stripe) calc(2.24rem + 1px));font-family:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.62;overflow-x:hidden}.lp ::selection{background:var(--marker);color:var(--ink)}.lp .mark{white-space:nowrap;position:relative}.lp .mark:before{content:"";z-index:-1;background:var(--marker);transform-origin:0;border-radius:3px 10px 4px 8px;transition:transform .52s cubic-bezier(.16,1,.3,1) .18s;position:absolute;inset:.16em -.14em .08em;transform:rotate(-1.1deg)skew(-7deg)scaleX(0)}.lp .is-in .mark:before,.lp .mark.is-in:before{transform:rotate(-1.1deg)skew(-7deg)scaleX(1)}.lp .mark--sm:before{top:.2em;bottom:.12em}.lp .masthead{z-index:40;padding:.9rem var(--gutter);-webkit-backdrop-filter:blur(14px)saturate(130%);backdrop-filter:blur(14px)saturate(130%);border-bottom:1px solid var(--rule);background:#fbf7f0db;align-items:center;gap:clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.lp .wordmark{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);white-space:nowrap;font-size:1.28rem;font-weight:700;text-decoration:none;position:relative}.lp .wordmark .underline{fill:none;width:100%;height:.4em;stroke:var(--coral);stroke-width:2.4px;stroke-linecap:round;position:absolute;bottom:-.3em;left:0;right:0}.lp .wordmark--sm{font-size:1.05rem}.lp .masthead nav{font-family:var(--mono);letter-spacing:.02em;gap:clamp(.9rem,2.5vw,2rem);margin-right:auto;font-size:.72rem;display:flex}.lp .masthead nav a{color:var(--ink-soft);padding:.15rem 0;text-decoration:none;transition:box-shadow .18s,color .18s;box-shadow:inset 0 -.5em 0 -.1em #0000}.lp .masthead nav a:hover{color:var(--ink);box-shadow:inset 0 -.5em 0 -.1em var(--marker)}.lp .masthead .btn--install{margin-left:auto}@media (max-width:780px){.lp .masthead nav{display:none}}.lp .btn{font-family:var(--display);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.72rem 1.3rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:transform .16s cubic-bezier(.2,.9,.3,1),box-shadow .16s,background-color .16s;display:inline-flex}.lp .btn--sm{padding:.5rem 1rem;font-size:.84rem}.lp .btn--solid,.lp .btn--solid:hover:not(:disabled),.lp .btn--solid:focus-visible{background:var(--ink);color:var(--paper);box-shadow:none;border:none}.lp .btn--solid:hover:not(:disabled){box-shadow:.28rem .28rem 0 0 var(--marker), 0 0 0 1.5px var(--ink);font-weight:700;transform:translateY(-2px)}.lp .btn--quiet,.lp .btn--quiet:focus-visible{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--rule)}.lp .btn--quiet:hover:not(:disabled){background:var(--marker);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);transform:translateY(-2px)}.lp .hero{max-width:var(--measure);padding:clamp(2.75rem, 7vw, 5rem) var(--gutter) clamp(1.5rem, 4vw, 2.5rem);margin:0 auto}.lp .sticker{background:var(--marker);border:1.5px solid var(--ink);font-family:var(--mono);letter-spacing:.02em;box-shadow:.16rem .16rem 0 var(--ink);border-radius:3px;margin:0 0 1.7rem;padding:.35rem .8rem;font-size:.7rem;display:inline-block;transform:rotate(-1.6deg)}.lp h1{font-family:var(--display);letter-spacing:-.038em;text-wrap:balance;margin:0 0 .35rem;font-size:clamp(2.7rem,8vw,6rem);font-weight:800;line-height:.96}.lp .gloss-line{font-family:var(--text);letter-spacing:-.01em;color:var(--coral);margin:0 0 1.8rem;font-size:clamp(1.1rem,3vw,2rem);font-style:italic;font-weight:300;line-height:1.15}.lp .lede{max-width:44ch;color:var(--ink-soft);margin:0 0 2rem;font-size:clamp(1.02rem,1.7vw,1.2rem)}.lp .hero-actions{flex-wrap:wrap;gap:.7rem;display:flex}.lp .preview-wrap{max-width:var(--measure);padding:clamp(1.5rem, 4vw, 3rem) var(--gutter) clamp(3rem, 7vw, 5rem);margin:0 auto;position:relative}.lp .preview-margin{text-align:right;max-width:26rem;margin:0 0 1rem auto}.lp .annot{font-family:var(--text);color:var(--ink-faint);margin:0;font-size:.95rem;font-style:italic;line-height:1.35;transform:rotate(-1deg)}.lp .annot-arrow{color:var(--coral);margin-right:.3rem;font-style:normal;display:inline-block}.lp .screen{border:1.5px solid var(--ink);box-shadow:.5rem .5rem 0 var(--ink);background:#0d0d10;border-radius:10px;margin:0;overflow:hidden}.lp .screen-chrome{background:#17171b;border-bottom:1px solid #fbf7f01a;align-items:center;gap:.7rem;padding:.55rem .8rem;display:flex}.lp .screen-dots{gap:.28rem;display:flex}.lp .screen-dots i{background:#fbf7f033;border-radius:50%;width:8px;height:8px}.lp .screen-url{font-family:var(--mono);color:#fbf7f066;font-size:.66rem}.lp .stage{background:radial-gradient(120% 90% at 50% 0,#22212a 0%,#101015 60%,#0a0a0d 100%);place-items:end center;height:clamp(15rem,27vw,20rem);padding:0 clamp(1rem,4vw,2.5rem) 3.1rem;display:grid;position:relative;overflow:hidden}.lp .stage-glow{filter:blur(30px);background:radial-gradient(26% 32% at 24% 30%,#d8f65124,#0000 70%),radial-gradient(28% 34% at 76% 60%,#ff4e1f29,#0000 70%);animation:20s ease-in-out infinite alternate drift;position:absolute;inset:-30%}@keyframes drift{0%{transform:translate(-3%,-2%)scale(1)}to{transform:translate(4%,3%)scale(1.14)}}.lp .cue{z-index:2;text-align:center;max-width:38rem;color:var(--paper);flex-direction:column;align-items:center;gap:.24rem;display:flex;position:relative}.lp .cue-original,.lp .cue-translation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08080a99;border-radius:4px;margin:0;padding:.1em .5em .14em}.lp .cue-original{font-family:var(--display);letter-spacing:-.014em;font-size:clamp(1rem,2.3vw,1.5rem);font-weight:600;line-height:1.28}.lp .cue-translation{font-family:var(--text);color:#ffb49b;font-size:clamp(.88rem,1.9vw,1.2rem);font-style:italic;font-weight:300;line-height:1.3}.lp .cue.is-changing .cue-original,.lp .cue.is-changing .cue-translation{animation:.26s ease-out cue-in}@keyframes cue-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.lp .w{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0 .02em;transition:box-shadow .12s,color .12s;box-shadow:inset 0 -.12em #0000}.lp .w:hover,.lp .w:focus-visible{color:var(--marker);box-shadow:inset 0 -.12em 0 var(--marker);outline:none}.lp .mini-transcript{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:3;background:#0a0a0dbd;border-left:1px solid #fbf7f01a;width:14.5rem;padding:.6rem 0;position:absolute;top:0;bottom:0;right:0;overflow:hidden}@media (max-width:760px){.lp .mini-transcript{display:none}}.lp .mini-row{font-family:var(--display);color:#fbf7f08c;border-left:2px solid #0000;grid-template-columns:2.5rem 1fr;gap:.4rem;padding:.38rem .7rem;font-size:.72rem;font-weight:500;line-height:1.32;transition:background-color .22s,color .22s,border-color .22s;display:grid}.lp .mini-row.is-active{border-left-color:var(--marker);color:var(--paper);background:linear-gradient(90deg,#d8f65124,#0000)}.lp .mini-time{font-family:var(--mono);color:#fbf7f057;font-size:.6rem}.lp .mini-row.is-active .mini-time{color:var(--marker)}.lp .stage-bar{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0db3;border-top:1px solid #fbf7f01a;align-items:center;gap:.8rem;padding:.6rem .9rem;display:flex;position:absolute;bottom:0;left:0;right:0}.lp .keycaps{gap:.28rem;display:flex}.lp kbd{min-width:1.3rem;font-family:var(--mono);color:#fbf7f09e;background:#fbf7f017;border-radius:3px;place-items:center;padding:.08rem .28rem;font-size:.64rem;display:inline-grid;box-shadow:inset 0 0 0 1px #fbf7f01f}.lp .progress-track{background:#fbf7f029;border-radius:2px;flex:1;height:2px;overflow:hidden}.lp .progress-fill{background:var(--marker);width:0;height:100%;transition:width .12s linear;display:block}.lp .stage-time{font-family:var(--mono);font-variant-numeric:tabular-nums;color:#fbf7f080;font-size:.64rem}.lp .preview-hint{font-family:var(--mono);color:var(--ink-faint);margin:1rem 0 0;font-size:.72rem}.lp .section{max-width:var(--measure);padding:clamp(3rem, 8vw, 6rem) var(--gutter);border-top:1.5px solid var(--rule);margin:0 auto}.lp .rubric{font-family:var(--mono);letter-spacing:.02em;color:var(--coral);margin-bottom:.9rem;font-size:.72rem;display:block}.lp .section-head{margin-bottom:clamp(2rem,5vw,3.2rem)}.lp .section-head h2,.lp .install-inner h2{font-family:var(--display);letter-spacing:-.032em;margin:0;font-size:clamp(1.95rem,5.2vw,3.4rem);font-weight:800;line-height:.98}.lp .section-lede{max-width:54ch;color:var(--ink-soft);margin:-1.4rem 0 2.4rem}.lp .steps{margin:0;padding:0;list-style:none}.lp .step{border-top:1px solid var(--rule);grid-template-columns:3.4rem 1fr;gap:clamp(.8rem,3vw,2rem);padding:1.8rem 0;display:grid}.lp .step:last-child{border-bottom:1px solid var(--rule)}.lp .step-num{border:1.5px solid var(--ink);width:2.5rem;height:2.5rem;font-family:var(--display);background:var(--marker);box-shadow:.14rem .14rem 0 var(--ink);border-radius:50%;place-items:center;font-size:1rem;font-weight:700;display:grid;transform:rotate(-3deg)}.lp .step-body h3{font-family:var(--display);letter-spacing:-.022em;margin:0 0 .5rem;font-size:clamp(1.2rem,2.6vw,1.6rem);font-weight:700;line-height:1.15}.lp .step-body p{max-width:62ch;color:var(--ink-soft);margin:0}@media (max-width:620px){.lp .step{grid-template-columns:1fr;gap:.7rem}}.lp .cards{grid-template-columns:repeat(3,1fr);gap:clamp(.7rem,2vw,1.1rem);display:grid}@media (max-width:900px){.lp .cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.lp .cards{grid-template-columns:1fr}}.lp .card{background:var(--paper-2);border:1.5px solid var(--ink);border-radius:8px;padding:1.35rem 1.3rem 1.5rem;transition:transform .18s cubic-bezier(.2,.9,.3,1),box-shadow .18s}.lp .card:hover{box-shadow:.35rem .35rem 0 var(--ink);transform:translate(-2px,-2px)}.lp .card h3{font-family:var(--display);letter-spacing:-.018em;margin:0 0 1.6rem;font-size:1.08rem;font-weight:700;position:relative}.lp .card h3 i{font-family:var(--text);color:var(--coral);white-space:nowrap;font-size:.85rem;font-style:italic;font-weight:300;position:absolute;top:1.4em;left:0}.lp .card p{color:var(--ink-soft);margin:0;font-size:.95rem}.lp .card kbd{color:var(--ink);background:var(--paper-3);box-shadow:inset 0 0 0 1px var(--rule)}.lp .section.section--ink{background:var(--ink);width:100%;max-width:none;color:var(--paper);border-top:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.lp .section-ink-inner{box-sizing:border-box;max-width:var(--measure);padding-left:var(--gutter);padding-right:var(--gutter);margin-left:auto;margin-right:auto}.lp .section--ink .rubric{color:var(--marker)}.lp .limits{margin:0;padding:0;list-style:none}.lp .limits li{border-top:1px solid #fbf7f029;grid-template-columns:minmax(0,22rem) 1fr;gap:clamp(.4rem,3vw,2.5rem);padding:1.35rem 0;display:grid}.lp .limits li:last-child{border-bottom:1px solid #fbf7f029}@media (max-width:720px){.lp .limits li{grid-template-columns:1fr;gap:.3rem}}.lp .limits strong{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(1.05rem,2.2vw,1.32rem);font-weight:700;line-height:1.2}.lp .limits span{color:#fbf7f0a8}.lp .section--ink code{font-family:var(--mono);background:#fbf7f01f;border-radius:3px;padding:.08em .35em;font-size:.86em}.lp .ledger{border:1.5px solid var(--ink);border-radius:8px;overflow:hidden}.lp .ledger-row{background:var(--paper-2);grid-template-columns:6rem 1fr auto;align-items:center;gap:1rem;padding:.9rem 1.2rem;display:grid}.lp .ledger-row+.ledger-row{border-top:1px solid var(--rule)}@media (max-width:620px){.lp .ledger-row{grid-template-columns:1fr auto}.lp .ledger-phase{grid-column:1/-1}}.lp .ledger-phase{font-family:var(--mono);color:var(--ink-faint);font-size:.7rem}.lp .ledger-name{font-family:var(--display);letter-spacing:-.012em;font-size:.98rem;font-weight:500}.lp .ledger-state{font-family:var(--mono);white-space:nowrap;border:1.5px solid var(--ink);border-radius:999px;padding:.22rem .6rem;font-size:.66rem}.lp .ledger-state[data-state=done]{background:var(--marker)}.lp .ledger-state[data-state=next]{background:var(--coral);color:var(--paper);border-color:var(--coral)}.lp .ledger-state[data-state=todo]{color:var(--ink-faint);border-color:var(--rule);background:0 0}.lp .ledger-note{color:var(--ink-faint);margin:1.1rem 0 0;font-size:.92rem}.lp .ledger-note code,.lp .fineprint code{font-family:var(--mono);color:var(--ink-soft);font-size:.88em}.lp .install-inner{max-width:46rem}.lp .install-inner h2{margin-bottom:.9rem}.lp .install-inner>p{max-width:50ch;color:var(--ink-soft)}.lp .code{border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);box-shadow:.35rem .35rem 0 var(--marker);font-family:var(--mono);border-radius:8px;margin:1.7rem 0 1rem;padding:1.2rem 1.35rem;font-size:.82rem;line-height:1.85;overflow-x:auto}.lp .code .c{color:#fbf7f06b}.lp .fineprint{color:var(--ink-faint);margin:0;font-size:.9rem}.lp .footer{max-width:var(--measure);padding:2rem var(--gutter) 3rem;border-top:1.5px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex}.lp .footer-note{font-family:var(--text);color:var(--ink-faint);font-size:.95rem;font-style:italic}.lp .reveal{opacity:0;transform:translateY(16px)}.lp .reveal.is-in{opacity:1;transition:opacity .64s cubic-bezier(.16,1,.3,1),transform .64s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--d,0) * 85ms);transform:none}@media (prefers-reduced-motion:reduce){.lp html{scroll-behavior:auto}.lp .reveal{opacity:1;transform:none}.lp .mark:before{transform:rotate(-1.1deg)skew(-7deg)scaleX(1)}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.lp .shots{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.7rem,2vw,1.1rem);display:grid}@media (max-width:720px){.lp .shots{grid-template-columns:1fr}}.lp .shot{border:1.5px solid var(--ink);box-shadow:.28rem .28rem 0 var(--ink);background:#0d0d10;border-radius:8px;margin:0;overflow:hidden}.lp .shot img{aspect-ratio:16/10;object-fit:cover;object-position:center top;width:100%;height:auto;display:block}.lp .shot--mid img{object-position:center 42%}.lp .shot figcaption{background:var(--paper-2);border-top:1px solid var(--rule);font-family:var(--display);padding:.7rem .9rem .9rem;font-size:.95rem;font-weight:600}.lp .shot figcaption span{font-family:var(--text);color:var(--coral);margin-top:.2rem;font-size:.85rem;font-style:italic;font-weight:300;display:block}.lp .btn--install{gap:.65rem;padding:.85rem 1.5rem;font-size:1rem}.lp .btn--lg{padding:.95rem 1.75rem;font-size:1.05rem}.lp .hero-actions .btn--install{justify-content:center;min-width:min(100%,18rem)}.lp .install-cta-note{font-family:var(--mono);color:var(--ink-faint);margin:.85rem 0 0;font-size:.72rem}.lp a.btn--solid{color:var(--paper);text-decoration:none}.lp a.btn--solid:hover:not(:disabled){color:var(--paper);font-weight:700;text-decoration:none}.lp a.btn--quiet,.lp a.btn--quiet:hover:not(:disabled){color:var(--ink);text-decoration:none}.lp .fineprint a{color:var(--ink-soft);text-underline-offset:.15em;text-decoration:underline}.page-content--flush{max-width:none!important;padding:0!important}
