/* generated by gen/brand.py: ring-and-dot bullets, numbered steps, loader, brand icons */
.prose ul,.pillars ul,.cycle ul,.faq ul,.ask ul,.foot-list{list-style:none;padding-inline-start:0}
.prose ul:not(.checks)>li,.pillars ul>li,.cycle ul>li,.faq ul>li{position:relative;padding-inline-start:28px}
.prose ul:not(.checks)>li::before,.pillars ul>li::before,.cycle ul>li::before,.faq ul>li::before{content:"";position:absolute;inset-inline-start:0;top:.3em;width:17px;height:17px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M19.76 10.06A8 8 0 1 1 15.25 4.69%22 fill=%22none%22 stroke=%22%23062B47%22 stroke-width=%222.4%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%2218.13%22 cy=%226.86%22 r=%222.4%22 fill=%22%23FF7A59%22/%3E%3C/svg%3E") center/contain no-repeat}
.dark-band ul>li::before,.calc ul>li::before,.ask ul>li::before,.cta-band ul>li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M19.76 10.06A8 8 0 1 1 15.25 4.69%22 fill=%22none%22 stroke=%22%23E6F1F6%22 stroke-width=%222.4%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%2218.13%22 cy=%226.86%22 r=%222.4%22 fill=%22%23FF7A59%22/%3E%3C/svg%3E")}
.prose ol{list-style:none;padding-inline-start:0;counter-reset:pol}
.prose ol>li{counter-increment:pol;position:relative;padding-inline-start:40px;min-height:30px}
.prose ol>li::before{content:counter(pol);position:absolute;inset-inline-start:0;top:-.1em;width:30px;height:30px;display:grid;place-items:center;font-size:.8125rem;font-weight:700;color:var(--fg-strong);background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22%3E%3Cpath d=%22M42.44 19.40A19 19 0 1 1 31.73 6.64%22 fill=%22none%22 stroke=%22%23062B47%22 stroke-width=%222.6%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%2238.55%22 cy=%2211.79%22 r=%224%22 fill=%22%23FF7A59%22/%3E%3C/svg%3E") center/contain no-repeat}
.steps li::before{content:counter(s);width:46px;height:46px;display:grid;place-items:center;font-size:1rem;font-weight:700;color:var(--fg-strong);background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22%3E%3Cpath d=%22M42.44 19.40A19 19 0 1 1 31.73 6.64%22 fill=%22none%22 stroke=%22%23062B47%22 stroke-width=%222.6%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%2238.55%22 cy=%2211.79%22 r=%224%22 fill=%22%23FF7A59%22/%3E%3C/svg%3E") center/contain no-repeat;margin:-23px 0 10px}
.steps li::after{display:none}
.steps li{padding-top:0}
.dark-band .steps li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22%3E%3Cpath d=%22M42.44 19.40A19 19 0 1 1 31.73 6.64%22 fill=%22none%22 stroke=%22%23E6F1F6%22 stroke-width=%222.6%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%2238.55%22 cy=%2211.79%22 r=%224%22 fill=%22%23FF7A59%22/%3E%3C/svg%3E");color:var(--paper)}
.pv-loader{display:inline-block;width:22px;height:22px;vertical-align:-5px;margin-inline-end:8px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M19.76 10.06A8 8 0 1 1 15.25 4.69%22 fill=%22none%22 stroke=%22%2338C6D9%22 stroke-width=%222.4%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%2218.13%22 cy=%226.86%22 r=%222.4%22 fill=%22%23FF7A59%22/%3E%3C/svg%3E") center/contain no-repeat;animation:pv-spin 1.2s linear infinite}
@keyframes pv-spin{to{transform:rotate(360deg)}}
.bi{display:block;color:var(--fg-strong);flex-shrink:0}
.bi .bi-dot{transform-box:fill-box;transform-origin:center}
.card .card-top{display:flex;align-items:center;gap:12px}
.card .card-top .bi{width:42px;height:42px}
.card:hover .bi .bi-dot{animation:pv-pop .5s ease}
@keyframes pv-pop{50%{transform:scale(1.35)}}
.page-hero .ph-device.bi{color:var(--cyan);opacity:.9;width:132px;height:132px}
@media (max-width:760px){.page-hero .ph-device.bi{display:none}}
.ph-device .bi-ring,.ph-device .bi-glyph *{stroke-dasharray:400;stroke-dashoffset:400;animation:draw 2.2s ease-out .2s forwards}
.ph-device .bi-dot{opacity:0;transform-box:fill-box;transform-origin:center;animation:pv-dot .5s cubic-bezier(.3,1.6,.5,1) 1.8s forwards}
@keyframes pv-dot{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}
.mm-panel a .bi{display:none}
/* tile pattern: tiles settle in one after another; dots breathe */
.pat .pt{transform-box:fill-box;transform-origin:center;opacity:0;transform:scale(.6)}
.pat.go .pt{animation:pv-tile .6s cubic-bezier(.3,1.4,.5,1) forwards;animation-delay:calc(var(--n) * 60ms)}
@keyframes pv-tile{to{opacity:1;transform:none}}
.pat .rd{transform-box:fill-box;transform-origin:center;animation:pv-breathe 4s ease-in-out infinite;animation-delay:calc(var(--n,0) * 300ms)}
@keyframes pv-breathe{50%{transform:scale(1.25)}}
.cta-band .wrap{grid-template-columns:minmax(0,1fr) minmax(0,230px);grid-template-areas:"txt pat" "act pat";row-gap:22px;column-gap:48px}
.cta-band .wrap>div:first-child{grid-area:txt}
.cta-band .actions{grid-area:act;justify-content:flex-start!important}
.cta-band .pat{grid-area:pat;align-self:center}
.cta-band .pat{width:100%;height:auto;display:block}
@media (max-width:820px){.cta-band .wrap{grid-template-columns:1fr;grid-template-areas:"txt" "act" "pat"}.cta-band .pat{width:180px}}
.foot-pat .pat{width:150px;height:auto;margin-top:18px}
/* checklist ticks write themselves, one after another */
.checks li::after{display:none}
.checks .tk{position:absolute;inset-inline-start:2px;top:4px;width:16px;height:16px;overflow:visible}
.checks .tk path{fill:none;stroke:var(--coral);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
.checks.tk-go .tk path{transition:stroke-dashoffset .45s cubic-bezier(.6,0,.3,1);transition-delay:calc(var(--i) * .28s + .15s);stroke-dashoffset:0}
.checks.tk-go li::before{transition:border-color .3s,background .3s;transition-delay:calc(var(--i) * .28s)}
.checks.tk-go li::before{border-color:var(--coral)}
:root[data-theme=dark] .prose ul:not(.checks)>li::before,:root[data-theme=dark] .pillars ul>li::before,:root[data-theme=dark] .cycle ul>li::before,:root[data-theme=dark] .faq ul>li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M19.76 10.06A8 8 0 1 1 15.25 4.69%22 fill=%22none%22 stroke=%22%23E6F1F6%22 stroke-width=%222.4%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%2218.13%22 cy=%226.86%22 r=%222.4%22 fill=%22%23FF7A59%22/%3E%3C/svg%3E")}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .prose ul:not(.checks)>li::before,:root:not([data-theme=light]) .pillars ul>li::before,:root:not([data-theme=light]) .cycle ul>li::before,:root:not([data-theme=light]) .faq ul>li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M19.76 10.06A8 8 0 1 1 15.25 4.69%22 fill=%22none%22 stroke=%22%23E6F1F6%22 stroke-width=%222.4%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%2218.13%22 cy=%226.86%22 r=%222.4%22 fill=%22%23FF7A59%22/%3E%3C/svg%3E")}}
:root[data-theme=dark] .prose ol>li::before,:root[data-theme=dark] .steps li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22%3E%3Cpath d=%22M42.44 19.40A19 19 0 1 1 31.73 6.64%22 fill=%22none%22 stroke=%22%23E6F1F6%22 stroke-width=%222.6%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%2238.55%22 cy=%2211.79%22 r=%224%22 fill=%22%23FF7A59%22/%3E%3C/svg%3E")}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .prose ol>li::before,:root:not([data-theme=light]) .steps li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22%3E%3Cpath d=%22M42.44 19.40A19 19 0 1 1 31.73 6.64%22 fill=%22none%22 stroke=%22%23E6F1F6%22 stroke-width=%222.6%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%2238.55%22 cy=%2211.79%22 r=%224%22 fill=%22%23FF7A59%22/%3E%3C/svg%3E")}}

@media (prefers-reduced-motion:reduce){.pat .pt{opacity:1;transform:none}.checks .tk path{stroke-dashoffset:0}.ph-device .bi-dot{opacity:1}.pv-loader{animation:none}}
