﻿:root{--blue-50: #e1f2fd;--blue-100: #badeff;--blue-200: #8cccff;--blue-300: #5dbaff;--blue-400: #2fa8ff;--blue-500: #0095ff;--blue-600: #0e86fe;--blue-700: #1574eb;--blue-800: #1b61d7;--blue-900: #1d51c8;--blue-1000: #1f41b8;--yellow-50: #ffef97;--yellow-100: #ffe661;--yellow-200: #ffdd2b;--yellow-300: #ffc83a;--yellow-400: #ffb858;--yellow-500: #ffaf66;--gray-50: #ffffff;--gray-100: #f7f9fd;--gray-200: #f1f3fb;--gray-300: #ecf0fa;--gray-400: #e8ecf6;--gray-500: #e4e8f4;--gray-600: #dbe0f0;--gray-700: #d2d8ed;--gray-800: #c9d1e9;--gray-900: #c0c9e5;--gray-1000: #b7c1e2;--black: #1e1e1e;--white: #ffffff;--yellow: #ffe76b;--blue: #a0befa;--success-900: #00621d;--success-800: #008132;--success-700: #00933e;--success-600: #00a54a;--success-500: #00b554;--success-400: #00c16c;--success-300: #2bcd87;--success-200: #7ddbaa;--success-100: #b3e9cb;--warning-900: #eb4e00;--warning-800: #f46b00;--warning-700: #fa7b00;--warning-600: #ff8b00;--warning-500: #ff9700;--warning-400: #ffa724;--warning-300: #ffb74c;--warning-200: #ffcc7f;--warning-100: #ffe0b2;--bg-surface-001: #f7f9fd;--text-50: #ffffff;--text-100: #f3f4f4;--text-200: #e2e7ee;--text-300: #c5cfe2;--text-400: #adb8cd;--text-500: #95a1b7;--text-600: #707d93;--text-700: #4b586f;--text-800: #303949;--text-900: #272727;--text-1000: var(--black)}:root{--fw-semilight: 300;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--fs-36: clamp(1.5rem, 0.6263rem + 2.537vw, 2.25rem);--fs-32: clamp(1.75rem, 1.4588rem + 0.8457vw, 2rem);--fs-28: clamp(1.5rem, 1.2088rem + 0.8457vw, 1.75rem);--transition-base: 0.2s}:root{--bp-full-hd: 1920px;--bp-desktop: 1440px;--bp-laptop-l: 1280px;--bp-laptop-m: 1024px;--bp-laptop-s: 834px;--bp-tablet-l: 768px;--bp-tablet-m: 678px;--bp-tablet-s: 551px;--bp-mobile-l: 425px;--bp-mobile-m: 375px;--bp-mobile-s: 320px}.crm-csm{--csm-ink: #1e1e1e;--csm-text: #272727;--csm-subtle: #303949;--csm-blue: #1574eb;--csm-blue-deep: #1b61d7;--csm-cyan: #33cfff;--csm-ring: #d9ecff;--csm-dash: #adb8cd;--csm-gradient: linear-gradient(224deg, #3a91ff 5.84%, #0049eb 106.85%);--csm-shell: min(1147px, 100% - 48px);--csm-loop: 4s;color:var(--csm-ink);background:var(--white, #fff);overflow:clip}@media only screen and (max-width: 768px){.crm-csm{--csm-shell: min(100% - 40px, 560px)}}@scope (.crm-csm){:where(h1,h2,h3,p,ol,ul,figure){margin:0}:where(ol,ul){padding:0;list-style:none}:where(img){display:block;max-inline-size:100%}:where(a,button):focus-visible{outline:3px solid color-mix(in srgb, var(--csm-blue) 60%, transparent);outline-offset:4px}}.csm-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;line-height:1.5;text-align:center;text-decoration:none;transition:translate 200ms ease,box-shadow 200ms ease,filter 200ms ease}.csm-btn:hover{translate:0 -2px}.csm-btn--primary{min-inline-size:160px;min-block-size:49px;padding:8px 16px;background:var(--csm-blue);color:var(--white, #fff);font-size:20px;font-weight:var(--fw-medium, 500)}.csm-btn--primary:hover,.csm-btn--primary:focus-visible{color:var(--white, #fff);box-shadow:0 10px 24px color-mix(in srgb, var(--csm-blue) 30%, transparent)}.csm-btn--light{padding:12px 20px;background:var(--white, #fff);color:var(--csm-blue-deep);font-size:20px;font-weight:600;line-height:24px;letter-spacing:.16em}.csm-btn--light:hover,.csm-btn--light:focus-visible{color:var(--csm-blue-deep);box-shadow:0 10px 24px color-mix(in srgb, #0b1a6b 30%, transparent)}@media(prefers-reduced-motion: reduce){.crm-csm *,.crm-csm *::before,.crm-csm *::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}@keyframes csm-float-a{0%,100%{translate:0 3px}25%,75%{translate:0 0}50%{translate:0 -5px}}@keyframes csm-float-b{0%,50%,100%{translate:0 0}25%{translate:0 -5px}75%{translate:0 3px}}.csm-hero{position:relative;--hk: min(1, tan(atan2(100vw, 960px)));display:grid;place-items:start center;block-size:max(520px,637px*var(--hk));isolation:isolate;overflow:clip}.csm-hero__deco{position:absolute;z-index:-1;inset-block-start:0;inset-inline-start:50%;inline-size:1440px;block-size:100%;translate:-50% 0;scale:var(--hk);transform-origin:50% 0;pointer-events:none}.csm-hero__deco img{position:absolute;max-inline-size:none}.csm-hero__row{inset-inline-start:-1849.5px;inline-size:5139px;block-size:207px;animation:csm-hero-row 2s cubic-bezier(0.22, 1, 0.36, 1) backwards}.csm-hero__row--1{animation-delay:.1s;inset-block-start:-92px;rotate:180deg}.csm-hero__row--2{animation-delay:.22s;inset-block-start:113px}.csm-hero__row--3{animation-delay:.34s;inset-block-start:318px}.csm-hero__row--4{animation-delay:.46s;inset-block-start:523px;scale:1 -1}.csm-hero__trail{position:absolute;inset:317.5px auto auto 309px;inline-size:818.6px;block-size:207.8px}.csm-hero__path{display:block;overflow:visible;inline-size:100%;block-size:100%}.csm-hero__path-reveal{stroke-dasharray:1 1;stroke-dashoffset:0;animation:csm-hero-draw 1.7s cubic-bezier(0.65, 0, 0.35, 1) 1.35s backwards}.csm-hero__runner{position:absolute;inset:0 auto auto 0;inline-size:9px;block-size:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(127,192,253,.45),0 0 14px 6px rgba(36,121,255,.55);offset-anchor:50% 50%;offset-distance:100%;opacity:0;animation:csm-hero-run 1.7s cubic-bezier(0.65, 0, 0.35, 1) 1.35s backwards,csm-hero-runner-fade 1.7s linear 1.35s both}.csm-hero__ripple{position:absolute;inset:274px auto auto 1096px;inline-size:85px;block-size:85px;border:2px solid rgba(255,135,28,.55);border-radius:50%;opacity:0;animation:csm-hero-ripple 1.3s ease-out 3s forwards}.csm-hero__dot{animation:csm-hero-pop 1s cubic-bezier(0.22, 1, 0.36, 1) var(--at, 1s) backwards,var(--drift, csm-hero-drift-a) var(--dur, 9s) ease-in-out calc(var(--at, 1s) + 1s) infinite}.csm-hero__dot--purple{--at: 0.9s;--drift: csm-hero-drift-a;--dur: 11s;inset:23.3px auto auto 336.3px;inline-size:168.4px;rotate:-15deg}.csm-hero__dot--blue{--at: 1.7s;--drift: csm-hero-drift-b;--dur: 13s;inset:450.7px auto auto 750.7px;inline-size:145px;rotate:53.47deg}.csm-hero__dot--glow-blue{--at: 0.75s;--drift: csm-hero-drift-c;--dur: 10s;inset:232.1px auto auto 216px;inline-size:132.3px;rotate:-17.22deg}.csm-hero__dot--glow-orange{--at: 3.1s;--drift: csm-hero-drift-b;--dur: 12s;inset:268px auto auto 1093.9px;inline-size:132.3px;rotate:98.74deg}.csm-hero__dot--navy{--at: 2.1s;--drift: csm-hero-drift-c;--dur: 8s;inset:203.7px auto auto 1224.7px;inline-size:18.7px}.csm-hero__dot--orange{--at: 2.3s;--drift: csm-hero-drift-a;--dur: 9s;inset:409.7px auto auto 196.7px;inline-size:18.7px}.csm-hero__dot--sky-1{--at: 1.2s;--drift: csm-hero-drift-b;--dur: 7s;inset:106.8px auto auto 506.8px;inline-size:15.5px}.csm-hero__dot--sky-2{--at: 2.6s;--drift: csm-hero-drift-c;--dur: 8.5s;inset:413.8px auto auto 1020.8px;inline-size:15.5px}.csm-hero__icon{inline-size:85px}.csm-hero__icon--qr{inset:274px auto auto 267px;animation:csm-hero-icon-in .9s cubic-bezier(0.34, 1.56, 0.64, 1) .55s backwards,csm-float-b var(--csm-loop) ease-in-out 1.45s infinite}.csm-hero__icon--tool{inset:274px auto auto 1096px;animation:csm-hero-tool-in 1s cubic-bezier(0.34, 1.56, 0.64, 1) 3s backwards,csm-float-a var(--csm-loop) ease-in-out 4s infinite}.csm-hero__content{display:grid;justify-items:center;padding-block-start:227px;text-align:center}.csm-hero__title{animation:csm-hero-rise .9s cubic-bezier(0.22, 1, 0.36, 1) .35s backwards;color:var(--csm-ink);font-size:48px;font-weight:var(--fw-bold, 700);line-height:1.5}.csm-hero__lead{animation:csm-hero-rise .9s cubic-bezier(0.22, 1, 0.36, 1) .5s backwards;margin-block-start:3px;color:var(--csm-subtle);font-size:20px;line-height:1.5}.csm-hero .csm-btn{animation:csm-hero-rise .9s cubic-bezier(0.22, 1, 0.36, 1) .65s backwards;margin-block-start:50px}.csm-hero__comma{display:inline}.csm-hero__br{display:none}@media(min-width: 641px)and (max-width: 799px){.csm-hero{block-size:max(520px,842px*var(--hk))}.csm-hero__deco::after{content:"";position:absolute;inset:523px auto auto -1849.5px;inline-size:5139px;block-size:207px;background:url("../../../assets/images/product/vital-crm/csm/hero-row-2.svg") center/100% 100% no-repeat}.csm-hero__row--4{inset-block-start:728px}.csm-hero__trail{inset-block-start:522.5px}.csm-hero__ripple{inset-block-start:479px}.csm-hero__icon--qr,.csm-hero__icon--tool{inset-block-start:479px}.csm-hero__dot--glow-blue{inset-block-start:437.1px}.csm-hero__dot--glow-orange{inset-block-start:473px}}@media(max-width: 640px){.csm-hero{--m: 0.4618;--hk: tan(atan2(100vw, 375px));block-size:calc(600px*var(--hk))}.csm-hero__deco{inline-size:375px;block-size:600px;scale:var(--hk);transform-origin:50% 0}.csm-hero__deco::before,.csm-hero__deco::after{content:"";position:absolute;inset-inline-start:-2382px;inline-size:5139px;block-size:207px;background:url("../../../assets/images/product/vital-crm/csm/hero-row-2.svg") center/100% 100% no-repeat;scale:var(--m)}.csm-hero__deco::before{inset-block-start:-11.7px}.csm-hero__deco::after{inset-block-start:83px}.csm-hero__row{inset-inline-start:-2382px;scale:var(--m)}.csm-hero__row--1{inset-block-start:177.7px}.csm-hero__row--2{inset-block-start:272.3px}.csm-hero__row--3{inset-block-start:367.3px}.csm-hero__row--4{inset-block-start:462px;scale:var(--m) calc(var(--m)*-1)}.csm-hero__trail{inset:423px auto auto -2px;scale:var(--m);transform-origin:0 0}.csm-hero__ripple{inset:156.4px auto auto 281px;inline-size:60px;block-size:60px}.csm-hero__dot,.csm-hero__icon{block-size:auto;scale:calc(1/var(--hk))}.csm-hero__dot--purple{inset:87.5px auto auto -3.5px;inline-size:99.5px}.csm-hero__dot--blue{inset:469.1px auto auto 185.1px;inline-size:99.3px}.csm-hero__dot--glow-blue{inset:341.4px auto auto -1.9px;inline-size:79.9px}.csm-hero__dot--glow-orange{inset:134px auto auto 289.9px;inline-size:79.9px;rotate:56.15deg}.csm-hero__dot--navy{inset:130.3px auto auto 275.3px;inline-size:10.8px}.csm-hero__dot--orange{inset:229.5px auto auto -54px;inline-size:10.8px}.csm-hero__dot--sky-1{inset:331.8px auto auto 66.8px;inline-size:9.3px}.csm-hero__dot--sky-2{inset:371.8px auto auto 325.8px;inline-size:9.3px}.csm-hero__icon{inline-size:60px}.csm-hero__icon--qr{inset:372.8px auto auto 22.7px}.csm-hero__icon--tool{inset:156.4px auto auto 281px}.csm-hero__content{padding-block-start:calc(242px*var(--hk))}.csm-hero__title{font-size:32px}.csm-hero__lead{margin-block-start:20px;color:#707d93;font-size:16px}.csm-hero__comma{display:none}.csm-hero__br{display:inline}.csm-hero .csm-btn{min-inline-size:0;min-block-size:0;margin-block-start:20px;padding:8px 16px;border-radius:4px;background:var(--csm-blue);font-size:20px;font-weight:500;line-height:1.5}}@keyframes csm-hero-row{from{opacity:0;clip-path:circle(0 at 50% 50%)}to{opacity:1;clip-path:circle(2800px at 50% 50%)}}@keyframes csm-hero-pop{from{opacity:0;scale:.4;filter:blur(8px)}}@keyframes csm-hero-icon-in{from{opacity:0;scale:.2;rotate:-25deg}}@keyframes csm-hero-tool-in{0%{opacity:0;scale:.15;translate:-70px 55px}35%{opacity:1}}@keyframes csm-hero-rise{from{opacity:0;translate:0 26px}}@keyframes csm-hero-draw{from{stroke-dashoffset:1}}@keyframes csm-hero-run{from{offset-distance:0%}to{offset-distance:100%}}@keyframes csm-hero-runner-fade{0%{opacity:0}8%,88%{opacity:1}100%{opacity:0}}@keyframes csm-hero-ripple{0%{opacity:.9;scale:.7}100%{opacity:0;scale:2.1}}@keyframes csm-hero-drift-a{0%,100%{translate:0 0}33%{translate:9px -14px}66%{translate:-8px -5px}}@keyframes csm-hero-drift-b{0%,100%{translate:0 0}40%{translate:-12px 9px}75%{translate:7px 14px}}@keyframes csm-hero-drift-c{0%,100%{translate:0 0}30%{translate:6px 10px}65%{translate:-10px -8px}}@media(prefers-reduced-motion: reduce){.csm-hero,.csm-hero *{animation:none !important}.csm-hero__runner,.csm-hero__ripple{display:none}}.csm-intro{inline-size:min(1035px,100% - 48px);margin:99px auto 0}.csm-intro__head{display:grid;align-content:start;gap:10px;min-block-size:208px}.csm-intro__title{color:var(--csm-subtle);font-size:28px;font-weight:var(--fw-bold, 700);line-height:1.5;text-align:center}.csm-intro__text{color:var(--csm-text);font-size:16px;line-height:26px;text-align:justify}.csm-intro__list{display:grid;grid-template-columns:300px 305px 300px;justify-content:space-between;margin-block-start:32px}@media only screen and (max-width: 1024px){.csm-intro__list{grid-template-columns:repeat(3, minmax(0, 1fr));gap:32px}}@media only screen and (max-width: 768px){.csm-intro{inline-size:min(100% - 60px,480px);margin-block-start:53px}.csm-intro__head{gap:14px;min-block-size:0}.csm-intro__title{color:var(--csm-ink);font-size:22px;font-weight:800;line-height:28px}.csm-intro__text{font-size:12px;line-height:24px}.csm-intro__list{grid-template-columns:1fr;gap:40px;margin-block-start:24px}}@scope (.csm-intro){.csm-feature{display:grid;justify-items:center;align-content:start}.csm-feature__img{inline-size:244px;block-size:180px;object-fit:contain}.csm-feature__title{margin-block-start:20px;color:var(--csm-ink);font-size:20px;font-weight:var(--fw-medium, 500);line-height:32px;text-align:center}.csm-feature__text{inline-size:min(100%,290px);margin-block-start:16px;color:var(--csm-text);font-size:16px;line-height:26px;text-align:justify}@media only screen and (max-width: 768px){.csm-feature__img{inline-size:min(100%,300px);block-size:auto;aspect-ratio:244/180}.csm-feature__title{margin-block-start:12px;font-size:18px;line-height:28px}.csm-feature__text{inline-size:100%;margin-block-start:12px;font-size:12px;line-height:20px}}}.csm-flows{position:relative;isolation:isolate;margin-block-start:95px;margin-inline:calc(50% - 50vw);background:var(--white, #fff) var(--csm-flows-bg) 50% 0/max(1440px, 100%) auto no-repeat}@media only screen and (max-width: 768px){.csm-flows{background-position:50% 0;background-size:100% 100%}}.csm-flows__deco{position:absolute;z-index:-1;inset-block:0 auto;inset-inline-start:50%;inline-size:1440px;block-size:1575px;translate:-50% 0;pointer-events:none}.csm-flows__orb,.csm-flows__dot{position:absolute;border-radius:50%}.csm-flows__orb{inset:626px auto auto -102px;inline-size:220px;block-size:220px;background:linear-gradient(155deg, #c0aeff 0%, #b2cfff 55%, #d4efff 100%);filter:blur(28px);opacity:.85;animation:csm-orb-float 9s ease-in-out infinite alternate}.csm-flows__dot{inset:596px auto auto 72px;inline-size:13px;block-size:13px;background:radial-gradient(circle, #1a7bff 45%, #4aa3ff 100%);filter:blur(1px);animation:csm-dot-float 3.5s ease-in-out infinite alternate}@media(prefers-reduced-motion: reduce){.csm-flows__orb,.csm-flows__dot{animation:none}}@keyframes csm-orb-float{0%{translate:0 0;scale:1}50%{translate:52px -34px;scale:1.08}100%{translate:20px 60px;scale:.94}}@keyframes csm-dot-float{0%{translate:0 -6px}100%{translate:0 6px}}.csm-flow{--row-gap: 40px;--visual-offset: 10px;--visual-width: 640px;--steps-width: 448px;--active-ring: linear-gradient(45deg, #2ec8fd, #108afc);--dash-from: 10px;--dash-to: 8px;inline-size:min(1142px,100% - 48px);margin-inline:auto;padding-block:51px 51px}.csm-flow--admin{--row-gap: 60px;--visual-offset: 58px;--visual-width: 623px;--steps-width: 456px;--dash-from: 14px;--dash-to: 18px;inline-size:var(--csm-shell);margin-block-start:35px;padding-block-end:81px}.csm-flow__title{color:var(--csm-ink);font-size:32px;font-weight:var(--fw-bold, 700);line-height:1.5;text-align:center}.csm-flow__list{display:grid;grid-template-columns:minmax(0, var(--steps-width)) minmax(0, var(--visual-width));justify-content:space-between;align-items:center;column-gap:48px;row-gap:var(--row-gap);margin-block-start:60px}.csm-flow__item{display:contents}.csm-flow__visual{grid-column:2;grid-row:1/span var(--steps);align-self:start;margin-block-start:var(--visual-offset);opacity:0;visibility:hidden;translate:24px 0;transition:opacity 480ms ease,translate 720ms cubic-bezier(0.22, 1, 0.36, 1),visibility 0s linear 480ms}.csm-flow__visual.is-active{opacity:1;visibility:visible;translate:0 0;transition:opacity 480ms ease,translate 720ms cubic-bezier(0.22, 1, 0.36, 1),visibility 0s}.csm-flow__item--stage .csm-flow__stage{grid-column:2;grid-row:1/span var(--steps);align-self:start;margin-block-start:var(--visual-offset)}@media only screen and (max-width: 1024px){.csm-flow__list{column-gap:32px}}@media only screen and (max-width: 768px){.csm-flow{inline-size:var(--csm-shell);padding-block:40px 0}.csm-flow--admin{margin-block-start:50px;padding-block-end:64px}.csm-flow__title{font-size:20px;font-weight:600;line-height:32px}.csm-flow__list{display:flex;flex-direction:column;align-items:stretch;gap:40px;margin-block-start:30px}.csm-flow__item{display:block}.csm-flow__visual,.csm-flow__visual.is-active{margin-block-start:20px;opacity:1;visibility:visible;translate:none}}@scope (.csm-flow){.csm-visual__static{inline-size:100%;block-size:auto}.csm-step{position:relative;display:grid;grid-column:1;grid-template-columns:50px minmax(0, 1fr);gap:23px;align-items:center;inline-size:100%;padding:0;border:0;background:none;color:var(--csm-ink);font:inherit;text-align:start;cursor:pointer}.csm-step::before,.csm-step::after{position:absolute;inset-inline-start:24px;inline-size:2px;background:repeating-linear-gradient(to bottom, var(--csm-dash) 0 2px, transparent 2px 5px);content:""}.csm-step::before{inset-block-start:0;block-size:calc(50% - 25px - var(--dash-to))}.csm-step::after{inset-block:calc(50% + 25px + var(--dash-from)) calc(var(--row-gap)*-1)}.csm-step__num{position:relative;display:grid;aspect-ratio:1;place-items:center;border:3px solid var(--csm-ring);border-radius:50%;background:none;color:#000;font-size:20px;font-weight:var(--fw-medium, 500);line-height:1;transition:border-color 300ms ease,box-shadow 300ms ease}.csm-step__body{position:relative;display:grid;gap:8px}.csm-step.is-active .csm-step__num::after{position:absolute;inset:-3px;border-radius:50%;background:var(--active-ring);content:"";-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px));mask:radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px))}:scope.is-auto .csm-step.is-active .csm-step__num::after{-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px)),conic-gradient(from 0deg, #000 var(--csm-p), transparent var(--csm-p));-webkit-mask-composite:source-in;mask:radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px)),conic-gradient(from 0deg, #000 var(--csm-p), transparent var(--csm-p));mask-composite:intersect;animation:csm-auto-progress var(--auto-dur, 4200ms) linear forwards}:scope.is-paused .csm-step.is-active .csm-step__num::after{animation-play-state:paused}.csm-step__title{font-size:20px;font-weight:var(--fw-medium, 500);line-height:1.5;transition:color 200ms ease}.csm-step__desc{font-size:16px;line-height:1.5}.csm-step__points{display:grid}.csm-step__point{position:relative;padding-inline-start:24px;font-size:16px;line-height:1.5}.csm-step__point::before{position:absolute;inset-inline-start:6px;content:"•"}.csm-step:hover .csm-step__title{color:var(--csm-blue)}.csm-flow__item:first-child .csm-step::before,.csm-flow__item:last-child .csm-step::after,.csm-flow__item:has(+.csm-flow__item--stage) .csm-step::after{display:none}@media only screen and (max-width: 768px){.csm-step{cursor:default}.csm-step::before,.csm-step::after{display:none}.csm-step:hover .csm-step__title{color:inherit}.csm-step__num::after{position:absolute;inset:-3px;border-radius:50%;background:var(--active-ring);content:"";-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px));mask:radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px))}}}@scope (.csm-flow--admin){@media only screen and (max-width: 768px){.csm-step__title{font-size:18px}.csm-step__point{font-size:14px}}}@property --csm-p{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes csm-auto-progress{from{--csm-p: 0deg}to{--csm-p: 360deg}}.csm-stage{--k: 1;position:relative;inline-size:100%;aspect-ratio:var(--w)/var(--h);contain:layout paint}.csm-stage__canvas{position:absolute;inset:0 auto auto 0;inline-size:calc(var(--w)*1px);block-size:calc(var(--h)*1px);overflow:hidden;transform-origin:0 0;scale:var(--k)}.csm-stage__card{position:absolute;overflow:hidden;border-radius:29px;inline-size:581px;block-size:var(--card-h);inset:var(--card-y) auto auto var(--card-x)}.csm-stage__base{position:absolute;inset:0;inline-size:100%;block-size:100%;max-inline-size:none}.csm-stage--consumer{--card-x: 40px;--card-y: 0px;--card-h: 425px}.csm-stage--admin{--card-x: 41px;--card-y: 31px;--card-h: 453px}.csm-layer,.csm-spark,.csm-dash{position:absolute;max-inline-size:none}.csm-layer{inset:0 auto auto 0;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.25)}.csm-layer--r5{border-radius:5px}.csm-layer--flat{box-shadow:none}.csm-spark{pointer-events:none}.csm-stage--consumer .csm-layer,.csm-stage--consumer .csm-dash{transition:translate 300ms ease-out,opacity 300ms ease-out}.csm-stage--consumer.is-wrap .csm-layer,.csm-stage--consumer.is-wrap .csm-dash{transition-property:opacity}.csm-stage--consumer.is-wrap .csm-layer--result{translate:52px 61px}.csm-stage--consumer[data-step="0"] .csm-layer--panel{translate:66px 434px;opacity:1}.csm-stage--consumer[data-step="1"] .csm-layer--panel{translate:66px 54px;opacity:1}.csm-stage--consumer[data-step="2"] .csm-layer--panel{translate:66px 444px;opacity:1}.csm-stage--consumer[data-step="3"] .csm-layer--panel{translate:66px 444px;opacity:1}.csm-stage--consumer[data-step="4"] .csm-layer--panel{translate:66px 444px;opacity:1}.csm-stage--consumer[data-step="0"] .csm-layer--form{translate:606px 69px;opacity:1}.csm-stage--consumer[data-step="1"] .csm-layer--form{translate:606px 69px;opacity:1}.csm-stage--consumer[data-step="2"] .csm-layer--form{translate:100px 69px;opacity:1}.csm-stage--consumer[data-step="3"] .csm-layer--form{translate:600px 69px;opacity:1}.csm-stage--consumer[data-step="4"] .csm-layer--form{translate:600px 69px;opacity:1}.csm-stage--consumer[data-step="0"] .csm-layer--form2{translate:63px 433px;opacity:1}.csm-stage--consumer[data-step="1"] .csm-layer--form2{translate:63px 433px;opacity:1}.csm-stage--consumer[data-step="2"] .csm-layer--form2{translate:63px 433px;opacity:1}.csm-stage--consumer[data-step="3"] .csm-layer--form2{translate:63px 63px;opacity:1}.csm-stage--consumer[data-step="4"] .csm-layer--form2{translate:63px -607px;opacity:1}.csm-stage--consumer[data-step="0"] .csm-layer--result{translate:52px 466px;opacity:0}.csm-stage--consumer[data-step="1"] .csm-layer--result{translate:52px 466px;opacity:0}.csm-stage--consumer[data-step="2"] .csm-layer--result{translate:52px 466px;opacity:0}.csm-stage--consumer[data-step="3"] .csm-layer--result{translate:52px 466px;opacity:1}.csm-stage--consumer[data-step="4"] .csm-layer--result{translate:52px 61px;opacity:1}.csm-stage--consumer[data-step="0"] .csm-layer--shot1{translate:280px 69px;opacity:1}.csm-stage--consumer[data-step="1"] .csm-layer--shot1{translate:593px 69px;opacity:1}.csm-stage--consumer[data-step="2"] .csm-layer--shot1{translate:593px 69px;opacity:0}.csm-stage--consumer[data-step="3"] .csm-layer--shot1{translate:593px 69px;opacity:0}.csm-stage--consumer[data-step="4"] .csm-layer--shot1{translate:593px 69px;opacity:0}.csm-stage--consumer[data-step="0"] .csm-layer--shot2{translate:14px 167px;opacity:1}.csm-stage--consumer[data-step="1"] .csm-layer--shot2{translate:-266px 167px;opacity:1}.csm-stage--consumer[data-step="2"] .csm-layer--shot2{translate:-266px 167px;opacity:0}.csm-stage--consumer[data-step="3"] .csm-layer--shot2{translate:-266px 167px;opacity:0}.csm-stage--consumer[data-step="4"] .csm-layer--shot2{translate:-266px 167px;opacity:0}.csm-stage--consumer[data-step="0"] .csm-layer--shot3{translate:14px 167px;opacity:.7}.csm-stage--consumer[data-step="1"] .csm-layer--shot3{translate:-266px 167px;opacity:0}.csm-stage--consumer[data-step="2"] .csm-layer--shot3{translate:-266px 167px;opacity:0}.csm-stage--consumer[data-step="3"] .csm-layer--shot3{translate:-266px 167px;opacity:0}.csm-stage--consumer[data-step="4"] .csm-layer--shot3{translate:-266px 167px;opacity:0}.csm-stage--consumer[data-step="0"] .csm-layer--dash{translate:200px 118px;opacity:1}.csm-stage--consumer[data-step="1"] .csm-layer--dash{translate:-110px 118px;opacity:0}.csm-stage--consumer[data-step="2"] .csm-layer--dash{translate:-130px 118px;opacity:0}.csm-stage--consumer[data-step="3"] .csm-layer--dash{translate:-130px 118px;opacity:0}.csm-stage--consumer[data-step="4"] .csm-layer--dash{translate:90px 118px;opacity:0}.csm-stage--consumer .csm-dash{inset:0 auto auto 0}.is-playing .csm-spark--a1-1{animation:csm-a1-icon-1 3.976s linear infinite}.is-playing .csm-spark--a1-2{animation:csm-a1-icon-2 3.976s linear infinite}.is-playing .csm-spark--a1-3{animation:csm-a1-icon-3 3.976s linear infinite}.is-playing .csm-dash--a1{animation:csm-a1-arc-o 3.976s linear infinite,csm-a1-arc-t 3.976s linear infinite}.is-playing .csm-layer--a1-s12{animation:csm-a1-s12-o 3.976s linear infinite,csm-a1-s12-t 3.976s linear infinite}.is-playing .csm-layer--a1-s13a{animation:csm-a1-s13a-o 3.976s linear infinite,csm-a1-s13a-t 3.976s linear infinite}.is-playing .csm-layer--a1-s13b{animation:csm-a1-s13b-o 3.976s linear infinite,csm-a1-s13b-t 3.976s linear infinite}.is-playing .csm-spark--a2-1{animation:csm-a2-icon-1 3.976s linear infinite}.is-playing .csm-spark--a2-2{animation:csm-a2-icon-2 3.976s linear infinite}.is-playing .csm-spark--a2-3{animation:csm-a2-icon-3 3.976s linear infinite}.is-playing .csm-layer--a2-s22{animation:csm-a2-s22-o 3.976s linear infinite,csm-a2-s22-t 3.976s linear infinite}.is-playing .csm-printer{animation:csm-a2-printer 3.976s linear infinite}.is-playing .csm-printer__sticker{animation:csm-a2-sticker-o 3.976s linear infinite,csm-a2-sticker-t 3.976s linear infinite}.is-playing .csm-printer__ready{animation:csm-a2-ready 3.976s linear infinite}.is-playing .csm-printer__dot{animation:csm-a2-dot 3.976s linear infinite}.is-playing .csm-printer__check{animation:csm-a2-check 3.976s linear infinite}.is-playing .csm-spark--a3-1{animation:csm-a3-icon-1 3.976s linear infinite}.is-playing .csm-spark--a3-2{animation:csm-a3-icon-2 3.976s linear infinite}.is-playing .csm-spark--a3-3{animation:csm-a3-icon-3 3.976s linear infinite}.is-playing .csm-layer--a3-s3{animation:csm-a3-s3-o 3.976s linear infinite,csm-a3-s3-t 3.976s linear infinite}.is-playing .csm-receipt{animation:csm-a3-receipt-o 3.976s linear infinite,csm-a3-receipt-t 3.976s linear infinite}.is-playing .csm-spark--a4-1{animation:csm-a4-icon-1 3.976s linear infinite}.is-playing .csm-spark--a4-2{animation:csm-a4-icon-2 3.976s linear infinite}.is-playing .csm-spark--a4-3{animation:csm-a4-icon-3 3.976s linear infinite}.is-playing .csm-layer--a4-s42{animation:csm-a4-s42-o 3.976s linear infinite,csm-a4-s42-t 3.976s linear infinite}.is-playing .csm-dash--a4{animation:csm-a4-dash 3.976s linear infinite}.is-held .csm-stage--admin *{animation-play-state:paused}.is-held .csm-stage--admin .csm-spark{animation:none;opacity:1}.csm-layer--a1-s11{translate:-98px 0}.csm-layer--a2-s21{translate:-27px 0}.csm-flow__visual:not(.is-playing) .csm-stage--admin :is(.csm-layer,.csm-printer,.csm-receipt,.csm-dash):not(.csm-layer--a1-s11,.csm-layer--a2-s21,.csm-layer--a4-s41){opacity:0}.csm-printer{position:absolute;inset:279px auto auto 15px;inline-size:334px;block-size:145px}.csm-printer__sticker{position:absolute;inset:40px auto auto 227px;inline-size:127px;max-inline-size:none}.csm-printer__body{position:absolute;inset:-10px auto auto -15px;inline-size:251px;max-inline-size:none}.csm-printer__ready{position:absolute;inset:21px auto auto 160px;display:flex;gap:3px;align-items:center;color:#10b981;font-size:8px;font-weight:700;letter-spacing:.02em;line-height:8px}.csm-printer__dot{inline-size:5px;block-size:5px;border-radius:50%;background:currentcolor}.csm-printer__check{position:absolute;inset:13px auto auto 159px;inline-size:23px;max-inline-size:none;border-radius:50%;box-shadow:0 4px 6px rgba(16,185,129,.3)}.csm-receipt{position:absolute;inset:233px auto auto 333px;inline-size:220px;max-inline-size:none;border-radius:16px 16px 0 0;box-shadow:0 4px 12px rgba(0,0,0,.1)}.csm-flow__stage{display:none}.csm-flow.has-stage .csm-flow__stage{display:block}.csm-flow.has-stage .csm-visual__static{display:none}@media only screen and (max-width: 768px){.csm-flow--consumer.has-stage .csm-flow__stage{display:none}.csm-flow--consumer.has-stage .csm-visual__static{display:block}}@media only screen and (max-width: 768px){.csm-flow__item--stage{display:none}}@keyframes csm-a1-icon-1{0%{opacity:1;animation-timing-function:ease-in-out}10.061%{opacity:.25;animation-timing-function:ease-in-out}20.122%{opacity:1;animation-timing-function:ease-in-out}33.956%{opacity:.35;animation-timing-function:ease-in-out}45.275%{opacity:1;animation-timing-function:ease-in-out}57.852%{opacity:.25;animation-timing-function:ease-in-out}69.171%{opacity:1;animation-timing-function:ease-in-out}83.005%{opacity:.35;animation-timing-function:ease-in-out}100%{opacity:.998}}@keyframes csm-a1-icon-2{0%{opacity:1}5.031%{opacity:1;animation-timing-function:ease-in-out}16.349%{opacity:.2;animation-timing-function:ease-in-out}27.668%{opacity:1;animation-timing-function:ease-in-out}42.76%{opacity:.3;animation-timing-function:ease-in-out}54.079%{opacity:1;animation-timing-function:ease-in-out}67.913%{opacity:.2;animation-timing-function:ease-in-out}79.232%{opacity:1;animation-timing-function:ease-in-out}90.55%{opacity:.3}100%{opacity:.995}}@keyframes csm-a1-icon-3{0%{opacity:1}16.349%{opacity:1;animation-timing-function:ease-in-out}27.668%{opacity:.25;animation-timing-function:ease-in-out}38.987%{opacity:1;animation-timing-function:ease-in-out}52.821%{opacity:.3;animation-timing-function:ease-in-out}64.14%{opacity:1;animation-timing-function:ease-in-out}76.716%{opacity:.25;animation-timing-function:ease-in-out}88.035%{opacity:1}100%{opacity:1}}@keyframes csm-a1-arc-o{0%{opacity:0}33.956%{opacity:0;animation-timing-function:cubic-bezier(0.22, 1, 0.36, 1)}40.748%{opacity:1}83.005%{opacity:1;animation-timing-function:ease-in-out}91.054%{opacity:0}100%{opacity:0}}@keyframes csm-a1-arc-t{0%{translate:0 8px}33.956%{translate:0 8px;animation-timing-function:cubic-bezier(0.22, 1, 0.36, 1)}40.748%{translate:0 0}83.005%{translate:0 0;animation-timing-function:ease-in-out}91.054%{translate:0 8px}100%{translate:0 8px}}@keyframes csm-a1-s12-o{0%{opacity:0}21.38%{opacity:0;animation-timing-function:cubic-bezier(0.22, 1, 0.36, 1)}30.183%{opacity:1}84.262%{opacity:1;animation-timing-function:ease-in-out}96.839%{opacity:0}100%{opacity:0}}@keyframes csm-a1-s12-t{0%{translate:-320px 0}21.38%{translate:-320px 0;animation-timing-function:cubic-bezier(0.22, 1, 0.36, 1)}57.852%{translate:0 0}84.262%{translate:0 0;animation-timing-function:ease-in-out}96.839%{translate:28px 0}100%{translate:-264px 0}}@keyframes csm-a1-s13a-o{0%{opacity:0}42.76%{opacity:0;animation-timing-function:cubic-bezier(0.22, 1, 0.36, 1)}51.563%{opacity:1}84.262%{opacity:1;animation-timing-function:ease-in-out}93.569%{opacity:0}100%{opacity:0}}@keyframes csm-a1-s13a-t{0%{translate:0 18px}42.76%{translate:0 18px;animation-timing-function:cubic-bezier(0.22, 1, 0.36, 1)}52.821%{translate:0 0}84.262%{translate:0 0;animation-timing-function:ease-in-out}93.569%{translate:0 18px}100%{translate:0 18px}}@keyframes csm-a1-s13b-o{0%{opacity:0}57.852%{opacity:0;animation-timing-function:cubic-bezier(0.22, 1, 0.36, 1)}66.655%{opacity:1}81.747%{opacity:1;animation-timing-function:ease-in-out}90.047%{opacity:0}100%{opacity:0}}@keyframes csm-a1-s13b-t{0%{translate:0 20px}57.852%{translate:0 20px;animation-timing-function:cubic-bezier(0.22, 1, 0.36, 1)}67.913%{translate:0 0}81.747%{translate:0 0;animation-timing-function:ease-in-out}90.047%{translate:0 20px}100%{translate:0 20px}}@keyframes csm-a2-icon-1{0%{opacity:1;animation-timing-function:ease-in-out}10.701%{opacity:.2;animation-timing-function:ease-in-out}22.226%{opacity:1;animation-timing-function:ease-in-out}35.397%{opacity:.2;animation-timing-function:ease-in-out}48.568%{opacity:1;animation-timing-function:ease-in-out}61.739%{opacity:.2;animation-timing-function:ease-in-out}74.91%{opacity:1;animation-timing-function:ease-in-out}90.55%{opacity:.2;animation-timing-function:ease-in-out}100%{opacity:1}}@keyframes csm-a2-icon-2{0%{opacity:1;animation-timing-function:ease-in-out}4.939%{opacity:.25;animation-timing-function:ease-in-out}16.464%{opacity:1;animation-timing-function:ease-in-out}29.635%{opacity:.25;animation-timing-function:ease-in-out}42.806%{opacity:1;animation-timing-function:ease-in-out}55.977%{opacity:.25;animation-timing-function:ease-in-out}69.148%{opacity:1;animation-timing-function:ease-in-out}82.319%{opacity:.25;animation-timing-function:ease-in-out}90.55%{opacity:1}100%{opacity:1}}@keyframes csm-a2-icon-3{0%{opacity:1;animation-timing-function:ease-in-out}18.11%{opacity:.2;animation-timing-function:ease-in-out}30.458%{opacity:1;animation-timing-function:ease-in-out}43.629%{opacity:.2;animation-timing-function:ease-in-out}56.8%{opacity:1;animation-timing-function:ease-in-out}69.971%{opacity:.2;animation-timing-function:ease-in-out}83.142%{opacity:1;animation-timing-function:ease-in-out}90.55%{opacity:.55}100%{opacity:1}}@keyframes csm-a2-s22-o{0%{opacity:0}21.952%{opacity:0;animation-timing-function:ease-out}31.464%{opacity:1}88.035%{opacity:1;animation-timing-function:ease-in-out}99.354%{opacity:0}100%{opacity:0}}@keyframes csm-a2-s22-t{0%{translate:0 12px}21.952%{translate:0 12px;animation-timing-function:ease-out}31.464%{translate:0 0}99.354%{translate:0 0}100%{translate:0 12px}}@keyframes csm-a2-printer{0%{opacity:0}33.495%{opacity:0;animation-timing-function:ease-out}45.367%{opacity:1}88.035%{opacity:1;animation-timing-function:ease-in-out}99.354%{opacity:0}100%{opacity:0}}@keyframes csm-a2-sticker-o{0%{opacity:0}48.294%{opacity:0;animation-timing-function:ease-out}50.489%{opacity:1}99.354%{opacity:1}100%{opacity:0}}@keyframes csm-a2-sticker-t{0%{translate:-90px 0}48.294%{translate:-90px 0}65.855%{translate:0 0}99.354%{translate:0 0}100%{translate:-90px 0}}@keyframes csm-a2-ready{0%{opacity:1}66.386%{opacity:1;animation-timing-function:ease-out}68.599%{opacity:0}99.354%{opacity:0}100%{opacity:1}}@keyframes csm-a2-dot{0%{opacity:1}48.294%{opacity:1}51.22%{opacity:.25}54.147%{opacity:1}57.074%{opacity:.25}60.001%{opacity:1}62.928%{opacity:.25}65.855%{opacity:1}100%{opacity:1}}@keyframes csm-a2-check{0%{opacity:0}68.599%{opacity:0;animation-timing-function:ease-out}73.172%{opacity:1}99.354%{opacity:1}100%{opacity:0}}@keyframes csm-a3-icon-1{0%{opacity:1}2.741%{opacity:1;animation-timing-function:ease-in-out}17.359%{opacity:.25;animation-timing-function:ease-in-out}31.978%{opacity:1;animation-timing-function:ease-in-out}46.596%{opacity:.25;animation-timing-function:ease-in-out}61.215%{opacity:1;animation-timing-function:ease-in-out}75.833%{opacity:.25;animation-timing-function:ease-in-out}90.452%{opacity:1}100%{opacity:1}}@keyframes csm-a3-icon-2{0%{opacity:1}10.964%{opacity:1;animation-timing-function:ease-in-out}27.41%{opacity:.25;animation-timing-function:ease-in-out}43.855%{opacity:1;animation-timing-function:ease-in-out}60.301%{opacity:.25;animation-timing-function:ease-in-out}76.747%{opacity:1;animation-timing-function:ease-in-out}93.193%{opacity:.25}100%{opacity:1}}@keyframes csm-a3-icon-3{0%{opacity:1}17.359%{opacity:1;animation-timing-function:ease-in-out}31.978%{opacity:.25;animation-timing-function:ease-in-out}46.596%{opacity:1;animation-timing-function:ease-in-out}61.215%{opacity:.25;animation-timing-function:ease-in-out}75.833%{opacity:1;animation-timing-function:ease-in-out}90.452%{opacity:.25}100%{opacity:1}}@keyframes csm-a3-s3-o{0%{opacity:0;animation-timing-function:ease-in-out}27.41%{opacity:1}75.833%{opacity:1;animation-timing-function:cubic-bezier(0.5, 0, 0.5, 1)}99.983%{opacity:0}100%{opacity:0}}@keyframes csm-a3-s3-t{0%{translate:0 142px;animation-timing-function:ease-in-out}27.41%{translate:0 0}75.657%{translate:0 -1px}100%{translate:0 208px}}@keyframes csm-a3-receipt-o{0%{opacity:0}27.41%{opacity:0;animation-timing-function:ease-in-out}41.754%{opacity:1}69.296%{opacity:1;animation-timing-function:ease-in-out}100%{opacity:0}}@keyframes csm-a3-receipt-t{0%{translate:6px 151px}27.41%{translate:6px 151px;animation-timing-function:cubic-bezier(0.432, 0, 0.688, 0.593)}41.706%{translate:6px 55px;animation-timing-function:cubic-bezier(0.287, 0.568, 0.601, 1)}49.784%{translate:6px -3px}69.397%{translate:6px -3px}100%{translate:5px 210px}}@keyframes csm-a4-icon-1{0%{opacity:1;animation-timing-function:ease-in-out}6.39%{opacity:.25;animation-timing-function:ease-in-out}18.258%{opacity:1;animation-timing-function:ease-in-out}34.689%{opacity:.25;animation-timing-function:ease-in-out}46.557%{opacity:1;animation-timing-function:ease-in-out}62.989%{opacity:.25;animation-timing-function:ease-in-out}74.856%{opacity:1;animation-timing-function:ease-in-out}91.288%{opacity:.25;animation-timing-function:ease-in-out}98.591%{opacity:1}100%{opacity:1}}@keyframes csm-a4-icon-2{0%{opacity:1;animation-timing-function:ease-in-out}12.78%{opacity:.25;animation-timing-function:ease-in-out}24.648%{opacity:1;animation-timing-function:ease-in-out}41.08%{opacity:.25;animation-timing-function:ease-in-out}52.947%{opacity:1;animation-timing-function:ease-in-out}69.379%{opacity:.25;animation-timing-function:ease-in-out}81.246%{opacity:1}100%{opacity:1}}@keyframes csm-a4-icon-3{0%{opacity:1;animation-timing-function:ease-in-out}19.17%{opacity:.25;animation-timing-function:ease-in-out}31.038%{opacity:1;animation-timing-function:ease-in-out}47.47%{opacity:.25;animation-timing-function:ease-in-out}59.337%{opacity:1;animation-timing-function:ease-in-out}75.769%{opacity:.25;animation-timing-function:ease-in-out}87.636%{opacity:1}100%{opacity:1}}@keyframes csm-a4-s42-o{0%{opacity:0}32.612%{opacity:0;animation-timing-function:ease-out}46.518%{opacity:1}87.507%{opacity:1;animation-timing-function:cubic-bezier(0.5, 0, 0.5, 1)}100%{opacity:0}}@keyframes csm-a4-s42-t{0%{translate:0 0}32.642%{translate:0 0}46.557%{translate:-132px 0}58.103%{translate:-132px 0}87.507%{translate:-132px 0}100%{translate:93px 0}}@keyframes csm-a4-dash{0%{opacity:0}32.612%{opacity:0;animation-timing-function:ease-out}59.337%{opacity:1}100%{opacity:1}}.csm-line{position:relative;isolation:isolate;overflow:clip;color:var(--white, #fff);background:#4b48d6}.csm-line__bg{position:absolute;z-index:-1;inset-block:0;inset-inline-start:50%;inline-size:max(1440px,100%);translate:-50% 0;pointer-events:none}.csm-line__bg>img,.csm-line__bg>span{position:absolute}.csm-line__bg img{max-inline-size:none}.csm-line__bg-img{inset:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:bottom}.csm-line__glow--cyan{inset:-260px auto auto calc(50% - 440px);inline-size:1150px;block-size:760px;background:radial-gradient(287.5px 190px at 862.5px 380px, rgba(84, 214, 255, 0.85) 0, rgba(84, 214, 255, 0.55) 32%, rgba(84, 214, 255, 0.16) 70%, rgba(84, 214, 255, 0) 100%);mix-blend-mode:screen;opacity:.25;animation:csm-glow-cyan-opacity var(--csm-loop) ease-in-out infinite,csm-glow-cyan-move var(--csm-loop) ease-in-out infinite}.csm-line__glow--indigo{inset:20px auto auto calc(50% - 960px);inline-size:1050px;block-size:720px;background:radial-gradient(262.5px 180px at 787.5px 360px, rgba(28, 18, 97, 0.85) 0, rgba(28, 18, 97, 0.55) 32%, rgba(28, 18, 97, 0.16) 70%, rgba(28, 18, 97, 0) 100%);mix-blend-mode:multiply;opacity:.16;animation:csm-glow-indigo-opacity var(--csm-loop) ease-in-out infinite,csm-glow-indigo-move var(--csm-loop) ease-in-out infinite}.csm-line__mark{inset:0 auto auto 50%;inline-size:760px;block-size:154px}.csm-line__orb{overflow:hidden;border-radius:50%}.csm-line__orb img{inline-size:100%;block-size:auto;mix-blend-mode:multiply}.csm-line__orb--lg{inset:339px auto auto calc(50% + 126px);inline-size:340px;block-size:340px;background:linear-gradient(225deg, #58d6ff 8%, #4596ff 55%, #3f86ff 100%);animation:csm-orb-lg var(--csm-loop) ease-in-out infinite}.csm-line__orb--md{inset:298px auto auto calc(50% - 697px);inline-size:95px;block-size:95px;background:linear-gradient(200deg, #5aa4ff, #3f7dff);animation:csm-orb-md var(--csm-loop) ease-in-out infinite}.csm-line__orb--sm{inset:206px auto auto calc(50% + 494px);inline-size:36px;block-size:36px;background:linear-gradient(200deg, #6bfdff, #4ccfff);animation:csm-orb-sm var(--csm-loop) ease-in-out infinite}.csm-line__stair{inset:312px auto auto calc(50% - 781px);inline-size:520px;block-size:311px;mix-blend-mode:color-dodge}.csm-line__inner{position:relative;inline-size:min(1160px,100% - 48px);min-block-size:540px;margin-inline-start:max(24px,50% - 520px)}.csm-line__content{display:grid;justify-items:start;inline-size:min(588px,100% - 480px);padding-block:102px 64px}.csm-line__title{font-size:40px;font-weight:var(--fw-bold, 700);line-height:1.5}.csm-line__br{display:none}.csm-line__lead{margin-block-start:12px;font-size:18px;font-weight:var(--fw-medium, 500);line-height:1.5}.csm-line__text{margin-block-start:30px;font-size:16px;line-height:1.5}.csm-line .csm-btn{margin-block-start:17px}.csm-line__phone{position:absolute;inset:63px 0 auto auto;inline-size:465.3px;aspect-ratio:465.317/470.541;transform-origin:50% 60%;animation:csm-phone-tilt var(--csm-loop) ease-in-out infinite,csm-phone-move var(--csm-loop) ease-in-out infinite}.csm-line__phone-img{inline-size:100%;block-size:auto}.csm-line__mask{position:absolute;inset-inline-start:calc(var(--x)/465.317*100%);inset-block-start:calc(var(--y)/470.541*100%);inline-size:calc(var(--w)/465.317*100%);block-size:calc(var(--h)/470.541*100%);animation:csm-bubble-1 var(--csm-loop) linear infinite}.csm-line__mask--2{animation-name:csm-bubble-2}.csm-line__mask--3{animation-name:csm-bubble-3}@media(prefers-reduced-motion: reduce){.csm-line__mask{display:none}}@media only screen and (max-width: 1024px){.csm-line__phone{inline-size:400px;inset-block-start:80px}.csm-line__content{inline-size:min(588px,100% - 400px)}.csm-line__title{font-size:32px}}@media only screen and (max-width: 768px){.csm-line__bg{inline-size:100%}.csm-line__mark,.csm-line__orb--lg{display:none}.csm-line__orb--md{inset:125px auto auto -12px;inline-size:165px;block-size:165px}.csm-line__orb--sm{inset:127px 62px auto auto;inline-size:47px;block-size:47px}.csm-line__inner{display:flex;flex-direction:column-reverse;inline-size:auto;min-block-size:0;margin-inline-start:0}.csm-line__phone{position:relative;inset:auto;inline-size:min(82%,330px);margin:24px -6px 0 auto}.csm-line__content{justify-items:stretch;inline-size:auto;padding:20px 38px 38px}.csm-line__title{font-size:22px;font-weight:800;line-height:35px}.csm-line__br{display:inline}.csm-line__lead{font-weight:var(--fw-regular, 400)}.csm-line__text{line-height:26px}.csm-line .csm-btn{justify-self:center;margin-block-start:20px;font-size:18px;font-weight:var(--fw-medium, 500);line-height:1.5;letter-spacing:0}}@keyframes csm-glow-cyan-opacity{0%,100%{opacity:.25}25%{opacity:.36}50%{opacity:.3}75%{opacity:.2}}@keyframes csm-glow-cyan-move{0%,100%{translate:0 0}25%{translate:-140px 50px}50%{translate:-280px 90px}75%{translate:-140px 40px}}@keyframes csm-glow-indigo-opacity{0%,100%{opacity:.16}25%{opacity:.12}50%{opacity:.2}75%{opacity:.23}}@keyframes csm-glow-indigo-move{0%,100%{translate:0 0}25%{translate:130px -25px}50%{translate:250px -65px}75%{translate:130px -35px}}@keyframes csm-orb-lg{0%,50%,100%{translate:0 0}25%{translate:0 14px}75%{translate:0 6px}}@keyframes csm-orb-md{0%,50%,100%{translate:0 0}25%{translate:0 -8px}75%{translate:0 8px}}@keyframes csm-orb-sm{0%,50%,100%{translate:0 0}25%{translate:0 5px}75%{translate:0 -5px}}@keyframes csm-phone-tilt{0%,50%,100%{rotate:0deg}25%{rotate:-0.57deg}75%{rotate:.57deg}}@keyframes csm-phone-move{0%,50%,100%{translate:0 0}25%{translate:0 -4px}75%{translate:0 4px}}@keyframes csm-bubble-1{0%,8.75%{opacity:1;animation-timing-function:ease-out}15.75%,85%{opacity:0;animation-timing-function:ease-in-out}96.25%,100%{opacity:1}}@keyframes csm-bubble-2{0%,27.5%{opacity:1;animation-timing-function:ease-out}34.5%,85%{opacity:0;animation-timing-function:ease-in-out}96.25%,100%{opacity:1}}@keyframes csm-bubble-3{0%,46.25%{opacity:1;animation-timing-function:ease-out}53.25%,85%{opacity:0;animation-timing-function:ease-in-out}96.25%,100%{opacity:1}}.csm-reveal{opacity:0;translate:0 28px;transition:opacity 700ms ease var(--reveal-delay, 0ms),translate 800ms cubic-bezier(0.22, 1, 0.36, 1) var(--reveal-delay, 0ms)}.csm-reveal.is-revealed{opacity:1;translate:0 0}.csm-intro__title.csm-reveal,.csm-intro__text.csm-reveal{filter:blur(8px);transition:opacity 800ms ease var(--reveal-delay, 0ms),translate 900ms cubic-bezier(0.22, 1, 0.36, 1) var(--reveal-delay, 0ms),filter 900ms ease var(--reveal-delay, 0ms)}.csm-intro__title.csm-reveal.is-revealed,.csm-intro__text.csm-reveal.is-revealed{filter:blur(0)}
