@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";.nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#0b0b0fb8;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;height:76px;display:flex}.nav-logo{align-items:center;gap:2px;font-size:18px;font-weight:500;display:flex}.nav-logo-mark{color:var(--ember)}.nav-links{gap:32px;font-size:13px;display:flex}.nav-link{color:var(--slate);text-transform:lowercase;padding:4px 0;transition:color .2s;position:relative}.nav-link:after{content:"";background:var(--ember);width:0;height:1px;transition:width .25s;position:absolute;bottom:-2px;left:0}.nav-link:hover,.nav-link.is-active{color:var(--bone)}.nav-link.is-active:after{width:100%}.nav-cta{border:1px solid var(--line);border-radius:100px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;transition:border-color .2s,background .2s;display:flex}.nav-cta:hover{border-color:var(--ember);background:#ff5a1f1a}.nav-cta-arrow{color:var(--ember)}@media (width<=860px){.nav-links{display:none}}.nav-burger{z-index:130;flex-direction:column;justify-content:space-between;width:32px;height:24px;display:none;position:relative}.nav-burger span{background:var(--bone);border-radius:2px;width:100%;height:2px;transition:transform .3s,opacity .3s;display:block}.nav-burger.is-open span:first-child{transform:translateY(11px)rotate(45deg)}.nav-burger.is-open span:nth-child(2){opacity:0}.nav-burger.is-open span:nth-child(3){transform:translateY(-11px)rotate(-45deg)}.nav-overlay{opacity:0;pointer-events:none;z-index:110;background:#0000008c;transition:opacity .3s;position:fixed;inset:0}.nav-overlay.is-open{opacity:1;pointer-events:auto}.nav-mobile{background:var(--ink-soft);border-left:1px solid var(--line);z-index:120;flex-direction:column;justify-content:center;gap:40px;width:100%;height:100dvh;padding:32px;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.nav-mobile.is-open{transform:translate(0)}.nav-mobile-links{flex-direction:column;gap:28px;display:flex}.nav-mobile-link{color:var(--slate);text-transform:lowercase;font-size:22px;transition:opacity .35s,transform .35s,color .2s}.nav-mobile-link.is-active,.nav-mobile-link:hover{color:var(--bone)}.nav-mobile-cta{align-self:flex-start;font-size:14px;transition:opacity .35s}@media (width<=860px){.nav-cta{display:none}.nav-burger{display:flex}}.footer{border-top:1px solid var(--line);padding:40px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-line{color:var(--slate);font-size:12px}.footer-social{gap:24px;font-size:12px;display:flex}.footer-social a{color:var(--slate);transition:color .2s}.footer-social a:hover{color:var(--ember)}@media (width<=600px){.footer-inner{text-align:center;justify-content:center}}.resume-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;isolation:isolate;background:#060608cc;justify-content:center;align-items:center;padding:24px;animation:.18s resume-fade-in;display:flex;position:fixed;inset:0}@keyframes resume-fade-in{0%{opacity:0}to{opacity:1}}.resume-modal{background:#1c1c1e;border-radius:14px;flex-direction:column;width:100%;max-width:760px;height:min(88vh,900px);animation:.2s resume-pop-in;display:flex;overflow:hidden;box-shadow:0 30px 80px -20px #000000b3}@keyframes resume-pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.resume-modal-bar{background:#1c1c1e;flex-shrink:0;align-items:center;gap:10px;padding:14px 18px;display:flex}.resume-modal-title{color:#ffffff8c;font-size:13px}.resume-download-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;font-size:12px;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.resume-download-btn:hover{background:#ffffff29;border-color:#ffffff47}.resume-close-btn{color:#fff9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:background .2s,color .2s;display:inline-flex}.resume-close-btn:hover{color:#fff;background:#ffffff24}.resume-modal-body{background:#0f0f10;flex:1;min-height:0}.resume-pdf-frame{background:#fff;border:none;width:100%;height:100%;display:block}.resume-fallback{color:#ffffffb3;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:24px;font-size:13px;display:flex}.resume-fallback a{color:#ff5a1f}@media (width<=720px){.resume-overlay{padding:12px}.resume-modal{height:90vh}}.terminal{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0b0fd1;border:1px solid #f5efe826;border-radius:14px;width:100%;max-width:440px;overflow:hidden;box-shadow:0 30px 80px -20px #0009,0 0 60px -10px #ff5a1f59}.terminal-dot{border-radius:50%;width:10px;height:10px}.dot-red{background:#ff5f57}.dot-amber{background:#febc2e}.dot-green{background:#28c840}.terminal-title{color:var(--slate);margin-left:8px;font-size:12px}.terminal-cv-btn{color:#f5efe8bf;cursor:pointer;background:#ffffff0f;border:1px solid #f5efe82e;border-radius:100px;flex-shrink:0;margin-left:auto;padding:4px 11px;font-size:11px;transition:border-color .2s,color .2s,background .2s}.terminal-body{min-height:190px;padding:20px 18px 24px;font-size:14px;line-height:1.9}.terminal-cmd{color:var(--bone)}.terminal-prompt{color:var(--ember);font-weight:600}.terminal-out{color:var(--amber);padding-left:18px}.terminal-cursor{background:var(--amber);vertical-align:middle;width:7px;height:14px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}@media (width<=720px){.terminal{max-width:100%}}.hero{background:var(--gradient-hero);padding-top:180px;padding-bottom:0;position:relative}.hero-inner{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;padding-bottom:90px;display:grid}.hero-title{color:var(--bone);margin-bottom:26px;font-size:clamp(48px,6.2vw,88px)}.hero-title-accent{-webkit-text-stroke:2px var(--bone);color:#0000}.hero-sub{color:#f5efe8d1;max-width:460px;margin-bottom:36px;font-size:18px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.btn{border-radius:100px;padding:14px 28px;font-size:14px;font-weight:600;transition:transform .2s,background .2s,border-color .2s;display:inline-block}.btn-primary{background:var(--bone);color:var(--ink)}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{color:var(--bone);border:1px solid #f5efe866}.btn-ghost:hover{border-color:var(--bone);transform:translateY(-2px)}.hero-visual{justify-content:center;display:flex}.terminal-wrap{width:100%;position:relative}.terminal-cv-btn{z-index:5;color:#f5efe8bf;cursor:pointer;background:#ffffff0f;border:1px solid #f5efe82e;border-radius:100px;padding:5px 12px;font-size:11px;transition:border-color .2s,color .2s,background .2s;position:absolute;top:11px;right:14px}.terminal-cv-btn:hover{border-color:var(--ember);color:var(--bone);background:#ff5a1f1f}.hero-stats{border-top:1px solid #f5efe82e;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:32px;padding-bottom:44px;display:grid}.stat{flex-direction:column;gap:4px;display:flex}.stat-n{color:var(--amber);font-size:12px}.stat-k{font-family:var(--font-display);color:var(--bone);font-size:28px;font-weight:700}.stat-v{color:#f5efe8b3;font-size:12px}.quicklinks{background:var(--ink)}.quicklinks-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1px;margin-top:28px;display:grid}.quicklink-card{background:var(--ink);padding:40px;transition:background .25s}.quicklink-card:hover{background:var(--ink-soft)}.quicklink-card h3{margin-bottom:10px;font-size:24px}.quicklink-card p{color:var(--slate);max-width:340px;margin-bottom:20px;font-size:15px}.quicklink-arrow{color:var(--ember);font-size:13px}@media (width<=900px){.hero-inner{grid-template-columns:1fr}.hero-visual{order:-1}.hero-stats{grid-template-columns:repeat(2,1fr)}.quicklinks-grid{grid-template-columns:1fr}}.about{padding-top:168px}.about-title{max-width:720px;margin-bottom:28px;font-size:clamp(36px,5vw,60px)}.about-lede{color:var(--slate);max-width:640px;margin-bottom:64px;font-size:18px;line-height:1.7}.about-grid{grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:90px;display:grid}.about-block{border:1px solid var(--line);border-radius:14px;padding:32px}.about-block h3{color:var(--ember);margin-bottom:14px;font-size:18px}.about-block p{color:var(--slate);font-size:15px;line-height:1.7}.timeline{border-top:1px solid var(--line)}.timeline-row{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr;gap:32px;padding:28px 0;display:grid}.timeline-year{color:var(--amber);font-size:14px}.timeline-body h4{margin-bottom:8px;font-size:19px}.timeline-body p{color:var(--slate);max-width:520px;font-size:15px}@media (width<=720px){.about-grid{grid-template-columns:1fr}.timeline-row{grid-template-columns:1fr;gap:8px}}.projects{padding-top:168px;position:relative}.projects:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(700px 500px at 12% 0,#ff5a1f1a,#0000 60%),radial-gradient(600px 500px at 88% 18%,#7882ff14,#0000 55%),radial-gradient(800px 600px at 50% 100%,#ffb45a0f,#0000 60%);position:absolute;inset:0}.projects-title{margin-bottom:20px;font-size:clamp(36px,5vw,60px)}.projects-lede{color:var(--slate);max-width:560px;margin-bottom:56px;font-size:17px}.projects-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.project-card{--mx:50%;--my:50%;--rx:0deg;--ry:0deg;border:1px solid var(--line);cursor:pointer;height:420px;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(0);will-change:transform;background:#ffffff03;border-radius:14px;flex-direction:column;transition:border-color .3s,transform .15s,box-shadow .3s;display:flex;overflow:hidden}.project-card:hover,.project-card:focus-visible{border-color:var(--ember);outline:none;box-shadow:0 20px 40px -20px #ff5a1f59}.project-card:hover{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-6px)}.project-card:active{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-2px) scale(.99)}.project-thumb{background:radial-gradient(120% 140% at 15% 10%,#ff783c59,#0000 55%),radial-gradient(100% 120% at 90% 100%,#788cff47,#0000 55%),linear-gradient(135deg,#1c1c22 0%,#232329 55%,#2a2a32 100%);flex-shrink:0;justify-content:center;align-items:center;height:160px;display:flex;position:relative;overflow:hidden}.project-card:nth-child(2n) .project-thumb{background:radial-gradient(120% 140% at 85% 15%,#ffaa3c4d,#0000 55%),radial-gradient(100% 120% at 10% 95%,#a06eff42,#0000 55%),linear-gradient(135deg,#1c1c22 0%,#232329 55%,#2a2a32 100%)}.project-card:nth-child(3n) .project-thumb{background:radial-gradient(120% 140% at 50% 0,#ff5a8242,#0000 55%),radial-gradient(100% 120% at 100% 100%,#5ac8ff38,#0000 55%),linear-gradient(135deg,#1c1c22 0%,#232329 55%,#2a2a32 100%)}.project-thumb:before{content:"";background:radial-gradient(circle at var(--mx) var(--my), #ff5a1f59, transparent 55%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.project-card:hover .project-thumb:before{opacity:1}.project-thumb-index{font-family:var(--mono-font,monospace);letter-spacing:.04em;color:#ffffff24;z-index:1;font-size:34px;font-weight:600;transition:color .3s,transform .3s}.project-card:hover .project-thumb-index{color:#ff5a1f8c;transform:scale(1.08)}.project-body{flex-direction:column;flex:1;min-height:0;padding:26px 26px 12px;display:flex}.project-tag-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.project-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--amber);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.project-badges{flex-shrink:0;align-items:center;gap:6px;display:flex}.project-status{text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--line);white-space:nowrap;border-radius:100px;padding:3px 8px;font-size:10px}.project-status.is-live{color:#6fd08c;border-color:#6fd08c59}.project-status.is-progress{color:var(--amber);border-color:#ffb45a59}.project-kind{text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--line);white-space:nowrap;border-radius:100px;padding:3px 8px;font-size:10px}.project-kind.is-web{color:#7fb8ff;border-color:#7fb8ff59}.project-kind.is-app{color:#c99bff;border-color:#c99bff59}.project-body h3{flex-shrink:0;margin:10px 0 12px;font-size:21px}.project-desc{color:var(--slate);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:18px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.project-stack{flex-wrap:wrap;flex-shrink:0;gap:10px;font-size:11px;display:flex}.project-stack span{border:1px solid var(--line);color:var(--slate);border-radius:6px;padding:4px 9px}.project-open{color:var(--slate);opacity:0;flex-shrink:0;padding:16px 26px 22px;font-size:12px;transition:opacity .25s,transform .25s,color .25s;transform:translate(-6px)}.project-card:hover .project-open{opacity:1;color:var(--ember);transform:translate(0)}@media (width<=980px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.projects-grid{grid-template-columns:1fr}}.project-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#0a0a0cb8;justify-content:center;align-items:center;padding:24px;animation:.25s overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.project-modal{border:1px solid var(--line);background:#16161a;border-radius:16px;width:100%;max-width:560px;max-height:86vh;animation:.3s cubic-bezier(.16,1,.3,1) modal-in;position:relative;overflow-y:auto}@keyframes modal-in{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.project-modal-close{border:1px solid var(--line);width:34px;height:34px;color:var(--slate);cursor:pointer;z-index:2;background:#0000004d;border-radius:50%;font-size:18px;line-height:1;transition:border-color .2s,color .2s,transform .2s;position:absolute;top:16px;right:16px}.project-modal-close:hover{border-color:var(--ember);color:var(--ember);transform:rotate(90deg)}.project-modal-thumb{background:radial-gradient(120% 140% at 15% 10%,#ff783c59,#0000 55%),radial-gradient(100% 120% at 90% 100%,#788cff47,#0000 55%),linear-gradient(135deg,#1c1c22 0%,#232329 55%,#2a2a32 100%);border-radius:16px 16px 0 0;justify-content:center;align-items:center;height:180px;display:flex}.project-modal-thumb .project-thumb-index{color:#ff5a1f66;font-size:46px}.project-modal-body{padding:30px 32px 34px}.project-modal-body h2{margin:14px 0;font-size:28px}.project-modal-body p{color:var(--slate);margin-bottom:20px;font-size:15px;line-height:1.7}.project-modal-body .project-stack{margin-bottom:26px}.project-visit{color:var(--ember);border:1px solid var(--ember);border-radius:8px;padding:10px 18px;font-size:13px;text-decoration:none;transition:background .2s,color .2s;display:inline-block}.project-visit:hover{background:var(--ember);color:#0f0f11}.stack{padding-top:168px}.stack-title{margin-bottom:20px;font-size:clamp(36px,5vw,60px)}.stack-lede{color:var(--slate);max-width:580px;margin-bottom:64px;font-size:17px}.stack-groups{grid-template-columns:repeat(2,1fr);gap:56px 64px;display:grid}.stack-group-label{text-transform:uppercase;letter-spacing:.1em;color:var(--ember);border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:14px;font-size:13px}.stack-list{flex-direction:column;gap:18px;display:flex}.stack-item{justify-content:space-between;align-items:center;gap:20px;display:flex}.stack-item-name{font-size:15px}.stack-item-bar{gap:4px;display:flex}.bar-seg{background:var(--line);border-radius:3px;width:18px;height:6px}.bar-seg.filled{background:var(--amber)}@media (width<=720px){.stack-groups{grid-template-columns:1fr;gap:40px}}.library{padding-top:168px}.library-title{margin-bottom:20px;font-size:clamp(36px,5vw,60px)}.library-lede{color:var(--slate);max-width:580px;margin-bottom:56px;font-size:17px}.library-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.pkg-card{border:1px solid var(--line);cursor:pointer;border-radius:14px;padding:28px;transition:border-color .25s,transform .25s}.pkg-card:hover{border-color:var(--ember);transform:translateY(-4px)}.pkg-head{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.pkg-head h3{color:var(--bone);font-size:19px}.pkg-version{color:var(--slate);font-size:12px}.pkg-desc{color:var(--slate);min-height:68px;margin-bottom:20px;font-size:14px;line-height:1.65}.pkg-install{background:var(--ink-soft);color:var(--amber);white-space:nowrap;border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:13px;overflow-x:auto}.pkg-install-prompt{color:var(--ember)}.pkg-meta{color:var(--slate);justify-content:space-between;font-size:12px;display:flex}@media (width<=980px){.library-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.library-grid{grid-template-columns:1fr}}.contact{background:radial-gradient(90% 60% at 80% 0,#ff5a1f29 0%,#0000 60%);min-height:100vh;padding-top:168px}.contact-inner{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.contact-title{margin-bottom:24px;font-size:clamp(36px,5vw,60px)}.contact-lede{color:var(--slate);max-width:420px;margin-bottom:28px;font-size:17px;line-height:1.7}.contact-email{color:var(--amber);border-bottom:1px solid var(--amber);padding-bottom:2px;font-size:16px}.contact-form-wrap{border:1px solid var(--line);background:#0b0b0f99;border-radius:14px;overflow:hidden}.terminal-bar{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px 16px;display:flex}.contact-form{flex-direction:column;gap:6px;padding:28px;display:flex}.contact-form label{color:var(--ember);margin-top:14px;font-size:12px}.contact-form input,.contact-form textarea{background:var(--ink-soft);border:1px solid var(--line);color:var(--bone);font-family:var(--font-body);resize:vertical;border-radius:8px;padding:12px 14px;font-size:14px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--slate)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--ember)}.contact-submit{font-family:var(--font-mono);align-self:flex-start;margin-top:22px}.contact-success{color:var(--bone);padding:40px 28px;font-size:14px}.success-line{color:var(--amber);margin-top:10px}@media (width<=860px){.contact-inner{grid-template-columns:1fr}}:root{--ink:#0b0b0f;--ink-soft:#17161c;--ember:#ff5a1f;--molten:#c81e3a;--bone:#f5efe8;--amber:#ffb347;--slate:#8a8a93;--line:#f5efe81f;--font-display:"Space Grotesk", "Inter", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--gradient-hero:radial-gradient(120% 140% at 75% 20%, #ff5a1f 0%, #c81e3a 45%, #2b0b12 78%, #0b0b0f 100%);--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--bone);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}ul{list-style:none}img{max-width:100%;display:block}.wrap{max-width:var(--max-width);margin:0 auto;padding:32px}.mono{font-family:var(--font-mono);letter-spacing:.02em}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ember);align-items:center;gap:10px;margin-bottom:18px;font-size:13px;display:flex}.eyebrow:before{content:"";background:var(--ember);width:22px;height:1px}section{padding:120px 0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.05}::selection{background:var(--ember);color:var(--ink)}::-webkit-scrollbar{width:10px;display:none}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:var(--ember);border-radius:8px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--amber);outline-offset:3px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=720px){section{padding:72px 0}.wrap{padding:20px}}.docs-page{--doc-bg:#0b0d12;--doc-surface:#12151c;--doc-border:#1f2430;--doc-text:#e5e7eb;--doc-slate:#94a3b8;--doc-accent:#6366f1;--doc-accent-soft:#6366f124;--doc-code-bg:#0d1117;background:var(--doc-bg);color:var(--doc-text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;display:flex}.mono{font-family:SFMono-Regular,ui-monospace,JetBrains Mono,Menlo,Consolas,monospace}.docs-sidebar{border-right:1px solid var(--doc-border);flex-direction:column;flex-shrink:0;gap:24px;width:250px;height:100vh;padding:108px 28px 28px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.docs-brand{align-items:center;gap:10px;padding:0 8px;display:flex}.docs-brand__mark{background:linear-gradient(135deg, var(--doc-accent), #8b5cf6);color:#fff;letter-spacing:-.02em;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.docs-brand__name{letter-spacing:-.01em;font-size:15px;font-weight:700}.docs-nav{flex-direction:column;flex:1;gap:2px;display:flex}.docs-nav__group+.docs-nav__group{margin-top:14px}.docs-nav__link{color:var(--doc-slate);border-radius:7px;padding:7px 10px;font-size:13.5px;text-decoration:none;transition:background .15s,color .15s;display:block}.docs-nav__link.is-heading{text-transform:uppercase;letter-spacing:.08em;color:#556074;pointer-events:none;padding-bottom:4px;font-size:11px;font-weight:700}.docs-nav__link:hover{color:var(--doc-text);background:#ffffff08}.docs-nav__link.is-active{color:var(--doc-accent);background:var(--doc-accent-soft);font-weight:600}.docs-nav__children{flex-direction:column;gap:1px;display:flex}.docs-nav__link--sub{padding-left:18px}.docs-nav__cta{text-align:center;border:1px solid var(--doc-border);color:var(--doc-slate);border-radius:8px;padding:9px;font-size:12.5px;text-decoration:none;transition:border-color .2s,color .2s;display:block}.docs-nav__cta:hover{border-color:var(--doc-accent);color:var(--doc-accent)}.docs-main{flex:1;max-width:760px;padding:108px 48px 100px}.docs-components-title{text-transform:uppercase;letter-spacing:.1em;color:var(--doc-slate);border-bottom:1px solid var(--doc-border);margin:72px 0 8px;padding-bottom:14px;font-size:13px}.doc-section{border-bottom:1px solid var(--doc-border);padding:44px 0;scroll-margin-top:24px}.doc-section:first-of-type{padding-top:0}.doc-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--doc-accent);margin-bottom:10px;font-size:11px}.doc-section h2{letter-spacing:-.01em;margin:0 0 12px;font-size:26px}.doc-section:first-of-type h2{font-size:38px}.doc-desc{color:var(--doc-slate);max-width:60ch;margin-bottom:24px;font-size:15px;line-height:1.7}.hero-badges{flex-wrap:wrap;gap:8px;display:flex}.demo-frame{background:var(--doc-surface);border:1px solid var(--doc-border);border-radius:12px;justify-content:flex-start;align-items:center;margin-bottom:18px;padding:28px;display:flex}.demo-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.demo-col{flex-direction:column;gap:16px;width:100%;max-width:320px;display:flex}.code-block{background:var(--doc-code-bg);border:1px solid var(--doc-border);border-radius:12px;margin-bottom:18px;overflow:hidden}.code-block__bar{border-bottom:1px solid var(--doc-border);justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.code-block__lang{color:var(--doc-slate);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.code-block__copy{color:var(--doc-slate);border:1px solid var(--doc-border);cursor:pointer;background:0 0;border-radius:6px;padding:4px 9px;font-size:11px;transition:border-color .15s,color .15s}.code-block__copy:hover{border-color:var(--doc-accent);color:var(--doc-accent)}.code-block pre{margin:0;padding:16px 18px;overflow-x:auto}.code-block code{color:#d1d9e6;white-space:pre;font-family:SFMono-Regular,ui-monospace,JetBrains Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.65}.props-table{border-collapse:collapse;width:100%;margin-top:4px;font-size:13.5px;display:block;overflow-x:auto}.props-table th,.props-table td{min-width:120px}.props-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--doc-slate);border-bottom:1px solid var(--doc-border);padding:8px 10px;font-size:11px}.props-table td{border-bottom:1px solid var(--doc-border);color:var(--doc-text);vertical-align:top;padding:10px}.props-table td.mono{color:var(--doc-accent);white-space:nowrap}.props-table tr:last-child td{border-bottom:none}.docs-footer{color:var(--doc-slate);margin-top:60px;padding-top:24px;font-size:13px}@media (width<=900px){.docs-page{flex-direction:column;min-width:0;display:block}.docs-sidebar{border-right:none;border-bottom:1px solid var(--doc-border);flex-direction:column;align-items:stretch;width:100%;min-width:0;padding:20px 16px 18px;position:relative}.docs-nav{flex-direction:column;gap:10px;margin-top:18px;display:flex}.docs-nav__group{flex-direction:column;gap:6px;display:flex}.docs-nav__link{white-space:normal;width:100%}.docs-nav__link.is-heading{padding-left:0}.docs-nav__children{margin-left:0;padding-left:0}.docs-nav__cta{margin-top:16px;margin-left:0}.docs-main{width:100%;min-width:0;max-width:100%;padding:28px 16px 60px;display:block}}