@layer base{html:has(.ev-landing){scroll-behavior:smooth}.ev-landing{font-size:17px;letter-spacing:-.022em}.ev-landing :is(h1,h2,h3,h4){font-family:var(--font-heading);letter-spacing:-.04em}.ev-landing a{color:var(--primary)}.ev-landing :is(button,[role=button]){border-radius:9999px}}.ev-landing .landing-section{padding:6rem 1.25rem}.ev-landing .eyebrow{color:var(--primary);font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.25rem}.ev-landing .section-title{font-size:clamp(2.2rem,4.5vw,3.75rem);font-weight:600;line-height:1.08}.ev-landing .landing-hero{background:radial-gradient(ellipse at 90% 20%,#eaf6f1 0,transparent 55%)}.ev-landing .hero-grid{background-image:radial-gradient(#087f7230 1px,transparent 0);background-size:20px 20px;mask-image:radial-gradient(ellipse,black 20%,transparent 70%)}.ev-landing .example-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}@media (hover:hover){.ev-landing .example-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 15px 35px -25px var(--primary)}}@media (min-width:1024px){.ev-landing .landing-section{padding:7rem 2rem}}@keyframes hero-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes console-enter{0%{opacity:0;transform:translateY(32px) rotate(1.5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes energy-grow{0%{transform:scaleY(.1)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:no-preference){.ev-landing .hero-copy{animation:hero-rise .7s var(--ease-ev) both}.ev-landing .hero-console{animation:console-enter .8s .12s var(--ease-ev) both;will-change:transform,opacity}.ev-landing .hero-flow,.ev-landing .preview-enter{animation:hero-rise .6s var(--ease-ev) both}.ev-landing .hero-float{animation:hero-rise .85s .7s var(--ease-ev) both}.ev-landing .energy-bar{transform-origin:bottom;animation:energy-grow .65s var(--ease-ev) both}.ev-landing :where(button,a,[role=button]):active{transform:translateY(1px)}}