@layer theme,base;@layer components{.btn{border-radius:var(--radius-lg);cursor:pointer;min-height:3rem;transition:transform .2s var(--ease-orixa,ease), box-shadow .25s, background .2s, border-color .2s;justify-content:center;align-items:center;gap:.5rem;padding:0 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ion{background:var(--primary);color:var(--primary-foreground);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 60%,white 20%) inset, 0 10px 34px -10px color-mix(in srgb,var(--primary) 80%,transparent)}.btn-ion:after{content:"";transition:transform .7s var(--ease-orixa,ease);background:linear-gradient(100deg,#0000 30%,#ffffff47 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.btn-ion:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent), 0 16px 44px -10px color-mix(in srgb,var(--primary) 90%,transparent);transform:translateY(-2px)}.btn-ion:hover:not(:disabled):after{transform:translate(120%)}.btn-ghost{border:1px solid var(--border-strong);color:var(--foreground);background:color-mix(in srgb,var(--surface) 70%,transparent)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--primary)}.glass{background:color-mix(in srgb,var(--background) 78%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.spot{position:relative}.spot:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(360px circle at var(--x,50%) var(--y,50%), color-mix(in srgb,var(--primary) 22%,transparent), transparent 70%);transition:opacity .3s;position:absolute;inset:0}.spot:hover:before{opacity:1}.pad-tile{transition:transform .12s,box-shadow .2s,filter .2s,opacity .2s}.pad-tile:active:not(:disabled){transform:scale(.94)}}@layer utilities;@keyframes portal-in{0%{clip-path:circle(0%);opacity:.4}to{clip-path:circle(150%);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes beacon{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}@keyframes spin3d{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes spark{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}@keyframes break{0%{transform:scale(1)}30%{transform:scale(1.35)rotate(-8deg)}to{transform:scale(1)}}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,2px)}}@keyframes ring-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 60%,transparent)}to{box-shadow:0 0 0 14px #0000}}.anim-portal{animation:.7s cubic-bezier(.2,.8,.2,1) both portal-in}.anim-shake{animation:.45s ease-in-out shake}.anim-pop{animation:.5s cubic-bezier(.2,1.4,.4,1) both pop}.anim-blink{animation:1.1s step-end infinite blink}.anim-beacon{animation:3.2s ease-in-out infinite beacon}.anim-break{animation:.5s ease-out break}.anim-glitch{animation:.6s steps(2,end) infinite glitch}.anim-ring{animation:2.4s ease-out infinite ring-pulse}.coin{transform-style:preserve-3d;animation:3.2s linear infinite spin3d}.spark{background:var(--accent);border-radius:1px;width:6px;height:6px;animation:.9s ease-out forwards spark;position:absolute}dialog.cabinet{color:var(--foreground);background:0 0;border:0;max-width:none;margin:auto;padding:0;overflow:visible}dialog.cabinet::backdrop{background:color-mix(in srgb,var(--background) 86%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (prefers-reduced-motion:reduce){.anim-portal,.anim-shake,.anim-pop,.anim-blink,.anim-beacon,.anim-break,.anim-glitch,.anim-ring,.coin,.spark{animation:none!important}.btn,.btn-ion:after{transition:none}}.dl-card{isolation:isolate;background:#78788c0f;border:1px solid #78788c40;border-radius:1.4rem;padding:2.2rem 1.25rem;position:relative;overflow:hidden}@media (min-width:768px){.dl-card{padding:3rem 2.5rem}}.dl-glow{z-index:-1;pointer-events:none;background:radial-gradient(520px at 15% 0,#6c5cff29,#0000 60%),radial-gradient(520px at 90% 100%,#22d3ee24,#0000 60%);position:absolute;inset:0}.dl-url{opacity:.55;letter-spacing:.02em;font-size:.74rem}.dl-hint{text-align:center;opacity:.65;margin-bottom:.9rem;font-size:.8rem}.dl-chips{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:40rem;margin:0 auto;display:flex}.dl-chip{white-space:nowrap;background:#78788c14;border:1px solid #78788c4d;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .9rem .45rem .55rem;font-size:.82rem;transition:transform .25s,border-color .25s,box-shadow .25s;display:inline-flex}.dl-dot{background:linear-gradient(135deg, var(--from), var(--to));border-radius:50%;flex:none;width:1.15rem;height:1.15rem;box-shadow:inset 0 0 0 1px #ffffff40}.dl-chip:hover{border-color:var(--to);box-shadow:0 8px 22px color-mix(in srgb, var(--to) 28%, transparent);transform:translateY(-2px)}.dl-chip:focus-visible{outline:2px solid var(--to);outline-offset:2px}@media (prefers-reduced-motion:reduce){.dl-chip{transition:none}.dl-chip:hover{transform:none}}.faq>summary{list-style:none}.faq>summary::-webkit-details-marker{display:none}.faq-sign:before{content:"+"}.faq[open] .faq-sign:before{content:"−"}.faq>summary:focus-visible{outline:2px solid var(--ring,var(--color-ring));outline-offset:-2px}#how,#features,#samplework,#pricing,#pillars,#design-lab{scroll-margin-top:4.5rem}