.messageContainer{display:flex;margin-bottom:8px;flex-direction:row}.messageContainer.userMessage{justify-content:flex-end}.messageContainer.botMessage{justify-content:flex-start}.avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;margin-right:8px}.avatar img{width:80%;width:100%;height:100%;object-fit:cover}.messageContent{max-width:70%;width:fit-content;padding:10px 14px 10px 17px;border-radius:18px;position:relative}.messageContainer.userMessage .messageContent{border-bottom-right-radius:4px}.messageContainer.botMessage .messageContent{border-bottom-left-radius:4px}.messageText{font-size:14px;line-height:1.4;word-break:break-word}.messageText pre{background:#f3f4f6;color:#000;border-radius:6px;padding:10px;overflow-x:auto;max-width:100%;margin:8px 0}.messageText code{background:#f3f4f6;color:#000;border-radius:4px;padding:2px 6px;font-size:13px;word-break:break-all;overflow-x:auto}.timestamp{font-size:11px;opacity:.7;margin-top:4px;text-align:right}.inputContainer{display:flex;gap:8px;padding:8px}.textInput{flex:1;border:1px solid #e5e7eb;background-color:#f0f0f0;color:#333!important;border-radius:8px;padding:10px 12px;font-size:14px;resize:none;min-height:40px;max-height:120px;overflow-y:auto}.textInput:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e533}.textInput::placeholder{color:#9ca3af}.textInput:disabled{background-color:#f3f4f6;cursor:not-allowed}.sendButton{width:40px;height:40px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s}.sendButton:disabled{opacity:.5;cursor:not-allowed}.sendButton:hover:not(:disabled){opacity:.9}.sendButton svg{width:18px;height:18px}.suggestionsContainer{margin:12px 0}.suggestionsLabel{font-size:14px;color:#6b7280;margin-bottom:8px}.suggestionsList{display:flex;flex-wrap:wrap;gap:8px}.suggestionButton{background:transparent;border:1px solid;border-radius:16px;padding:6px 12px;font-size:13px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.suggestionButton:hover{background-color:#0000000d;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.suggestionButton:active{transform:translateY(0);box-shadow:none}.suggestionIcon{font-size:11px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:currentColor;color:#fff}.feedbackContainer{margin-top:4px;font-size:13px}.ratingButtons{display:flex;align-items:center;gap:8px}.feedbackLabel{color:#6b7280}.ratingButton{background:transparent;border:none;padding:4px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.ratingButton:hover{background-color:#0000000d}.ratingButton.selected{background-color:#0000001a}.ratingButton svg{color:#6b7280}.feedbackForm{margin-top:8px}.feedbackForm textarea{width:100%;border:1px solid #e5e7eb;border-radius:6px;padding:8px;font-size:13px;margin-bottom:8px;resize:none}.feedbackForm textarea:focus{outline:none;border-color:#4f46e5}.feedbackForm .buttonGroup{display:flex;justify-content:flex-end;gap:8px}.feedbackForm .cancelButton{background-color:transparent;color:#6b7280;border:1px solid #e5e7eb;border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer}.feedbackForm .cancelButton:hover{background-color:#f9fafb}.feedbackForm .submitButton{background-color:#4f46e5;color:#000;border:none;border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer}.feedbackForm .submitButton:hover{background-color:#4338ca}.feedbackForm .submitButton:disabled{opacity:.5;cursor:not-allowed}.feedbackThanks{color:#6b7280;font-style:italic;font-size:13px;margin-top:4px}.fileUploadContainer{display:flex;flex-direction:column;align-items:center;margin-bottom:8px}.fileInput{display:none}.dropZone{border:2px dashed #e5e7eb;border-radius:8px;padding:16px;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.dropZone:hover{border-color:#4f46e5;background-color:#4f46e50d}.dropZone.dragging{border-color:#4f46e5;background-color:#4f46e51a}.dropZone.uploading{opacity:.7;cursor:not-allowed}.fileInfo{font-size:12px;color:#6b7280}.uploadingIndicator{display:flex;flex-direction:column;align-items:center;gap:8px}.spinner{width:24px;height:24px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#4f46e5;animation:spin 1s linear infinite}.errorMessage{color:#ef4444;font-size:12px;margin-top:8px;text-align:center}:root{--chatbot-primary: #4f46e5;--chatbot-text-light: #ffffff;--chatbot-text-dark: #1f2937;--chatbot-bg-light: #ffffff;--chatbot-bg-dark: #1f2937;--chatbot-border-radius: 8px;--chatbot-shadow: 0 4px 12px rgba(0, 0, 0, .15);--chatbot-transition: all .3s ease}.chatbotContainer{position:fixed;z-index:1000;font-family:var(--font-family, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}.chatbotContainer.bottom-right{right:20px;bottom:20px}.chatbotContainer.bottom-left{left:20px;bottom:20px}.chatbotContainer.top-right{right:20px;top:20px}.chatbotContainer.top-left{left:20px;top:20px}.chatbotContainer[data-theme=dark] .chatButton{background-color:var(--widget-color, var(--chatbot-primary));color:var(--text-color, var(--chatbot-text-light))}.chatbotContainer[data-theme=dark] .chatWindow{background-color:var(--chat-background, var(--chatbot-bg-dark));color:#e5e7eb;border:1px solid #374151}.chatbotContainer[data-theme=dark] .chatHeader{background-color:var(--widget-color, var(--chatbot-primary));color:var(--text-color, var(--chatbot-text-light))}.chatbotContainer[data-theme=dark] .chatBody{scrollbar-color:#4b5563 #1f2937}.chatbotContainer[data-theme=dark] .chatBody::-webkit-scrollbar-track{background:#1f2937}.chatbotContainer[data-theme=dark] .chatBody::-webkit-scrollbar-thumb{background-color:#4b5563}.chatbotContainer[data-theme=dark] .loadingIndicator{background-color:#374151}.chatbotContainer[data-theme=dark] .loadingIndicator .typingDot{background-color:#9ca3af}.chatbotContainer[data-theme=dark] .errorMessage{color:#f87171;background-color:#ef444433}.chatbotContainer[data-theme=dark] .emptyState{color:#9ca3af}.chatbotContainer[data-theme=dark] .chatFooter{border-top:1px solid #374151;background-color:#1f2937}.chatButton{width:60px;height:60px;border-radius:50%;background-color:var(--widget-color, var(--chatbot-primary));color:var(--text-color, var(--chatbot-text-light));display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:var(--box-shadow, var(--chatbot-shadow));transition:var(--chatbot-transition)}.chatButton:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003}.chatButton:focus{outline:2px solid var(--chatbot-primary);outline-offset:2px}.chatButton svg{width:28px;height:28px}.customChatButtonWrapper{width:60px;height:60px;border-radius:50%;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--box-shadow, var(--chatbot-shadow));transition:var(--chatbot-transition)}.customChatButtonWrapper:hover{transform:scale(1.05)}.chatWindow{width:350px;max-height:500px;border-radius:var(--border-radius, var(--chatbot-border-radius));background-color:var(--chat-background, var(--chatbot-bg-light));box-shadow:var(--box-shadow, var(--chatbot-shadow));display:flex;flex-direction:column;overflow:hidden;animation:slideIn .3s ease-out}.chatHeader{padding:12px 16px;background-color:var(--widget-color, var(--chatbot-primary));color:var(--text-color, var(--chatbot-text-light));display:flex;justify-content:space-between;align-items:center}.chatHeader h3{margin:0;font-size:16px;font-weight:600}.chatHeader .closeButton{background:transparent;border:none;color:inherit;font-size:24px;line-height:1;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.chatHeader .closeButton:hover{background-color:#fff3}.chatHeader .closeButton:focus{outline:none;background-color:#fff3}.chatBody{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:200px;scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.chatBody::-webkit-scrollbar{width:6px}.chatBody::-webkit-scrollbar-track{background:#f3f4f6}.chatBody::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:6px}.messageContainer{display:flex;flex-direction:row;gap:4px;animation:fadeIn .3s ease-out}.emptyState{text-align:center;padding:24px 16px;color:#6b7280;font-style:italic}.loadingIndicator{display:flex;gap:4px;padding:8px 12px;align-self:flex-start;background-color:#f3f4f6;border-radius:16px;margin:4px 0}.loadingIndicator .typingDot{width:8px;height:8px;background-color:#9ca3af;border-radius:50%;animation:typingAnimation 1.4s infinite ease-in-out}.loadingIndicator .typingDot:nth-child(1){animation-delay:0s}.loadingIndicator .typingDot:nth-child(2){animation-delay:.2s}.loadingIndicator .typingDot:nth-child(3){animation-delay:.4s}.errorMessage{color:#ef4444;padding:12px;border-radius:8px;background-color:#fee2e2;font-size:14px;margin:8px 0;border-left:3px solid #ef4444}.chatFooter{padding:8px;border-top:1px solid #e5e7eb;background-color:#f9fafb}@keyframes typingAnimation{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-to-top{position:fixed;bottom:1.75rem;left:1.75rem;z-index:40;background:var(--ink);color:var(--on-ink);border:1.5px solid var(--ink);border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(16px);box-shadow:var(--shadow-lift);transition:opacity var(--dur) var(--ease-out),visibility var(--dur) var(--ease-out),transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.scroll-to-top:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hard-lime);border-color:var(--lime-deep)}.scroll-to-top:active{transform:translate(0)}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top.visible:hover{transform:translate(-2px,-2px)}@media (max-width: 768px){.scroll-to-top{bottom:1rem;left:1rem;width:2.75rem;height:2.75rem}}@media (prefers-reduced-motion: reduce){.scroll-to-top,.scroll-to-top:hover,.scroll-to-top.visible:hover{transform:none}}.feedback-dropdown{position:relative;display:flex;align-items:center}.feedback-dropdown .feedback-backdrop{position:fixed;inset:0;width:100vw;height:100vh;background:#0d0d0f73;z-index:99;opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease-out),visibility var(--dur) var(--ease-out);pointer-events:none}.feedback-dropdown .feedback-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}@media (max-width: 768px){.feedback-dropdown .feedback-backdrop{background:#0d0d0f80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}.feedback-dropdown .feedback-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;background:var(--ink);border:1.5px solid var(--ink);border-radius:var(--radius-chip);color:var(--on-ink);font-family:General Sans,sans-serif;font-weight:600;font-size:.9rem;line-height:1;cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease-out),color var(--dur) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.feedback-dropdown .feedback-trigger:hover{background:var(--lime);color:var(--ink);transform:translateY(-1px)}.feedback-dropdown .feedback-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px #aee01f73}@media (max-width: 768px){.feedback-dropdown .feedback-trigger{padding:.5rem .7rem}.feedback-dropdown .feedback-trigger span{display:none}}.feedback-dropdown .feedback-panel{position:absolute;top:calc(100% + .75rem);right:0;width:348px;background:var(--surface);border:1.5px solid var(--line-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-lift);z-index:100;opacity:0;visibility:hidden;transform:translateY(-12px) scale(.96);transform-origin:top right;transition:opacity var(--dur) var(--ease-out),visibility var(--dur) var(--ease-out),transform var(--dur) var(--ease-out);overflow:hidden}.feedback-dropdown .feedback-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--lime),var(--tang))}@media (max-width: 768px){.feedback-dropdown .feedback-panel{width:300px;right:-1rem}}.feedback-dropdown .feedback-panel.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.feedback-dropdown .feedback-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;border-bottom:1.5px solid var(--line)}.feedback-dropdown .feedback-header h3{margin:0;font-family:Clash Display,sans-serif;font-size:1.2rem;font-weight:600;letter-spacing:-.02em;color:var(--text)}.feedback-dropdown .feedback-header .close-btn{display:grid;place-items:center;background:var(--surface-2);border:1.5px solid var(--line);color:var(--text);cursor:pointer;padding:.4rem;border-radius:var(--radius-chip);transition:background var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.feedback-dropdown .feedback-header .close-btn:hover{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.feedback-dropdown .feedback-form{padding:1.25rem 1.25rem 1.4rem;display:flex;flex-direction:column;gap:1rem}.feedback-dropdown .form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:.55rem}.feedback-dropdown .feedback-input,.feedback-dropdown .feedback-textarea{width:100%;padding:.75rem .9rem;border:1.5px solid var(--line);border-radius:var(--radius-input);font-size:.9rem;color:var(--text);background:var(--bg);transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out);font-family:General Sans,sans-serif}.feedback-dropdown .feedback-input:focus,.feedback-dropdown .feedback-textarea:focus{outline:none;border-color:var(--lime-deep);box-shadow:0 0 0 3px #aee01f47}.feedback-dropdown .feedback-input::placeholder,.feedback-dropdown .feedback-textarea::placeholder{color:var(--text-faint)}.feedback-dropdown .feedback-textarea{resize:vertical;min-height:90px}.feedback-dropdown .star-rating{display:flex;gap:.25rem}.feedback-dropdown .star-rating .star{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:8px;color:var(--text-faint);transition:color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.feedback-dropdown .star-rating .star:hover{transform:scale(1.12)}.feedback-dropdown .star-rating .star.hovered{color:var(--tang);transform:scale(1.12)}.feedback-dropdown .star-rating .star.filled{color:var(--tang)}.feedback-dropdown .star-rating .star svg{fill:currentColor}.feedback-dropdown .category-selector{display:flex;flex-wrap:wrap;gap:.5rem}.feedback-dropdown .category-selector .category-chip{display:flex;align-items:center;gap:.4rem;padding:.45rem .75rem;background:var(--surface-2);border:1.5px solid var(--line);border-radius:var(--radius-chip);cursor:pointer;transition:background var(--dur) var(--ease-out),color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),transform var(--dur-fast) var(--ease-out);font-size:.8rem;font-weight:500;color:var(--text-soft);white-space:nowrap}.feedback-dropdown .category-selector .category-chip:hover{border-color:var(--line-strong);color:var(--text);transform:translateY(-1px)}.feedback-dropdown .category-selector .category-chip.active{border-color:var(--ink);background:var(--ink);color:var(--on-ink)}.feedback-dropdown .category-selector .category-chip .category-emoji{font-size:1rem;line-height:1}.feedback-dropdown .category-selector .category-chip .category-text{font-weight:500;line-height:1}@media (max-width: 360px){.feedback-dropdown .category-selector .category-chip{padding:.45rem}.feedback-dropdown .category-selector .category-chip .category-text{display:none}}.feedback-dropdown .submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.5rem;background:var(--lime);color:var(--ink);border:1.5px solid var(--ink);border-radius:var(--radius-chip);font-family:General Sans,sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:var(--shadow-hard);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.feedback-dropdown .submit-btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.feedback-dropdown .submit-btn:active:not(:disabled){transform:translate(0);box-shadow:2px 2px 0 var(--ink)}.feedback-dropdown .submit-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.feedback-dropdown .submit-btn .spinner{width:18px;height:18px;border:2px solid rgba(13,13,15,.25);border-top-color:var(--ink);border-radius:50%;animation:spin 1s linear infinite}.feedback-dropdown .feedback-success{padding:2.25rem 1.25rem;text-align:center}.feedback-dropdown .feedback-success .success-icon{font-size:2rem;margin-bottom:.75rem;animation:bounceIn .6s var(--ease-out)}.feedback-dropdown .feedback-success h4{margin:0 0 .5rem;font-family:Clash Display,sans-serif;font-size:1.2rem;font-weight:600;color:var(--text)}.feedback-dropdown .feedback-success p{margin:0;font-size:.9rem;color:var(--text-soft)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.4)}55%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.feedback-dropdown .feedback-trigger:hover,.feedback-dropdown .submit-btn:hover:not(:disabled),.feedback-dropdown .category-chip:hover,.feedback-dropdown .star:hover,.feedback-dropdown .star.hovered{transform:none}.feedback-dropdown .feedback-success .success-icon{animation:none}}.layout{display:flex;flex-direction:column;min-height:100dvh}.header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1.5px solid var(--line)}.scroll-progress{position:absolute;left:0;bottom:-1.5px;height:2.5px;width:100%;transform-origin:0 50%;background:linear-gradient(90deg,var(--lime) 0%,var(--tang) 100%);z-index:2}.header-content{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h);gap:1rem}.logo{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;flex-shrink:0}.logo .logo-mark{display:grid;place-items:center;width:32px;height:32px;background:var(--ink);border-radius:9px;transition:transform var(--dur) var(--ease-out)}.logo .logo-glyph{color:var(--lime);display:block}.logo .logo-text{font-family:Clash Display,sans-serif;font-weight:600;font-size:1.32rem;letter-spacing:-.03em;color:var(--text);display:inline-flex;align-items:baseline}.logo .logo-caret{display:inline-block;width:8px;height:1.05em;margin-left:3px;transform:translateY(2px);background:var(--tang);animation:caret-blink 1.05s steps(1) infinite}.logo:hover .logo-mark{transform:rotate(-8deg) scale(1.05)}@keyframes caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@media (prefers-reduced-motion: reduce){.logo .logo-caret{animation:none}.logo:hover .logo-mark{transform:none}}.nav{display:flex;align-items:center;gap:.25rem}@media (max-width: 860px){.desktop-nav{display:none}}.nav-link{position:relative;display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:var(--radius-chip);text-decoration:none;font-weight:500;font-size:.96rem;color:var(--text-soft);transition:color var(--dur) var(--ease-out)}.nav-link .nav-label{position:relative;z-index:1}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--ink);font-weight:600}.nav-pill{position:absolute;inset:0;z-index:0;background:var(--lime);border-radius:var(--radius-chip)}.header-actions{display:flex;align-items:center;gap:.65rem;flex-shrink:0}@media (max-width: 520px){.header-magnetic{display:none}}.header-github{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-chip);border:1.5px solid var(--line);color:var(--text);transition:background var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.header-github:hover{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1.5px solid var(--line);border-radius:var(--radius-chip);color:var(--text);cursor:pointer;transition:background var(--dur) var(--ease-out)}.mobile-menu-btn:hover{background:var(--surface-2)}@media (max-width: 860px){.mobile-menu-btn{display:flex}}.mobile-nav{overflow:hidden;border-bottom:1.5px solid var(--line);background:var(--bg)}@media (min-width: 861px){.mobile-nav{display:none}}.mobile-nav-content{padding:.75rem 1.25rem 1.5rem;display:flex;flex-direction:column;gap:.35rem}.mobile-nav-link{display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;border-radius:14px;text-decoration:none;color:var(--text);font-family:Clash Display,sans-serif;font-weight:500;font-size:1.25rem;letter-spacing:-.02em;transition:background var(--dur) var(--ease-out)}.mobile-nav-link .mobile-nav-index{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-faint);font-weight:400}.mobile-nav-link:hover{background:var(--surface-2)}.mobile-nav-link.active{background:var(--lime);color:var(--ink)}.mobile-nav-link.active .mobile-nav-index{color:var(--ink-soft)}.main{flex:1}.footer{border-top:1.5px solid var(--line);background:var(--surface-2);padding:clamp(3rem,6vw,5rem) 0 2rem;margin-top:4rem}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2.5rem;margin-bottom:3rem}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}@media (max-width: 480px){.footer-grid{grid-template-columns:1fr}}.footer-brand{max-width:36ch}.footer-brand .footer-wordmark{font-family:Clash Display,sans-serif;font-weight:600;font-size:1.6rem;letter-spacing:-.03em;color:var(--text)}.footer-brand p{margin:.75rem 0 1.25rem;color:var(--text-soft);line-height:1.6}.footer-install{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text);background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-chip);text-decoration:none;transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.footer-install .footer-install-prompt{color:var(--tang)}.footer-install:hover{border-color:var(--ink);box-shadow:var(--shadow-hard);transform:translate(-1px,-1px)}@media (prefers-reduced-motion: reduce){.footer-install:hover{transform:none}}.footer-col h4{font-family:JetBrains Mono,monospace;font-size:.74rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);margin-bottom:1.1rem}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.7rem}.footer-col ul a{color:var(--text-soft);text-decoration:none;font-size:.96rem;transition:color var(--dur) var(--ease-out),padding-left var(--dur) var(--ease-out)}.footer-col ul a:hover{color:var(--text);padding-left:4px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding-top:2rem;border-top:1.5px solid var(--line);color:var(--text-faint);font-size:.85rem}.footer-bottom .footer-built{font-family:JetBrains Mono,monospace;letter-spacing:.02em}.home{overflow-x:clip}.hero{position:relative;padding:clamp(3rem,6vw,5.5rem) 0 clamp(3.5rem,6vw,5rem)}.hero-accent{position:absolute;z-index:0;pointer-events:none}.hero-accent--lime{width:clamp(220px,30vw,380px);aspect-ratio:1;top:-6%;right:2%;border:1.5px solid var(--line);border-radius:42px;transform:rotate(13deg)}.hero-accent--tang{width:64px;height:64px;border-radius:16px;background:var(--tang);top:18%;right:46%;transform:rotate(-12deg);opacity:.9;box-shadow:var(--shadow-hard)}@media (max-width: 900px){.hero-accent--tang{display:none}}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}@media (max-width: 900px){.hero-grid{grid-template-columns:1fr;gap:2.75rem}}.hero-content .eyebrow{margin-bottom:1.5rem}.hero-title{font-size:clamp(2.3rem,5vw,3.7rem);margin-bottom:1.5rem}.hero-title>span{display:block}.hero-description{font-size:clamp(1.05rem,1.6vw,1.22rem);color:var(--text-soft);max-width:46ch;margin-bottom:2.25rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem}@media (max-width: 420px){.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}}.hero-visual{position:relative;z-index:1}.hero-stats{display:flex;gap:1.75rem;margin-top:1.75rem;padding-left:.25rem}@media (max-width: 480px){.hero-stats{gap:1.25rem}}.hero-stat{display:flex;flex-direction:column}.hero-stat .hero-stat-value{font-family:Clash Display,sans-serif;font-weight:600;font-size:clamp(1.3rem,2.4vw,1.7rem);color:var(--text);letter-spacing:-.02em}.hero-stat .hero-stat-label{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--text-faint);letter-spacing:.02em}.herochat{background:var(--surface);border:1.5px solid var(--line-strong);border-radius:20px;box-shadow:var(--shadow-lift);overflow:hidden}.herochat-bar{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;border-bottom:1.5px solid var(--line);background:var(--surface-2)}.herochat-bar .herochat-dots{display:flex;gap:6px}.herochat-bar .herochat-dots span{width:10px;height:10px;border-radius:50%;background:var(--line-strong);opacity:.5}.herochat-bar .herochat-dots span:first-child{background:var(--tang);opacity:1}.herochat-bar .herochat-title{font-family:Clash Display,sans-serif;font-weight:600;font-size:.95rem;color:var(--text)}.herochat-bar .herochat-live{margin-left:auto;display:inline-flex;align-items:center;gap:.4rem;font-family:JetBrains Mono,monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.herochat-bar .herochat-live i{width:7px;height:7px;border-radius:50%;background:var(--lime-deep);box-shadow:0 0 #aee01f99;animation:live-pulse 1.8s ease-out infinite}@keyframes live-pulse{0%{box-shadow:0 0 #aee01f8c}70%{box-shadow:0 0 0 7px #aee01f00}to{box-shadow:0 0 #aee01f00}}@media (prefers-reduced-motion: reduce){.herochat-live i{animation:none}}.herochat-body{display:flex;flex-direction:column;gap:.6rem;padding:1.1rem;min-height:300px;justify-content:flex-end}.hc-msg{max-width:82%;padding:.68rem .95rem;font-size:.9rem;line-height:1.5;border-radius:16px}.hc-bot{align-self:flex-start;background:var(--surface-2);border:1.5px solid var(--line);color:var(--text);border-bottom-left-radius:5px}.hc-user{align-self:flex-end;background:var(--lime);color:var(--ink);font-weight:500;border-bottom-right-radius:5px}.hc-typing{display:inline-flex;gap:5px;align-items:center}.hc-typing span{width:7px;height:7px;border-radius:50%;background:var(--text-faint);animation:typing-bounce 1.2s ease-in-out infinite}.hc-typing span:nth-child(2){animation-delay:.15s}.hc-typing span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}@media (prefers-reduced-motion: reduce){.hc-typing span{animation:none}}.herochat-input{display:flex;align-items:center;gap:.75rem;padding:.75rem .85rem .75rem 1.1rem;margin:0 .85rem .85rem;border:1.5px solid var(--line);border-radius:var(--radius-chip);background:var(--bg)}.herochat-input .herochat-placeholder{flex:1;font-size:.88rem;color:var(--text-faint)}.herochat-input .herochat-send{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:var(--on-ink);flex-shrink:0}.cap-strip{border-top:1.5px solid var(--line);border-bottom:1.5px solid var(--line);background:var(--surface);padding:1.1rem 0}.cap-item{display:inline-flex;align-items:center;gap:2.5rem;font-family:Clash Display,sans-serif;font-weight:500;font-size:clamp(1.1rem,2vw,1.6rem);letter-spacing:-.01em;color:var(--text);white-space:nowrap}.cap-mark{width:9px;height:9px;background:var(--lime);border-radius:1.5px;transform:rotate(45deg)}.features .bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(178px,auto);gap:1rem}@media (max-width: 900px){.features .bento{grid-template-columns:1fr;grid-auto-rows:auto}}.bento-cell{display:flex;flex-direction:column;gap:1rem;padding:1.6rem;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-card);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.bento-cell:hover{transform:translateY(-5px);border-color:var(--line-strong);box-shadow:var(--shadow-lift)}.bento-cell .bento-text{margin-top:auto}.bento-cell .bento-text h3{display:flex;align-items:center;gap:.6rem;font-size:1.25rem;margin-bottom:.5rem}.bento-cell .bento-text p{color:var(--text-soft);font-size:.96rem;line-height:1.55}@media (prefers-reduced-motion: reduce){.bento-cell:hover{transform:none}}@media (min-width: 901px){.bento-a{grid-column:span 3;grid-row:span 2}.bento-b,.bento-c{grid-column:span 3}.bento-d,.bento-e,.bento-f{grid-column:span 2}}.bento-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--surface-2);border:1.5px solid var(--line);color:var(--text);flex-shrink:0}.bento-badge{font-family:JetBrains Mono,monospace;font-size:.62rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .5rem;border-radius:var(--radius-chip);background:var(--tang);color:var(--on-accent-2)}.bento-a .bento-text h3{font-size:1.6rem}.bento-a .bento-snippet{align-self:flex-start;font-family:JetBrains Mono,monospace;font-size:.85rem;padding:.6rem 1rem;border-radius:12px;background:#131316;color:#e6e6ea}.bento-a .bento-snippet .bento-snippet-prompt{color:var(--lime);margin-right:.4rem}.bento-d{background:var(--ink);border-color:var(--ink)}.bento-d h3{color:var(--on-ink)}.bento-d p{color:#f2f1eaa8}.bento-d .bento-icon{background:#f2f1ea14;border-color:#f2f1ea2e;color:var(--lime)}.bento-d:hover{box-shadow:var(--shadow-hard-lime)}.bento-e{background:color-mix(in srgb,var(--lime) 22%,var(--surface));border-color:color-mix(in srgb,var(--lime) 50%,var(--line))}.bento-e .bento-icon{background:var(--surface);border-color:var(--ink);color:var(--ink)}.bento-e p{color:var(--ink-soft)}.quick-start-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,4rem);align-items:center}@media (max-width: 880px){.quick-start-grid{grid-template-columns:1fr;gap:2.5rem}}.eyebrow--quiet{margin-bottom:1rem}.quick-start-text h2{font-size:clamp(1.9rem,3.6vw,2.9rem);margin-bottom:.75rem}.quick-start-text>p{color:var(--text-soft);font-size:1.1rem;margin-bottom:2rem}.steps{list-style:none;display:flex;flex-direction:column;gap:.5rem}.step{display:flex;align-items:center;gap:1.1rem;padding:.9rem 0;border-top:1.5px solid var(--line)}.step:last-child{border-bottom:1.5px solid var(--line)}.step .step-number{font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:500;color:var(--tang);flex-shrink:0}.step .step-content h4{font-family:General Sans,sans-serif;font-weight:600;font-size:1.05rem;color:var(--text)}.step .step-content p{color:var(--text-soft);font-size:.92rem}.quick-start-code{display:flex;flex-direction:column;gap:1rem}.code-card{background:#131316;border:1.5px solid rgba(255,255,255,.09);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-soft)}.code-card-bar{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;background:#1b1b20;border-bottom:1px solid rgba(255,255,255,.08)}.code-card-bar .code-dots{display:flex;gap:6px}.code-card-bar .code-dots i{width:9px;height:9px;border-radius:50%;background:#fff3}.code-card-bar .code-dots i:first-child{background:var(--tang)}.code-card-bar .code-file{font-family:JetBrains Mono,monospace;font-size:.74rem;color:#e6e6ea99;letter-spacing:.02em}.cta{padding:clamp(2rem,5vw,4rem) 0 clamp(4rem,7vw,6rem)}.cta-block{position:relative;overflow:hidden;background:var(--ink);border-radius:28px;padding:clamp(2.75rem,6vw,5rem) clamp(1.5rem,5vw,4rem);text-align:center}.cta-noise{position:absolute;inset:0;background-image:radial-gradient(rgba(242,241,234,.08) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}.cta-inner{position:relative;z-index:1;max-width:640px;margin:0 auto}.cta-inner h2{font-size:clamp(2.2rem,5vw,3.8rem);color:var(--on-ink);margin-bottom:1rem}.cta-inner>p{color:#f2f1eab3;font-size:1.12rem;margin-bottom:2rem;max-width:48ch;margin-inline:auto}.cta-mark{position:relative;white-space:nowrap;color:var(--ink);z-index:0;padding:0 .1em}.cta-mark:after{content:"";position:absolute;inset:.06em -.05em .08em;background:var(--lime);z-index:-1;transform:skew(-11deg);border-radius:3px}.cta-actions{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center}@media (max-width: 420px){.cta-actions{flex-direction:column}.cta-actions .btn{width:100%}}.cta-ghost{color:var(--on-ink);border-color:#f2f1ea4d;background:transparent}.cta-ghost:hover{background:var(--on-ink);color:var(--ink);border-color:var(--on-ink)}.documentation{padding:calc(var(--nav-h) + 2rem) 0 6rem;min-height:100vh}.documentation .doc-header{max-width:760px;margin-bottom:clamp(2.5rem,5vw,4rem)}.documentation .doc-header .eyebrow{margin-bottom:1.1rem}.documentation .doc-header h1{font-family:Clash Display,sans-serif;font-size:clamp(2.6rem,6vw,4.6rem);font-weight:600;letter-spacing:-.03em;line-height:.98;color:var(--text);margin-bottom:1.1rem}.documentation .doc-header p{font-size:1.15rem;color:var(--text-soft);max-width:60ch;line-height:1.7}.documentation .doc-content{display:grid;grid-template-columns:264px 1fr;gap:3rem;align-items:start}@media (max-width: 1024px){.documentation .doc-content{grid-template-columns:1fr;gap:2rem}}.documentation .doc-nav{position:sticky;top:calc(var(--nav-h) + 1.5rem);background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-card);padding:1.5rem 1.25rem;box-shadow:var(--shadow-soft)}@media (max-width: 1024px){.documentation .doc-nav{position:static;order:-1}}.documentation .doc-nav .nav-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1.5px solid var(--line)}.documentation .doc-nav .nav-header h3{font-family:JetBrains Mono,monospace;font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin:0;color:var(--text-soft)}.documentation .doc-nav .nav-header .nav-controls{display:flex;gap:.5rem}.documentation .doc-nav .nav-header .nav-controls .nav-control-btn{flex:1;padding:.45rem .7rem;background:transparent;border:1.5px solid var(--line-strong);border-radius:var(--radius-chip);color:var(--text);font-family:General Sans,sans-serif;font-size:.74rem;font-weight:600;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background var(--dur) var(--ease-out),color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.documentation .doc-nav .nav-header .nav-controls .nav-control-btn:hover{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.documentation .doc-nav .nav-header .nav-controls .nav-control-btn:active{transform:translateY(1px)}.documentation .doc-nav ul{list-style:none;display:flex;flex-direction:column;gap:.15rem}.documentation .doc-nav ul li a{display:block;position:relative;padding:.55rem .85rem;color:var(--text-soft);text-decoration:none;border-radius:var(--radius-input);font-size:.9rem;font-weight:500;line-height:1.4;border-left:3px solid transparent;transition:color var(--dur) var(--ease-out),background var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.documentation .doc-nav ul li a:hover{color:var(--text);background:var(--surface-2)}.documentation .doc-nav ul li a.active{color:var(--text);background:var(--surface-2);font-weight:600;border-left-color:var(--lime-deep)}.documentation .doc-nav ul li a.active:before{content:"";position:absolute;left:-3px;top:.5rem;bottom:.5rem;width:3px;background:var(--lime-deep);border-radius:0 3px 3px 0}.documentation .doc-main{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.documentation .doc-section{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-card);overflow:hidden;transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.documentation .doc-section>[id]{scroll-margin-top:calc(var(--nav-h) + 1.5rem)}.documentation .doc-section:hover{border-color:var(--line-strong)}.documentation .doc-section .section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem 1.6rem;background:transparent;border:none;cursor:pointer;text-align:left;transition:background var(--dur) var(--ease-out)}.documentation .doc-section .section-toggle:hover{background:var(--surface-2)}.documentation .doc-section .section-toggle:hover svg{color:var(--text)}.documentation .doc-section .section-toggle h2{font-family:Clash Display,sans-serif;font-size:1.4rem;font-weight:600;letter-spacing:-.02em;color:var(--text);text-align:left;margin:0}.documentation .doc-section .section-toggle svg{flex-shrink:0;color:var(--text-faint);transition:transform var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.documentation .doc-section .section-body{padding:0 1.6rem 1.6rem;border-top:1.5px solid var(--line)}.documentation .doc-section .section-body>.section-content{padding-top:1.5rem}.documentation .section-content{color:var(--text)}.documentation .section-content h4{font-family:Clash Display,sans-serif;font-size:1.12rem;font-weight:600;letter-spacing:-.01em;margin:2rem 0 .75rem;color:var(--text)}.documentation .section-content h4:first-child{margin-top:0}.documentation .section-content p{color:var(--text-soft);line-height:1.7;margin-bottom:1rem;max-width:72ch}.documentation .section-content p strong{color:var(--text);font-weight:600}.documentation .section-content a{color:var(--text);text-decoration:underline;text-decoration-color:var(--lime-deep);text-decoration-thickness:2px;text-underline-offset:3px;font-weight:600;transition:color var(--dur) var(--ease-out)}.documentation .section-content a:hover{color:var(--lime-deep)}.documentation .section-content ul{margin:1rem 0 1.25rem;padding-left:1.4rem;max-width:72ch}.documentation .section-content ul li{color:var(--text-soft);margin-bottom:.5rem;line-height:1.7}.documentation .section-content ul li::marker{color:var(--tang)}.documentation .section-content ul li strong{color:var(--text);font-weight:600}.documentation .section-content code{background:var(--surface-2);color:var(--text);padding:.12rem .4rem;border-radius:6px;border:1px solid var(--line);font-family:JetBrains Mono,monospace;font-size:.82em}.documentation .section-content .important-note{margin:1.75rem 0;padding:1.25rem 1.4rem;background:var(--surface-2);border:1.5px solid var(--line);border-left:4px solid var(--tang);border-radius:var(--radius-input)}.documentation .section-content .important-note h4{margin:0 0 .6rem;color:var(--text);font-size:1.02rem;display:flex;align-items:center;gap:.5rem}.documentation .section-content .important-note p{margin-bottom:.5rem;color:var(--text-soft)}.documentation .section-content .important-note p:last-child{margin-bottom:0}.documentation .section-content .important-note p strong{color:var(--text)}.documentation .section-content .important-note p code{background:var(--surface);color:var(--text);font-weight:600}.documentation .section-content .important-note p a{color:var(--text);text-decoration-color:var(--tang)}.documentation .section-content .important-note p a:hover{color:var(--tang)}.documentation .code-block-container{margin:1.5rem 0;border-radius:16px;overflow:hidden;border:1.5px solid rgba(255,255,255,.08);background:#131316;box-shadow:var(--shadow-soft)}.documentation .code-block-container .code-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:#1b1b1f;border-bottom:1.5px solid rgba(255,255,255,.08)}.documentation .code-block-container .code-header .language-tag{font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:500;color:var(--lime);text-transform:uppercase;letter-spacing:.08em}.documentation .code-block-container .code-header .copy-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .85rem;background:transparent;border:1.5px solid rgba(255,255,255,.16);border-radius:var(--radius-chip);color:#e6e6ea;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:500;cursor:pointer;transition:background var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.documentation .code-block-container .code-header .copy-btn:hover{background:var(--lime);border-color:var(--lime);color:var(--ink)}.documentation .code-block-container pre[class*=language-],.documentation .code-block-container pre{margin:0!important;background:#131316!important}.documentation .code-block-container pre[class*=language-] code,.documentation .code-block-container pre code{background:transparent!important;border:none!important;padding:0!important;font-family:JetBrains Mono,monospace!important;font-size:.84rem!important}.documentation .props-table{margin:1.5rem 0;overflow-x:auto;border:1.5px solid var(--line);border-radius:var(--radius-card)}.documentation .props-table table{width:100%;border-collapse:collapse;min-width:640px}.documentation .props-table table th,.documentation .props-table table td{padding:.85rem 1rem;text-align:left;border-bottom:1.5px solid var(--line);vertical-align:top}.documentation .props-table table th{background:var(--surface-2);font-family:JetBrains Mono,monospace;font-weight:600;color:var(--text);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.documentation .props-table table td{color:var(--text-soft);font-size:.88rem;line-height:1.6}.documentation .props-table table td code{background:var(--surface-2);color:var(--text);padding:.12rem .4rem;border-radius:6px;border:1px solid var(--line);font-family:JetBrains Mono,monospace;font-size:.8em;white-space:nowrap}.documentation .props-table table tbody tr{transition:background var(--dur) var(--ease-out)}.documentation .props-table table tbody tr:hover{background:var(--surface-2)}.documentation .props-table table tbody tr:last-child td{border-bottom:none}.examples-footer{position:relative;overflow:hidden;padding:clamp(3rem,6vw,4.5rem) 1.5rem;background:var(--surface-2);border:1.5px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);margin:clamp(2.5rem,5vw,3.5rem) 0 0;display:flex;justify-content:center;align-items:center}.examples-footer:after{content:"";position:absolute;width:clamp(160px,22vw,280px);aspect-ratio:1;bottom:-28%;right:-6%;border:1.5px solid var(--line);border-radius:36px;transform:rotate(13deg);pointer-events:none;z-index:0}.examples-footer .footer-content{position:relative;z-index:2;max-width:560px;width:100%;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}.examples-footer .footer-icon{background:var(--lime);color:var(--ink);border:1.5px solid var(--ink);border-radius:var(--radius-card);width:64px;height:64px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-hard);margin-bottom:1.5rem;animation:footerPopIn .7s var(--ease-out) both}.examples-footer .footer-heading{font-family:Clash Display,sans-serif;font-size:clamp(1.75rem,4vw,2.4rem);font-weight:600;letter-spacing:-.03em;line-height:1.02;margin-bottom:.85rem;color:var(--text)}.examples-footer .footer-tagline{font-size:clamp(1rem,1.6vw,1.12rem);color:var(--text-soft);margin-bottom:2rem;line-height:1.6}.examples-footer .footer-tagline span{color:var(--tang);font-weight:700}.examples-footer .footer-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width: 480px){.examples-footer .footer-actions{flex-direction:column;width:100%;max-width:320px;margin:0 auto}.examples-footer .footer-actions>span,.examples-footer .footer-actions .btn{width:100%}}@media (max-width: 600px){.examples-footer{padding:2.5rem 1.25rem}.examples-footer .footer-icon{width:52px;height:52px}}@keyframes footerPopIn{0%{opacity:0;transform:translateY(8px) scale(.85)}60%{opacity:1;transform:translateY(0) scale(1.06)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.examples-footer .footer-icon{animation:none}}.examples{padding:clamp(2.5rem,5vw,4rem) 0 clamp(4rem,7vw,6rem);min-height:100vh;overflow-x:clip}.examples .examples-header{position:relative;max-width:760px;margin:0 auto clamp(3rem,6vw,4.5rem);text-align:center}.examples .examples-header .eyebrow{margin-bottom:1.25rem;justify-content:center}.examples .examples-header h1{font-family:Clash Display,sans-serif;font-size:clamp(2.4rem,6vw,4rem);font-weight:600;letter-spacing:-.03em;line-height:.98;margin-bottom:1.25rem}.examples .examples-header p{font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--text-soft);max-width:58ch;margin:0 auto;line-height:1.6}.examples .examples-grid{display:flex;flex-direction:column;gap:clamp(1.75rem,3vw,2.5rem);margin-bottom:clamp(3rem,6vw,4.5rem);counter-reset:example}.examples .example-card{position:relative;padding:clamp(1.5rem,3vw,2.25rem);counter-increment:example}.examples .example-card:before{content:counter(example,decimal-leading-zero);position:absolute;top:clamp(1.5rem,3vw,2.25rem);right:clamp(1.5rem,3vw,2.25rem);font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600;letter-spacing:.08em;color:var(--tang)}.examples .example-card .example-header{margin-bottom:1.75rem;padding-right:3rem}.examples .example-card .example-header h3{font-family:Clash Display,sans-serif;font-size:clamp(1.4rem,2.6vw,1.75rem);font-weight:600;letter-spacing:-.02em;margin-bottom:.5rem;color:var(--text)}.examples .example-card .example-header p{color:var(--text-soft);line-height:1.6;max-width:60ch}.examples .example-card .example-actions{display:flex;gap:.9rem;margin-bottom:1.5rem}@media (max-width: 480px){.examples .example-card .example-actions{flex-direction:column}}.examples .example-card .example-preview{margin-bottom:1.75rem;padding:1.5rem;background:var(--surface-2);border:1.5px solid var(--line);border-radius:var(--radius-card);position:relative;overflow:hidden}.examples .example-card .example-preview .preview-container{position:relative;min-height:200px;width:100%;height:400px}.examples .example-card .example-preview .preview-container .cha-ai-widget-container,.examples .example-card .example-preview .preview-container [class*=cha-ai],.examples .example-card .example-preview .preview-container [class*=chatbot],.examples .example-card .example-preview .preview-container [id*=cha-ai],.examples .example-card .example-preview .preview-container [id*=chatbot]{position:absolute!important}.examples .example-card .example-preview .preview-container .cha-ai-widget-container[data-position=bottom-right],.examples .example-card .example-preview .preview-container [class*=cha-ai][data-position=bottom-right],.examples .example-card .example-preview .preview-container [class*=chatbot][data-position=bottom-right],.examples .example-card .example-preview .preview-container [id*=cha-ai][data-position=bottom-right],.examples .example-card .example-preview .preview-container [id*=chatbot][data-position=bottom-right]{bottom:1rem!important;right:1rem!important;top:auto!important;left:auto!important}.examples .example-card .example-preview .preview-container .cha-ai-widget-container[data-position=bottom-left],.examples .example-card .example-preview .preview-container [class*=cha-ai][data-position=bottom-left],.examples .example-card .example-preview .preview-container [class*=chatbot][data-position=bottom-left],.examples .example-card .example-preview .preview-container [id*=cha-ai][data-position=bottom-left],.examples .example-card .example-preview .preview-container [id*=chatbot][data-position=bottom-left]{bottom:1rem!important;left:1rem!important;top:auto!important;right:auto!important}.examples .example-card .example-preview .preview-container>*[style*="position: fixed"],.examples .example-card .example-preview .preview-container>*[style*="position:fixed"]{position:absolute!important}.examples .example-card .example-preview .preview-container>*[style*="position: fixed"][style*="bottom: 20px"],.examples .example-card .example-preview .preview-container>*[style*="position: fixed"][style*="bottom:20px"],.examples .example-card .example-preview .preview-container>*[style*="position: fixed"][style*="bottom: 1.25rem"],.examples .example-card .example-preview .preview-container>*[style*="position: fixed"][style*="bottom:1.25rem"],.examples .example-card .example-preview .preview-container>*[style*="position:fixed"][style*="bottom: 20px"],.examples .example-card .example-preview .preview-container>*[style*="position:fixed"][style*="bottom:20px"],.examples .example-card .example-preview .preview-container>*[style*="position:fixed"][style*="bottom: 1.25rem"],.examples .example-card .example-preview .preview-container>*[style*="position:fixed"][style*="bottom:1.25rem"]{bottom:1rem!important}.examples .example-card .example-preview .preview-container>*[style*="position: fixed"][style*="right: 20px"],.examples .example-card .example-preview .preview-container>*[style*="position: fixed"][style*="right:20px"],.examples .example-card .example-preview .preview-container>*[style*="position: fixed"][style*="right: 1.25rem"],.examples .example-card .example-preview .preview-container>*[style*="position: fixed"][style*="right:1.25rem"],.examples .example-card .example-preview .preview-container>*[style*="position:fixed"][style*="right: 20px"],.examples .example-card .example-preview .preview-container>*[style*="position:fixed"][style*="right:20px"],.examples .example-card .example-preview .preview-container>*[style*="position:fixed"][style*="right: 1.25rem"],.examples .example-card .example-preview .preview-container>*[style*="position:fixed"][style*="right:1.25rem"]{right:1rem!important}.examples .example-card .example-preview .preview-container>*[style*="position: fixed"][style*="left: 20px"],.examples .example-card .example-preview .preview-container>*[style*="position: fixed"][style*="left:20px"],.examples .example-card .example-preview .preview-container>*[style*="position: fixed"][style*="left: 1.25rem"],.examples .example-card .example-preview .preview-container>*[style*="position: fixed"][style*="left:1.25rem"],.examples .example-card .example-preview .preview-container>*[style*="position:fixed"][style*="left: 20px"],.examples .example-card .example-preview .preview-container>*[style*="position:fixed"][style*="left:20px"],.examples .example-card .example-preview .preview-container>*[style*="position:fixed"][style*="left: 1.25rem"],.examples .example-card .example-preview .preview-container>*[style*="position:fixed"][style*="left:1.25rem"]{left:1rem!important}.examples .example-card .example-preview .preview-container *[style*="position: fixed"]{position:absolute!important}.examples .example-card .example-preview .preview-container .preview-header{margin-bottom:1rem}.examples .example-card .example-preview .preview-container .preview-header h3{font-family:Clash Display,sans-serif;font-size:1.125rem;font-weight:600;margin-bottom:.35rem;color:var(--text)}.examples .example-card .example-preview .preview-container .preview-header p{color:var(--text-soft);font-size:.875rem}.examples .example-card .example-preview .preview-container .preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:var(--surface);border:1.5px dashed var(--line-strong);border-radius:var(--radius-input);text-align:center}.examples .example-card .example-preview .preview-container .preview-placeholder p{color:var(--text-soft);margin-bottom:.5rem}.examples .example-card .example-preview .preview-container .preview-placeholder p:first-child{font-size:1.25rem;color:var(--text);font-weight:600;margin-bottom:1rem}.examples .example-card .example-code .code-block-container{border-radius:16px;overflow:hidden;border:1.5px solid rgba(255,255,255,.09);background:#131316;box-shadow:var(--shadow-soft)}.examples .example-card .example-code .code-block-container .code-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:#1b1b1f;border-bottom:1.5px solid rgba(255,255,255,.09)}.examples .example-card .example-code .code-block-container .code-header .language-tag{font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:500;color:#8d8d96;text-transform:lowercase;letter-spacing:.06em}.examples .example-card .example-code .code-block-container .code-header .copy-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;background:transparent;border:1.5px solid rgba(255,255,255,.18);border-radius:var(--radius-chip);color:#e6e6ea;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:background var(--dur) var(--ease-out),color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.examples .example-card .example-code .code-block-container .code-header .copy-btn svg{display:block}.examples .example-card .example-code .code-block-container .code-header .copy-btn:hover{background:var(--lime);color:var(--ink);border-color:var(--lime);transform:translateY(-1px)}.examples .example-card .example-code .code-block-container .code-header .copy-btn:active{transform:translateY(0)}.examples .example-card .example-code .code-block-container pre{margin:0!important}.examples .example-card .example-code .code-block-container pre code{font-family:JetBrains Mono,Monaco,Menlo,monospace!important}.examples .example-card .example-code .code-block-container .token.comment{color:#6a9955!important}.examples .example-card .example-code .code-block-container .token.string{color:#ce9178!important}.examples .example-card .example-code .code-block-container .token.keyword{color:#569cd6!important}.examples .example-card .example-code .code-block-container .token.function{color:#dcdcaa!important}.examples .example-card .example-code .code-block-container .token.number{color:#b5cea8!important}.examples .example-card .example-code .code-block-container .token.operator,.examples .example-card .example-code .code-block-container .token.punctuation{color:#d4d4d4!important}.examples .example-card .example-code .code-block-container .token.property{color:#9cdcfe!important}.examples .example-card .example-code .code-block-container .token.boolean,.examples .example-card .example-code .code-block-container .token.tag{color:#569cd6!important}.examples .example-card .example-code .code-block-container .token.attr-name{color:#9cdcfe!important}.examples .example-card .example-code .code-block-container .token.attr-value{color:#ce9178!important}@media (max-width: 768px){.examples{padding:2rem 0 3rem}.examples .example-card .example-header{padding-right:2.5rem}}.playground{min-height:100vh;background:var(--bg);padding:clamp(2rem,5vw,3.5rem) 0 clamp(3rem,7vw,5rem)}.playground .playground-header{max-width:720px;margin:0 auto clamp(2.5rem,5vw,3.5rem);text-align:center}.playground .playground-header .eyebrow{justify-content:center;margin-bottom:1rem}.playground .playground-header .eyebrow:before{display:none}.playground .playground-header h1{font-family:Clash Display,sans-serif;font-size:clamp(2.4rem,6vw,4rem);font-weight:600;letter-spacing:-.03em;line-height:.98;color:var(--text);margin-bottom:1.1rem}.playground .playground-header p{font-size:1.1rem;color:var(--text-soft);max-width:56ch;margin:0 auto;line-height:1.6}.playground .playground-content{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:2rem;align-items:start}@media (max-width: 1100px){.playground .playground-content{grid-template-columns:1fr;gap:2.5rem}}.playground .playground-controls{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-card);padding:clamp(1.25rem,3vw,1.75rem);box-shadow:var(--shadow-soft);height:fit-content}.playground .playground-controls .controls-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.75rem;padding-bottom:1.1rem;border-bottom:1.5px solid var(--line)}.playground .playground-controls .controls-header h2{display:flex;align-items:center;gap:.55rem;font-family:Clash Display,sans-serif;font-size:1.4rem;font-weight:600;letter-spacing:-.02em;color:var(--text);margin:0}.playground .playground-controls .controls-header h2 svg{color:var(--lime-deep)}.playground .playground-controls .control-group{margin-bottom:1.75rem}.playground .playground-controls .control-group:last-child{margin-bottom:0}.playground .playground-controls .control-group>h3{display:flex;align-items:center;gap:.4rem;font-family:JetBrains Mono,monospace;font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft);margin-bottom:1rem;padding-bottom:.6rem;border-bottom:1.5px solid var(--line)}.playground .playground-controls .control-group>h3 svg{color:var(--text-faint);flex-shrink:0}.playground .playground-controls .control-item{margin-bottom:1.1rem}.playground .playground-controls .control-item:last-child{margin-bottom:0}.playground .playground-controls .control-item label{display:block;font-family:General Sans,sans-serif;font-size:.875rem;font-weight:600;color:var(--text);margin-bottom:.45rem}.playground .playground-controls .control-item.checkbox-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border:1.5px solid var(--line);border-radius:var(--radius-chip);background:var(--surface-2);margin-bottom:.6rem;transition:border-color var(--dur) var(--ease-out),background var(--dur) var(--ease-out)}.playground .playground-controls .control-item.checkbox-item:hover{border-color:var(--line-strong)}.playground .playground-controls .control-item.checkbox-item label{margin-bottom:0;cursor:pointer;flex:1;order:2}.playground .control-input,.playground .control-select,.playground .control-textarea{width:100%;min-height:44px;padding:.7rem .85rem;font-family:General Sans,sans-serif;font-size:.9rem;color:var(--text);background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-input);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.playground .control-input::placeholder,.playground .control-select::placeholder,.playground .control-textarea::placeholder{color:var(--text-faint)}.playground .control-input:hover,.playground .control-select:hover,.playground .control-textarea:hover{border-color:var(--line-strong)}.playground .control-input:focus,.playground .control-select:focus,.playground .control-textarea:focus{outline:none;border-color:var(--lime-deep);box-shadow:0 0 0 3px #aee01f47}.playground .control-select{appearance:none;-webkit-appearance:none;padding-right:2.5rem;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235a5a63' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center}.playground .control-select option{background:var(--surface);color:var(--text)}.playground .control-textarea{resize:vertical;min-height:100px;line-height:1.5;font-family:General Sans,sans-serif}.playground .control-checkbox{appearance:none;-webkit-appearance:none;order:1;flex-shrink:0;position:relative;width:42px;height:24px;border-radius:var(--radius-chip);background:var(--surface);border:1.5px solid var(--line-strong);cursor:pointer;transition:background var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.playground .control-checkbox:after{content:"";position:absolute;top:50%;left:3px;width:16px;height:16px;border-radius:50%;background:var(--ink);transform:translateY(-50%);transition:transform var(--dur) var(--ease-out),background var(--dur) var(--ease-out)}.playground .control-checkbox:checked{background:var(--lime);border-color:var(--ink)}.playground .control-checkbox:checked:after{transform:translate(18px,-50%);background:var(--ink)}.playground .control-checkbox:focus-visible{outline:none;box-shadow:0 0 0 3px #aee01f66}@media (prefers-reduced-motion: reduce){.playground .control-checkbox,.playground .control-checkbox:after{transition:none}}.playground .color-controls{display:flex;flex-direction:column;gap:1.1rem;margin-bottom:1.1rem}.playground .color-input-group{display:flex;gap:.6rem;align-items:center}.playground .color-input-group .control-color{width:46px;height:46px;flex-shrink:0;border:1.5px solid var(--line-strong);border-radius:var(--radius-input);cursor:pointer;background:none;padding:0;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.playground .color-input-group .control-color::-webkit-color-swatch-wrapper{padding:3px}.playground .color-input-group .control-color::-webkit-color-swatch{border:none;border-radius:8px}.playground .color-input-group .control-color::-moz-color-swatch{border:none;border-radius:8px}.playground .color-input-group .control-color:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.playground .color-input-group .control-color:focus-visible{outline:none;box-shadow:0 0 0 3px #aee01f66}.playground .color-input-group .color-text{flex:1;font-family:JetBrains Mono,monospace;font-size:.82rem;text-transform:uppercase}.playground .advanced-styling-toggle{background:none;border:none;cursor:pointer;width:100%;text-align:left;padding:0;margin-bottom:1rem}.playground .advanced-styling-toggle h3{display:flex;align-items:center;gap:.4rem;font-family:JetBrains Mono,monospace;font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft);margin:0;padding-bottom:.6rem;border-bottom:1.5px solid var(--line);transition:color var(--dur-fast) var(--ease-out)}.playground .advanced-styling-toggle h3 svg{color:var(--lime-deep);flex-shrink:0}.playground .advanced-styling-toggle:hover h3{color:var(--text)}.playground .advanced-styling-content .styling-warning{background:#ff4a1c14;border:1.5px solid var(--tang);border-radius:var(--radius-input);padding:.75rem .85rem;color:var(--text);font-size:.85rem;line-height:1.5;margin-bottom:1rem}.playground .advanced-styling-content .styling-example{background:var(--surface-2);border:1.5px solid var(--line);border-radius:var(--radius-input);padding:.75rem .85rem;margin-bottom:1rem;font-size:.85rem}.playground .advanced-styling-content .styling-example strong{color:var(--text)}.playground .advanced-styling-content .styling-example code{display:block;margin-top:.4rem;font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--lime-deep);background:transparent}.playground .advanced-styling-content .styling-note{background:var(--surface-2);border:1.5px solid var(--line);border-left:3px solid var(--lime);border-radius:var(--radius-input);padding:.75rem .85rem;color:var(--text-soft);font-size:.85rem;line-height:1.5;margin-top:1rem}.playground .advanced-styling-content .styling-note strong{color:var(--text)}.playground .advanced-styling-content .advanced-style-input{font-family:JetBrains Mono,monospace;font-size:.8rem}.playground .advanced-styling-content .advanced-style-input.invalid-json{border-color:var(--tang);background-color:#ff4a1c0f}.playground .advanced-styling-content .advanced-style-input.invalid-json:focus{border-color:var(--tang);box-shadow:0 0 0 3px #ff4a1c38}.playground .advanced-styling-content .error-text{color:var(--tang);font-weight:600;font-size:.75rem;margin-top:.3rem}.playground small{display:block;color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:.72rem;line-height:1.5;margin-top:.35rem}.playground .playground-preview{position:sticky;top:calc(var(--nav-h) + 1.5rem);height:fit-content;display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 1100px){.playground .playground-preview{position:static}}.playground .playground-preview .preview-frame{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-soft)}.playground .playground-preview .preview-bar{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;background:var(--surface-2);border-bottom:1.5px solid var(--line)}.playground .playground-preview .preview-bar .preview-dots{display:inline-flex;gap:.4rem}.playground .playground-preview .preview-bar .preview-dots i{width:11px;height:11px;border-radius:50%;background:var(--line-strong);opacity:.5}.playground .playground-preview .preview-bar .preview-dots i:first-child{background:var(--tang);opacity:1}.playground .playground-preview .preview-bar .preview-dots i:nth-child(2){background:var(--lime-deep);opacity:1}.playground .playground-preview .preview-bar .preview-label{font-family:JetBrains Mono,monospace;font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.playground .playground-preview .preview-bar .preview-hint{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--text-faint);padding:.25rem .65rem;border:1.5px solid var(--line);border-radius:var(--radius-chip);background:var(--surface)}.playground .playground-preview .preview-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:260px;padding:2rem;text-align:center;background:radial-gradient(var(--bg-grid) 1.5px,transparent 1.5px);background-size:22px 22px}.playground .playground-preview .preview-stage .preview-stage-note{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-faint);max-width:32ch;line-height:1.6}.playground .playground-preview .code-section{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-card);overflow:hidden;display:flex;flex-direction:column;max-height:60vh;box-shadow:var(--shadow-soft)}.playground .playground-preview .code-section .code-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem;background:var(--surface-2);border-bottom:1.5px solid var(--line);flex-shrink:0}.playground .playground-preview .code-section .code-header h3{font-family:JetBrains Mono,monospace;font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);margin:0}.playground .playground-preview .code-section .code-block-container{background:#131316;overflow:auto;flex:1}.playground .playground-preview .code-section .code-block-container pre{margin:0!important;background:#131316!important}@media (max-width: 768px){.playground .playground-controls{padding:1.1rem}.playground .color-input-group .control-color{width:44px;height:44px}.playground .code-section .code-header{flex-direction:column;align-items:stretch}.playground .code-section .code-header .btn{width:100%}}:root{--ink: #0d0d0f;--ink-soft: #2a2a30;--paper: #f2f1ea;--paper-2: #eceadf;--lime: #c6f24e;--lime-deep: #aee01f;--tang: #ff4a1c;--tang-deep: #e23a10;--bg: var(--paper);--bg-grid: rgba(13, 13, 15, .05);--surface: #ffffff;--surface-2: #f7f6f0;--surface-ink: var(--ink);--text: #16161a;--text-soft: #5a5a63;--text-faint: #8d8d96;--on-ink: #f2f1ea;--line: rgba(13, 13, 15, .14);--line-strong: rgba(13, 13, 15, .9);--accent: var(--lime);--accent-2: var(--tang);--on-accent: var(--ink);--on-accent-2: #fff7f2;--radius-card: 18px;--radius-input: 12px;--radius-chip: 999px;--shadow-soft: 0 1px 2px rgba(13, 13, 15, .05), 0 8px 24px -12px rgba(13, 13, 15, .18);--shadow-lift: 0 2px 4px rgba(13, 13, 15, .06), 0 24px 48px -20px rgba(13, 13, 15, .3);--shadow-hard: 4px 4px 0 var(--ink);--shadow-hard-lime: 5px 5px 0 var(--lime-deep);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .18s;--dur: .32s;--dur-slow: .6s;--container: 1200px;--nav-h: 68px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #0d0d0f;--bg-grid: rgba(242, 241, 234, .05);--surface: #161619;--surface-2: #1d1d22;--surface-ink: #161619;--text: #f2f1ea;--text-soft: #a4a4ad;--text-faint: #6f6f78;--on-ink: #f2f1ea;--line: rgba(242, 241, 234, .14);--line-strong: rgba(242, 241, 234, .85);--on-accent: #0d0d0f;--shadow-soft: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px -14px rgba(0, 0, 0, .7);--shadow-lift: 0 2px 4px rgba(0, 0, 0, .5), 0 28px 56px -22px rgba(0, 0, 0, .8);--shadow-hard: 4px 4px 0 #000;--shadow-hard-lime: 5px 5px 0 var(--lime-deep);color-scheme:dark}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{font-family:General Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6;font-feature-settings:"ss01","cv01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;background-image:radial-gradient(var(--bg-grid) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.App{min-height:100vh;position:relative}::selection{background:var(--lime);color:var(--ink)}a{color:inherit}h1,h2,h3,h4,h5{font-family:Clash Display,General Sans,sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.02;color:var(--text)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 1.25rem}@media (min-width: 768px){.container{padding:0 2rem}}.section{padding:clamp(4rem,9vw,8rem) 0;position:relative}.section.section-alt{background:var(--surface-2)}@media (max-width: 768px){.section{padding:3.5rem 0}}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-soft)}.eyebrow:before{content:"";width:1.5rem;height:2px;background:var(--accent-2)}.display{font-family:Clash Display,sans-serif;font-weight:600;letter-spacing:-.03em;line-height:.98}.text-lime{color:var(--lime-deep)}.text-tang{color:var(--tang)}.mark{position:relative;display:inline-block;white-space:nowrap;z-index:0}.mark:after{content:"";position:absolute;left:-.1em;right:-.1em;bottom:.08em;height:.42em;background:var(--accent);z-index:-1;transform:skew(-12deg)}.btn{--btn-bg: var(--surface);--btn-fg: var(--text);display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.85rem 1.5rem;font-family:General Sans,sans-serif;font-size:.95rem;font-weight:600;line-height:1;white-space:nowrap;border:1.5px solid transparent;border-radius:var(--radius-chip);cursor:pointer;text-decoration:none;background:var(--btn-bg);color:var(--btn-fg);transition:transform var(--dur-fast) var(--ease-out),background var(--dur) var(--ease-out),color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.btn svg{transition:transform var(--dur) var(--ease-out)}.btn:active{transform:translateY(1px) scale(.985)}.btn.btn-primary{background:var(--lime);color:var(--ink);border-color:var(--ink);box-shadow:var(--shadow-hard)}.btn.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn.btn-primary:hover svg{transform:translate(3px)}.btn.btn-primary:active{transform:translate(0);box-shadow:2px 2px 0 var(--ink)}.btn.btn-secondary{background:transparent;color:var(--text);border-color:var(--line-strong)}.btn.btn-secondary:hover{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.btn.btn-secondary:hover svg{transform:translate(3px)}.btn.btn-tang{background:var(--tang);color:var(--on-accent-2);border-color:var(--ink);box-shadow:var(--shadow-hard)}.btn.btn-tang:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn.btn-tang:active{transform:translate(0);box-shadow:2px 2px 0 var(--ink)}.btn.btn-ghost{background:transparent;color:var(--text-soft);border-color:transparent;box-shadow:none}.btn.btn-ghost:hover{color:var(--text);background:var(--surface-2)}.btn.btn-lg{padding:1.05rem 1.9rem;font-size:1.02rem}.btn.btn-sm{padding:.6rem 1.1rem;font-size:.85rem}@media (prefers-reduced-motion: reduce){.btn,.btn:hover,.btn:active{transform:none!important}}.chip{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .85rem;font-family:JetBrains Mono,monospace;font-size:.74rem;font-weight:500;letter-spacing:.02em;border-radius:var(--radius-chip);border:1.5px solid var(--line-strong);background:var(--surface);color:var(--text)}.card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-card);padding:1.75rem;transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-lift);transform:translateY(-4px)}@media (prefers-reduced-motion: reduce){.card:hover{transform:none}}.code-block{background:#131316;color:#e6e6ea;padding:1.25rem 1.5rem;border-radius:14px;border:1.5px solid rgba(255,255,255,.08);font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.7;overflow-x:auto;margin:1rem 0}.code-block .hljs{background:transparent}.code-block-container pre[class*=language-]{background:#131316!important;color:#e6e6ea!important;font-family:JetBrains Mono,monospace!important;font-size:.85rem!important}.code-block-container pre[class*=language-] code[class*=language-]{background:transparent!important;color:inherit!important;font-family:inherit!important}.marquee{--speed: 28s;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee__track{display:flex;flex-shrink:0;gap:var(--gap, 2.5rem);padding-right:var(--gap, 2.5rem);align-items:center;animation:marquee-scroll var(--speed) linear infinite;will-change:transform}.marquee:hover .marquee__track{animation-play-state:paused}.marquee--reverse .marquee__track{animation-direction:reverse}@keyframes marquee-scroll{to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.marquee{-webkit-mask-image:none;mask-image:none;overflow-x:auto}.marquee__track{animation:none}}.fade-in{animation:fadeIn var(--dur-slow) var(--ease-out) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.fade-in{animation:none}}.section-head{max-width:720px;margin-bottom:clamp(2.5rem,5vw,4rem)}.section-head h2{font-size:clamp(2rem,4.5vw,3.4rem);margin:1rem 0 .9rem}.section-head p{font-size:1.1rem;color:var(--text-soft);max-width:56ch}