.cr{--cr-bg:#f1f1f0;background:radial-gradient(1100px 620px at 85% -8%, #fbfbfa 0%, #fbfbfa00 70%), radial-gradient(900px 600px at -5% 30%, #e9e9e8 0%, #e9e9e800 65%), var(--cr-bg);color:var(--ink)}.cr-glass,.cr-glass-strong,.cr-glass-nav,.cr-glass-light,.cr-glass-soft{-webkit-backdrop-filter:blur(22px)saturate(1.7);backdrop-filter:blur(22px)saturate(1.7);border:1px solid #ffffffb3;box-shadow:0 22px 44px -22px #00000061,inset 0 1px #ffffff8c}.cr-glass{background:#ffffff94}.cr-glass-strong{background:#fffffff0}.cr-glass-nav{background:#ffffffe0;box-shadow:0 18px 40px -22px #0000004d,inset 0 1px #ffffffb3}.cr-glass-light{background:#ffffffe6}.cr-glass-soft{background:#ffffff8c;box-shadow:0 10px 26px -20px #00000040,inset 0 1px #ffffffb3}.cr-glass-dark{-webkit-backdrop-filter:blur(22px)saturate(1.5);backdrop-filter:blur(22px)saturate(1.5);background:#1414149e;border:1px solid #ffffff24;box-shadow:0 22px 44px -18px #0000008c,inset 0 1px #ffffff1f}.cr-card{background:#fff;border:1px solid #1414140d;border-radius:30px;box-shadow:inset 0 1px #ffffffe6,0 24px 48px -34px #00000040}.cr-card.cr-dark{background:var(--ink);border-color:#ffffff0f}.cr-tilt-wrap{perspective:1100px}.cr-tilt{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s var(--ease);will-change:transform;position:relative}.cr-tilt-on:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%), #ffffff38, transparent 55%);transition:opacity .3s;position:absolute;inset:0}.cr-tilt-on:hover:after{opacity:1}.cr-lift{box-shadow:0 30px 60px -36px #0000008c}@keyframes cr-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes cr-pane{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes cr-pop{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:none}}@keyframes cr-step{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}.cr-float{animation:5.5s ease-in-out infinite cr-float}.cr-float-slow{animation:7.5s ease-in-out -2s infinite cr-float}.cr-pane{animation:cr-pane .55s var(--ease) both}.cr-pop{animation:cr-pop .3s var(--ease) both}.cr-tour-step{animation:cr-step .5s var(--ease) both}.cr-tour-back{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:cr-pop .4s var(--ease) both;background:#14141461}.cr-tour-card{box-shadow:0 40px 80px -30px #00000080}.cr-rail{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:14px;padding-inline:20px;scroll-padding-inline:20px;display:flex;overflow-x:auto}.cr-rail::-webkit-scrollbar{display:none}@media (min-width:1024px){.cr-rail{gap:18px;padding-inline:max(32px,50vw - 688px);scroll-padding-inline:max(32px,50vw - 688px)}}.cr-stage{perspective:1800px;perspective-origin:50% 20%}.cr-device{--p:1;background:var(--cr-bg);transform-origin:50% 100%;transform:rotateX(calc(var(--p) * 22deg)) rotateY(calc(var(--p) * -6deg)) scale(calc(1 - var(--p) * .05));will-change:transform;border:1px solid #fffc;border-radius:34px;transition:transform .18s linear;position:relative;overflow:hidden;box-shadow:0 60px 100px -40px #00000073,0 0 0 8px #ffffff8c}.cr-device-hover:hover{transition:transform .7s var(--ease);--p:0!important}.cr-device-face{transform-origin:0 0}.cr-device-fade{pointer-events:none;background:linear-gradient(0deg, var(--cr-bg), #f1f1f000);height:22%;position:absolute;inset:auto 0 0}.cr-faq summary::-webkit-details-marker{display:none}@media (prefers-reduced-motion:reduce){.cr-float,.cr-float-slow,.cr-pane,.cr-pop,.cr-tour-step,.cr-tour-back{animation:none!important}.cr-tilt,.cr-device{transition:none!important;transform:none!important}.cr-tilt-on:after{display:none}}.tour-spot{transition:left .75s cubic-bezier(.4,0,.2,1),top .75s cubic-bezier(.4,0,.2,1),width .75s cubic-bezier(.4,0,.2,1),height .75s cubic-bezier(.4,0,.2,1);animation:.3s both tour-fade;box-shadow:0 0 0 200vmax #0a0a0a94}.tour-ring{border-radius:36px;animation:3s ease-in-out infinite tour-pulse;inset:-7px;box-shadow:0 0 0 1.5px #ffffffbf,0 0 24px 4px #ffffff57}@keyframes tour-pulse{50%{box-shadow:0 0 0 1.5px #fff6,0 0 38px 12px #ffffff1f}}.tour-card{animation:.45s cubic-bezier(.22,1,.36,1) backwards tour-in}@media (prefers-reduced-motion:reduce){.tour-ring,.tour-card{animation:none}}@keyframes tour-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}@keyframes tour-fade{0%{opacity:0}}.tour-pos{will-change:transform;transition:transform .75s cubic-bezier(.4,0,.2,1),opacity .4s}.tour-ring{transition:opacity .4s}.tour-text{animation:.55s both tour-fade}@media (prefers-reduced-motion:reduce){.tour-pos,.tour-spot{transition:none}}@keyframes dv-ping{0%{box-shadow:0 0 #ffffff73}to{box-shadow:0 0 0 12px #fff0}}@keyframes dv-spin{to{transform:rotate(360deg)}}@keyframes dv-line{0%{opacity:0;transform:translateY(8px)}}.dv-ping{animation:1.5s ease-out infinite dv-ping}.dv-spin{animation:.8s linear infinite dv-spin}.dv-line{animation:dv-line .5s var(--ease) both}@media (prefers-reduced-motion:reduce){.dv-ping,.dv-line{animation:none}.dv-spin{animation-duration:2.4s}}
