:root{--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--dur-press:.12s;--dur-hover:.18s;--dur-ui:.22s;--dur-reveal:.62s}.button,.play-badge,.store-badge,.site-header .brand,.mobile-menu summary{transition:transform var(--dur-press) var(--ease-out), background-color var(--dur-hover) ease, border-color var(--dur-hover) ease, color var(--dur-hover) ease, box-shadow var(--dur-hover) ease;will-change:transform}.button:active,.store-badge:active,.site-header .brand:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.button:hover,.store-badge:hover{transform:translateY(-1px)}.button:active,.store-badge:active{transform:scale(.97)}}[data-reveal]{opacity:0;transition:opacity var(--dur-reveal) var(--ease-out), transform var(--dur-reveal) var(--ease-out);transform:translateY(14px)}[data-reveal][data-visible=true]{opacity:1;transform:translate(0,0)}[data-reveal-group]>*{opacity:0;transition:opacity var(--dur-reveal) var(--ease-out), transform var(--dur-reveal) var(--ease-out);transform:translateY(12px)}[data-reveal-group][data-visible=true]>*{opacity:1;transform:translate(0,0)}[data-reveal-group][data-visible=true]>:first-child{transition-delay:0s}[data-reveal-group][data-visible=true]>:nth-child(2){transition-delay:45ms}[data-reveal-group][data-visible=true]>:nth-child(3){transition-delay:90ms}[data-reveal-group][data-visible=true]>:nth-child(4){transition-delay:.135s}[data-reveal-group][data-visible=true]>:nth-child(5){transition-delay:.18s}[data-reveal-group][data-visible=true]>:nth-child(6){transition-delay:.225s}[data-reveal-group][data-visible=true]>:nth-child(7){transition-delay:.265s}[data-reveal-group][data-visible=true]>:nth-child(8){transition-delay:.3s}[data-reveal-group][data-visible=true]>:nth-child(9){transition-delay:.33s}[data-reveal-group][data-visible=true]>:nth-child(n+10){transition-delay:.355s}.text-arrow span,.showcase-copy a span,.editorial-card b,.use-grid a b{transition:transform var(--dur-hover) var(--ease-out);display:inline-block}@media (hover:hover) and (pointer:fine){.text-arrow:hover span,.showcase-copy a:hover span,.editorial-card:hover b,.use-grid a:hover b{transform:translate(4px)}.editorial-card,.use-grid a,.problem-grid article,.trust-strip article,.compare-card{transition:transform var(--dur-hover) var(--ease-out), box-shadow var(--dur-hover) var(--ease-out), border-color var(--dur-hover) ease}.editorial-card:hover,.use-grid a:hover,.compare-card:hover{transform:translateY(-3px)}}.site-header{transition:background-color var(--dur-ui) ease, border-color var(--dur-ui) ease, box-shadow var(--dur-ui) ease}.site-header[data-scrolled=true]{border-bottom-color:var(--line);box-shadow:0 10px 30px -26px #032c1c8c}.hero-copy>*{animation:rise .7s var(--ease-out) both}.hero-copy>:first-child{animation-delay:40ms}.hero-copy>:nth-child(2){animation-delay:.1s}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.22s}.hero-copy>:nth-child(5){animation-delay:.28s}@keyframes rise{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}@media (prefers-reduced-motion:reduce){[data-reveal],[data-reveal-group]>*{transition:opacity .26s;transform:none}.text-arrow span,.showcase-copy a span,.editorial-card b,.use-grid a b,.editorial-card,.use-grid a,.compare-card{transition:none}@media (hover:hover) and (pointer:fine){.text-arrow:hover span,.showcase-copy a:hover span,.editorial-card:hover b,.use-grid a:hover b,.editorial-card:hover,.use-grid a:hover,.compare-card:hover{transform:none}}.hero-copy>*{animation:.26s both fade}.button:active,.store-badge:active,.site-header .brand:active{transform:none}@media (hover:hover) and (pointer:fine){.button:hover,.store-badge:hover{transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}}.no-js [data-reveal],.no-js [data-reveal-group]>*,.no-js .hero-copy>*{opacity:1;animation:none;transform:none}.no-js .hero-product,.no-js .hero-product>*,.no-js .showcase-art .device-frame,.no-js .reconcile-rows li,.no-js .reconcile-verdict,.no-js .reconcile-tick{opacity:1!important;transform:none!important}.split-word{vertical-align:bottom;margin-bottom:-.14em;padding-bottom:.14em;display:inline-block;overflow:hidden}.split-word>span{will-change:transform;display:inline-block}[data-spotlight]{isolation:isolate;position:relative}@media (hover:hover) and (pointer:fine){[data-spotlight]:after{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%), #11884521, transparent 62%);transition:opacity var(--dur-ui) ease;position:absolute;inset:0}[data-spotlight]:hover:after{opacity:1}.showcase-section [data-spotlight]:after,.compare-teaser [data-spotlight]:after{background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%), #9ee5b229, transparent 62%)}}.how-steps{position:relative}.how-rail{pointer-events:none;border-radius:3px;height:3px;position:absolute;top:-2px;left:0;right:0;overflow:hidden}.how-rail>span{transform-origin:0;background:linear-gradient(90deg, var(--green-600), var(--amber));width:100%;height:100%;display:block}.button{isolation:isolate;position:relative;overflow:hidden}.button:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ffffff38,#0000);position:absolute;inset:0;transform:translate(-120%)skew(-18deg)}@media (hover:hover) and (pointer:fine){.button:hover:before{transition:transform .62s var(--ease-out);transform:translate(120%)skew(-18deg)}}.eyebrow:after{content:"";vertical-align:.3em;opacity:.38;width:0;height:1px;transition:width .76s var(--ease-out) .14s;background:currentColor;margin-left:12px;display:inline-block}[data-visible=true] .eyebrow:after,.hero-copy .eyebrow:after{width:54px}@media (prefers-reduced-motion:reduce){.split-word>span{transform:none!important}.how-rail>span{transform:none}.button:before{display:none}.eyebrow:after{width:54px;transition:none}[data-spotlight]:after{display:none}}.no-js .split-word>span,.no-js .showcase-art .device-frame{opacity:1!important;transform:none!important}.no-js .eyebrow:after{width:54px}@media (max-width:760px){.how-rail{display:none}}@media (max-width:640px){.eyebrow:after{display:none}}
