.landing{--landing-font:var(--font-ui);font-family:var(--landing-font);color:var(--text-default);background:var(--surface-canvas);--landing-display:clamp(2.5rem, 1.5rem + 4.4vw, 4.25rem);min-height:100vh}.landing-nav{z-index:10;padding-block-start:var(--space-4);padding-inline:var(--space-4);background:0 0;position:sticky;inset-block-start:var(--space-3)}.landing-nav__inner{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface-nav) 78%, transparent);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-subtle);max-inline-size:72rem;box-shadow:var(--elev-2);block-size:var(--space-14);padding-inline:var(--space-3) var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-3);margin-inline:auto;display:flex}.landing-nav__brand{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-strong);align-items:center;min-block-size:44px;min-inline-size:0;display:inline-flex}@supports ((-webkit-background-clip:text) or (background-clip:text)){.landing-nav__brand{background:var(--brand-gradient-text);color:#0000;-webkit-background-clip:text;background-clip:text}}.landing-nav__links{align-items:center;gap:var(--space-6);min-inline-size:0;display:none}.landing-nav__link{color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-medium);min-block-size:44px;transition:color var(--dur) var(--ease-out);align-items:center;display:inline-flex}.landing-nav__link:hover{color:var(--text-default)}.landing-nav__link[aria-current=page]{color:var(--text-strong);font-weight:var(--fw-semibold)}.landing-nav__actions{align-items:center;gap:var(--space-3);min-inline-size:0;display:flex}.landing-nav__login{color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-medium);min-block-size:44px;padding-inline:var(--space-3);transition:color var(--dur) var(--ease-out);align-items:center;display:inline-flex}.landing-nav__login:hover{color:var(--text-default)}.landing-nav__signup{background:var(--brand-gradient-cta);color:var(--text-on-accent);font-size:var(--fs-sm);font-weight:var(--fw-semibold);border-radius:var(--radius-pill);padding-inline:var(--space-5);min-block-size:44px;transition:filter var(--dur) var(--ease-out);align-items:center;display:inline-flex}.landing-nav__signup:hover{filter:brightness(.94)}.landing-nav__signup:active{filter:brightness(.88)}@media (min-width:48rem){.landing-nav__links{display:flex}}.landing-hero{z-index:1;padding-block:var(--space-20) var(--space-12);padding-inline:var(--space-5);position:relative;overflow:clip}.landing-hero:before{content:"";z-index:0;pointer-events:none;background:var(--brand-mesh);animation:landing-mesh-drift 26s var(--ease-out) infinite alternate;position:absolute;inset-block:-12%;inset-inline:-18%}@keyframes landing-mesh-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(2%,-1.5%)scale(1.06)}}.landing-hero__inner{z-index:1;text-align:center;max-inline-size:56rem;margin-inline:auto;position:relative}.landing-hero__title{font-size:var(--landing-display);line-height:var(--lh-tight);font-weight:var(--fw-bold);letter-spacing:-.02em;color:var(--text-strong)}.landing-hero__sub{font-size:var(--fs-lg);line-height:var(--lh-normal);color:var(--text-muted);max-inline-size:42rem;margin-block-start:var(--space-5);margin-inline:auto}.landing-hero__stats{justify-content:center;gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-8);padding:0;list-style:none;display:flex}.stat-chip{align-items:center;gap:var(--space-2);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);box-shadow:var(--elev-1);padding-inline:var(--space-4);min-block-size:40px;display:inline-flex}.stat-chip__icon{inline-size:var(--space-4);block-size:var(--space-4);color:var(--accent-strong);flex:none}.stat-chip__value{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--text-strong)}.stat-chip__label{font-size:var(--fs-xs);color:var(--text-muted)}.landing-hero__card{margin-block-start:var(--space-10)}@media (min-width:48rem){.landing-hero{padding-block:var(--space-20) var(--space-16)}}@media (min-width:64rem){.landing-hero{padding-block-start:var(--space-20)}}.landing-input{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--elev-3), inset 0 0 0 1px color-mix(in srgb, var(--accent) 10%, transparent);max-inline-size:44rem;padding:var(--space-5);text-align:start;margin-inline:auto}@media (min-width:48rem){.landing-input{padding:var(--space-6)}}.landing-input__label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-muted);margin-block-end:var(--space-2);display:block}.landing-input__field{background:var(--surface-inset);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-block-size:56px;inline-size:100%;color:var(--text-default);font-family:var(--landing-font);font-size:var(--fs-lg);padding-inline:var(--space-4);margin-block-start:var(--space-2)}.landing-input__field::placeholder{color:var(--text-muted)}.landing-input__field:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px;border-color:var(--accent-border)}.landing-input__field[aria-invalid=true]{border-color:var(--status-danger-border)}.landing-input__controls{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-4);display:flex}.landing-input__submit{background:var(--brand-gradient-cta);color:var(--text-on-accent);font-family:var(--landing-font);font-size:var(--fs-base);font-weight:var(--fw-semibold);border-radius:var(--radius-md);padding-inline:var(--space-6);min-block-size:48px;inline-size:100%;transition:filter var(--dur) var(--ease-out)}@media (min-width:30rem){.landing-input__submit{inline-size:auto}}.landing-input__submit:hover{filter:brightness(.94)}.landing-input__submit:active{filter:brightness(.88)}.landing-input__submit:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}.landing-input__error{color:var(--status-danger);font-size:var(--fs-sm);margin-block-start:var(--space-3)}.landing-input__chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.landing-input__chip{border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-medium);padding-inline:var(--space-3);border:1px solid var(--border-default);min-block-size:28px;color:var(--text-muted);align-items:center;display:inline-flex}.landing-input__chip--active{background:var(--accent-subtle);border-color:var(--accent-border);color:var(--text-default)}.landing-input__hint{color:var(--text-muted);font-size:var(--fs-xs);margin-block-start:var(--space-4)}.landing-proof{z-index:1;background:var(--surface-inverse);padding-block:var(--space-16);padding-inline:var(--space-5);position:relative}.landing-proof__inner{text-align:center;max-inline-size:72rem;margin-inline:auto}.landing-proof__heading{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--text-on-inverse)}.landing-proof__sub{color:var(--text-on-inverse-muted);font-size:var(--fs-base);max-inline-size:40rem;margin-block-start:var(--space-3);margin-inline:auto}.landing-proof__grid{gap:var(--space-5);text-align:start;grid-template-columns:minmax(0,1fr);margin-block-start:var(--space-10);display:grid}@media (min-width:48rem){.landing-proof__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.landing-proof__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.proof-card{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--elev-2);transition:box-shadow var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);display:block;overflow:clip}.proof-card:hover{box-shadow:var(--elev-3);border-color:var(--accent-border);transform:translateY(-2px)}.proof-card:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}.proof-card__chrome{align-items:center;gap:var(--space-2);background:var(--surface-inset);padding-inline:var(--space-3);block-size:var(--space-8);border-block-end:1px solid var(--border-subtle);display:flex}.proof-card__chrome span{background:var(--border-default);border-radius:50%;block-size:8px;inline-size:8px}.proof-card__shot{aspect-ratio:16/9;object-fit:cover;object-position:top;block-size:auto;inline-size:100%;display:block}.proof-card__meta{padding:var(--space-5)}.proof-card__caption{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text-strong)}.proof-card__note{color:var(--text-muted);font-size:var(--fs-sm);margin-block-start:var(--space-1)}.proof-card__badge{border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding-inline:var(--space-3);min-block-size:28px;align-items:center;margin-block-start:var(--space-4);display:inline-flex}.proof-card__badge--match{background:var(--status-success-subtle);color:var(--status-success)}.proof-card__badge--neutral{background:var(--surface-inset);color:var(--text-muted)}.landing-steps{z-index:1;padding-block:var(--space-16);padding-inline:var(--space-5);background:0 0;position:relative}.landing-steps__inner{text-align:center;max-inline-size:72rem;margin-inline:auto}.landing-steps__heading{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--text-strong)}.landing-steps__grid{gap:var(--space-8);text-align:start;grid-template-columns:minmax(0,1fr);margin-block-start:var(--space-10);display:grid}@media (min-width:64rem){.landing-steps__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.step{position:relative}.step__num{inline-size:var(--space-10);block-size:var(--space-10);background:var(--surface-inset);color:var(--text-muted);font-size:var(--fs-base);font-weight:var(--fw-bold);transition:background-color var(--dur-slow) var(--ease-out), color var(--dur-slow) var(--ease-out), box-shadow var(--dur-slow) var(--ease-out);transition-delay:var(--reveal-delay,0s);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.step__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-default);transition:color var(--dur-slow) var(--ease-out);transition-delay:var(--reveal-delay,0s);margin-block-start:var(--space-4)}.step__body{color:var(--text-muted);font-size:var(--fs-base);line-height:var(--lh-normal);margin-block-start:var(--space-2)}.step.revealed .step__num{background:var(--accent-strong);color:var(--text-on-accent);box-shadow:0 0 0 4px var(--accent-ring)}.step.revealed .step__title{color:var(--text-strong)}.step__connector{display:none}@media (min-width:64rem){.step__connector{block-size:2px;color:var(--border-strong);opacity:0;transition:opacity var(--dur-slow) var(--ease-out);transition-delay:var(--reveal-delay,0s);display:block;position:absolute;inset-block-start:calc(var(--space-10) / 2);inset-inline-start:calc(var(--space-10) + var(--space-3));inset-inline-end:calc(-1 * var(--space-8) + var(--space-3))}}.step.revealed .step__connector{opacity:1}.landing-footer{background:var(--surface-sunken);border-block-start:1px solid var(--border-subtle);padding-block:var(--space-12);padding-inline:var(--space-5)}.landing-footer__inner{text-align:center;max-inline-size:72rem;margin-inline:auto}.landing-footer__brand{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-strong)}.landing-footer__copyright{color:var(--text-muted);font-size:var(--fs-sm);margin-block-start:var(--space-2)}.landing-footer__pricing{color:var(--text-muted);font-size:var(--fs-xs);margin-block-start:var(--space-2)}.landing-footer__links{justify-content:center;align-items:center;gap:var(--space-5);margin-block-start:var(--space-5);display:flex}.landing-footer__link{color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-medium);min-block-size:44px;transition:color var(--dur) var(--ease-out);align-items:center;display:inline-flex}.landing-footer__link:hover{color:var(--text-default)}.landing-scroll{z-index:0;position:relative}.landing-rail{display:none}@media (min-width:64rem){.landing-rail{z-index:0;pointer-events:none;inline-size:clamp(9rem,17vw,15rem);display:block;position:absolute;inset-block:0;inset-inline-end:0;overflow:clip}}.landing{--rail-mask:linear-gradient(to right, transparent, black 45%, black 100%)}.landing-rail__grid{gap:var(--space-3);-webkit-mask-image:var(--rail-mask);-webkit-mask-image:var(--rail-mask);mask-image:var(--rail-mask);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:sticky;inset-block-start:calc(var(--space-16) + var(--space-6))}.landing-rail__tile{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--surface-raised);border:1px solid var(--border-subtle);transition:background-color var(--dur-slow) var(--ease-out), border-color var(--dur-slow) var(--ease-out);justify-content:center;align-items:center;display:flex}.landing-rail__tile--wide{aspect-ratio:auto;block-size:auto;padding-block:var(--space-3);grid-column:span 2}.landing-rail__glyph{inline-size:var(--space-6);block-size:var(--space-6);opacity:0;transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);transform:translateY(4px)}.landing-rail__chip{align-items:center;gap:var(--space-1);background:var(--status-success-subtle);color:var(--status-success);font-size:var(--fs-sm);font-weight:var(--fw-semibold);border-radius:var(--radius-pill);padding-inline:var(--space-3);opacity:0;min-block-size:28px;transition:opacity var(--dur-slow) var(--ease-out);display:inline-flex}.landing-rail__chip-check{inline-size:var(--space-4);block-size:var(--space-4)}.landing-scroll[data-section=hero] [data-fill=hero],.landing-scroll[data-section=examples] [data-fill=hero],.landing-scroll[data-section=examples] [data-fill=examples],.landing-scroll[data-section=steps] [data-fill=hero],.landing-scroll[data-section=steps] [data-fill=examples],.landing-scroll[data-section=steps] [data-fill=steps]{border-color:var(--accent-border);background:color-mix(in srgb, var(--accent-subtle) 60%, var(--surface-raised))}.landing-scroll[data-section=hero] [data-fill=hero] .landing-rail__glyph,.landing-scroll[data-section=examples] [data-fill=hero] .landing-rail__glyph,.landing-scroll[data-section=examples] [data-fill=examples] .landing-rail__glyph,.landing-scroll[data-section=steps] [data-fill=hero] .landing-rail__glyph,.landing-scroll[data-section=steps] [data-fill=examples] .landing-rail__glyph,.landing-scroll[data-section=steps] [data-fill=steps] .landing-rail__glyph,.landing-scroll[data-section=steps] [data-fill=steps] .landing-rail__chip{opacity:1;transform:translateY(0)}.landing [data-reveal]{opacity:0;transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0s);transform:translateY(40px)}.landing [data-reveal-delay="0"]{--reveal-delay:0s}.landing [data-reveal-delay="100"]{--reveal-delay:.1s}.landing [data-reveal-delay="200"]{--reveal-delay:.2s}.landing [data-reveal-delay="300"]{--reveal-delay:.3s}.landing [data-reveal-delay="400"]{--reveal-delay:.4s}.landing [data-reveal-delay="500"]{--reveal-delay:.5s}.landing [data-reveal].revealed{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.landing [data-reveal],.landing-rail__glyph,.landing-rail__chip{opacity:1;transition:none;transform:none}.landing-rail__tile,.step__num,.step__title,.step__connector{transition:none}.step__connector{opacity:1}.landing-hero:before{animation:none;transform:none}}