.n{--accent: var(--io-accent, #5134a0);--surface: var(--io-surface, #edf0fa);--ink: #1a1532;--soft: #433c59;--ease: cubic-bezier(.23, 1, .32, 1);container-type:inline-size;margin-block:clamp(20px,3vw,40px);color:var(--ink);font-family:inherit}.n :is(p,h2){text-wrap-style:pretty}.s{position:relative;width:min(1200px,calc(100% - 24px));margin-inline:auto;padding:clamp(56px,7cqi,96px) clamp(16px,4cqi,56px) 0;overflow:hidden;border-radius:32px;background:radial-gradient(70% 50% at 50% 0%,rgb(255 255 255 / .55),transparent 70%),linear-gradient(180deg,var(--io-sky, #c9c5ef),#e3defa 42%,var(--surface) 78%)}.p{display:grid;justify-items:center;text-align:center}.d{margin:0;padding:7px 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #ded7ef;font-size:13.5px;font-weight:500}.c{max-width:16ch;margin:18px 0 0;font-size:clamp(30px,4cqi,50px);font-weight:500;line-height:1.12;letter-spacing:-.02em;text-wrap:balance}.l{max-width:46ch;margin:14px 0 0;font-size:17px;line-height:1.6;color:var(--soft)}.e{display:inline-flex;align-items:center;gap:12px;height:50px;margin-top:28px;padding-inline:24px 6px;border-radius:999px;background:linear-gradient(180deg,#7858c9,var(--accent) 58%,#442985);box-shadow:0 0 0 6px #ffffff8c,0 0 0 7px #5134a02e,0 16px 30px -12px #341f5d99;color:#fff;font-size:16px;font-weight:600;text-decoration:none;transition:transform .16s var(--ease)}.e span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--accent)}.e svg{width:16px;height:16px}.i{position:relative;height:clamp(326px,35cqi,440px);margin-top:42px}.i ul{margin:0;padding:0;list-style:none}.i li{position:absolute;top:0;left:0;display:grid;justify-items:center;will-change:transform}.i li:not([style]){opacity:0}.a{display:grid;place-items:center;width:clamp(58px,6.4cqi,80px);aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 1px 2px #2312410f,0 8px 18px -12px #23124140}.a svg,.a img{width:50%;height:50%;object-fit:contain}.o{position:absolute;top:calc(100% + 8px);padding:3px 10px;border-radius:999px;background:#fff;font-size:12px;white-space:nowrap;opacity:0;transition:opacity .2s ease}@media(hover:hover)and (pointer:fine){.i li:hover{z-index:3}.i li:hover .o{opacity:1}}.r{position:absolute;z-index:2;bottom:9%;left:50%;display:grid;justify-items:center;gap:16px;translate:-50% 0;text-align:center}.t{display:grid;place-items:center;width:clamp(96px,10cqi,124px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 25%,#966ce6,var(--accent) 60%,#3e257e);box-shadow:inset 0 1px #ffffff4d,0 10px 24px -14px #5134a0b3;color:#fff}.t>svg{width:44%;height:44%}.t>img{width:74%;height:74%;object-fit:contain;border-radius:50%;filter:invert(1);mix-blend-mode:screen}.r p{display:grid;margin:0;font-size:15px;color:var(--soft)}.r b{font-size:clamp(24px,2.8cqi,34px);font-weight:400;color:var(--ink)}.x{position:absolute;z-index:1;bottom:-2%;left:50%;width:max(980px,104%);max-width:none;translate:-50% 0;pointer-events:none}@container (max-width: 560px){.i{height:340px}.a{width:52px}.t{width:88px}}@media(prefers-reduced-motion:reduce){.i li{will-change:auto}}.e{--dir: -1;position:relative;isolation:isolate;overflow:hidden}.e:dir(ltr){--dir: 1}.e span{position:relative;display:grid;place-items:center;overflow:hidden;transition:transform .45s var(--ease)}.e span svg{grid-area:1 / 1;translate:0 0;transition:transform .45s var(--ease)}.e span svg+svg{transform:translate(calc(var(--dir) * -150%))}.e:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(100deg,transparent 30%,rgb(255 255 255 / .28) 50%,transparent 70%);transform:translate(calc(var(--dir) * -120%));pointer-events:none}@media(hover:hover)and (pointer:fine){.e:hover:after{transform:translate(calc(var(--dir) * 120%));transition:transform .8s var(--ease)}.e:hover span{transform:translate(calc(var(--dir) * 3px))}.e:hover span svg:first-child{transform:translate(calc(var(--dir) * 150%))}.e:hover span svg+svg{transform:translate(0)}}.e:active{transform:scale(.97)}