.counter{background:var(--accent-bg);border:2px solid #0000;border-radius:5px;color:var(--accent);font-size:16px;margin-bottom:24px;padding:5px 10px;transition:border-color .3s;&:hover{border-color:var(--accent-border)}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}.hero{position:relative;.base,.framework,.vite{inset-inline:0;margin:0 auto}.base{position:relative;width:170px;z-index:0}.framework,.vite{position:absolute}.framework{height:28px;top:34px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4);z-index:1}.vite{height:26px;top:107px;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8);width:auto;z-index:0}}#center{display:flex;flex-direction:column;flex-grow:1;gap:25px;place-content:center;place-items:center;@media (max-width:1024px){gap:18px;padding-bottom:24px;padding-left:20px;padding-right:20px;padding-top:32px}}#next-steps{border-top:1px solid var(--border);display:flex;text-align:left;&>div{flex:1 1;padding:32px;@media (max-width:1024px){padding-bottom:24px;padding-left:20px;padding-right:20px;padding-top:24px}}.icon{height:22px;margin-bottom:16px;width:22px}@media (max-width:1024px){flex-direction:column;text-align:center}}#docs{border-right:1px solid var(--border);@media (max-width:1024px){border-bottom-color:var(--border);border-bottom-style:solid;border-bottom-width:1px;border-right-color:currentcolor;border-right-style:none;border-right-width:medium}}#next-steps ul{display:flex;gap:8px;list-style:none;margin:32px 0 0;padding:0;.logo{height:18px}a{align-items:center;background:var(--social-bg);border-radius:6px;color:var(--text-h);display:flex;font-size:16px;gap:8px;padding:6px 12px;text-decoration:none;transition:box-shadow .3s;&:hover{box-shadow:var(--shadow)}.button-icon{height:18px;width:18px}}@media (max-width:1024px){flex-wrap:wrap;justify-content:center;margin-top:20px;li{flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:1}a{box-sizing:border-box;justify-content:center;width:100%}}}#spacer{border-top:1px solid var(--border);height:88px;@media (max-width:1024px){height:48px}}.ticks{position:relative;width:100%;&:after,&:before{border:5px solid #0000;content:"";position:absolute;top:-4.5px}&:before{border-left-color:var(--border);left:0}&:after{border-right-color:var(--border);right:0}}.floating-action-button-container{align-items:flex-end;bottom:30px;display:flex;flex-direction:column-reverse;gap:14px;position:fixed;right:30px;z-index:99999}.floating-btn-wrapper{align-items:center;display:flex;position:relative}.tooltip-text{background-color:#0f172af2;border:1px solid #ffffff14;border-radius:6px;box-shadow:0 4px 12px #00000040;color:#fff;font-family:Inter,-apple-system,sans-serif;font-size:13px;font-weight:500;opacity:0;padding:6px 14px;pointer-events:none;position:absolute;right:70px;top:50%;transform:translateY(-50%) translateX(10px);transition:all .2s cubic-bezier(.4,0,.2,1);visibility:hidden;white-space:nowrap}.floating-btn-wrapper:hover .tooltip-text{opacity:1;transform:translateY(-50%) translateX(0);visibility:visible}.floating-ai-bot-button{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:50%;box-shadow:0 6px 20px #6366f159;color:#fff;cursor:pointer;display:flex;height:52px;justify-content:center;outline:none;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:52px}.floating-ai-bot-button:after{animation:pulseGlow 2s infinite;border:2px solid #818cf8;border-radius:50%;bottom:-3px;content:"";left:-3px;opacity:.8;position:absolute;right:-3px;top:-3px}.floating-ai-bot-button:hover{box-shadow:0 8px 24px #6366f180;transform:scale(1.08) translateY(-2px)}.floating-ai-bot-button:hover:after{animation-play-state:paused}.floating-ai-bot-button:active{transform:scale(.95)}.ai-chat-window{animation:chatSlideIn .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f172ae6;border:1px solid #ffffff14;border-radius:20px;bottom:75px;box-shadow:0 12px 40px #0006;display:flex;flex-direction:column;font-family:Inter,-apple-system,sans-serif;height:520px;overflow:hidden;position:absolute;right:0;width:380px;z-index:1001}.ai-chat-header{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom:1px solid #ffffff14;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.ai-chat-header-info{align-items:center;display:flex;gap:10px}.ai-chat-header-info h3{color:#fff;font-size:15px;font-weight:600;letter-spacing:.3px;margin:0}.ai-status-badge{background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981;display:inline-block;height:8px;width:8px}.ai-chat-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.ai-chat-close:hover{background:#ffffff14;color:#fff}.ai-chat-messages{background:#0f172a66;display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding:20px}.ai-message{word-wrap:break-word;animation:bubblePop .25s cubic-bezier(.4,0,.2,1);border-radius:14px;font-size:13.5px;line-height:1.5;max-width:80%;padding:12px 16px}.ai-message.bot{align-self:flex-start;background:#1e293b;border:1px solid #ffffff0d;border-bottom-left-radius:4px;box-shadow:0 2px 5px #0003;color:#e2e8f0}.ai-message.user{align-self:flex-end;background:linear-gradient(135deg,#6366f1,#4f46e5);border-bottom-right-radius:4px;box-shadow:0 2px 8px #6366f133;color:#fff}.ai-formatted-content{display:flex;flex-direction:column;font-size:13.5px;gap:6px;line-height:1.55}.ai-bold-highlight{color:#fff;font-weight:700;letter-spacing:.01em}.ai-line-spacer{height:6px}.ai-bullet-item{align-items:flex-start;background:#ffffff0a;border-left:2.5px solid #6366f1;border-radius:6px;display:flex;gap:8px;margin:2px 0;padding:5px 8px}.ai-bullet-dot{background:#818cf8;border-radius:50%;flex-shrink:0;height:5px;margin-top:7px;width:5px}.ai-num-badge{background:#6366f133;border-radius:4px;color:#a5b4fc;flex-shrink:0;font-size:11px;font-weight:700;margin-top:2px;padding:1px 5px}.ai-bullet-text{color:#e2e8f0;flex:1 1;word-break:break-word}.ai-section-title{color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:.05em;line-height:1.6;margin-bottom:2px;margin-top:6px;text-transform:uppercase}.ai-text-paragraph{color:#e2e8f0;word-break:break-word}.ai-text-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;margin:0 3px;padding:1px 6px;text-transform:capitalize;vertical-align:initial}.ai-badge-default{background:#94a3b826;border:1px solid #94a3b840;color:#cbd5e1}.ai-badge-active{background:#3b82f633;border:1px solid #3b82f659;color:#93c5fd}.ai-badge-success{background:#10b98133;border:1px solid #10b98159;color:#6ee7b7}.ai-badge-danger{background:#ef444433;border:1px solid #ef444459;color:#fca5a5}.ai-message.user .ai-formatted-content{color:#fff}.ai-message.user .ai-bold-highlight{color:#fff;font-weight:700}.ai-message.user .ai-bullet-item{background:#ffffff1a;border-left-color:#fff}.ai-message.user .ai-bullet-dot{background:#fff}.ai-message.user .ai-bullet-text,.ai-message.user .ai-text-paragraph{color:#fff}.ai-message.loading{align-items:center;display:flex;gap:5px;padding:10px 16px}.ai-dot{animation:dotBounce 1.4s ease-in-out infinite both;background:#94a3b8;border-radius:50%;height:6px;width:6px}.ai-dot:nth-child(2){animation-delay:.2s}.ai-dot:nth-child(3){animation-delay:.4s}.ai-quick-prompts{display:flex;flex-direction:column;gap:8px;margin-top:8px}.quick-prompt-btn{align-items:center;background:#1e293b99;border:1px solid #6366f133;border-radius:8px;color:#a5b4fc;cursor:pointer;display:flex;font-family:Inter,-apple-system,sans-serif;font-size:12.5px;font-weight:500;gap:8px;padding:8px 14px;text-align:left;transition:all .2s ease}.quick-prompt-btn:hover{background:#6366f126;border-color:#6366f1;color:#fff;transform:translateY(-1px)}.ai-chat-input-bar{align-items:center;background:#0f172a;border-top:1px solid #ffffff14;display:flex;gap:10px;padding:16px 20px}.ai-chat-input{background:#1e293b;border:1px solid #ffffff14;border-radius:10px;color:#fff;flex:1 1;font-size:13.5px;outline:none;padding:10px 14px;transition:all .2s}.ai-chat-input::placeholder{color:#64748b}.ai-chat-input:focus{background:#1e293b;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.ai-send-btn{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .2s;width:38px}.ai-send-btn:hover{background:#4f46e5;transform:scale(1.05)}.ai-send-btn:disabled{background:#334155;color:#64748b;cursor:not-allowed;transform:none}.ai-voice-btn{align-items:center;background:#1e293b;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:38px}.ai-voice-btn:hover{background:#334155;color:#fff;transform:scale(1.05)}.ai-voice-btn.listening{animation:voicePulse 1.5s infinite;background:#ef4444;color:#fff}@keyframes voicePulse{0%{box-shadow:0 0 0 0 #ef444480}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 0 0 #ef444400}}.ai-message.tool-call{align-items:center;align-self:flex-start;background:#1e293bf2;border:1px solid #6366f140;border-bottom-left-radius:4px;box-shadow:0 2px 6px #0003;color:#a5b4fc;display:flex;font-size:12.5px;font-weight:500;gap:6px}@keyframes pulseGlow{0%{opacity:.8;transform:scale(1)}50%{opacity:0;transform:scale(1.12)}to{opacity:.8;transform:scale(1)}}@keyframes chatSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bubblePop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes dotBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.ai-chat-messages::-webkit-scrollbar{width:6px}.ai-chat-messages::-webkit-scrollbar-thumb{background-color:#334155;border-radius:3px}.ai-chat-messages::-webkit-scrollbar-track{background-color:#00000026}.ai-chat-mute-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#fffc;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s cubic-bezier(.4,0,.2,1)}.ai-chat-mute-btn:hover{background:#ffffff26;color:#fff;transform:scale(1.05)}.ai-chat-mute-btn:active{transform:scale(.95)}.ai-chat-mute-btn.muted{color:#ffffff73}.ai-chat-settings-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#fffc;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s cubic-bezier(.4,0,.2,1)}.ai-chat-settings-btn:hover{background:#ffffff26;color:#fff;transform:scale(1.05)}.ai-chat-settings-btn.active{color:#818cf8}.ai-voice-settings-panel{animation:slideDownSettings .25s cubic-bezier(.4,0,.2,1);background:#1e293b;border-bottom:1px solid #ffffff14;color:#e2e8f0;display:flex;flex-direction:column;gap:12px;padding:14px 20px}.voice-settings-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.voice-settings-label{color:#94a3b8;font-size:12.5px;font-weight:500}.voice-settings-control{align-items:center;display:flex;gap:8px}.voice-settings-select{background:#0f172a;border:1px solid #ffffff26;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;max-width:180px;outline:none;padding:4px 8px}.voice-settings-slider{accent-color:#6366f1;cursor:pointer;width:100px}.voice-settings-toggle{background:#334155;border-radius:10px;cursor:pointer;height:18px;position:relative;transition:background .2s;width:34px}.voice-settings-toggle.active{background:#6366f1}.voice-settings-toggle-dot{background:#fff;border-radius:50%;height:14px;left:2px;position:absolute;top:2px;transition:transform .2s;width:14px}.voice-settings-toggle.active .voice-settings-toggle-dot{transform:translateX(16px)}.ai-voice-wave-container{align-items:center;animation:slideUpWave .25s cubic-bezier(.4,0,.2,1);background:linear-gradient(180deg,#0f172a00,#6366f10d);border-top:1px solid #ffffff14;display:flex;gap:12px;padding:10px 20px}.voice-wave-bars{align-items:center;display:flex;gap:3px;height:20px;justify-content:center;width:35px}.voice-wave-bar{background:linear-gradient(180deg,#818cf8,#6366f1);border-radius:20px;height:6px;transition:height .1s ease;width:3px}.voice-wave-bar.bar-1{animation:voicePulseHeight 1.2s ease-in-out infinite;animation-delay:.1s}.voice-wave-bar.bar-2{animation:voicePulseHeight 1.2s ease-in-out infinite;animation-delay:.4s}.voice-wave-bar.bar-3{animation:voicePulseHeight 1.2s ease-in-out infinite;animation-delay:.2s}.voice-wave-bar.bar-4{animation:voicePulseHeight 1.2s ease-in-out infinite;animation-delay:.6s}.voice-wave-bar.bar-5{animation:voicePulseHeight 1.2s ease-in-out infinite;animation-delay:.3s}.voice-wave-text{animation:textFlicker 2s ease-in-out infinite;color:#818cf8;font-size:12.5px;font-weight:600;letter-spacing:.2px}@keyframes voicePulseHeight{0%,to{height:6px}50%{height:20px}}@keyframes slideUpWave{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownSettings{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:200px;opacity:1;transform:translateY(0)}}@keyframes textFlicker{0%,to{opacity:.8}50%{opacity:1}}.ai-draft-card{animation:slideUpWave .25s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293bbf;border:1px solid #6366f159;border-radius:12px;box-shadow:0 8px 24px #0000004d;font-size:12px;margin-top:10px;overflow:hidden}.ai-draft-header{background:linear-gradient(135deg,#1e293bf2,#0f172afa);border-bottom:1px solid #ffffff14;display:flex;flex-direction:column;gap:7px;padding:10px 14px}.ai-draft-header-top{align-items:center;display:flex;justify-content:space-between;width:100%}.ai-draft-title{align-items:center;color:#e0e7ff;display:flex;font-size:12.5px;font-weight:700;gap:6px;white-space:nowrap}.ai-draft-badge-icon{font-size:13px}.ai-draft-badge-text{font-weight:700;letter-spacing:.2px}.ai-draft-machine-strip{align-items:center;display:flex;gap:6px;width:100%}.ai-draft-machine-tag{align-items:center;background:#6366f133;border:1px solid #6366f161;border-radius:6px;display:inline-flex;gap:5px;max-width:100%;padding:3px 8px}.ai-draft-tag-icon{font-size:11px}.ai-draft-tag-text{color:#c7d2fe;font-size:11.5px;font-weight:700;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-draft-warning-banner{align-items:flex-start;animation:fadeIn .2s ease-in;background:linear-gradient(135deg,#ef444429,#b91c1c38);border-bottom:1px solid #ef44444d;display:flex;gap:8px;padding:8px 12px}.ai-draft-warning-icon{flex-shrink:0;font-size:14px;line-height:1.2}.ai-draft-warning-content{display:flex;flex-direction:column;gap:2px}.ai-draft-warning-title{color:#fca5a5;font-size:11.5px;font-weight:700;line-height:1.3}.ai-draft-warning-sub{color:#fecaca;font-size:10px;opacity:.85}.ai-draft-priority-pill{border-radius:20px;font-size:10px;font-weight:800;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.ai-draft-priority-pill.critical{background:#ef444433;border:1px solid #ef444466;color:#f87171}.ai-draft-priority-pill.high{background:#f59e0b33;border:1px solid #f59e0b66;color:#fbbf24}.ai-draft-priority-pill.medium{background:#3b82f633;border:1px solid #3b82f666;color:#60a5fa}.ai-draft-body{display:flex;flex-direction:column;gap:8px;padding:12px 14px}.ai-draft-row{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;line-height:1.4}.ai-draft-label{color:#94a3b8;flex-shrink:0;font-size:11px;font-weight:500}.ai-draft-val{color:#f8fafc;font-weight:600;text-align:right;word-break:break-word}.ai-draft-parts-box{background:#0f172a99;border:1px dashed #6366f14d;border-radius:6px;margin-top:4px;padding:6px 10px}.ai-draft-parts-title{align-items:center;color:#a5b4fc;display:flex;font-size:10.5px;font-weight:700;gap:4px;margin-bottom:3px}.ai-draft-actions{background:#0f172a80;border-top:1px solid #ffffff0d;display:flex;gap:8px;padding:10px 14px}.ai-btn-confirm{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:6px;box-shadow:0 2px 8px #4f46e559;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:11.5px;font-weight:700;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s}.ai-btn-confirm:hover{filter:brightness(1.1);transform:translateY(-1px)}.ai-btn-cancel{background:#0000;border:1px solid #ffffff1a;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:11.5px;font-weight:600;padding:8px 12px;transition:all .2s}.ai-btn-cancel:hover{background:#ffffff0d;color:#fff}.ai-success-card{animation:slideUpWave .25s ease-out;background:#064e3b40;border:1px solid #10b98159;border-radius:12px;color:#ecfdf5;font-size:12px;margin-top:10px;padding:12px 14px}.ai-success-header{align-items:center;color:#34d399;display:flex;font-size:13px;font-weight:700;gap:8px;margin-bottom:6px}.ai-success-id{background:#10b98133;border-radius:4px;color:#a7f3d0;display:inline-block;font-family:monospace;font-size:13px;font-weight:800;padding:2px 8px}.ai-quick-link-btn{align-items:center;background:#059669;border-radius:6px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;gap:4px;margin-top:8px;padding:6px 12px;text-decoration:none;transition:background .2s}.ai-quick-link-btn:hover{background:#047857}