.lp{color:var(--fg);background:var(--bg);min-height:100vh;font-size:16px;line-height:1.55}.lp svg{display:block}.lp a{color:inherit;text-decoration:none}.lp h1,.lp h2,.lp h3{text-wrap:balance;margin:0}.lp p{text-wrap:pretty;margin:0}.lp .num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.lp .wrap{max-width:1080px;margin:0 auto;padding:0 28px}.lp .top{z-index:10;background:color-mix(in oklab,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.lp .top .wrap{justify-content:space-between;align-items:center;height:64px;display:flex}.lp .brand{align-items:center;gap:11px;display:flex}.lp .brand .mk{background:linear-gradient(145deg, color-mix(in oklab,var(--accent),white 16%), var(--accent));width:32px;height:32px;color:var(--accent-on);box-shadow:0 4px 12px color-mix(in oklab,var(--accent) 36%, transparent), inset 0 1px 0 #ffffff47;border-radius:10px;flex:none;place-items:center;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s;display:grid}.lp .brand .mk svg{width:20px;height:20px}.lp .brand:hover .mk{box-shadow:0 7px 18px color-mix(in oklab,var(--accent) 48%, transparent), inset 0 1px 0 #ffffff57;transform:rotate(-5deg)scale(1.07)}.lp .brand .mk .node-top{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite lp-node}@keyframes lp-node{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.66)}}.lp .brand b{font-family:var(--font-display);letter-spacing:-.01em;font-size:19px;font-weight:600}.lp .btn{border-radius:var(--r-sm);transition:background var(--motion),border-color var(--motion);border:1px solid #0000;align-items:center;gap:7px;padding:9px 16px;font-size:14px;font-weight:500;display:inline-flex}.lp .btn svg{stroke:currentColor;width:16px;height:16px}.lp .btn-primary{background:var(--accent);color:var(--surface)}.lp .btn-primary:hover{background:var(--accent-hover)}.lp .btn-ghost{color:var(--muted)}.lp .btn-ghost:hover{color:var(--fg)}.lp .hero{padding:clamp(56px,9vw,104px) 0 clamp(40px,6vw,72px)}.lp .eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:12px}.lp .hero h1{font-family:var(--font-display);letter-spacing:-.025em;max-width:15ch;margin:18px 0 0;font-size:clamp(40px,7vw,76px);line-height:1.02}.lp .hero h1 .ac{color:var(--accent)}.lp .hero .lead{color:var(--fg-2);max-width:54ch;margin-top:22px;font-size:clamp(17px,2vw,20px);line-height:1.5}.lp .hero-cta{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.lp .commit-graph{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-2);margin-top:46px;padding:24px 26px}.lp .cg-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.lp .cg-head .t{color:var(--muted);font-size:14px}.lp .cg-head .t b{color:var(--fg)}.lp .cg{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px;display:grid}.lp .cg i{aspect-ratio:1;background:var(--surface-2);border-radius:3px}.lp .cg i.now{box-shadow:0 0 0 1.5px var(--accent);animation:1.8s ease-in-out infinite lpbeat}@keyframes lpbeat{0%,to{box-shadow:0 0 0 1.5px color-mix(in oklab,var(--accent) 50%,transparent)}50%{box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 28%,transparent)}}.lp .legend{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.lp .legend i{border-radius:2px;width:10px;height:10px}.lp .principles{background:var(--border);border:1px solid var(--border);border-radius:var(--r-md);grid-template-columns:repeat(5,1fr);gap:1px;margin:clamp(40px,6vw,72px) 0;display:grid;overflow:hidden}.lp .principle{background:var(--surface);padding:22px 20px}.lp .principle .n{font-family:var(--font-mono);color:var(--faint);font-size:11px}.lp .principle p{font-family:var(--font-display);margin-top:8px;font-size:16px;line-height:1.3}@media (max-width:820px){.lp .principles{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.lp .principles{grid-template-columns:1fr}}.lp .sec-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:18px;font-size:12px}.lp .sec-head{align-items:center;gap:11px;margin-bottom:18px;display:flex}.lp .sec-head .sec-label{white-space:nowrap;margin-bottom:0}.lp .sec-head .caret{background:var(--accent);border-radius:2px;flex:none;width:8px;height:14px;animation:1.1s step-end infinite lp-blink}@keyframes lp-blink{0%,55%{opacity:1}56%,to{opacity:0}}.lp .sec-head .rule{background:linear-gradient(90deg, var(--border), transparent);flex:1;height:1px}.lp .screens{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:860px){.lp .screens{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.lp .screens{grid-template-columns:1fr}}.lp .scard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-1);transition:transform var(--motion),box-shadow var(--motion);flex-direction:column;display:flex;overflow:hidden}.lp .scard:hover{box-shadow:var(--shadow-3);transform:translateY(-3px)}.lp .scard .viz{border-bottom:1px solid var(--border-soft);background:var(--surface-2);place-items:center;height:108px;display:grid;position:relative;overflow:hidden}.lp .scard .body{padding:18px 20px 20px}.lp .scard .row{align-items:center;gap:9px;display:flex}.lp .scard .ico{background:var(--accent-soft);border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.lp .scard .ico svg{width:16px;height:16px;stroke:var(--accent)}.lp .scard h3{letter-spacing:-.01em;font-size:16px;font-weight:600}.lp .scard p{color:var(--muted);margin-top:8px;font-size:13.5px;line-height:1.5}.lp .scard .go{color:var(--accent);align-items:center;gap:5px;margin-top:14px;font-size:13px;font-weight:500;display:inline-flex}.lp .scard:hover .go svg{transform:translate(3px)}.lp .scard .go svg{stroke:currentColor;width:14px;height:14px;transition:transform var(--motion)}.lp .tag{border-radius:var(--r-pill);background:var(--surface-2);color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;padding:3px 8px;font-size:10px;display:inline-flex}.lp .mini-cells{grid-template-rows:repeat(4,1fr);grid-auto-flow:column;gap:3px;display:grid}.lp .mini-cells i{border-radius:2px;width:11px;height:11px}.lp .mini-check{flex-direction:column;gap:7px;width:130px;display:flex}.lp .mini-check span{background:var(--border);border-radius:9px;height:9px}.lp .mini-check span.a{background:var(--accent);width:70%}.lp .mini-check span.b{width:90%}.lp .mini-check span.c{width:55%}.lp .mini-serif{font-family:var(--font-display);color:var(--accent);opacity:.55;font-size:22px;font-style:italic}.lp .mini-swatch{gap:10px;padding:4px;display:flex;position:relative}.lp .mini-swatch i{border-radius:5px;width:16px;height:16px;box-shadow:inset 0 1px #ffffff40}.lp .mini-swatch .ring{border:2px solid var(--accent);width:24px;height:24px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:8px;animation:5.4s cubic-bezier(.7,0,.3,1) infinite lp-swatch;position:absolute;top:0;left:0}@keyframes lp-swatch{0%,10%{transform:translate(0)}15%,25%{transform:translate(26px)}30%,40%{transform:translate(52px)}45%,55%{transform:translate(78px)}60%,70%{transform:translate(104px)}75%,90%{transform:translate(130px)}to{transform:translate(0)}}.lp footer{border-top:1px solid var(--border);color:var(--muted);margin-top:clamp(48px,7vw,88px);padding:30px 0;font-size:13px}.lp footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:14px;display:flex}.lp .hero .eyebrow{animation:.6s cubic-bezier(.2,.7,.2,1) both lp-rise}.lp .hero h1{animation:.6s cubic-bezier(.2,.7,.2,1) 60ms both lp-rise}.lp .hero .lead{animation:.6s cubic-bezier(.2,.7,.2,1) .12s both lp-rise}.lp .hero-cta{animation:.6s cubic-bezier(.2,.7,.2,1) .18s both lp-rise}.lp .commit-graph{animation:.7s cubic-bezier(.2,.7,.2,1) .24s both lp-rise}@keyframes lp-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.lp .cg i{animation:.42s ease-out both lp-bloom;animation-delay:calc(.28s + var(--i,0) * 3.5ms)}@keyframes lp-bloom{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}.lp .cg i.now{animation:.42s ease-out both lp-bloom,1.8s ease-in-out 1s infinite lpbeat}.lp .btn-primary{position:relative;overflow:hidden}.lp .btn-primary:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%);transition:transform .6s;position:absolute;inset:0;transform:translate(-130%)}.lp .btn-primary:hover:after{transform:translate(130%)}.lp .hero-cta .btn svg{transition:transform var(--motion)}.lp .hero-cta .btn:hover svg{transform:translate(3px)}.lp .scard{transition:transform var(--motion), box-shadow var(--motion), border-color var(--motion)}.lp .scard:hover{border-color:color-mix(in oklab,var(--accent) 28%,var(--border))}.lp .scard .ico{transition:transform var(--motion)}.lp .scard:hover .ico{transform:scale(1.12)rotate(-4deg)}.lp .scard .mini-cells i{transition:transform .3s,filter .3s}.lp .scard:hover .mini-cells i:nth-child(3n){filter:saturate(1.4);transform:scale(1.22)}.lp .scard:hover .mini-cells i:nth-child(4n+1){transform:scale(.82)}.lp .scard .mini-serif{transition:opacity .3s,transform .3s}.lp .scard:hover .mini-serif{opacity:.85;transform:scale(1.05)}.lp .mini-swatch i{transition:transform .3s}.lp .scard:hover .mini-swatch i{transform:translateY(-3px)scale(1.08)}.lp .scard:hover .mini-swatch i:nth-child(odd){transform:translateY(3px)scale(1.08)}.lp .scard .viz svg{transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .3s}.lp .scard:hover .viz svg{opacity:.8;transform:scale(1.1)rotate(4deg)}.lp .scard .mini-check span{transition:width .35s cubic-bezier(.2,.8,.2,1)}.lp .scard:hover .mini-check span.a{width:90%}.lp .scard:hover .mini-check span.c{width:75%}.lp .reveal{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1);transform:translateY(20px)}.lp .reveal.in{opacity:1;transform:none}.lp .reveal .principle,.lp .reveal .scard,.lp .reveal .chip{opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.2,.7,.2,1);transform:translateY(16px)}.lp .reveal.in .principle,.lp .reveal.in .scard,.lp .reveal.in .chip{opacity:1;transition-delay:calc(var(--i,0) * 70ms);transform:none}.lp .more{flex-wrap:wrap;align-items:center;gap:12px 14px;margin:clamp(34px,5vw,56px) 0 0;display:flex}.lp .more-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px}.lp .more-chips{flex-wrap:wrap;gap:9px;display:flex}.lp .chip{color:var(--fg-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);box-shadow:var(--shadow-1);transition:transform var(--motion), border-color var(--motion), color var(--motion), background var(--motion);padding:7px 14px;font-size:13px}.lp .chip:hover{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 35%,var(--border));background:var(--accent-soft);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.lp .hero .eyebrow,.lp .hero h1,.lp .hero .lead,.lp .hero-cta,.lp .commit-graph,.lp .cg i,.lp .cg i.now,.lp .brand .mk .node-top,.lp .mini-swatch .ring,.lp .sec-head .caret{animation:none}.lp .reveal,.lp .reveal .principle,.lp .reveal .scard,.lp .reveal .chip{opacity:1;transition:none;transform:none}.lp .btn-primary:after{display:none}}