/* Marketing home (juhjuh.com/) — ported from the Open Design landing mock.
   Every class is `lp-` prefixed so nothing collides with `.od` or Tailwind;
   colours, radii and shadows resolve to the `.od` tokens so html.dark themes
   the page; type is Inter + JetBrains Mono per the design system. */
.lp{
  --canvas:var(--bg); --raised:var(--surface-2); --inset:var(--bg-subtle);
  --border-subtle:var(--border-soft); --fg-3:var(--muted);
  --brand:var(--accent); --brand-hover:color-mix(in oklab,var(--accent) 86%,#000);
  --brand-text:var(--accent-text); --brand-tint:var(--accent-soft); --on-brand:var(--accent-fg);
  --success-tint:color-mix(in oklab,var(--success) 12%,var(--surface));
  --warning-tint:color-mix(in oklab,var(--warning) 12%,var(--surface));
  --danger-tint:color-mix(in oklab,var(--danger) 12%,var(--surface));
  --shadow-xl:var(--shadow-lg);
  --sans:"Inter Variable","Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --display:var(--sans);
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --gut:clamp(20px,4vw,32px); --wrap-pad:var(--gut);
  font-family:var(--sans); font-size:15px; line-height:1.6; color:var(--fg);
  font-feature-settings:'cv05','ss01'; -webkit-font-smoothing:antialiased;
}
html.dark .lp{--brand-hover:color-mix(in oklab,var(--accent) 86%,#fff); --shadow-sm:none; --shadow-md:none}
:where(.lp) :is(h1,h2,h3,h4){margin:0; font-family:var(--display); font-weight:600; letter-spacing:-0.03em; line-height:1.1}
:where(.lp) :is(h3,h4){font-family:var(--sans); letter-spacing:-0.011em}
:where(.lp) p{margin:0}
:where(.lp) a{color:inherit; text-decoration:none}
:where(.lp) svg{display:block; flex:none}
:where(.lp) img{max-width:100%}
.lp :focus-visible{outline:2px solid var(--brand); outline-offset:2px}
.lp > section{border-top:1px solid var(--border)}
.lp > section:first-of-type,.lp > .lp-strip + section{border-top:0}
.lp [id]{scroll-margin-top:76px}
.lp-wrap{max-width:1200px; margin:0 auto; padding-inline:var(--gut)}
.lp-sec{padding-block:clamp(64px,8vw,112px)}
.lp-center{text-align:center}
.lp-h1{font-size:clamp(32px,4.3vw,52px); line-height:1.06; letter-spacing:-0.035em; text-wrap:balance}
.lp-h2{font-size:clamp(28px,3.6vw,44px); letter-spacing:-0.03em}
.lp-h3{font-size:clamp(17px,1.5vw,19px)}
.lp-lede{font-size:clamp(16px,1.5vw,19px); line-height:1.6; color:var(--fg-3)}
.lp-body{color:var(--fg-2); line-height:1.7}
.lp-small{font-size:13px; color:var(--fg-3)}
.lp-mw-hero{max-width:840px}
.lp-mw-sub{max-width:720px}
.lp-mw-2xl{max-width:640px}
.lp-mw-xl{max-width:560px}
.lp-mw-lg{max-width:480px}
.lp-mx-auto{margin-inline:auto}
.lp-eyebrow{font-family:var(--mono); font-size:11px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--brand-text)}
.lp-pill{display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:var(--r-full); border:1px solid var(--border); background:var(--surface); font-size:12px; font-weight:500; color:var(--fg-2); white-space:nowrap}
.lp-pill-ghost{background:var(--inset); border-color:transparent}
.lp-announce{display:inline-flex; align-items:center; gap:10px; padding:5px 6px 5px 14px; border-radius:var(--r-full); border:1px solid var(--border); background:var(--surface); font-size:13px; color:var(--fg-2); box-shadow:var(--shadow-sm); transition:border-color var(--dur-2), background var(--dur-2)}
.lp-announce:hover{border-color:var(--border-strong); background:var(--inset); color:var(--fg)}
.lp-announce b{font-weight:500; color:var(--brand-text)}
.lp-announce .lp-chev{display:inline-flex; align-items:center; gap:3px; padding:3px 9px; border-radius:var(--r-full); background:var(--inset); font-size:12px; color:var(--fg-3)}
.lp-btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:11px 20px; border-radius:var(--r-3); font-size:14px; font-weight:500; font-family:var(--sans); border:1px solid transparent; cursor:pointer; transition:background var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out), transform var(--dur-1) var(--ease-out)}
.lp-btn-lg{min-height:48px; padding:13px 24px; font-size:15px}
.lp-btn-primary{background:var(--brand); color:var(--on-brand); box-shadow:var(--shadow-sm)}
.lp-btn-primary:hover{background:var(--brand-hover); color:var(--on-brand)}
.lp-btn-outline{background:var(--surface); color:var(--fg); border-color:var(--border)}
.lp-btn-outline:hover{background:var(--inset); border-color:var(--border-strong); color:var(--fg)}
.lp .lp-tlink{display:inline-flex; align-items:center; gap:6px; color:var(--brand-text); font-weight:500; font-size:14px; border-bottom:1px solid transparent; transition:border-color var(--dur-2)}
.lp .lp-tlink:hover{border-bottom-color:currentColor}
@media print{
  .lp-marq{display:none !important}
  .lp-rv{opacity:1 !important; transform:none !important}
  .lp-uc-panel{display:block !important}
  .lp-carousel{min-height:0 !important; overflow:visible !important}
  .lp-carousel .lp-slide{display:none}
  .lp-carousel .lp-slide.lp-is-on{display:block; position:relative; opacity:1; visibility:visible}
  .lp-car-dots{display:none !important}
  .lp{background:#fff; color:#000}
  .lp-card{break-inside:avoid; box-shadow:none}
}
.lp-glass-frame{padding:14px; border-radius:var(--r-5); background:var(--surface-2); border:1px solid var(--border); box-shadow:var(--shadow-md)}
.lp-reach-composite{position:relative}
.lp-bleed-img .lp-reach-desktop{border-radius:var(--r-5) 0 0 var(--r-5)}
.lp-reach-phones{position:absolute; right:5%; bottom:0; width:34%; max-width:280px}
.lp-bleed-img .lp-reach-phone{position:absolute; bottom:0; right:0; width:100%; height:auto; border-radius:var(--r-5); box-shadow:var(--shadow-lg); animation:lp-phone-cycle 8s var(--ease-in-out) infinite}
.lp-bleed-img .lp-reach-phone-2{animation-delay:-4s; opacity:0}
@keyframes lp-phone-cycle{0%,45%{opacity:1; transform:translateY(0)} 50%,95%{opacity:0; transform:translateY(8px)} 100%{opacity:1; transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){
  .lp-bleed-img .lp-reach-phone{animation:none}
  .lp-reach-phone-2{opacity:0}
}
@media (max-width:900px){
  .lp-bleed-img .lp-reach-desktop{border-radius:var(--r-4)}
  .lp-reach-phones{width:36%; right:4%; bottom:6%}
}
.lp-agent-spinner{position:relative; width:100%; max-width:260px}
.lp-spinner-ring{position:relative; width:100%}
.lp-spinner-item{position:absolute; top:0; left:0; width:100%; opacity:0; visibility:hidden; transition:opacity var(--dur-4) var(--ease-out), visibility var(--dur-4)}
.lp-spinner-item:first-child{position:relative}
.lp-spinner-item.lp-is-on{opacity:1; visibility:visible}
.lp-spinner-item img{width:100%; height:auto; display:block}
.lp-spinner-label{margin-top:14px; font-size:14px; font-weight:600; color:var(--fg-2); text-align:center; letter-spacing:-0.01em; font-family:var(--mono)}
@media (prefers-reduced-motion:reduce){
  .lp-spinner-item{transition:none}
}
@media (max-width:900px){
  }
.lp-uc-content{max-width:720px; margin-inline:auto; text-align:center}
.lp-uc-content .lp-outcome{font-size:clamp(1.25rem,1.8vw,1.5rem); font-weight:600; color:var(--fg); margin-bottom:20px; letter-spacing:-0.02em}
.lp-uc-grid{display:flex; flex-direction:column; gap:24px}
.lp-uc-content .lp-ticks{display:grid; gap:14px}
.lp-uc-content .lp-ticks li{display:flex; gap:12px; align-items:flex-start; justify-content:center; font-size:15px; line-height:1.6; color:var(--fg-2)}
.lp-uc-content .lp-ticks li b{color:var(--fg); font-weight:600}
.lp-uc-content .lp-ticks svg{flex-shrink:0; margin-top:5px; color:var(--brand)}
.lp-uc-pills{display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:4px}
.lp-carousel{position:relative; aspect-ratio:2372/1470; overflow:hidden; background:var(--inset); border-radius:var(--r-4)}
.lp-slide{position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity var(--dur-4) var(--ease-out)}
.lp-slide.lp-is-on{opacity:1; visibility:visible}
.lp-slide img{width:100%; height:100%; object-fit:cover; object-position:top center; display:block}
.lp-car-under{display:flex; flex-direction:column; align-items:center; margin-top:12px}
.lp-car-cap{font-size:13px; color:var(--fg-3)}
.lp-car-dots{display:flex; justify-content:center; gap:0; margin-top:4px}
.lp-cdot{width:44px; height:44px; padding:0; border:0; background:transparent; cursor:pointer; display:grid; place-items:center}
.lp-cdot::before{content:""; display:block; width:7px; height:7px; border-radius:var(--r-full); background:var(--border-strong); transition:background var(--dur-2), width var(--dur-2)}
.lp-cdot:hover::before{background:var(--fg-3)}
.lp-cdot.lp-on::before{width:22px; border-radius:var(--r-1); background:var(--fg-2)}
.lp-cdot:focus-visible{outline:2px solid var(--brand); outline-offset:-10px; border-radius:var(--r-3)}
.lp-rot{margin-top:clamp(24px,2.8vw,34px); text-align:center}
.lp-rot-l{font-size:13px; color:var(--fg-3); transition:opacity var(--dur-3) var(--ease-out)}
.lp-rot-row{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:16px clamp(26px,4.4vw,58px); margin-top:14px; min-height:30px; transition:opacity var(--dur-3) var(--ease-out)}
.lp-rot.lp-swap .lp-rot-row,.lp-rot.lp-swap .lp-rot-l{opacity:0}
.lp-rot-i{display:inline-flex; align-items:center; gap:9px; color:var(--fg-3)}
.lp-rot-i svg{width:22px; height:22px; filter:grayscale(1) brightness(0) opacity(.48)}
.lp-rot-i b{font-size:15px; font-weight:600; letter-spacing:-0.015em; color:var(--fg-2)}
html.dark .lp-rot-i svg{filter:grayscale(1) brightness(0) invert(1) opacity(.6)}
.lp-hero{padding-top:clamp(26px,3.2vw,46px); padding-bottom:clamp(48px,6vw,80px)}
.lp-hero-actions{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:24px}
.lp-trust{display:flex; flex-wrap:wrap; gap:6px 20px; justify-content:center; margin-top:18px; font-size:13px; color:var(--fg-3)}
.lp-trust span{display:inline-flex; align-items:center; gap:7px}
.lp-tick{color:var(--success)}
.lp-strip{border-block:1px solid var(--border); background:var(--surface)}
.lp-g3{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.lp-g2{display:grid; grid-template-columns:repeat(2,1fr); gap:20px}
.lp-g4{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}
.lp-split{display:grid; grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr); gap:clamp(28px,5vw,64px); align-items:center}
@media (max-width:900px){
  .lp-g3,.lp-g2,.lp-g4,.lp-split{grid-template-columns:1fr}
}
.lp-sec-bleed{overflow:visible}
.lp-bleed-grid{display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px,5vw,64px); align-items:center; max-width:1280px; margin:0 auto; padding:0 var(--wrap-pad)}
.lp-bleed-copy{padding-right:0}
.lp-bleed-img{position:relative; padding:14px; border-radius:var(--r-5); background:var(--surface-2); border:1px solid var(--border); box-shadow:var(--shadow-md)}
.lp-ph{display:grid; place-content:center; gap:6px; min-height:340px; padding:28px; border:1px dashed var(--border-strong); border-radius:var(--r-4); text-align:center; color:var(--muted)}
.lp-ph b{font-family:var(--font-mono); font-size:11px; font-weight:500; letter-spacing:.1em; text-transform:uppercase}
.lp-ph span{font-size:13px; max-width:44ch; line-height:1.5; margin:0 auto}
.lp-bleed-img img{width:100%; height:auto; border-radius:var(--r-4); box-shadow:none; border:none; display:block}
@media (max-width:900px){
  .lp-bleed-grid{grid-template-columns:1fr; gap:32px}
}
.lp-card{border:1px solid var(--border); border-radius:var(--r-4); background:var(--surface); padding:22px; box-shadow:var(--shadow-sm); transition:border-color var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out)}
.lp-card:hover{border-color:var(--border-strong); box-shadow:var(--shadow-md)}
.lp-card h3{margin-bottom:7px}
.lp-card p{font-size:14px; color:var(--fg-3); line-height:1.65}
.lp-ico{width:34px; height:34px; border-radius:var(--r-2); background:var(--inset); border:1px solid var(--border-subtle); display:grid; place-items:center; color:var(--fg-2); margin-bottom:14px}
.lp-card:hover .lp-ico{color:var(--brand-text)}
.lp-sec-head{margin-bottom:clamp(32px,4vw,52px)}
.lp-sec-head .lp-h2{margin-top:12px}
.lp-sec-head .lp-lede{margin-top:14px}
.lp-steps{display:grid; grid-template-columns:repeat(4,1fr); gap:0; border:1px solid var(--border); border-radius:var(--r-4); background:var(--surface); overflow:hidden}
.lp-step{padding:24px 22px; border-right:1px solid var(--border)}
.lp-step:last-child{border-right:0}
.lp-step-n{font-family:var(--mono); font-size:11px; font-weight:500; color:var(--brand-text); letter-spacing:.1em; margin-bottom:12px}
.lp-step h3{font-size:16px; margin-bottom:6px}
.lp-step p{font-size:13.5px; color:var(--fg-3); line-height:1.6}
@media (max-width:900px){
  .lp-steps{grid-template-columns:1fr}
  .lp-step{border-right:0; border-bottom:1px solid var(--border)}
  .lp-step:last-child{border-bottom:0}
}
.lp-bento{display:grid; grid-template-columns:repeat(6,1fr); gap:16px}
.lp-b-3{grid-column:span 3}
.lp-b-2{grid-column:span 2}
@media (max-width:900px){
  .lp-bento{grid-template-columns:1fr}
  .lp-b-3,.lp-b-2{grid-column:span 1}
}
.lp-sprite{position:absolute; width:0; height:0; overflow:hidden}
.lp-marq{position:relative; overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.lp-marq-track{display:flex; width:max-content; animation:lp-marq 46s linear infinite}
.lp-marq:hover .lp-marq-track{animation-play-state:paused}
.lp-marq-set{display:flex; align-items:center; gap:clamp(30px,4.4vw,60px); padding-right:clamp(30px,4.4vw,60px)}
@keyframes lp-marq{from{transform:translateX(0)} to{transform:translateX(-50%)}}
.lp-lg{display:inline-flex; align-items:center; gap:10px; white-space:nowrap; color:var(--fg-3); transition:color var(--dur-2)}
.lp-lg:hover{color:var(--fg)}
.lp-lg svg{width:22px; height:22px; filter:grayscale(1) brightness(0) opacity(.5); transition:filter var(--dur-3)}
.lp-lg:hover svg{filter:none}
.lp-lg span{font-size:15px; font-weight:600; letter-spacing:-0.015em}
html.dark .lp-lg svg{filter:grayscale(1) brightness(0) invert(1) opacity(.6)}
html.dark .lp-lg:hover svg{filter:none}
@media (prefers-reduced-motion:reduce){
  .lp-marq{-webkit-mask-image:none; mask-image:none}
  .lp-marq-track{animation:none; width:auto; flex-wrap:wrap; justify-content:center}
  .lp-marq-set[aria-hidden="true"]{display:none}
  .lp-marq-set{flex-wrap:wrap; justify-content:center; row-gap:18px; padding-right:0}
}
.lp-uc{position:relative}
.lp-uc-in{position:absolute; width:1px; height:1px; opacity:0; pointer-events:none}
.lp-uc-tabs{display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-bottom:clamp(24px,3vw,36px)}
.lp-uc-tab{display:inline-flex; align-items:center; min-height:44px; padding:10px 18px; border-radius:var(--r-full); border:1px solid var(--border); background:var(--surface); font-size:14px; font-weight:500; color:var(--fg-2); cursor:pointer; transition:background var(--dur-2), color var(--dur-2), border-color var(--dur-2)}
.lp-uc-tab:hover{background:var(--inset); color:var(--fg); border-color:var(--border-strong)}
.lp-uc-panel{display:none}
#uc-1:checked ~ .lp-uc-tabs [for="uc-1"],#uc-2:checked ~ .lp-uc-tabs [for="uc-2"],#uc-3:checked ~ .lp-uc-tabs [for="uc-3"],#uc-4:checked ~ .lp-uc-tabs [for="uc-4"],#uc-5:checked ~ .lp-uc-tabs [for="uc-5"],#uc-6:checked ~ .lp-uc-tabs [for="uc-6"],#uc-7:checked ~ .lp-uc-tabs [for="uc-7"]{background:var(--brand-tint); color:var(--brand-text); border-color:transparent}
#uc-1:focus-visible ~ .lp-uc-tabs [for="uc-1"],#uc-2:focus-visible ~ .lp-uc-tabs [for="uc-2"],#uc-3:focus-visible ~ .lp-uc-tabs [for="uc-3"],#uc-4:focus-visible ~ .lp-uc-tabs [for="uc-4"],#uc-5:focus-visible ~ .lp-uc-tabs [for="uc-5"],#uc-6:focus-visible ~ .lp-uc-tabs [for="uc-6"],#uc-7:focus-visible ~ .lp-uc-tabs [for="uc-7"]{outline:2px solid var(--brand); outline-offset:2px}
#uc-1:checked ~ #uc-p1,#uc-2:checked ~ #uc-p2,#uc-3:checked ~ #uc-p3,#uc-4:checked ~ #uc-p4,#uc-5:checked ~ #uc-p5,#uc-6:checked ~ #uc-p6,#uc-7:checked ~ #uc-p7{display:block}
.lp-outcome{font-family:var(--display); font-weight:600; font-size:clamp(24px,2.8vw,34px); letter-spacing:-0.028em; line-height:1.15}
.lp-ticks{list-style:none; margin:20px 0 0; padding:0; display:grid; gap:11px}
.lp-ticks li{display:flex; gap:10px; font-size:14px; color:var(--fg-2); line-height:1.55}
.lp-ticks svg{margin-top:4px; color:var(--success)}
.lp-reach-row{display:flex; flex-wrap:wrap; gap:12px; justify-content:center}
.lp-reach{display:inline-flex; flex-direction:column; align-items:center; gap:3px; min-width:126px; padding:18px 20px; border:1px solid var(--border); border-radius:var(--r-4); background:var(--surface); box-shadow:var(--shadow-sm); transition:border-color var(--dur-2), box-shadow var(--dur-2)}
.lp-reach:hover{border-color:var(--border-strong); box-shadow:var(--shadow-md)}
.lp-reach > svg{width:26px; height:26px; margin-bottom:7px; filter:grayscale(1) brightness(0) opacity(.55); transition:filter var(--dur-3)}
.lp-reach:hover > svg{filter:none}
html.dark .lp-reach > svg{filter:grayscale(1) brightness(0) invert(1) opacity(.62)}
html.dark .lp-reach:hover > svg{filter:none}
.lp-reach b{font-size:14px; font-weight:600; letter-spacing:-0.012em}
.lp-reach span{font-size:11.5px; color:var(--fg-3); font-family:var(--mono)}
.lp-reach > .lp-reach-mark{width:26px; height:26px; border-radius:var(--r-2); background:var(--brand); color:var(--on-brand); display:grid; place-items:center; font-family:var(--display); font-weight:600; font-size:13px; margin-bottom:7px}
.lp-reach-own{border-color:var(--border-strong)}
.lp-prov-row{display:flex; flex-wrap:wrap; gap:12px; justify-content:center}
.lp-prov{display:inline-flex; flex-direction:column; align-items:center; gap:4px; min-width:132px; padding:18px 20px; border:1px solid var(--border); border-radius:var(--r-4); background:var(--surface); box-shadow:var(--shadow-sm); transition:border-color var(--dur-2), box-shadow var(--dur-2)}
.lp-prov:hover{border-color:var(--border-strong); box-shadow:var(--shadow-md)}
.lp-prov svg{width:26px; height:26px; color:var(--fg); margin-bottom:6px}
.lp-prov b{font-size:14px; font-weight:600; letter-spacing:-0.012em}
.lp-prov span{font-size:11.5px; color:var(--fg-3); font-family:var(--mono)}
.lp-prov-soon{border-style:dashed; box-shadow:none}
.lp-prov-soon svg{color:var(--fg-3)}
.lp-prov-soon b{color:var(--fg-3)}
.lp-gal{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}
@media (max-width:1000px){
  .lp-gal{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .lp-gal{grid-template-columns:1fr}
  .lp .lp-tlink{min-height:44px}
}
.lp-gcard{padding:18px}
.lp-gcard h3{font-size:15px; margin-bottom:6px}
.lp-gcard p{font-size:13px; line-height:1.6}
.lp-gini{font-family:var(--mono); font-size:11px; font-weight:500; letter-spacing:.02em}
.lp-gcat{font-family:var(--mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--fg-3); margin:26px 0 10px}
.lp-gcat:first-of-type{margin-top:0}
.lp-band-dark{
  /* always-dark band: values copied from `html.dark .od` in juhjuh.od.css (a subtree cannot opt into that selector) */
  --canvas:oklch(15% 0.004 265); --surface:oklch(18% 0.004 265); --raised:oklch(21.5% 0.005 265); --inset:oklch(13% 0.004 265);
  --border:oklch(26% 0.004 265); --border-subtle:oklch(22% 0.004 265); --border-strong:oklch(32% 0.006 265);
  --fg:oklch(96% 0.004 265); --fg-2:oklch(82% 0.006 265); --fg-3:oklch(64% 0.012 265);
  --brand-text:oklch(74% 0.13 254); --brand-tint:color-mix(in oklab,var(--accent) 16%,oklch(18% 0.004 265));
  --success:oklch(72% 0.13 158); --success-tint:color-mix(in oklab,oklch(72% 0.13 158) 14%,oklch(18% 0.004 265));
  --warning:oklch(83% 0.14 90); --warning-tint:color-mix(in oklab,oklch(83% 0.14 90) 14%,oklch(18% 0.004 265));
  --shadow-sm:none; --shadow-md:none;
  background:var(--canvas); color:var(--fg); border-block:1px solid var(--border);
}
.lp-band{border:1px solid var(--border); border-radius:var(--r-5); background:var(--surface); padding:clamp(36px,6vw,64px) clamp(24px,5vw,56px); text-align:center; box-shadow:var(--shadow-md)}
html.lp-js .lp-rv{opacity:0; transform:translateY(14px); transition:opacity var(--dur-4) var(--ease-out), transform var(--dur-4) var(--ease-out); transition-delay:calc(var(--i,0)*60ms)}
html.lp-js .lp-rv.lp-in{opacity:1; transform:none}
.lp-btn:active{transform:scale(.97)}
.lp-card:hover{transform:translateY(-2px)}
.lp-card:active{transform:translateY(0) scale(.99)}
.lp-reach:active,.lp-prov:active{transform:scale(.98)}
@media (prefers-reduced-motion:reduce){.lp *,.lp *::before,.lp *::after{transition:none !important; animation:none !important} .lp-rv{opacity:1 !important; transform:none !important}}