:root{--accent: #7c3aed;--accent-g: rgba(124,58,237,0.45);--bg: #0c0c14;--surface: #13131e;--surface-2:#1e1e2e;--border: rgba(255,255,255,0.07);--border-2: rgba(255,255,255,0.13);--text: #e8e8f0;--text-2: #7777a0;--text-3: #383850;--sw-off: #2a2a3e;--cb-off: #2a2a3e;--hero-bg: radial-gradient(ellipse 60% 50% at 50% 0%, rgba(124,58,237,0.18), transparent)}[data-theme=light]{--bg: #f5f4f2;--surface: #ffffff;--surface-2:#f0eff0;--border: rgba(0,0,0,0.07);--border-2: rgba(0,0,0,0.13);--text: #13131e;--text-2: #60607a;--text-3: #c0c0d0;--sw-off: #ddd8f0;--cb-off: #ddd8f0;--hero-bg: radial-gradient(ellipse 60% 50% at 50% 0%, rgba(124,58,237,0.10), transparent)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;transition:background .45s,color .45s}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;border-bottom:1px solid var(--border)}.topbar__logo{font-size:13px;font-weight:600;color:var(--text);text-decoration:none;opacity:.5;letter-spacing:.04em;transition:opacity .2s}.topbar__logo:hover{opacity:1}.topbar__badge{font-size:11px;font-weight:700;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:20px;padding:4px 10px;letter-spacing:.06em}.hero{min-height:480px;display:flex;align-items:center;justify-content:center;gap:80px;padding:64px 32px;background:var(--hero-bg);flex-wrap:wrap;text-align:center}@media(min-width: 640px){.hero{text-align:left}}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.hero__title{font-size:clamp(40px,7vw,72px);font-weight:900;letter-spacing:-0.04em;line-height:1.05;color:var(--text);margin-bottom:16px}.hero__title em{font-style:normal;color:var(--accent)}.hero__desc{font-size:15px;color:var(--text-2);line-height:1.6}.hero__desc code{font-family:"JetBrains Mono","Fira Code",monospace;color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);padding:1px 6px;border-radius:4px}.hero__stage{display:flex;flex-direction:column;align-items:center;gap:20px}.hero__hint{font-size:12px;color:var(--text-2)}.hero__hint code{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--accent)}.hero-sw{cursor:pointer;display:block}.hero-sw input{position:absolute;opacity:0;width:0;height:0}.hero-sw__track{position:relative;display:block;width:140px;height:70px;border-radius:70px;background:var(--sw-off);overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.2);transition:box-shadow .4s ease}.hero-sw__fill{position:absolute;inset:0;background:var(--accent);clip-path:circle(28px at 25% center);transition:clip-path .55s cubic-bezier(0.4, 0, 0.2, 1)}.hero-sw__dot{position:absolute;top:9px;left:9px;width:52px;height:52px;border-radius:50%;background:#fff;transition:left .55s cubic-bezier(0.4, 0, 0.2, 1);z-index:2;box-shadow:0 2px 12px rgba(0,0,0,.25)}input:checked~.hero-sw__track{box-shadow:0 4px 32px var(--accent-g)}input:checked~.hero-sw__track .hero-sw__fill{clip-path:circle(100%)}input:checked~.hero-sw__track .hero-sw__dot{left:79px}.showcase{max-width:1000px;margin:0 auto;padding:0 24px 80px}.stabs{display:flex;border-bottom:1px solid var(--border);position:relative;margin-bottom:40px}.stabs::after{content:"";position:absolute;bottom:0;left:var(--ind-x, 0px);width:var(--ind-w, 0px);height:2px;background:var(--accent);border-radius:2px 2px 0 0;transition:left .35s cubic-bezier(0.4, 0, 0.2, 1),width .35s cubic-bezier(0.4, 0, 0.2, 1)}.stab{padding:14px 24px;border:none;background:rgba(0,0,0,0);color:var(--text-2);font-size:14px;font-weight:500;cursor:pointer;transition:color .2s}.stab.is-active{color:var(--text)}.stab:hover:not(.is-active){color:var(--text)}.spanel{display:none}.spanel.is-active{display:block}.cgrid{display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:16px}.ccard{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 16px 20px;display:flex;flex-direction:column;align-items:center;gap:14px;transition:border-color .2s,transform .2s}.ccard:hover{border-color:var(--border-2);transform:translateY(-2px)}.ccard__demo{min-height:72px;display:flex;align-items:center;justify-content:center}.ccard__name{font-size:13px;font-weight:600;color:var(--text)}.ccard__tech{font-family:"JetBrains Mono",monospace;font-size:10px;color:var(--text-2);background:var(--surface-2);padding:3px 8px;border-radius:4px;white-space:nowrap}.sw{display:inline-block;cursor:pointer}.sw__chk{position:absolute;opacity:0;width:0;height:0}.sw__track{position:relative;display:block;width:54px;height:28px;border-radius:14px;overflow:hidden;background:var(--sw-off);transition:background .35s ease}.sw__dot{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .4s cubic-bezier(0.4, 0, 0.2, 1);z-index:2}.sw-ink .sw__fill{position:absolute;inset:0;background:var(--accent);clip-path:circle(12px at 25% center);transition:clip-path .5s cubic-bezier(0.4, 0, 0.2, 1)}.sw-ink .sw__chk:checked~.sw__track .sw__fill{clip-path:circle(100%)}.sw-ink .sw__chk:checked~.sw__track .sw__dot{left:30px}.sw-spring .sw__dot{transition:left .5s cubic-bezier(0.34, 1.56, 0.64, 1);box-shadow:0 1px 6px rgba(0,0,0,.25)}.sw-spring .sw__chk:checked~.sw__track{background:var(--accent)}.sw-spring .sw__chk:checked~.sw__track .sw__dot{left:30px}.sw-flip .sw__track{overflow:visible;perspective:80px}.sw-flip .sw__dot{transform-style:preserve-3d;transition:left .45s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 1px 6px rgba(0,0,0,.25)}.sw-flip .sw__face{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;transition:transform .45s ease;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.sw-flip .sw__face--f{background:#fff;color:var(--text-2)}.sw-flip .sw__face--b{background:var(--accent);color:#fff;transform:rotateY(180deg)}.sw-flip .sw__face--f::after{content:"○"}.sw-flip .sw__face--b::after{content:"✓"}.sw-flip .sw__chk:checked~.sw__track{background:color-mix(in srgb, var(--accent) 30%, var(--sw-off))}.sw-flip .sw__chk:checked~.sw__track .sw__dot{left:30px}.sw-flip .sw__chk:checked~.sw__track .sw__face--f{transform:rotateY(-180deg)}.sw-flip .sw__chk:checked~.sw__track .sw__face--b{transform:rotateY(0deg)}.sw-glow .sw__dot{box-shadow:0 1px 6px rgba(0,0,0,.2);transition:left .35s ease,box-shadow .35s ease}.sw-glow .sw__chk:checked~.sw__track{background:var(--accent);box-shadow:0 0 18px var(--accent-g),0 0 36px color-mix(in srgb, var(--accent) 20%, transparent)}.sw-glow .sw__chk:checked~.sw__track .sw__dot{left:30px;box-shadow:0 0 10px hsla(0,0%,100%,.9)}.sw-outline .sw__track{background:rgba(0,0,0,0);overflow:visible;border:2px solid var(--border-2);transition:border-color .3s ease}.sw-outline .sw__dot{top:3px;left:3px;background:var(--text-2);transition:left .4s cubic-bezier(0.34, 1.56, 0.64, 1),background .3s ease}.sw-outline .sw__chk:checked~.sw__track{border-color:var(--accent)}.sw-outline .sw__chk:checked~.sw__track .sw__dot{left:28px;background:var(--accent)}.sw-morph .sw__dot{width:20px;border-radius:50%;box-shadow:0 1px 6px rgba(0,0,0,.2);transition:left .5s cubic-bezier(0.4, 0, 0.2, 1),width .18s ease,border-radius .18s ease}.sw-morph:hover .sw__dot{width:26px;border-radius:40%}.sw-morph:hover .sw__chk:checked~.sw__track .sw__dot{width:26px;border-radius:40%;left:24px}.sw-morph .sw__chk:checked~.sw__track{background:var(--accent)}.sw-morph .sw__chk:checked~.sw__track .sw__dot{left:30px}.cb{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.cb__chk{position:absolute;opacity:0;width:0;height:0}.cb__box{position:relative;display:block;width:22px;height:22px;border-radius:6px;border:2px solid var(--border-2);background:rgba(0,0,0,0);flex-shrink:0;transition:border-color .25s ease,background .25s ease}.cb__lbl{font-size:13px;color:var(--text-2)}.cb-draw .cb__box{overflow:hidden;color:#fff}.cb-draw .cb__box svg{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px)}.cb-draw .cb__box polyline{stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .4s cubic-bezier(0.4, 0, 0.2, 1)}.cb-draw .cb__chk:checked~.cb__box{background:var(--accent);border-color:var(--accent)}.cb-draw .cb__chk:checked~.cb__box polyline{stroke-dashoffset:0}.cb-bloom .cb__box::after{content:"";position:absolute;inset:0;background:var(--accent);clip-path:circle(0% at 50% 50%);transition:clip-path .4s cubic-bezier(0.4, 0, 0.2, 1);border-radius:4px}.cb-bloom .cb__chk:checked~.cb__box{border-color:var(--accent)}.cb-bloom .cb__chk:checked~.cb__box::after{clip-path:circle(100% at 50% 50%)}.cb-bounce .cb__box::after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;font-weight:700;transform:scale(0);transition:transform 0s}.cb-bounce .cb__chk:checked~.cb__box{background:var(--accent);border-color:var(--accent)}.cb-bounce .cb__chk:checked~.cb__box::after{animation:cb-bounce .4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}@keyframes cb-bounce{from{transform:scale(0)}to{transform:scale(1)}}.cb-slash .cb__box::before,.cb-slash .cb__box::after{content:"";position:absolute;bottom:2px;left:50%;height:2px;width:0;background:#fff;border-radius:2px;transform-origin:left;transition:width .3s ease}.cb-slash .cb__box::before{transform:rotate(-45deg) translateX(-7px);transition-delay:.1s}.cb-slash .cb__box::after{transform:rotate(45deg) translateX(-1px) translateY(-6px)}.cb-slash .cb__chk:checked~.cb__box{background:var(--accent);border-color:var(--accent)}.cb-slash .cb__chk:checked~.cb__box::before{width:6px}.cb-slash .cb__chk:checked~.cb__box::after{width:12px}.cb-retro .cb__box{border-radius:4px;border:2px solid var(--border-2);transition:box-shadow .3s ease,border-color .3s ease}.cb-retro .cb__chk:checked~.cb__box{border-color:var(--accent);box-shadow:inset 3px 3px 0 0 var(--accent),inset -3px -3px 0 0 var(--accent)}.rb{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.rb__chk{position:absolute;opacity:0;width:0;height:0}.rb__circle{display:block;position:relative;width:20px;height:20px;border-radius:50%;border:2px solid var(--border-2);flex-shrink:0;transition:border-color .25s}.rb__lbl{font-size:12px;color:var(--text-2)}.rbgroup{display:flex;flex-direction:column;gap:10px}.rb-dot .rb__circle::before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:var(--accent);transform:translate(-50%, -50%) scale(0);transition:transform .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.rb-dot .rb__chk:checked~.rb__circle{border-color:var(--accent)}.rb-dot .rb__chk:checked~.rb__circle::before{transform:translate(-50%, -50%) scale(1)}.rb-fill .rb__circle{overflow:hidden}.rb-fill .rb__circle::after{content:"";position:absolute;inset:0;background:var(--accent);clip-path:circle(0% at 50% 50%);border-radius:50%;transition:clip-path .35s cubic-bezier(0.4, 0, 0.2, 1)}.rb-fill .rb__chk:checked~.rb__circle{border-color:var(--accent)}.rb-fill .rb__chk:checked~.rb__circle::after{clip-path:circle(100% at 50% 50%)}.rb-ping .rb__circle::before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:var(--accent);transform:translate(-50%, -50%) scale(0);transition:transform .3s ease}.rb-ping .rb__circle::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--accent);opacity:0}.rb-ping .rb__chk:checked~.rb__circle{border-color:var(--accent)}.rb-ping .rb__chk:checked~.rb__circle::before{transform:translate(-50%, -50%) scale(1)}.rb-ping .rb__chk:checked~.rb__circle::after{animation:rb-ping 1s ease-out infinite}@keyframes rb-ping{0%{transform:scale(1);opacity:.6}100%{transform:scale(2);opacity:0}}.rb-neon .rb__circle{transition:border-color .3s,box-shadow .3s}.rb-neon .rb__circle::before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:var(--accent);transform:translate(-50%, -50%) scale(0);transition:transform .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.rb-neon .rb__chk:checked~.rb__circle{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent),0 0 14px var(--accent-g)}.rb-neon .rb__chk:checked~.rb__circle::before{transform:translate(-50%, -50%) scale(1)}@media(max-width: 540px){.topbar{padding:14px 16px}.hero{padding:40px 16px;gap:40px}.showcase{padding:0 16px 60px}.stab{padding:12px 16px;font-size:13px}.cgrid{grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:12px}.hero__title{font-size:clamp(36px,12vw,56px)}.hero-sw__track{width:110px;height:55px}.hero-sw__dot{width:41px;height:41px;top:7px;left:7px}.hero-sw input:checked~.hero-sw__track .hero-sw__dot{left:62px}}