@layer weaver{@media(min-width:761px){:root{--app-led-canvas: #f1f0ef;--app-led-surface: #ffffff;--app-led-ink: #2e4652;--app-led-primary: #3c5a68;--app-led-primary-hover: #314d5a;--app-led-body: #5f7179;--app-led-meta: #74838a;--app-led-border: #dce3e4;--app-led-border-strong: #cbd6d8;--app-led-blue-soft: #e5edef;--app-led-sage: #91a58f;--app-led-sage-deep: #5f776a;--app-led-sage-soft: #edf3ef;--app-led-orange: #d99854;--app-led-orange-deep: #a8612d;--app-led-shadow: 0 22px 52px -38px rgba(46, 70, 82, .38), 0 3px 12px rgba(46, 70, 82, .06);--app-led-shadow-raised: 0 28px 64px -38px rgba(46, 70, 82, .44), 0 5px 16px rgba(46, 70, 82, .08)}main>.hero+.examples{position:relative;isolation:isolate;z-index:3;padding:clamp(5rem,7vw,7rem) 0 clamp(4rem,6vw,6rem);color:var(--app-led-ink);background:var(--app-led-canvas);border-top:1px solid rgba(46,70,82,.1);box-shadow:inset 0 18px 36px -38px #2e4652a6}main>.hero+.examples :is(h2,h3,button,.flow-steps){font-family:Inter,system-ui,-apple-system,sans-serif}main>.hero+.examples .examples__intro{width:min(760px,calc(100vw - 4rem));margin-bottom:clamp(3.75rem,6vw,5.5rem)}main>.hero+.examples .examples__eyebrow{display:inline-flex;align-items:center;min-height:2rem;margin-bottom:1rem;padding:.42rem .78rem;border:1px solid #cfddd4;border-radius:999px;color:var(--app-led-sage-deep);background:var(--app-led-sage-soft);font-size:.7rem;font-weight:750;letter-spacing:.13em;line-height:1;text-shadow:none}main>.hero+.examples .examples__title{max-width:720px;margin-inline:auto;color:var(--app-led-ink);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(2.35rem,4vw,3.4rem);font-weight:650;letter-spacing:-.045em;line-height:1.07;text-wrap:balance;text-shadow:none}main>.hero+.examples .examples__lede{max-width:610px;margin-top:1.15rem;color:var(--app-led-body);font-size:1.04rem;line-height:1.65;text-shadow:none}main>.hero+.examples .examples__list{gap:0}main>.hero+.examples .example{scroll-margin-top:2rem}main>.hero+.examples .example__grid,main>.hero+.examples .example--reverse .example__grid{width:min(1180px,calc(100vw - 4rem));gap:clamp(2rem,4vw,3.75rem);align-items:center}main>.hero+.examples .example__copy,main>.hero+.examples .example--reverse .example__copy{position:relative;z-index:1;padding:clamp(2.25rem,4vw,3.25rem);border:1px solid var(--app-led-border);border-radius:32px;color:var(--app-led-ink);background:var(--app-led-surface);background-image:none;box-shadow:var(--app-led-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}main>.hero+.examples .example__eyebrow{margin-bottom:.85rem;color:var(--app-led-sage-deep);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.7rem;font-weight:750;letter-spacing:.13em}main>.hero+.examples .example__title{margin-bottom:.9rem;color:var(--app-led-ink);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(2rem,3.1vw,2.7rem);font-weight:650;letter-spacing:-.04em;line-height:1.08;text-wrap:balance}main>.hero+.examples .example__lede{max-width:34rem;margin-bottom:1.55rem;color:var(--app-led-body);font-size:1rem;line-height:1.62}main>.hero+.examples .flow-steps{gap:0}main>.hero+.examples .flow-steps li{grid-template-columns:38px minmax(0,1fr);gap:1rem;padding:.9rem 0;border-top:1px solid #edf0f0}main>.hero+.examples .flow-steps li:first-child{padding-top:0;border-top:0}main>.hero+.examples .flow-steps li:last-child{padding-bottom:0}main>.hero+.examples .flow-steps__num{width:38px;height:38px;color:#fff;background:var(--app-led-primary);box-shadow:none}main>.hero+.examples .flow-steps strong{margin-bottom:.25rem;color:var(--app-led-ink);font-size:.98rem;font-weight:700;line-height:1.25}main>.hero+.examples .flow-steps p{color:var(--app-led-body);font-size:.9rem;line-height:1.5}main>.hero+.examples .example__safety{max-width:34rem;margin-top:1.35rem;padding:.9rem 1rem;border:1px solid #d7e3dc;border-left:4px solid var(--app-led-sage);border-radius:14px;color:#536a60;background:var(--app-led-sage-soft);font-size:.88rem;line-height:1.5}main>.hero+.examples .example--pink .example__eyebrow{color:var(--app-led-orange-deep)}main>.hero+.examples .example--pink .flow-steps__num{color:#2e4652;background:var(--app-led-orange)}main>.hero+.examples .example--green .example__eyebrow,main>.hero+.examples .example--purple .example__eyebrow{color:var(--app-led-sage-deep)}main>.hero+.examples .example--green .flow-steps__num{color:#fff;background:#708778}main>.hero+.examples .example--purple .flow-steps__num{color:var(--app-led-ink);background:#bdcbb8}main>.hero+.examples .example--muted .example__eyebrow{color:var(--app-led-primary)}main>.hero+.examples .example--muted .flow-steps__num{color:var(--app-led-ink);background:#d8e5e9}main>.hero+.examples .example__carousel,main>.hero+.examples .example--reverse .example__carousel{z-index:2;width:100%;max-width:392px;margin-inline:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}main>.hero+.examples .example__carousel .screens-carousel{width:100%;gap:1.05rem}main>.hero+.examples .example__carousel .screens-carousel__stage{width:100%;max-width:392px}main>.hero+.examples .screens-carousel__controls{width:100%;max-width:100%;justify-content:center;gap:.9rem}main>.hero+.examples .screens-carousel__arrow{width:2.75rem;height:2.75rem;border:1px solid var(--app-led-border-strong);color:var(--app-led-primary);background:#fff;box-shadow:0 8px 20px -14px #2e465280;-webkit-backdrop-filter:none;backdrop-filter:none}main>.hero+.examples .screens-carousel__arrow:hover{border-color:var(--app-led-primary);color:#fff;background:var(--app-led-primary);box-shadow:0 10px 24px -14px #2e4652b3}main>.hero+.examples .screens-carousel__arrow:focus-visible{outline:3px solid rgba(60,90,104,.28);outline-offset:3px}main>.hero+.examples .screens-carousel__dot{background:#aebfc3;box-shadow:none}main>.hero+.examples .screens-carousel__dot:hover{background:#7f969d}main>.hero+.examples .screens-carousel__dot.is-active{background:var(--app-led-primary);box-shadow:none}main>.hero+.examples .examples__list>.example+.example:before{width:min(560px,calc(100vw - 6rem));height:34px;margin:clamp(3.75rem,6vw,5.75rem) auto;background:radial-gradient(circle at center,var(--app-led-sage) 0 4px,transparent 4.5px),linear-gradient(90deg,transparent,rgba(60,90,104,.2) 20%,rgba(60,90,104,.2) 80%,transparent);background-repeat:no-repeat;background-position:center,center;background-size:12px 12px,100% 1px}main:has(>.hero)>.faq-section{position:relative;isolation:isolate;z-index:3;width:100vw!important;max-width:none;margin:0;padding:clamp(4.75rem,7vw,6.5rem) max(2rem,calc((100vw - 760px)/2)) clamp(5.5rem,8vw,7.5rem);color:var(--app-led-ink);background:var(--app-led-canvas)}main:has(>.hero)>.faq-section:before{display:none}main:has(>.hero)>.faq-section :is(.faq-section__header,.faq-list){width:min(760px,100%);margin-inline:auto}main:has(>.hero)>.faq-section .faq-section__header{margin-bottom:2rem;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}main:has(>.hero)>.faq-section .faq-section__header h2{color:var(--app-led-ink);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(2.25rem,4vw,3.1rem);font-weight:650;letter-spacing:-.045em;line-height:1.08;text-wrap:balance}main:has(>.hero)>.faq-section .faq-list{gap:.75rem}main:has(>.hero)>.faq-section .faq-item{border:1px solid var(--app-led-border);border-radius:24px;color:var(--app-led-ink);background:var(--app-led-surface);background-image:none;box-shadow:var(--app-led-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}main:has(>.hero)>.faq-section .faq-item:hover{border-color:var(--app-led-border-strong);background:#fbfcfc}main:has(>.hero)>.faq-section .faq-button{min-height:78px;padding:1.05rem 1.2rem 1.05rem 1.4rem;color:var(--app-led-ink);font-family:Inter,system-ui,-apple-system,sans-serif}main:has(>.hero)>.faq-section .faq-button>span:first-child{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1.05rem;font-weight:650;letter-spacing:-.015em;line-height:1.35}main:has(>.hero)>.faq-section .faq-button__icon{width:42px;height:42px;flex-basis:42px;border:1px solid #d2dee1;color:var(--app-led-primary);background:var(--app-led-blue-soft)}main:has(>.hero)>.faq-section .faq-item:hover .faq-button__icon{border-color:#bfd0d4}main:has(>.hero)>.faq-section .faq-item[data-open=true] .faq-button__icon{border-color:var(--app-led-primary);color:#fff;background:var(--app-led-primary)}main:has(>.hero)>.faq-section .faq-button:focus-visible{outline:3px solid rgba(60,90,104,.3);outline-offset:-4px}main:has(>.hero)>.faq-section .faq-answer p{padding:0 4.2rem 1.5rem 1.4rem;color:var(--app-led-body);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.96rem;line-height:1.65}main:has(>.hero)+.bottom-panel{z-index:4;color:#fff;background:var(--app-led-ink)}main:has(>.hero)+.bottom-panel .bottom-panel__inner{min-height:286px;padding:3.5rem 2rem;border:0;border-top:4px solid var(--app-led-sage);color:#ffffffe0;background:var(--app-led-ink);background-image:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}main:has(>.hero)+.bottom-panel .bottom-panel__brand{filter:none}main:has(>.hero)+.bottom-panel .bottom-panel__dot{width:6px;height:6px;flex-basis:6px;background:var(--app-led-orange)}main:has(>.hero)+.bottom-panel .bottom-panel__label,main:has(>.hero)+.bottom-panel .bottom-panel__made{color:#ffffffe6}main:has(>.hero)+.bottom-panel :is(.bottom-panel__nav a,.bottom-panel__legal,.bottom-panel__legal a,.bottom-panel__copyright){color:#ffffffb8}main:has(>.hero)+.bottom-panel .bottom-panel__nav a:hover,main:has(>.hero)+.bottom-panel .bottom-panel__legal a:hover{color:#fff;text-decoration-color:var(--app-led-orange)}}@media(min-width:981px){main>.hero+.examples .example__grid{grid-template-columns:minmax(0,1fr) minmax(370px,430px)}main>.hero+.examples .example--reverse .example__grid{grid-template-columns:minmax(370px,430px) minmax(0,1fr)}main>.hero+.examples .example--reverse .example__copy{order:2}main>.hero+.examples .example--reverse .example__carousel{order:1}main>.hero+.examples .example__copy{padding-right:calc(clamp(2.25rem,4vw,3.25rem) + var(--example-overlap))}main>.hero+.examples .example__carousel{margin-left:calc(-1 * (clamp(2rem,4vw,3.75rem) + var(--example-overlap)))}main>.hero+.examples .example--reverse .example__copy{padding-right:clamp(2.25rem,4vw,3.25rem);padding-left:calc(clamp(2.25rem,4vw,3.25rem) + var(--example-overlap))}main>.hero+.examples .example--reverse .example__carousel{margin-right:calc(-1 * (clamp(2rem,4vw,3.75rem) + var(--example-overlap)));margin-left:0}}@media(min-width:761px)and (max-width:980px){main>.hero+.examples .example__grid,main>.hero+.examples .example--reverse .example__grid{width:min(760px,calc(100vw - 4rem))}main>.hero+.examples .example__carousel,main>.hero+.examples .example--reverse .example__carousel{justify-self:center}}}