.lp{--pen:var(--accent-700);--pen-stroke:var(--accent-500);--hair:color-mix(in srgb, var(--foreground) 12%, transparent);--hair-soft:color-mix(in srgb, var(--foreground) 7%, transparent);timeline-scope:--lp-hero}:root:has(.lp :target){scroll-behavior:smooth}.lp-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--pen);font-size:.75rem;font-weight:600;line-height:1}.lp-display{font-family:var(--font-heading);letter-spacing:-.03em;text-wrap:balance;font-weight:700;line-height:1.02}.lp-h1{font-size:clamp(2.5rem,6.6vw,5.5rem)}.lp-h2{font-size:clamp(2rem,4.6vw,3.75rem)}.lp-h3{font-size:clamp(1.25rem,2.2vw,1.75rem);line-height:1.15}.lp-mark{color:var(--primary);white-space:nowrap;position:relative}.lp-mark:after{content:"";inset-inline:0;background:var(--pen-stroke);transform-origin:0;border-radius:999px;height:.075em;animation:.9s cubic-bezier(.2,.7,.3,1) .62s forwards lp-underline;position:absolute;bottom:.06em;transform:scaleX(0)}@keyframes lp-underline{to{transform:scaleX(1)}}.lp-ruled{isolation:isolate;position:relative}.lp-ruled:before{content:"";z-index:-1;pointer-events:none;background:repeating-linear-gradient(to bottom, transparent 0 2.25rem, var(--hair-soft) 2.25rem 2.3rem);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.lp-rule{border:0;border-top:1px solid var(--hair)}.lp-facts{border-top:1px solid var(--hair);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1.25rem;padding-top:1.5rem;display:grid}@media (min-width:40rem){.lp-facts{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}}.lp-fact-swap{animation:.32s both lp-fact-in;display:inline-block}@keyframes lp-fact-in{0%{opacity:0;transform:translateY(.22em)}}.lp-marquee{overflow:clip;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5rem calc(100% - 5rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 5rem calc(100% - 5rem),#0000)}.lp-marquee-track{width:max-content;animation:lp-marquee var(--speed,38s) linear infinite;display:flex}.lp-marquee-track--back{animation-direction:reverse}.lp-marquee:hover .lp-marquee-track,.lp-marquee:focus-within .lp-marquee-track{animation-play-state:paused}@keyframes lp-marquee{to{transform:translate(-50%)}}.lp-pain,.lp-goal{white-space:nowrap;border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-size:.9375rem;line-height:1;display:inline-flex}.lp-pain{border:1px solid var(--hair);color:var(--muted-foreground);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--destructive) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--destructive) 55%, transparent);text-decoration-thickness:1px}.lp-goal{background:color-mix(in srgb, var(--primary) 10%, var(--card));color:var(--foreground);border:1px solid #0000;font-weight:500}@keyframes lp-step-on{0%{opacity:.28;transform:translateY(1.5rem)}}@keyframes lp-dot-on{0%{background-color:var(--card);box-shadow:0 0 0 6px var(--background), inset 0 0 0 3px color-mix(in srgb, var(--primary) 45%, transparent);transform:scale(.72)}}@supports (animation-timeline:view()){.lp-step{animation:linear both lp-step-on;animation-timeline:view();animation-range:entry 12% entry 62%}.lp-step .lp-dot{animation:linear both lp-dot-on;animation-timeline:view();animation-range:cover calc(50vh - 3rem) cover 50vh}}.lp-dot{box-shadow:0 0 0 6px var(--background), inset 0 0 0 3px transparent}.lp-demo{border:1px solid var(--hair);border-radius:var(--radius-md);background:var(--card);box-shadow:0 40px 80px -60px color-mix(in srgb, var(--foreground) 70%, transparent);overflow:hidden}.lp-demo-chrome{border-bottom:1px solid var(--hair-soft);background:var(--muted);gap:.375rem;padding:.625rem .875rem;display:flex}.lp-demo-chrome i{background:var(--hair);border-radius:9999px;width:.5rem;height:.5rem}.lp-demo-room{padding:.875rem 1rem 1rem;position:relative}@media (min-width:40rem){.lp-demo-room{padding:1.25rem 1.5rem 1.5rem}}.lp-demo-pill{background:var(--accent);color:var(--accent-foreground);border-radius:9999px;padding:.25rem .75rem;font-size:.625rem;font-weight:700}.lp-demo-stage{aspect-ratio:16/10;border-radius:var(--radius-sm,.5rem);background:var(--background);position:relative;overflow:hidden;container-type:inline-size}.lp-demo-slide{flex-direction:column;justify-content:center;gap:.625rem;padding:0 1.5rem;display:flex;position:absolute;inset:0}.lp-demo-board{clip-path:inset(0);border:1px solid var(--hair);border-radius:inherit;background:var(--card);flex-direction:column;display:flex;position:absolute;inset:0}.lp-demo-tools{border-bottom:1px solid var(--hair-soft);align-items:center;gap:.375rem;padding:.5rem .625rem;display:flex}.lp-demo-tool{color:var(--muted-foreground);border-radius:9999px;align-items:center;gap:.25rem;padding:.1875rem .5rem;font-size:.625rem;font-weight:600;display:inline-flex}.lp-demo-tool-on,.lp-demo-tool-pen{background:var(--muted);color:var(--foreground)}.lp-demo-status{color:var(--muted-foreground);font-size:.5625rem;font-weight:600;display:none}@media (min-width:40rem){.lp-demo-status{display:inline}}.lp-demo-canvas{flex:1;position:relative}.lp-demo-ink{width:80cqw;position:absolute;top:30%;left:9%}.lp-demo-cursor{position:absolute;inset:0;transform:translate(71.9%,68%)}.lp-demo-cursor-mark{color:var(--primary);align-items:center;gap:.25rem;display:inline-flex;position:absolute;top:0;left:0}.lp-demo-cursor-mark svg{width:.6875rem;height:.8125rem;filter:drop-shadow(0 1px 2px color-mix(in srgb, var(--foreground) 35%, transparent))}.lp-demo-cursor-mark b{background:var(--primary);color:var(--primary-foreground);white-space:nowrap;border-radius:9999px;padding:.125rem .375rem;font-size:.5625rem;font-weight:700}.lp-demo-tile{aspect-ratio:4/3;background:var(--muted);color:var(--muted-foreground);border-radius:.5rem;align-items:flex-end;padding:.375rem;font-size:.5625rem;font-weight:600;display:flex}@keyframes lp-demo-pill-on{0%{background:var(--muted);color:var(--muted-foreground)}}@keyframes lp-demo-tool-on{0%{color:var(--muted-foreground);background:0 0}}@keyframes lp-demo-click{0%,16%{transform:scale(1)}20%{transform:scale(.72)}24%,80%{transform:scale(1)}84%{transform:scale(.72)}88%,to{transform:scale(1)}}@keyframes lp-demo-open{0%{clip-path:inset(0 0 100%)}}@keyframes lp-demo-ink-draw{0%{stroke-dashoffset:1px}}@keyframes lp-demo-cursor-move{0%{opacity:0;transform:translate(102%,108%)}6%{opacity:1}17%{transform:translate(94.2%,4.5%)}22%{transform:translate(94.2%,4.5%)}37%{transform:translate(4.8%,15.6%)}42%{transform:translate(4.8%,15.6%)}52.6%{transform:translate(15.1%,46.6%)}55%{transform:translate(13.7%,57.8%)}57.4%{transform:translate(12.9%,68%)}59.7%{transform:translate(24.2%,61.3%)}62.1%{transform:translate(28.2%,56.4%)}64.5%{transform:translate(22.8%,59%)}66.8%{transform:translate(26%,66.1%)}69.2%{transform:translate(32.6%,56.5%)}71.6%{transform:translate(34.9%,65.8%)}73.9%{transform:translate(43.5%,54.8%)}76.3%{transform:translate(41.9%,61.5%)}78.7%{transform:translate(39.4%,67.3%)}81.1%{transform:translate(47.3%,59.6%)}83.4%{transform:translate(49.7%,68%)}85.8%{transform:translate(54.2%,60.3%)}88.2%{transform:translate(57.5%,57.6%)}90.5%{transform:translate(57.5%,58.7%)}92.9%{transform:translate(63.2%,58.4%)}95.3%{transform:translate(72.7%,51.6%)}97.6%{transform:translate(73.4%,56.8%)}to{transform:translate(71.9%,68%)}}@supports (animation-timeline:view()){.lp-demo{view-timeline-name:--lp-demo}.lp-demo-pill,.lp-demo-board,.lp-demo-tool-pen,.lp-demo-ink path,.lp-demo-cursor,.lp-demo-cursor-mark{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--lp-demo}.lp-demo-pill{animation-name:lp-demo-pill-on;animation-range:cover calc(50% - 25vh) cover calc(50% - 23vh)}.lp-demo-board{animation-name:lp-demo-open;animation-range:cover calc(50% - 23vh) cover calc(50% - 14vh)}.lp-demo-tool-pen{animation-name:lp-demo-tool-on;animation-range:cover calc(50% - 9vh) cover calc(50% - 7vh)}.lp-demo-cursor-mark{animation-name:lp-demo-click;animation-range:cover calc(50% - 30vh) cover calc(50% - 5vh)}.lp-demo-cursor{animation-name:lp-demo-cursor-move;animation-range:cover calc(50% - 40vh) cover calc(50% + 36vh)}.lp-demo-ink path{stroke-dasharray:1 1.2;animation-name:lp-demo-ink-draw}.lp-demo-ink path:first-of-type{animation-range:cover 50% cover calc(50% + 4.9vh)}.lp-demo-ink path:nth-of-type(2){animation-range:cover calc(50% + 4.9vh) cover calc(50% + 11.3vh)}.lp-demo-ink path:nth-of-type(3){animation-range:cover calc(50% + 11.3vh) cover calc(50% + 15.8vh)}.lp-demo-ink path:nth-of-type(4){animation-range:cover calc(50% + 15.8vh) cover calc(50% + 20.2vh)}.lp-demo-ink path:nth-of-type(5){animation-range:cover calc(50% + 20.2vh) cover calc(50% + 26.5vh)}.lp-demo-ink path:nth-of-type(6){animation-range:cover calc(50% + 26.5vh) cover calc(50% + 28.7vh)}.lp-demo-ink path:nth-of-type(7){animation-range:cover calc(50% + 28.7vh) cover calc(50% + 32.1vh)}.lp-demo-ink path:nth-of-type(8){animation-range:cover calc(50% + 32.1vh) cover calc(50% + 36vh)}}.lp-proof{border:1px solid var(--hair);border-radius:var(--radius-md);background:var(--card);box-shadow:0 18px 40px -32px color-mix(in srgb, var(--foreground) 60%, transparent)}.lp-proof-cap{letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground);font-size:.6875rem;font-weight:700}.lp-bar{background:var(--muted);border-radius:999px;height:.5rem;overflow:hidden}.lp-bar>i{background:linear-gradient(to right, var(--primary), var(--accent));transform-origin:0;height:100%;scale:var(--to) 1;border-radius:999px;display:block}@keyframes lp-bar-fill{0%{scale:var(--from) 1}}@keyframes lp-chip-on{0%{background-color:var(--card);border-color:var(--hair);color:var(--muted-foreground);transform:scale(.96)}}@keyframes lp-row-in{0%{opacity:0;transform:translateY(.65rem)}}@supports (animation-timeline:view()){.lp-bar>i{animation:linear both lp-bar-fill;animation-timeline:view();animation-range:entry 18% entry 70%}.lp-chip-on{animation:linear both lp-chip-on;animation-timeline:view();animation-range:entry 22% entry 62%}.lp-chip-on.lp-d1{animation-range:entry 30% entry 70%}.lp-chip-on.lp-d2{animation-range:entry 38% entry 78%}.lp-row{animation:linear both lp-row-in;animation-timeline:view();animation-range:entry 16% entry 58%}.lp-row.lp-d1{animation-range:entry 22% entry 64%}.lp-row.lp-d2{animation-range:entry 28% entry 70%}.lp-row.lp-d3{animation-range:entry 34% entry 76%}}.lp-stack>li{top:calc(5.5rem + var(--i,0) * .9rem);position:sticky}@keyframes lp-reveal{0%{opacity:0;clip-path:inset(100% 0 0);transform:translateY(1rem)}}.lp-rows>li{border-top:1px solid var(--hair)}@supports (animation-timeline:view()){.lp-rows>li{animation:linear both lp-reveal;animation-timeline:view();animation-range:entry 8% entry 55%}}.lp-card{border:1px solid var(--hair);border-radius:var(--radius-md);background:var(--card);transition:transform .25s cubic-bezier(.22,1,.36,1),border-color .25s,box-shadow .25s}.lp-card:hover,.lp-card:focus-within{border-color:color-mix(in srgb, var(--primary) 45%, transparent);box-shadow:0 24px 48px -32px color-mix(in srgb, var(--foreground) 70%, transparent);transform:translateY(-4px)}.lp-fork-arrow{transition:transform .25s cubic-bezier(.22,1,.36,1)}.lp-card:hover .lp-fork-arrow,.lp-card:focus-within .lp-fork-arrow{transform:translate(.35rem)}.lp-sticky-cta{inset-inline:0;z-index:40;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--hair);display:none;position:fixed;bottom:0}@keyframes lp-sticky-in{0%{opacity:0;transform:translateY(100%)}}@media (max-width:39.99rem){@supports (animation-timeline:view()){body:has(.lp-sticky-cta){padding-bottom:5rem}.lp-sticky-cta{animation:linear both lp-sticky-in;animation-timeline:--lp-hero;animation-range:exit 20% exit 90%;display:block}}}.lp-hero{view-timeline-name:--lp-hero}@media (prefers-reduced-motion:reduce){:root:has(.lp){scroll-behavior:auto}.lp-marquee-track,.lp-mark:after{animation:none}.lp-mark:after{transform:scaleX(1)}.lp-fact-swap,.lp-step,.lp-step .lp-dot,.lp-chip-on,.lp-row,.lp-rows>li,.lp-sticky-cta{opacity:1;clip-path:none;animation:none;transform:none}.lp-bar>i,.lp-demo-pill,.lp-demo-board,.lp-demo-tool-pen,.lp-demo-ink path,.lp-demo-cursor,.lp-demo-cursor-mark{animation:none}.lp-stack>li{position:static}.lp-card:hover,.lp-card:focus-within{transform:none}.lp-fork-arrow{transition:none}}.op-path{aspect-ratio:100/145;position:relative;container-type:inline-size}.op-path-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.op-track{stroke:var(--hair);stroke-width:1.1px;stroke-linecap:round;stroke-dasharray:1.6 3}.op-fill{stroke:var(--pen-stroke);stroke-width:1.1px;stroke-linecap:round}.op-arrow{fill:var(--primary);offset-path:path("M50 2C26 8 22 22 46 30C70 38 78 52 54 60C30 68 22 82 46 90C70 98 78 112 52 120C51 123 50 126 50 132");offset-rotate:auto;offset-distance:100%}.op-node{left:var(--op-left);top:var(--op-top);width:42%;position:absolute;transform:translateY(-50%)}.op-card{border:1px solid var(--hair);border-radius:var(--radius-md);background:var(--card);text-align:left;height:100%;box-shadow:0 18px 40px -34px color-mix(in srgb, var(--foreground) 60%, transparent);flex-direction:column;padding:1.5rem;transition:transform .22s cubic-bezier(.2,.7,.3,1),border-color .22s,box-shadow .22s;display:flex;position:relative}.op-card:hover,.op-card:focus-visible{border-color:var(--pen-stroke);box-shadow:0 26px 50px -30px color-mix(in srgb, var(--foreground) 55%, transparent);transform:translateY(-3px)}.op-card-index{font-family:var(--font-heading);letter-spacing:.18em;color:var(--pen);font-size:.75rem;font-weight:700}.op-card-foot{justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:1.5rem;display:flex}.op-card-open{color:var(--primary);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;display:inline-flex}.op-card--muted{box-shadow:none;background:0 0}@keyframes op-draw{0%{stroke-dashoffset:1px}}@keyframes op-ride{0%{offset-distance:0%}}@keyframes op-node-in{0%{opacity:0;transform:translateY(calc(1.5rem - 50%))}}@supports (animation-timeline:view()){.op-path{view-timeline-name:--op-path}.op-fill,.op-arrow,.op-node{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--op-path;animation-range:cover 50vh cover calc(100% - 50vh)}.op-fill{stroke-dasharray:1 1.2;animation-name:op-draw}.op-arrow{animation-name:op-ride}.op-node{animation-name:op-node-in;animation-range:cover calc(50vh + (100% - 100vh) * (var(--op-at) - .1)) cover calc(50vh + (100% - 100vh) * var(--op-at))}}@media (max-width:63.999rem){.op-path{aspect-ratio:auto;flex-direction:column;gap:1rem;display:flex}.op-path-svg{display:none}.op-node{width:100%;animation:none;position:static;transform:none}}.op-panel{z-index:60;justify-content:center;align-items:flex-start;padding:clamp(0px,3vh,2.5rem) clamp(0px,3vw,2rem);display:flex;position:fixed;inset:0}.op-panel:before{content:"";background:color-mix(in srgb, var(--foreground) 42%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:absolute;inset:0}.op-panel-inner{border-radius:var(--radius-md);background:var(--background);width:min(56rem,100%);max-height:100%;box-shadow:0 40px 90px -40px color-mix(in srgb, var(--foreground) 80%, transparent);flex-direction:column;display:flex;position:relative;overflow:hidden}.op-panel-bar{border-bottom:1px solid var(--hair);background:var(--card);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.op-close{cursor:pointer;border:1px solid var(--hair);min-height:2.75rem;color:var(--muted-foreground);border-radius:999px;align-items:center;gap:.375rem;padding:0 .875rem;font-size:.875rem;font-weight:600;transition:color .16s,border-color .16s;display:inline-flex}.op-close:hover{border-color:var(--pen-stroke);color:var(--foreground)}.op-panel-body{overscroll-behavior:contain;padding:clamp(1.5rem,4vw,2.75rem);overflow-y:auto}.op-panel-h3{border-top:1px solid var(--hair);font-family:var(--font-heading);margin-top:2.5rem;margin-bottom:1.25rem;padding-top:1.5rem;font-size:1.125rem;font-weight:700}.op-panel-cta{background:var(--primary);min-height:2.75rem;color:var(--primary-foreground);border-radius:999px;align-items:center;gap:.5rem;margin-top:2.5rem;padding:0 1.5rem;font-weight:600;display:inline-flex}.op-sheet:not(:target){display:none}html:has(.op-sheet:target){overflow:hidden}@media (prefers-reduced-motion:reduce){.op-card{transition:none}@supports (animation-timeline:view()){.op-fill,.op-arrow,.op-node{animation:none}.op-arrow{offset-distance:100%}}}