@layer base{.marketing :where(h1,h2){letter-spacing:-.02em;font-weight:400}}@keyframes lamp-glow{0%,to{opacity:.8;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.05)}}@keyframes caret-blink{50%{opacity:0}}@keyframes card-float{0%,to{transform:translateY(0)rotate(var(--tilt,0deg))}50%{transform:translateY(-12px)rotate(var(--tilt,0deg))}}@keyframes pencil-draw{0%,8%{stroke-dashoffset:100px}28%,86%{stroke-dashoffset:0}to{stroke-dashoffset:100px}}@keyframes hero-rise{0%{opacity:.4;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes hero-rise-still{0%{transform:translateY(20px)}to{transform:none}}.marketing .lamp-glow{transform:translate(-50%)}.caret{background:var(--pencil)}.float-card{transform:rotate(var(--tilt,0deg))}.pencil-line{stroke:var(--pencil);stroke-dasharray:100;stroke-dashoffset:0}@media (prefers-reduced-motion:no-preference){.marketing .lamp-glow{animation:7s ease-in-out infinite lamp-glow}.caret{animation:1s step-end infinite caret-blink}.float-card{animation:8s ease-in-out infinite card-float}.pencil-line{animation:7s cubic-bezier(.6,0,.2,1) infinite pencil-draw}.hero-rise{animation:1.1s cubic-bezier(.2,.7,.2,1) both hero-rise}.hero-rise-still{animation:1.1s cubic-bezier(.2,.7,.2,1) both hero-rise-still}}.float-card{transition:border-color .3s,box-shadow .3s}.float-card:hover{border-color:var(--pencil);box-shadow:var(--card-hover-shadow)}