body{min-width:0}.examples-shell[data-astro-cid-hbbm5icc]{background:radial-gradient(ellipse 65% 600px at 4% 28%,#dceeff85,transparent 80%),radial-gradient(ellipse 50% 550px at 100% 33%,#ffe6d57d,transparent 80%),#fff}.skip-link[data-astro-cid-hbbm5icc]{position:fixed;top:14px;left:24px;z-index:110;padding:12px 18px;border-radius:12px;background:#fff;transform:translateY(-160%);box-shadow:0 4px 16px #14223620}.skip-link[data-astro-cid-hbbm5icc]:focus{transform:none}.examples[data-astro-cid-hbbm5icc]{padding-top:135px}.examples-intro[data-astro-cid-hbbm5icc]{padding:0 24px;text-align:center}.examples-intro[data-astro-cid-hbbm5icc] h1[data-astro-cid-hbbm5icc]{margin:0 0 20px;font-size:var(--fs-h1);font-weight:600;line-height:1.12;letter-spacing:-.065em;outline-offset:8px}.examples-intro[data-astro-cid-hbbm5icc] h1[data-astro-cid-hbbm5icc] span[data-astro-cid-hbbm5icc],.examples-cta[data-astro-cid-hbbm5icc] h2[data-astro-cid-hbbm5icc] span[data-astro-cid-hbbm5icc]{background:linear-gradient(95deg,#087fd8,#48a2df 47%,#f47b28 96%);background-clip:text;-webkit-background-clip:text;color:transparent}.examples-controls[data-astro-cid-hbbm5icc]{display:none;align-items:center;justify-content:space-between;gap:20px;width:min(calc(100% - 108px),1080px);margin:39px auto 30px}.is-ready[data-astro-cid-hbbm5icc] .examples-controls[data-astro-cid-hbbm5icc]{display:flex}.examples-filters[data-astro-cid-hbbm5icc],.examples-devices[data-astro-cid-hbbm5icc]{display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #dce6ef;border-radius:999px;background:#ffffff9e;box-shadow:inset 0 1px #fff,0 4px 18px #26496505}.examples-filters[data-astro-cid-hbbm5icc] button[data-astro-cid-hbbm5icc],.examples-devices[data-astro-cid-hbbm5icc] button[data-astro-cid-hbbm5icc]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 19px;border:1px solid transparent;border-radius:999px;background:transparent;color:#526477;font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.examples-filters[data-astro-cid-hbbm5icc] button[data-astro-cid-hbbm5icc]:hover,.examples-devices[data-astro-cid-hbbm5icc] button[data-astro-cid-hbbm5icc]:hover{background:#edf5fc;color:#1468a8}.examples-filters[data-astro-cid-hbbm5icc] button[data-astro-cid-hbbm5icc].is-active,.examples-devices[data-astro-cid-hbbm5icc] button[data-astro-cid-hbbm5icc].is-active{border-color:#fff;background:linear-gradient(120deg,#e5f3ff,#cee7fa);box-shadow:inset 0 1px 1px #fff,0 3px 8px #276a9c10;color:#14588b}.examples-devices[data-astro-cid-hbbm5icc] svg[data-astro-cid-hbbm5icc]{width:17px;height:17px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.gallery[data-astro-cid-hbbm5icc]{padding-bottom:62px}.gallery-stage[data-astro-cid-hbbm5icc]{position:relative;max-width:1440px;margin:36px auto 0}.website-preview[data-astro-cid-hbbm5icc]{width:min(calc(100% - 48px),860px);margin:0 auto 40px}.website-preview__screen[data-astro-cid-hbbm5icc]{width:100%;aspect-ratio:1.6;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9cbed4 #f0f6fa;border:1px solid #d4e1eb;border-radius:18px;background:#fff;box-shadow:0 22px 54px #34577620,0 3px 10px #34577608;touch-action:pan-y}.website-preview__screen[data-astro-cid-hbbm5icc] img[data-astro-cid-hbbm5icc]{display:block;width:100%;height:auto}.website-preview__image[data-astro-cid-hbbm5icc]{position:relative}.website-preview__select[data-astro-cid-hbbm5icc]{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:0;border:0;border-radius:18px;background:transparent;cursor:pointer}.website-preview__select[data-astro-cid-hbbm5icc]:focus-visible{outline:3px solid #2b83c2;outline-offset:5px}.website-preview__fallback[data-astro-cid-hbbm5icc]{font-size:var(--fs-lead);letter-spacing:-.03em}.is-ready[data-astro-cid-hbbm5icc] .gallery-stage[data-astro-cid-hbbm5icc]{height:clamp(290px,46vw,538px);margin-top:0}.is-ready[data-astro-cid-hbbm5icc] .website-preview[data-astro-cid-hbbm5icc]{position:absolute;top:0;left:50%;z-index:0;width:min(75vw,860px);margin:0;transform:translate(-50%);transition:transform .4s ease,opacity .3s ease;will-change:transform}.is-ready[data-astro-cid-hbbm5icc] .website-preview[data-astro-cid-hbbm5icc][data-position=center]{z-index:3;opacity:1}.is-ready[data-astro-cid-hbbm5icc] .website-preview[data-astro-cid-hbbm5icc][data-position=prev],.is-ready[data-astro-cid-hbbm5icc] .website-preview[data-astro-cid-hbbm5icc][data-position=next]{z-index:1;opacity:.48;transform:translate(calc(-50% - min(47vw,620px))) translateY(44px) scale(.74)}.is-ready[data-astro-cid-hbbm5icc] .website-preview[data-astro-cid-hbbm5icc][data-position=next]{transform:translate(calc(-50% + min(47vw,620px))) translateY(44px) scale(.74)}.is-ready[data-astro-cid-hbbm5icc] .website-preview[data-astro-cid-hbbm5icc][data-position=prev] .website-preview__screen[data-astro-cid-hbbm5icc],.is-ready[data-astro-cid-hbbm5icc] .website-preview[data-astro-cid-hbbm5icc][data-position=next] .website-preview__screen[data-astro-cid-hbbm5icc]{overflow:hidden;box-shadow:0 15px 35px #34577614}.is-ready[data-astro-cid-hbbm5icc] .website-preview[data-astro-cid-hbbm5icc][data-position=hidden]{visibility:hidden;opacity:0;transform:translate(-50%) scale(.9);pointer-events:none}.is-ready[data-astro-cid-hbbm5icc] .website-preview__fallback[data-astro-cid-hbbm5icc],.gallery-details[data-astro-cid-hbbm5icc],.gallery-bottom[data-astro-cid-hbbm5icc]{display:none}.is-ready[data-astro-cid-hbbm5icc] .gallery-details[data-astro-cid-hbbm5icc],.is-ready[data-astro-cid-hbbm5icc] .gallery-bottom[data-astro-cid-hbbm5icc]{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(75vw,860px);margin:27px auto 0}.gallery-details__category[data-astro-cid-hbbm5icc]{margin:0 0 4px;color:#276d9f;font-size:var(--fs-micro);letter-spacing:.13em;text-transform:uppercase;font-weight:500}.gallery-details[data-astro-cid-hbbm5icc] h2[data-astro-cid-hbbm5icc]{margin:0;font-size:var(--fs-h3);font-weight:600;line-height:1.4;letter-spacing:-.04em}.gallery-details__description[data-astro-cid-hbbm5icc]{margin:6px 0 0;color:#5c6e80;font-size:var(--fs-sm);line-height:1.65}.gallery-navigation[data-astro-cid-hbbm5icc]{display:flex;align-items:center;gap:16px;flex:none}.gallery-arrow[data-astro-cid-hbbm5icc]{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #d7e3ed;border-radius:50%;background:#ffffffbd;box-shadow:inset 0 1px #fff,0 4px 12px #34577608;color:#21415e;cursor:pointer;transition:background .2s,transform .2s}.gallery-arrow[data-astro-cid-hbbm5icc]:hover:enabled{transform:translateY(-2px);background:#e1f0fc;border-color:#bed9ec}.gallery-arrow[data-astro-cid-hbbm5icc]:disabled{opacity:.35;cursor:default;box-shadow:none}.gallery-arrow[data-astro-cid-hbbm5icc] svg[data-astro-cid-hbbm5icc]{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.gallery-count[data-astro-cid-hbbm5icc]{display:flex;align-items:center;gap:5px;min-width:61px;margin:0;color:#728699;font-size:var(--fs-micro);font-variant-numeric:tabular-nums}.gallery-count[data-astro-cid-hbbm5icc] strong[data-astro-cid-hbbm5icc]{color:#203c56;font-weight:600}.is-ready[data-astro-cid-hbbm5icc] .gallery-bottom[data-astro-cid-hbbm5icc]{gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid #dce7ef}.gallery-hint[data-astro-cid-hbbm5icc]{display:flex;align-items:center;gap:6px;margin:0;color:#586f82;font-size:var(--fs-micro)}.gallery-hint[data-astro-cid-hbbm5icc] svg[data-astro-cid-hbbm5icc]{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.gallery-dots[data-astro-cid-hbbm5icc]{display:flex;gap:2px;justify-content:center}.gallery-dots[data-astro-cid-hbbm5icc] button[data-astro-cid-hbbm5icc]{display:grid;place-items:center;width:26px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer}.gallery-dots[data-astro-cid-hbbm5icc] button[data-astro-cid-hbbm5icc] span[data-astro-cid-hbbm5icc]{width:6px;height:6px;border-radius:999px;background:#bdcbd6;transition:width .2s,background .2s}.gallery-dots[data-astro-cid-hbbm5icc] button[data-astro-cid-hbbm5icc]:hover span[data-astro-cid-hbbm5icc]{background:#498fbe}.gallery-dots[data-astro-cid-hbbm5icc] button[data-astro-cid-hbbm5icc].is-active span[data-astro-cid-hbbm5icc]{width:20px;background:#2b83c2}.gallery-note[data-astro-cid-hbbm5icc]{color:#586f82;font-size:var(--fs-micro)}.gallery-empty[data-astro-cid-hbbm5icc]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(calc(100% - 40px),660px);margin:auto;border:1px solid #e0eaf2;border-radius:24px;background:#ffffffa6;text-align:center}.gallery-empty[data-astro-cid-hbbm5icc]>svg[data-astro-cid-hbbm5icc]{width:40px;height:40px;margin-bottom:14px;stroke:#508aad;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.gallery-empty[data-astro-cid-hbbm5icc] h2[data-astro-cid-hbbm5icc]{margin:0;font-size:var(--fs-h2);font-weight:600;letter-spacing:-.04em}.gallery-empty[data-astro-cid-hbbm5icc] p[data-astro-cid-hbbm5icc]{margin:12px 18px 23px;color:#5c6e80;font-size:var(--fs-sm);line-height:1.7}.is-mobile[data-astro-cid-hbbm5icc] .gallery-stage[data-astro-cid-hbbm5icc]{height:568px}.is-mobile[data-astro-cid-hbbm5icc] .website-preview[data-astro-cid-hbbm5icc][data-position=center]{width:284px;height:568px;padding:9px;border:1px solid #536576;border-radius:43px;background:#1d2a38;box-shadow:0 25px 45px #34577625,inset 0 0 0 3px #fff2}.is-mobile[data-astro-cid-hbbm5icc] .website-preview[data-astro-cid-hbbm5icc][data-position=center] .website-preview__screen[data-astro-cid-hbbm5icc]{height:100%;aspect-ratio:auto;border:0;border-radius:34px;scrollbar-width:none;box-shadow:none}.is-mobile[data-astro-cid-hbbm5icc] .website-preview[data-astro-cid-hbbm5icc][data-name="Mountain · Forest · River"] .website-preview__screen[data-astro-cid-hbbm5icc] img[data-astro-cid-hbbm5icc]{width:172%;max-width:none;margin-left:-36%}.is-mobile[data-astro-cid-hbbm5icc] .website-preview[data-astro-cid-hbbm5icc][data-name=ONYX] .website-preview__screen[data-astro-cid-hbbm5icc] img[data-astro-cid-hbbm5icc]{width:160%;max-width:none;margin-left:-26%}.is-mobile[data-astro-cid-hbbm5icc] .website-preview[data-astro-cid-hbbm5icc][data-position=prev],.is-mobile[data-astro-cid-hbbm5icc] .website-preview[data-astro-cid-hbbm5icc][data-position=next]{visibility:hidden;opacity:0}.is-mobile[data-astro-cid-hbbm5icc].is-empty .gallery-stage[data-astro-cid-hbbm5icc]{height:360px}.examples[data-astro-cid-hbbm5icc] [data-astro-cid-hbbm5icc][hidden]{display:none!important}.sr-only[data-astro-cid-hbbm5icc]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.examples-cta[data-astro-cid-hbbm5icc]{display:flex;align-items:center;justify-content:space-between;gap:32px;width:min(calc(100% - 108px),1180px);margin:0 auto 35px;padding:40px 44px;border:1px solid #e4edf2;border-radius:26px;background:radial-gradient(ellipse 50% 140% at 100% 100%,#cde8fc8f,transparent 80%),radial-gradient(ellipse 55% 150% at 0% 0%,#ffe1c787,transparent 80%),#f5f9fc}.examples-cta[data-astro-cid-hbbm5icc] .eyebrow[data-astro-cid-hbbm5icc]{font-size:var(--fs-micro)}.examples-cta[data-astro-cid-hbbm5icc] h2[data-astro-cid-hbbm5icc]{margin:12px 0;font-size:var(--fs-h2);font-weight:600;line-height:1.15;letter-spacing:-.06em}.examples-cta[data-astro-cid-hbbm5icc] p[data-astro-cid-hbbm5icc]:last-child{max-width:500px;margin:0;color:#5c6e80;font-size:var(--fs-sm);line-height:1.7}.examples-cta[data-astro-cid-hbbm5icc] .button[data-astro-cid-hbbm5icc]{flex:none;font-size:var(--fs-base)}@media(min-width:1440px){.examples-shell[data-astro-cid-hbbm5icc] footer{max-width:1440px;margin:auto}}@media(max-width:1000px){.examples-controls[data-astro-cid-hbbm5icc]{width:calc(100% - 56px)}.examples-cta[data-astro-cid-hbbm5icc]{width:calc(100% - 56px);padding:32px}.gallery-note[data-astro-cid-hbbm5icc]{display:none}.is-ready[data-astro-cid-hbbm5icc] .gallery-stage[data-astro-cid-hbbm5icc]{height:46.875vw}}@media(max-width:800px){.examples[data-astro-cid-hbbm5icc]{padding-top:116px}.examples-controls[data-astro-cid-hbbm5icc]{flex-direction:column;gap:14px;margin-top:30px;margin-bottom:24px}.is-ready[data-astro-cid-hbbm5icc] .website-preview[data-astro-cid-hbbm5icc]{width:calc(100vw - 56px)}.is-ready[data-astro-cid-hbbm5icc] .gallery-stage[data-astro-cid-hbbm5icc]{height:calc((100vw - 56px)/1.6)}.is-ready[data-astro-cid-hbbm5icc] .website-preview[data-astro-cid-hbbm5icc][data-position=prev],.is-ready[data-astro-cid-hbbm5icc] .website-preview[data-astro-cid-hbbm5icc][data-position=next]{visibility:hidden;opacity:0}.is-ready[data-astro-cid-hbbm5icc] .gallery-details[data-astro-cid-hbbm5icc],.is-ready[data-astro-cid-hbbm5icc] .gallery-bottom[data-astro-cid-hbbm5icc]{width:calc(100% - 56px)}.examples-cta[data-astro-cid-hbbm5icc]{gap:22px}.examples-cta[data-astro-cid-hbbm5icc] .button[data-astro-cid-hbbm5icc]{padding-inline:17px;gap:14px}}@media(max-width:650px){.examples[data-astro-cid-hbbm5icc]{padding-top:102px}.examples-intro[data-astro-cid-hbbm5icc]{padding:0 20px}.examples-intro[data-astro-cid-hbbm5icc] h1[data-astro-cid-hbbm5icc]{font-size:var(--fs-h2);margin:14px 0 16px}.examples-controls[data-astro-cid-hbbm5icc]{width:calc(100% - 40px);margin-top:26px;gap:12px}.examples-filters[data-astro-cid-hbbm5icc]{width:100%;max-width:390px;gap:1px;padding:4px}.examples-filters[data-astro-cid-hbbm5icc] button[data-astro-cid-hbbm5icc]{flex:1;padding:0 10px;font-size:var(--fs-micro);min-height:39px}.examples-devices[data-astro-cid-hbbm5icc] button[data-astro-cid-hbbm5icc]{min-height:36px;padding:0 20px;font-size:var(--fs-micro)}.is-ready[data-astro-cid-hbbm5icc] .website-preview[data-astro-cid-hbbm5icc]{width:calc(100vw - 32px)}.is-ready[data-astro-cid-hbbm5icc] .gallery-stage[data-astro-cid-hbbm5icc]{height:calc((100vw - 32px)/1.6)}.website-preview__screen[data-astro-cid-hbbm5icc]{border-radius:12px}.is-ready[data-astro-cid-hbbm5icc] .gallery-details[data-astro-cid-hbbm5icc]{flex-direction:column;align-items:flex-start;gap:20px;width:calc(100% - 40px);margin-top:22px}.gallery-details[data-astro-cid-hbbm5icc] h2[data-astro-cid-hbbm5icc]{font-size:var(--fs-h3)}.gallery-details__description[data-astro-cid-hbbm5icc]{font-size:var(--fs-micro)}.gallery-navigation[data-astro-cid-hbbm5icc]{align-self:center;gap:22px}.gallery-arrow[data-astro-cid-hbbm5icc]{width:44px;height:44px}.gallery-count[data-astro-cid-hbbm5icc]{font-size:var(--fs-micro)}.is-ready[data-astro-cid-hbbm5icc] .gallery-bottom[data-astro-cid-hbbm5icc]{flex-direction:column;gap:5px;width:calc(100% - 40px);margin-top:17px;padding-top:12px}.gallery-dots[data-astro-cid-hbbm5icc]{order:-1}.gallery-dots[data-astro-cid-hbbm5icc] button[data-astro-cid-hbbm5icc]{width:32px;height:32px}.gallery-hint[data-astro-cid-hbbm5icc]{font-size:var(--fs-micro)}.gallery[data-astro-cid-hbbm5icc]{padding-bottom:38px}.is-mobile[data-astro-cid-hbbm5icc] .gallery-stage[data-astro-cid-hbbm5icc]{height:536px}.is-mobile[data-astro-cid-hbbm5icc] .website-preview[data-astro-cid-hbbm5icc][data-position=center]{width:268px;height:536px}.is-mobile[data-astro-cid-hbbm5icc].is-empty .gallery-stage[data-astro-cid-hbbm5icc]{height:330px}.gallery-empty[data-astro-cid-hbbm5icc] h2[data-astro-cid-hbbm5icc]{font-size:var(--fs-h3)}.gallery-empty[data-astro-cid-hbbm5icc] p[data-astro-cid-hbbm5icc]{font-size:var(--fs-micro)}.examples-cta[data-astro-cid-hbbm5icc]{flex-direction:column;align-items:flex-start;gap:23px;width:calc(100% - 32px);margin-bottom:10px;padding:28px 24px;border-radius:22px}.examples-cta[data-astro-cid-hbbm5icc] h2[data-astro-cid-hbbm5icc]{font-size:var(--fs-h2)}.examples-cta[data-astro-cid-hbbm5icc] p[data-astro-cid-hbbm5icc]:last-child{font-size:var(--fs-micro)}.examples-cta[data-astro-cid-hbbm5icc] .button[data-astro-cid-hbbm5icc]{min-height:46px;padding:0 20px;font-size:var(--fs-sm)}.gallery-stage[data-astro-cid-hbbm5icc]{margin-top:28px}}@media(max-width:1150px){.examples-controls[data-astro-cid-hbbm5icc]{flex-direction:column;align-items:center;gap:14px}.examples-filters[data-astro-cid-hbbm5icc]{width:100%;max-width:100%;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.examples-filters[data-astro-cid-hbbm5icc]::-webkit-scrollbar{display:none}.examples-filters[data-astro-cid-hbbm5icc] button[data-astro-cid-hbbm5icc]{flex:0 0 auto;white-space:nowrap}}.is-ready[data-astro-cid-hbbm5icc].is-mobile:not(.is-empty) .gallery-stage[data-astro-cid-hbbm5icc]{height:min(calc(197vw - 63px),560px)}.is-ready[data-astro-cid-hbbm5icc].is-mobile .website-preview[data-astro-cid-hbbm5icc][data-position=center]{width:min(calc(100vw - 32px),284px);height:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.is-ready[data-astro-cid-hbbm5icc].is-mobile .website-preview[data-astro-cid-hbbm5icc][data-position=center]:after{position:absolute;inset:0;z-index:2;background:url(/images/examples/iphone-frame.png) center/100% 100% no-repeat;content:"";pointer-events:none}.is-ready[data-astro-cid-hbbm5icc].is-mobile .website-preview[data-astro-cid-hbbm5icc][data-position=center] .website-preview__screen[data-astro-cid-hbbm5icc]{position:absolute;top:4.7%;left:9.2%;width:81.6%;height:90.9%;border-radius:34px;background:#fff;overflow:auto}.is-ready[data-astro-cid-hbbm5icc].is-mobile .website-preview[data-astro-cid-hbbm5icc][data-name=Voltiko] .website-preview__image[data-astro-cid-hbbm5icc]:after{position:absolute;top:25.5%;left:5%;width:9%;height:1.25%;background:#fff;content:"";pointer-events:none}@media(prefers-reduced-motion:reduce){.website-preview[data-astro-cid-hbbm5icc]{will-change:auto}}