html{scroll-padding-top:108px}
.how.section{padding-top:40px}
@media(max-width:700px){.how.section{padding-top:32px}}
.discover.section{padding-top:56px}
@media(max-width:700px){.discover.section{padding-top:36px}}
.situations-inner>span:not(:first-child){font-size:16px;line-height:1.5;gap:12px}
.situations-inner svg{width:25px;height:25px}
@media(max-width:700px){.situations-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px;min-height:156px;padding-block:30px}.situations-inner>span:not(:first-child){font-size:16px;gap:10px}.situations-inner svg{width:24px;height:24px}}
.header{position:sticky;top:0;transition:box-shadow .3s,background .3s}
.header.is-scrolled{box-shadow:0 3px 24px #20133a0d}
.reading-progress{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--purple);transform:scaleX(var(--reading-progress,0));transform-origin:left;pointer-events:none}
.nav a{position:relative}
.nav a::after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--purple);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav a:hover::after,.nav a:focus-visible::after{transform:scaleX(1)}
.hero-photo{object-position:right 70%}
.motion-ready .hero-photo{transform:translate3d(0,var(--hero-offset,0px),0) scale(1.04);will-change:transform}
.motion-ready .hero-inner>*{animation:intro-rise .85s cubic-bezier(.2,.7,.25,1) both;animation-delay:var(--intro-delay,0ms)}
.motion-ready .hero-eyebrow{--intro-delay:30ms}
.motion-ready h1{--intro-delay:130ms}
.motion-ready .hero-inner>p{--intro-delay:240ms}
.motion-ready .hero-inner>.hero-second{--intro-delay:310ms}
.motion-ready .hero-actions{--intro-delay:380ms}
.motion-ready .hero-note{--intro-delay:450ms}
.motion-ready .reveal{opacity:0;transform:translate3d(0,32px,0);transition:opacity .75s ease,transform .85s cubic-bezier(.2,.75,.25,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal-from-left{transform:translate3d(-28px,15px,0)}
.motion-ready .reveal-from-right{transform:translate3d(28px,15px,0)}
.motion-ready .reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
.motion-ready .phone.reveal.is-visible{transform:perspective(900px) translateY(var(--phone-lift,0px)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition-delay:0ms}
.motion-ready .phone:hover,.motion-ready .phone:focus-visible{--phone-lift:-8px;box-shadow:0 25px 45px #29115723}
.phone{transition:box-shadow .3s,transform .3s}
.category .icon-tile{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.category:hover .icon-tile{transform:translateY(-3px) rotate(-7deg)}
.category>svg{transition:transform .25s,opacity .25s}
.category:hover>svg{transform:translate(3px,-3px);opacity:1}
.text-link svg,.hero-link svg,.button>svg{transition:transform .25s}
.text-link:hover svg{transform:translate(3px,-3px)}
.hero-link:hover svg{transform:translateY(4px)}
.privacy-visual .permission{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.privacy-visual:hover .permission{transform:rotate(-1deg) translateY(-5px)}
.privacy-plate{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.privacy-visual:hover .privacy-plate{transform:rotate(1deg) translateY(-3px)}
.privacy-symbol svg{transition:transform .5s}
.privacy-visual:hover .privacy-symbol svg{transform:scale(1.09)}
.download-dialog[open]{animation:dialog-enter .25s cubic-bezier(.2,.8,.2,1)}
.mobile-nav:not([hidden]){animation:menu-enter .2s ease-out}
.faq-list details[open]>p{animation:answer-enter .3s ease-out}
@keyframes intro-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes dialog-enter{from{opacity:0;translate:0 16px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
@keyframes menu-enter{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}
@keyframes answer-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){html{scroll-padding-top:96px}.hero-photo{object-position:58% 20%}.motion-ready .hero-photo{transform:translate3d(0,var(--hero-offset,0px),0) scale(1.08)}.motion-ready .reveal-from-left,.motion-ready .reveal-from-right{transform:translate3d(0,22px,0)}.motion-ready .reveal.is-visible{transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .hero-photo{transform:none;will-change:auto}.motion-ready .reveal{opacity:1;transform:none!important}.motion-ready .hero-inner>*{opacity:1;transform:none}.phone{translate:none!important}}