@layer components{.mk .sv-pill{border:1px solid var(--mk-line);background:var(--mk-surface);color:var(--mk-ink-muted);border-radius:999px;padding:.375rem .875rem;font-size:.875rem;font-weight:500;display:inline-flex}.mk .sv-in{animation:sv-in calc(.9s * var(--mk-motion)) var(--mk-ease-out) both;animation-delay:calc(var(--d,0) * .11s * var(--mk-motion))}.mk .sv-gradient{background-image:linear-gradient(90deg, var(--mk-accent), #9264ef, #00aad0, var(--mk-accent));color:#0000;animation:sv-flow calc(8s / max(var(--mk-motion), .01)) linear infinite;background-size:300% 100%;-webkit-background-clip:text;background-clip:text}@supports (color:lab(0% 0 0)){.mk .sv-gradient{background-image:linear-gradient(90deg, var(--mk-accent), lab(52.7993% 41.7059 -64.5934), lab(63.5708% -32.8212 -35.0455), var(--mk-accent))}}.mk .sv-orbit{aspect-ratio:1;width:min(100%,520px);margin-inline:auto;position:relative}.mk .sv-glow{background:radial-gradient(circle, color-mix(in oklch, var(--mk-accent) 40%, transparent), transparent 70%);filter:blur(30px);animation:sv-breathe calc(5s / max(var(--mk-motion), .01)) ease-in-out infinite alternate;border-radius:50%;position:absolute;inset:20%}.mk .sv-ring{border:1px dashed var(--mk-line);animation:sv-spin calc(var(--t) / max(var(--mk-motion), .01)) linear infinite;border-radius:50%;position:absolute;container-type:size}.mk .sv-ring-outer{--t:60s;inset:4%}.mk .sv-ring-inner{--t:40s;animation-direction:reverse;inset:24%}.mk .sv-planet{width:0;height:0;transform:rotate(var(--a)) translateY(-50cqh) rotate(calc(var(--a) * -1));position:absolute;top:50%;left:50%}.mk .sv-planet>span{border:1px solid var(--mk-line);background:var(--mk-surface);width:52px;height:52px;color:var(--mk-accent);box-shadow:var(--mk-shadow-md);animation:sv-spin calc(var(--t) / max(var(--mk-motion), .01)) linear infinite reverse;border-radius:16px;place-items:center;display:grid;translate:-50% -50%}.mk .sv-ring-inner .sv-planet>span{animation-direction:normal}.mk .sv-sun{background:var(--mk-surface);width:112px;height:112px;box-shadow:0 0 0 10px color-mix(in oklch, var(--mk-accent) 10%, transparent), 0 20px 60px -10px color-mix(in oklch, var(--mk-accent) 55%, transparent);border-radius:32px;place-items:center;display:grid;position:absolute;inset:50%;translate:-50% -50%}@supports (animation-timeline:view()){.mk:not([data-motion=reduce]) .sv-frame{animation:linear both sv-tilt;animation-timeline:view();animation-range:entry cover 35%}}.mk .sv-num{letter-spacing:-.04em;font-size:clamp(4.5rem,3rem + 5vw,8rem);font-weight:800;line-height:1;font-family:var(--mk-font);color:#0000;-webkit-text-stroke:1.5px var(--mk-accent-line);background-image:linear-gradient(90deg, var(--mk-accent), #9264ef);transition:background-size calc(.9s * var(--mk-motion)) var(--mk-ease-out) calc(.2s * var(--mk-motion));background-repeat:no-repeat;background-size:0% 100%;-webkit-background-clip:text;background-clip:text}@supports (color:lab(0% 0 0)){.mk .sv-num{background-image:linear-gradient(90deg, var(--mk-accent), lab(52.7993% 41.7059 -64.5934))}}.mk [data-inview]>.sv-num,.mk:not([data-motion-ready]) .sv-num{background-size:100% 100%}.mk .sv-card{border:1px solid var(--mk-line);background:var(--mk-surface);transition:opacity calc(.25s * var(--mk-motion) + .15s) var(--mk-ease-out), translate calc(var(--mk-dur-reveal) * var(--mk-motion)) var(--mk-ease-out), border-color var(--mk-dur-ui), box-shadow var(--mk-dur-ui);transition-delay:calc(min(var(--i,0), 5) * 70ms * var(--mk-motion)), calc(min(var(--i,0), 5) * 70ms * var(--mk-motion)), 0s, 0s;border-radius:20px;padding:1rem 1.25rem}.mk .sv-card:hover{border-color:var(--mk-accent-line);box-shadow:var(--mk-shadow-md)}.mk .sv-icon{background:var(--mk-accent-soft);width:44px;height:44px;color:var(--mk-accent);transition:rotate var(--mk-dur-ui) var(--mk-ease-out), scale var(--mk-dur-ui) var(--mk-ease-out);border-radius:14px;flex:none;place-items:center;display:inline-grid}.mk .sv-card:hover .sv-icon{rotate:calc(-8deg * var(--mk-motion));scale:calc(1 + .08 * var(--mk-motion))}.mk .sv-card .mk-more{margin-top:.25rem;margin-inline-start:calc(44px + 1rem)}.mk .sv-frame{transform-origin:50% 100%;position:relative}.mk .sv-frame:before{content:"";z-index:-1;background:radial-gradient(60% 60% at 50% 60%, color-mix(in oklch, var(--mk-accent) 30%, transparent), transparent 75%);filter:blur(30px);border-radius:40px;position:absolute;inset:10% 5% -4%}.mk .sv-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"languages currencies""vat plans""demo demo";gap:1rem;display:grid}@media (min-width:1024px){.mk .sv-bento{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.3fr);grid-template-areas:"languages currencies demo""vat plans demo"}}.mk .sv-extra{border-radius:28px;flex-direction:column;min-height:200px;padding:1.5rem;display:flex}.mk .sv-extra h3{font-size:1.125rem}.mk .sv-art{background:radial-gradient(70% 70% at 50% 50%, var(--mk-accent-soft), transparent 75%);border-radius:20px;flex:1;place-items:center;min-height:120px;margin-bottom:1rem;display:grid}.mk .sv-words{text-align:center;width:100%;height:3.5rem;font-size:clamp(1.5rem,1rem + 2vw,2.25rem);font-weight:700;line-height:3.5rem;position:relative;overflow:hidden}.mk .sv-words span{opacity:0;animation:sv-word calc(8s / max(var(--mk-motion), .01)) var(--mk-ease-out) infinite;position:absolute;inset:0}.mk .sv-words span:nth-child(2){animation-delay:calc(2s / max(var(--mk-motion), .01))}.mk .sv-words span:nth-child(3){animation-delay:calc(4s / max(var(--mk-motion), .01))}.mk .sv-words span:nth-child(4){animation-delay:calc(6s / max(var(--mk-motion), .01))}.mk .sv-coins{gap:.75rem;display:flex}.mk .sv-coins span{border:1px solid var(--mk-accent-line);background:var(--mk-surface);width:52px;height:52px;color:var(--mk-accent);font-family:var(--mk-font);box-shadow:var(--mk-shadow-md);animation:sv-bob calc(2.4s / max(var(--mk-motion), .01)) ease-in-out infinite;animation-delay:calc(var(--i) * .3s);border-radius:50%;place-items:center;font-size:1.375rem;font-weight:700;display:grid}.mk .sv-vat{place-items:center;width:112px;height:112px;display:grid;position:relative}.mk .sv-vat p{letter-spacing:-.03em;color:var(--mk-accent);font-size:2rem;font-weight:800;position:relative}.mk .sv-vat-ring{border:2px solid var(--mk-accent);opacity:0;animation:sv-ring calc(2.4s / max(var(--mk-motion), .01)) ease-out infinite;border-radius:50%;position:absolute;inset:0}.mk .sv-vat-late{animation-delay:calc(1.2s / max(var(--mk-motion), .01))}.mk .sv-plans{align-items:center;gap:1rem;display:flex}.mk .sv-switch{background:var(--mk-line);width:72px;height:40px;animation:sv-track calc(3s / max(var(--mk-motion), .01)) var(--mk-ease-inout) infinite;border-radius:999px;position:relative}.mk .sv-switch i{width:32px;height:32px;box-shadow:var(--mk-shadow-sm);animation:sv-knob calc(3s / max(var(--mk-motion), .01)) var(--mk-ease-inout) infinite;background:#fff;border-radius:50%;position:absolute;top:4px;left:4px}.mk .sv-pro{color:#442600;color:lab(18.5711% 13.9242 32.4219);animation:sv-light calc(3s / max(var(--mk-motion), .01)) var(--mk-ease-inout) infinite;background:#fac547;background:lab(82.8172% 10.8991 67.3469);border-radius:999px;padding:.375rem .875rem;font-size:1rem;font-weight:700}.mk .sv-extra:hover{translate:0 calc(-4px * var(--mk-motion))}.mk .sv-demo{background:var(--mk-bg-sunken);border-radius:28px;justify-content:center;align-items:center;padding:1.5rem;display:flex}@keyframes sv-word{0%{opacity:0;translate:0 100%}6%,22%{opacity:1;translate:0}28%,to{opacity:0;translate:0 -100%}}@keyframes sv-bob{0%,to{translate:0}50%{translate:0 calc(-10px * var(--mk-motion))}}@keyframes sv-ring{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.3)}}@keyframes sv-track{0%,30%,to{background:var(--mk-line)}45%,85%{background:var(--mk-accent)}}@keyframes sv-knob{0%,30%,to{translate:0}45%,85%{translate:32px}}@keyframes sv-light{0%,30%,to{opacity:.35;scale:.9}45%,85%{opacity:1;scale:1}}@keyframes sv-in{0%{opacity:0;translate:0 calc(24px * var(--mk-motion));filter:blur(calc(8px * var(--mk-motion)))}}@keyframes sv-flow{to{background-position:300% 0}}@keyframes sv-spin{to{rotate:360deg}}@keyframes sv-breathe{0%{opacity:.7;scale:.85}to{opacity:1;scale:1.1}}@keyframes sv-tilt{0%{opacity:.5;transform:perspective(1200px)rotateX(14deg)scale(.94)}}@media (prefers-reduced-motion:reduce){.mk .sv-gradient,.mk .sv-glow,.mk .sv-ring,.mk .sv-planet>span,.mk .sv-coins span,.mk .sv-vat-ring,.mk .sv-switch,.mk .sv-switch i,.mk .sv-pro,.mk .sv-words span{animation:none}.mk .sv-words span:first-child{opacity:1}}.mk[data-motion=reduce] :is(.sv-gradient,.sv-glow,.sv-ring,.sv-planet>span,.sv-coins span,.sv-vat-ring,.sv-switch,.sv-switch i,.sv-pro,.sv-words span){animation:none}}
