.sc-root{--sc-accent:#3b6dff;--sc-line:color-mix(in srgb, currentColor 12%, transparent);--sc-soft:color-mix(in srgb, currentColor 5%, transparent);--sc-ease:cubic-bezier(.16, 1, .3, 1)}.sc-chip{white-space:nowrap;min-height:2.5rem;box-shadow:inset 0 0 0 1px var(--sc-line);border-radius:999px;align-items:center;gap:.4rem;padding:0 1rem;font-size:.875rem;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex}.sc-chip:hover{background:var(--sc-soft)}.sc-chip[aria-pressed=true]{background:var(--sc-accent);color:#fff;box-shadow:none}.sc-input{background:var(--sc-soft);width:100%;height:2.75rem;box-shadow:inset 0 0 0 1px var(--sc-line);color:inherit;border-radius:.875rem;padding:0 .875rem 0 2.5rem;font-size:.9rem}.sc-input:focus{outline:2px solid var(--sc-accent);outline-offset:1px}.sc-card{background:var(--sc-soft);box-shadow:inset 0 0 0 1px var(--sc-line);transition:transform .5s var(--sc-ease), box-shadow .5s var(--sc-ease);border-radius:1.25rem;flex-direction:column;display:flex;position:relative;overflow:hidden}.sc-card:hover,.sc-card:focus-within{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sc-accent) 45%, transparent), 0 24px 48px -24px color-mix(in srgb, var(--sc-accent) 45%, transparent);transform:translateY(-4px)}.sc-thumb{aspect-ratio:16/10;background:color-mix(in srgb, currentColor 8%, transparent);position:relative;overflow:hidden}.sc-thumb img{object-fit:cover;object-position:top;width:100%;height:100%;transition:opacity .45s var(--sc-ease), transform 1.2s var(--sc-ease);position:absolute;inset:0}.sc-card:hover .sc-thumb img.sc-desk{transform:scale(1.04)}.sc-phone{aspect-ratio:9/19;width:22%;transition:bottom .55s var(--sc-ease);border-radius:.6rem;position:absolute;bottom:-30%;right:.75rem;overflow:hidden;box-shadow:0 0 0 3px #0b0d14,0 18px 30px -10px #0009}.sc-card:hover .sc-phone,.sc-card:focus-within .sc-phone{bottom:.75rem}.sc-badge{background:var(--sc-soft);box-shadow:inset 0 0 0 1px var(--sc-line);border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.sc-badge-accent{background:color-mix(in srgb, var(--sc-accent) 16%, transparent);color:var(--sc-accent);box-shadow:none}.sc-btn{min-height:2.5rem;box-shadow:inset 0 0 0 1px var(--sc-line);border-radius:.8rem;justify-content:center;align-items:center;gap:.4rem;padding:0 .95rem;font-size:.875rem;font-weight:700;transition:background-color .2s;display:inline-flex}.sc-btn:hover{background:var(--sc-soft)}.sc-btn-primary{background:var(--sc-accent);color:#fff;box-shadow:none}.sc-btn-primary:hover{background:color-mix(in srgb, var(--sc-accent) 85%, #000)}.sc-btn:focus-visible,.sc-chip:focus-visible{outline:2px solid var(--sc-accent);outline-offset:2px}.sc-dialog{color:#eef1f8;background:#0b0d14;border-radius:1.25rem;width:min(1280px,100vw - 1.5rem);max-width:none;height:min(900px,100dvh - 1.5rem);max-height:none;margin:auto;padding:0;box-shadow:0 40px 120px -20px #000000b3}.sc-dialog[data-expanded=true]{border-radius:0;width:100vw;height:100dvh}.sc-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04060cb8}.sc-dialog .sc-btn,.sc-dialog .sc-chip{--sc-line:#ffffff24;--sc-soft:#ffffff12}.sc-stage{background:radial-gradient(50rem 30rem at 50% 0%, color-mix(in srgb, var(--sc-accent) 18%, transparent), transparent 70%), #07080d;flex:1;min-height:0;position:relative;overflow:hidden}.sc-device{transform-origin:top;transition:width .45s var(--sc-ease), border-radius .45s var(--sc-ease);background:#fff;position:absolute;top:0;left:50%;overflow:hidden}.sc-device[data-device=desktop]{border-radius:.6rem .6rem 0 0}.sc-device[data-device=tablet]{border-radius:1.4rem;box-shadow:0 0 0 10px #1a1d27}.sc-device[data-device=phone]{border-radius:2rem;box-shadow:0 0 0 9px #1a1d27}.sc-device iframe{border:0;width:100%;height:100%;display:block}@media (prefers-reduced-motion:no-preference){.sc-card{animation:sc-in .6s var(--sc-ease) both;animation-delay:calc(var(--i,0) * 45ms)}}@keyframes sc-in{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.sc-card,.sc-thumb img,.sc-phone,.sc-device{transition:none}}
