@layer components{.marketing{color-scheme:light}:root[data-motion=reduce] .marketing *{animation:none!important;transition:none!important}.m-container{width:min(100% - 3rem,76rem);margin-inline:auto}.marketing :where(a,button,summary):focus-visible{outline:2px solid var(--border-focus);outline-offset:4px}.marketing section[id]{scroll-margin-top:6rem}.m-header{background:var(--bg-surface)}@supports (backdrop-filter:blur(1px)){.m-header{background:color-mix(in oklab,var(--bg-surface) 80%,transparent);backdrop-filter:blur(14px) saturate(1.4)}}@media (prefers-reduced-transparency:reduce){.m-header{background:var(--bg-surface);backdrop-filter:none}}.m-nav{display:inline-flex;min-height:44px;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-control);font-size:var(--text-body);color:var(--fg-muted);transition:color var(--fx-dur-fast) var(--fx-ease)}.m-nav:hover{color:var(--fg-heading)}.m-footer-link{display:flex;align-items:center;min-height:40px;width:fit-content;font-size:var(--text-body);color:var(--fg-muted);transition:color var(--fx-dur-fast) var(--fx-ease)}.m-footer-link:hover{color:var(--fg-brand)}@media (pointer:coarse){.m-footer-link{min-height:44px}}.m-skip{position:fixed;top:.5rem;left:.5rem;z-index:60;transform:translateY(-200%);background:var(--bg-surface);padding:1rem}.m-skip:focus{transform:translateY(0)}.m-menu{position:static}.m-menu-button{cursor:pointer;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--fg-default)}.m-menu[open] .m-menu-chevron{transform:rotate(180deg)}.m-menu-chevron{transition:transform var(--fx-dur) var(--fx-ease)}.m-menu-panel{position:absolute;right:1rem;top:calc(100% + .25rem);width:min(20rem,calc(100vw - 2rem));display:grid}.m-menu-link{color:var(--fg-default);border-radius:var(--radius-control)}.m-menu-link:hover{color:var(--fg-heading)}.m-menu summary{list-style:none}.m-menu summary::-webkit-details-marker{display:none}@supports selector(::details-content){@media (prefers-reduced-motion:no-preference){.m-menu[open] .m-menu-panel{animation:m-pop var(--fx-dur) var(--fx-ease) both}}}.m-hero-title{font-size:clamp(2.5rem,6.2vw,4.75rem);line-height:1.02;letter-spacing:-.045em;font-variation-settings:"opsz" 32}.m-section{padding-block:7rem}.m-section-title{font-size:clamp(1.875rem,2.6vw + .75rem,3rem);line-height:1.1;letter-spacing:-.035em;font-variation-settings:"opsz" 32}.m-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--text-label);font-weight:500;color:var(--fg-brand)}.m-eyebrow:before{content:"";width:1rem;height:1px;background:currentColor;opacity:.6}.m-product{box-shadow:var(--shadow-xl)}.m-float{transform:rotate(-2deg);box-shadow:var(--shadow-lg)}.m-sheen{position:relative}.m-sheen:before{content:"";inset:0 12% auto;height:1px;background:linear-gradient(90deg,transparent,var(--brand-6),transparent)}.m-halo,.m-sheen:before{position:absolute;pointer-events:none}.m-halo{inset:18% 6% -6%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,var(--fx-mesh-1),transparent);filter:blur(40px)}.m-mobile-action{position:sticky;bottom:0;z-index:35;padding:.75rem 1rem max(.75rem,env(safe-area-inset-bottom));border-top:1px solid var(--border-subtle);background:var(--bg-surface);box-shadow:0 -8px 24px -12px rgb(var(--shadow-rgb)/.16)}@supports (backdrop-filter:blur(1px)){.m-mobile-action{background:color-mix(in oklab,var(--bg-surface) 82%,transparent);backdrop-filter:blur(14px) saturate(1.4)}}.m-mobile-action>a{display:flex;width:100%;min-height:48px}.m-journey-line{stroke:var(--border-default);fill:none;stroke-dasharray:5 7}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.m-reveal{animation:m-reveal var(--dur-slow) var(--ease-out) both;animation-timeline:view();animation-range:entry 0 entry 18%}@keyframes m-reveal{0%{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}}@keyframes m-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.marketing *,.marketing :after,.marketing :before{animation:none!important;transition:none!important}}@media (max-width:639px){.m-container{width:calc(100% - 2rem)}.m-section{padding-block:4.5rem}.m-float{transform:none}}@supports (animation-timeline:scroll()){.m-mobile-action{animation:m-bar-in linear both;animation-timeline:scroll(root block);animation-range:440px 560px}@keyframes m-bar-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}}@media (max-width:639px){:root:has(.m-mobile-action){scroll-padding-bottom:6rem}}}