.ring-stage{--card-w:clamp(156px, 12.5vw, 180px);--card-h:196px;--r:clamp(300px, 30.5vw, 440px);perspective:2400px;perspective-origin:50% 85%;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(90deg, transparent calc(50% - var(--r) * 1.05), #000 calc(50% - var(--r) * .72), #000 calc(50% + var(--r) * .72), transparent calc(50% + var(--r) * 1.05));-webkit-mask-image:linear-gradient(90deg, transparent calc(50% - var(--r) * 1.05), #000 calc(50% - var(--r) * .72), #000 calc(50% + var(--r) * .72), transparent calc(50% + var(--r) * 1.05));mask-image:linear-gradient(90deg, transparent calc(50% - var(--r) * 1.05), #000 calc(50% - var(--r) * .72), #000 calc(50% + var(--r) * .72), transparent calc(50% + var(--r) * 1.05))}@media (max-width:767px){.ring-stage{--card-w:176px;--r:400px;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 22% 78%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 22% 78%,#0000 100%)}}.ring-track{width:var(--card-w);height:var(--card-h);transform-style:preserve-3d;margin:0 auto;position:relative}.ring-card{transform-style:preserve-3d;backface-visibility:hidden;outline:none;position:absolute;inset:0}.ring-card-body{--lift:0px;--scale:1;height:100%;transform:translateZ(var(--lift)) scale(var(--scale));border-radius:20px;transition:transform .55s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.ring-stage:not(.is-dragging) .ring-card:hover .ring-card-body,.ring-card:focus-visible .ring-card-body{--lift:70px;--scale:1.04}.ring-card:focus-visible .ring-card-body{box-shadow:0 0 0 3px #fffc}.ring-card-body:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(115deg,#0000 32%,#ffffff80 46%,#0000 60%) 130% 0/260% 100% no-repeat;position:absolute;inset:0}.ring-stage:not(.is-dragging) .ring-card:hover .ring-card-body:after,.ring-card:focus-visible .ring-card-body:after{opacity:1;animation:.9s ease-out forwards ring-shine}@keyframes ring-shine{0%{background-position:130% 0}to{background-position:-30% 0}}@media (prefers-reduced-motion:reduce){.ring-card-body{transition:none}.ring-card-body:after{animation:none}}.showcase-fade{animation:.45s both showcase-fade}@keyframes showcase-fade{0%{opacity:0;translate:0 6px}}.tabs-mask{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 16% 84%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 16% 84%,#0000 100%)}.showcase-stage{height:540px;position:relative}.showcase-tint{pointer-events:none;border-radius:28px;height:360px;transition:opacity .6s;position:absolute;inset:auto 0 0}.showcase-screen{animation:.55s cubic-bezier(.2,.8,.2,1) both screen-in;position:absolute;inset:0}.screen-window{position:absolute;inset:0 8%;-webkit-mask-image:linear-gradient(#000 60%,#0000 98%);mask-image:linear-gradient(#000 60%,#0000 98%)}.screen-float-left{width:300px;animation:.7s cubic-bezier(.2,.8,.2,1) .12s both float-in;position:absolute;bottom:44px;left:-12px}.screen-float-right{width:320px;animation:.7s cubic-bezier(.2,.8,.2,1) .22s both float-in;position:absolute;top:96px;right:-12px}@keyframes screen-in{0%{opacity:0;translate:0 18px}}@keyframes float-in{0%{opacity:0;translate:0 16px}}@media (max-width:767px){.showcase-stage{height:440px}.showcase-tint{border-radius:20px;height:300px}.screen-window{left:0;right:0}.screen-float-left{transform-origin:0 100%;bottom:16px;left:-6px;transform:scale(.64)}.screen-float-right{transform-origin:100% 0;top:64px;right:-6px;transform:scale(.64)}}@media (prefers-reduced-motion:reduce){.showcase-fade,.showcase-screen,.screen-float-left,.screen-float-right{animation:none}}.tint-sky-bloom{background:radial-gradient(58% 50% at 50% 42%,#fff9 0%,#ffffff42 44%,#fff0 76%),radial-gradient(90% 55% at 50% 108%,#1b84e6 0%,#1b84e600 70%),linear-gradient(#6ab8ff 0%,#4ea7fb 55%,#3396f4 100%)}.tint-aurora{background:radial-gradient(62% 72% at 12% 22%,#6db6ff 0%,#6db6ffc7 20%,#6db6ff85 40%,#6db6ff47 60%,#6db6ff1a 80%,#6db6ff00 100%),radial-gradient(58% 66% at 88% 14%,#aac4ff 0%,#aac4ffc7 20%,#aac4ff85 40%,#aac4ff47 60%,#aac4ff1a 80%,#aac4ff00 100%),radial-gradient(72% 66% at 64% 106%,#2b90f0e6 0%,#2b90f0b3 20%,#2b90f078 40%,#2b90f040 60%,#2b90f017 80%,#2b90f000 100%),radial-gradient(52% 54% at 30% 84%,#fff 0%,#ffffffc7 20%,#ffffff85 40%,#ffffff47 60%,#ffffff1a 80%,#fff0 100%),linear-gradient(160deg,#eaf3ff 0%,#b3d4ff 100%)}.tint-ocean{background:radial-gradient(60% 80% at 20% 0,#ffffff38 0%,#fff0 60%),linear-gradient(135deg,#3d9ff5 0%,#1f8aee 48%,#0f52c4 100%)}.tint-sky-grid{isolation:isolate;background:radial-gradient(60% 54%,#ffffff4d 0%,#ffffff3b 20%,#ffffff29 40%,#ffffff14 60%,#ffffff08 80%,#fff0 100%),linear-gradient(#4ea7fb 0%,#3396f4 100%)}.tint-sky-grid:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(90deg,#ffffff21 1px,#0000 1px) 0 0/56px 56px,linear-gradient(0deg,#ffffff21 1px,#0000 1px) 0 0/56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#0000 12%,#000 90%);mask-image:radial-gradient(80% 80%,#0000 12%,#000 90%)}.tint-halo{isolation:isolate;background:radial-gradient(76% 66% at 50% 120%,#1f8aeeeb 0%,#1f8aeeb8 20%,#1f8aee7a 40%,#1f8aee42 60%,#1f8aee17 80%,#1f8aee00 100%),linear-gradient(#fff 0%,#f8fbff 100%);box-shadow:inset 0 0 0 1px #0b1f4d0d}.tint-halo:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(90deg,#143c8c12 1px,#0000 1px) 0 0/64px 64px,linear-gradient(0deg,#143c8c12 1px,#0000 1px) 0 0/64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000008c 36%,#0000 70%);mask-image:linear-gradient(#000 0%,#0000008c 36%,#0000 70%)}.tint-horizon{background:radial-gradient(70% 45% at 50% 0,#cfe4fd 0%,#cfe4fd00 70%),linear-gradient(#e9f2fd 0%,#f5f9ff 45%,#fff 100%);box-shadow:inset 0 0 0 1px #0b1f4d0d}.tint-backlight{background:radial-gradient(56% 50% at 50% 46%,#7dbfffbf 0%,#7dbfff94 20%,#7dbfff63 40%,#7dbfff36 60%,#7dbfff14 80%,#7dbfff00 100%),radial-gradient(36% 32% at 50% 46%,#1f8aee59 0%,#1f8aee45 20%,#1f8aee2e 40%,#1f8aee1a 60%,#1f8aee08 80%,#1f8aee00 100%),linear-gradient(#fff 0%,#f6f9ff 100%);box-shadow:inset 0 0 0 1px #0b1f4d0d}.tint-spotlight{background:radial-gradient(78% 62% at 50% -8%,#2f92f2f2 0%,#2f92f2bd 20%,#2f92f27d 40%,#2f92f245 60%,#2f92f21a 80%,#2f92f200 100%),radial-gradient(96% 64% at 50% 112%,#0f52c48c 0%,#0f52c46e 20%,#0f52c44a 40%,#0f52c426 60%,#0f52c40f 80%,#0f52c400 100%),linear-gradient(#05112f 0%,#071a4a 100%)}.value-fan{--w:250px;--h:340px;--gap:calc((100cqw - 52px - .91 * var(--w)) / 4);outline:none;height:400px;position:relative;container-type:inline-size}@media (max-width:1023px){.value-fan{--w:214px}}.value-card{width:var(--w);height:var(--h);margin-top:calc(var(--h) / -2);margin-left:calc(var(--w) / -2);text-align:start;cursor:pointer;will-change:transform;border-radius:22px;outline:none;flex-direction:column;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .4s;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffbf,inset 0 1px #fff,0 26px 54px -30px #0b1f4d80,0 2px 6px #0b1f4d0d}.value-card[data-active=true]{box-shadow:inset 0 0 0 1px #ffffffd9,inset 0 1px #fff,0 40px 80px -34px #0b1f4d99,0 2px 6px #0b1f4d0f}.value-card:focus-visible{box-shadow:0 0 0 3px #1f8aee73,0 40px 80px -34px #0b1f4d99}.value-bg{position:absolute;inset:0}.value-badge{transition:transform .5s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 2px 3px #ffffff8c,inset 0 -3px 6px #0b1f4d38,0 10px 20px -8px #0f52c499}.value-card[data-active=true] .value-badge{transform:scale(1.12)rotate(-8deg)}.value-card[data-active=true] .value-mascot{animation:2.6s ease-in-out infinite value-bob}@keyframes value-bob{0%,to{translate:0}50%{translate:0 -6px}}.value-proof{opacity:0;transition:opacity .35s,translate .45s cubic-bezier(.2,.8,.2,1);translate:0 10px}.value-card[data-active=true] .value-proof{opacity:1;transition-delay:.12s;translate:0}.value-live{animation:1.6s ease-in-out infinite value-live}@keyframes value-live{50%{opacity:.35}}.value-sky{background:radial-gradient(80% 60% at 18% 0,#ffffffe6 0%,#fff0 70%),linear-gradient(165deg,#edf8ff 0%,#c8e6fc 100%)}.value-ice-sheet{background:linear-gradient(115deg,#fffffff2 0%,#fff0 46%),linear-gradient(#f1f6ff 0%,#e2edfc 100%)}@media (max-width:767px){.value-fan{--w:260px;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;height:auto;margin-bottom:-32px;margin-left:-16px;margin-right:-16px;padding:8px 16px 56px;display:flex;overflow-x:auto}.value-fan::-webkit-scrollbar{display:none}.value-card,.value-card[data-active=true]{flex:0 0 var(--w);scroll-snap-align:center;margin:0;position:relative;top:auto;left:auto;box-shadow:inset 0 0 0 1px #ffffffbf,inset 0 1px #fff,0 26px 54px -30px #0b1f4d80,0 2px 6px #0b1f4d0d;transform:none!important}.value-card:focus-visible,.value-card[data-active=true]:focus-visible{box-shadow:0 0 0 3px #1f8aee73,0 26px 54px -30px #0b1f4d80}.value-proof{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.value-card,.value-badge,.value-proof{transition:none}.value-card[data-active=true] .value-mascot,.value-live{animation:none}}.cta-panel{isolation:isolate;background:radial-gradient(70% 55% at 50% 108%,#ecfcfff2 0%,#c8f0ffb8 25%,#96d7fa5c 50%,#78bef500 75%),radial-gradient(40% 40% at 0 100%,#1f56a873 0%,#1f56a800 100%),radial-gradient(40% 40% at 100% 100%,#1f56a873 0%,#1f56a800 100%),linear-gradient(#050d24 0%,#0a1d45 24%,#133a80 46%,#2c68b8 64%,#5c9fdc 80%,#9fd3f3 100%)}.folder-field{pointer-events:none;overflow:hidden}.folder-field:before{content:"";will-change:transform;background:url(/design/folder-field.svg) 0 0/720px 416px;animation:90s linear infinite folder-drift;position:absolute;inset:0 0 -416px}@keyframes folder-drift{to{transform:translateY(-416px)}}.cta-folders{-webkit-mask-composite:source-in;-webkit-mask-image:radial-gradient(46% 44% at 50% 47%,#0000 0% 38%,#000 100%),linear-gradient(#000 0% 62%,#0000004d 100%);mask-image:radial-gradient(46% 44% at 50% 47%,#0000 0% 38%,#000 100%),linear-gradient(#000 0% 62%,#0000004d 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-folders{-webkit-mask-composite:source-in;-webkit-mask-image:radial-gradient(40% 44% at 50% 30%,#0000 0% 42%,#000 100%),radial-gradient(38% 42% at 50% 80%,#0000001f 0% 78%,#000 100%);mask-image:radial-gradient(40% 44% at 50% 30%,#0000 0% 42%,#000 100%),radial-gradient(38% 42% at 50% 80%,#0000001f 0% 78%,#000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.cta-title{background:linear-gradient(#f2f9ff 0%,#cfe7ff 45%,#9fd0ff 100%);color:#0000;filter:drop-shadow(0 0 28px #7dbfff47);-webkit-background-clip:text;background-clip:text}.cta-dot{animation:1.8s ease-out infinite cta-pulse;box-shadow:0 0 #7dd3ff99}@keyframes cta-pulse{to{box-shadow:0 0 0 7px #7dd3ff00}}@media (prefers-reduced-motion:reduce){.folder-field:before,.cta-dot{animation:none}}@property --price-a{syntax:"<angle>";inherits:false;initial-value:0deg}.price-featured{background:radial-gradient(52% 70% at calc(50% + 56% * cos(var(--price-a) - 80deg)) calc(50% + 56% * sin(var(--price-a) - 80deg)), #6db6ffe6 0%, #6db6ffb3 20%, #6db6ff78 40%, #6db6ff40 60%, #6db6ff17 80%, #6db6ff00 100%), radial-gradient(38% 52% at calc(50% + 62% * cos(var(--price-a) + 40deg)) calc(50% + 62% * sin(var(--price-a) + 40deg)), #a99bfff2 0%, #a99bffbd 20%, #a99bff7d 40%, #a99bff45 60%, #a99bff1a 80%, #a99bff00 100%), radial-gradient(46% 50% at calc(50% + 62% * cos(var(--price-a) + 160deg)) calc(50% + 62% * sin(var(--price-a) + 160deg)), #4ea7fbd9 0%, #4ea7fba8 20%, #4ea7fb70 40%, #4ea7fb3d 60%, #4ea7fb17 80%, #4ea7fb00 100%), linear-gradient(180deg, #eaf3ff 0%, #f1f7ff 100%);animation:18s linear infinite price-orbit}@keyframes price-orbit{to{--price-a:360deg}}@media (prefers-reduced-motion:reduce){.price-featured{animation:none}}.footer-panel{isolation:isolate;background:linear-gradient(#fff 0%,#ffffffd9 8%,#fff0 24%),radial-gradient(100% 96% at 50% 110%,#1f8aeef2 0%,#1f8aeec7 20%,#1f8aee8c 40%,#1f8aee52 60%,#1f8aee1f 80%,#1f8aee00 100%),linear-gradient(#fff 0%,#f4f9ff 100%);box-shadow:inset 0 0 0 2px #ffffffe6}.footer-panel:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#143c8c12 1px,#0000 1px) 0 0/64px 64px,linear-gradient(0deg,#143c8c12 1px,#0000 1px) 0 0/64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 22%,#0000008c 48%,#0000 72%);mask-image:linear-gradient(#0000 0%,#000 22%,#0000008c 48%,#0000 72%)}.footer-card{-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);background:linear-gradient(#ffffffbd 0%,#ffffff9e 100%);box-shadow:inset 0 0 0 1px #ffffffd9,0 1px 2px #0b1f4d0a}@media (max-width:767px){.cta-title{padding:0 .06em .16em}}.page-folders{-webkit-mask-image:radial-gradient(46% 62%,#0000 0% 44%,#000 100%);mask-image:radial-gradient(46% 62%,#0000 0% 44%,#000 100%)}.page-folders-soft{opacity:.5}.ar-site,.ar-site .font-display{font-family:var(--font-ping), sans-serif}.ar-site *{letter-spacing:0}.ar-site .italic{font-style:normal}.ar-site h1,.ar-site h2,.ar-site h3{line-height:1.3}.ar-site [dir=ltr]{font-family:var(--font-sans), sans-serif}.ar-site [dir=ltr] .font-display{font-family:var(--font-atyp), var(--font-sans), sans-serif}.ar-site [dir=ltr] *{letter-spacing:revert-layer}
