*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#0f172a;color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;letter-spacing:-.02em}code,pre{font-family:Fira Code,Cascadia Code,JetBrains Mono,SF Mono,Consolas,monospace;font-size:.9em}.navbar{position:sticky;top:0;z-index:100;border-bottom:1px solid transparent;transition:background .2s ease,border-color .2s ease,backdrop-filter .2s ease}.navbar.scrolled{background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:#1f2937}.navbar .inner{display:flex;align-items:center;justify-content:space-between;height:60px;max-width:1100px;margin:0 auto;padding:0 1.5rem}.navbar .logo{font-size:1.1rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(90deg,#38bdf8,#818cf8 40%,#ec4899 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar .logo:hover{opacity:.85}.navbar .links{display:flex;align-items:center;gap:.25rem}.navbar .links a{font-size:.9rem;color:#94a3b8;padding:.4rem .75rem;border-radius:8px;transition:color .15s ease,background .15s ease}.navbar .links a:hover{color:#f8fafc;background:#f8fafc0d}.btn,.btn-ghost,.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.4rem;border-radius:8px;font-size:.95rem;font-weight:600;transition:all .15s ease;cursor:pointer;border:none;text-decoration:none;white-space:nowrap}.btn-primary{background:#f8fafc14;color:#f8fafc;border:1px solid rgba(248,250,252,.15)}.btn-primary:hover{background:#f8fafc21;border-color:#f8fafc40}.btn-ghost{color:#94a3b8;border:1px solid #1F2937}.btn-ghost:hover{color:#f8fafc;border-color:#2d3748;background:#f8fafc08}.file-tree-wrapper{padding:1rem 0 1.5rem}.file-tree{background:#111827;border:1px solid #1F2937;border-radius:16px;overflow:hidden;max-width:520px;margin:0 auto;box-shadow:0 0 0 1px #38bdf80f,0 20px 60px #00000080,0 0 80px #38bdf80a}.file-tree .titlebar{display:flex;align-items:center;gap:.6rem;padding:.9rem 1.1rem;border-bottom:1px solid #1F2937;background:#f8fafc05}.file-tree .dot{width:12px;height:12px;border-radius:50%}.file-tree .dot.red{background:#ff5f57}.file-tree .dot.yellow{background:#febc2e}.file-tree .dot.green{background:#28c840}.file-tree .title{font-size:.8rem;color:#64748b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;margin-left:.5rem}.file-tree .body{padding:1rem 1.75rem 1.25rem}.file-tree .root{display:flex;align-items:center;gap:.45rem;font-family:Fira Code,Cascadia Code,JetBrains Mono,SF Mono,Consolas,monospace;font-size:.85rem;font-weight:500;color:#94a3b8;margin-bottom:.75rem;padding-left:.1rem}.file-tree .root svg{color:#64748b;flex-shrink:0}.file-tree ul{list-style:none;display:flex;flex-direction:column;gap:0}.file-tree ul li+li{border-top:1px solid #1F2937}.file-tree .item{display:flex;align-items:center;gap:.55rem;font-family:Fira Code,Cascadia Code,JetBrains Mono,SF Mono,Consolas,monospace;font-size:.85rem;padding:.55rem .5rem;margin:0 -.5rem;transition:background .15s ease;text-decoration:none}.file-tree .item:hover{background:#f8fafc0a}.file-tree .connector{color:#64748b;user-select:none;flex-shrink:0;letter-spacing:-.03em}.file-tree .folder-icon{flex-shrink:0;position:relative;top:-1px}.file-tree .folder-name{font-weight:600;letter-spacing:-.01em;flex-shrink:0;color:#f8fafc}.file-tree .comment{flex:1;text-align:right;color:#64748b;font-style:italic;font-size:.78rem;padding-left:1rem}.feature-card{background:#111827;border:1px solid #1F2937;border-radius:12px;overflow:hidden;padding:0 1.75rem 1.75rem;transition:border-color .2s ease,transform .2s ease}.feature-card:hover{border-color:#2d3748;transform:translateY(-2px)}.feature-card .illustration{margin:0 -1.75rem 1.5rem;border-bottom:1px solid #1F2937;aspect-ratio:320/115;overflow:hidden}.feature-card .illustration svg{width:100%;height:100%;display:block}.feature-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.5rem;color:#f8fafc}.feature-card p{font-size:.92rem;color:#94a3b8;line-height:1.65}.code-block{background:#111827;border:1px solid #1F2937;border-radius:12px;overflow:hidden;margin:1.25rem 0}.code-block .header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid #1F2937;background:#f8fafc05}.code-block .label{font-size:.75rem;color:#64748b;font-family:Fira Code,Cascadia Code,JetBrains Mono,SF Mono,Consolas,monospace;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.code-block .body{padding:1.1rem 1.25rem;overflow-x:auto}.code-block .body pre{margin:0}.code-block .body code{font-size:.83rem;line-height:1.8;color:#94a3b8;white-space:pre}.code-block .body code .keyword{color:#ec4899}.code-block .body code .string{color:#38bdf8}.code-block .body code .comment{color:#64748b;font-style:italic}.code-block .body code .class{color:#818cf8}.code-block .part{padding:.65rem 1rem .75rem}.code-block .part+.part{border-top:1px solid #1F2937}.code-block .part pre{margin:0;font-size:.83rem;line-height:1.7;color:#94a3b8}.code-block .lang{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:.35rem}:not(pre)>code{background:#38bdf814;border:1px solid rgba(56,189,248,.15);color:#38bdf8;padding:.1em .4em;border-radius:4px;font-size:.88em}.footer{border-top:1px solid #1F2937;padding:2.5rem 0}.footer .inner{max-width:1100px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.footer .brand{display:flex;flex-direction:column;gap:.2rem}.footer .logo{font-size:1rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(90deg,#38bdf8,#818cf8 40%,#ec4899 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer .tagline{font-size:.82rem;color:#64748b}.footer .right{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.footer .links{display:flex;gap:1.5rem}.footer .links a{font-size:.88rem;color:#94a3b8;transition:color .15s ease}.footer .links a:hover{color:#f8fafc}.footer .credit{font-size:.8rem;color:#64748b}.footer .credit a{color:#94a3b8;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.footer .credit a:hover{color:#f8fafc}@media (max-width: 640px){.footer .inner{flex-direction:column;align-items:flex-start}.footer .right{align-items:flex-start}}.hero{padding:3.5rem 0 2.5rem;text-align:center}.hero .badge{display:inline-flex;align-items:center;gap:.5rem;background:#38bdf814;border:1px solid rgba(56,189,248,.2);color:#38bdf8;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.3rem .85rem;border-radius:100px;margin-bottom:2rem}.hero h1{font-size:clamp(4rem,12vw,7.5rem);font-weight:900;letter-spacing:-.05em;line-height:1;margin-bottom:1.25rem}.hero .tagline{font-size:clamp(1.1rem,2.5vw,1.4rem);color:#94a3b8;font-weight:400;margin-bottom:1rem;letter-spacing:-.01em}.hero .description{font-size:1.05rem;color:#64748b;max-width:560px;margin:0 auto;line-height:1.7}.hero-actions{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;padding:1.75rem 0 4rem}.features{padding:0 0 5rem}.features .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}@media (max-width: 640px){.hero{padding:4rem 0 3rem}.hero h1{letter-spacing:-.04em}.features{padding:1rem 0 4rem}}.docs-hero{padding:5rem 0 3rem;border-bottom:1px solid #1F2937;margin-bottom:2rem}.docs-hero h1{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:900;letter-spacing:-.04em;margin-bottom:.75rem}.docs-hero p{font-size:1.1rem;color:#94a3b8;max-width:520px}.docs-content{padding-bottom:6rem}.docs-content section{margin-bottom:4rem}.docs-section a:not([class]){color:#f8fafc;text-decoration:underline;text-underline-offset:2px;text-decoration-color:#2d3748;transition:color .15s ease}.docs-section a:not([class]):hover{color:#38bdf8}.docs-section{padding-bottom:1.25rem}.docs-section h2{position:relative;font-size:1.7rem;font-weight:800;letter-spacing:-.03em;margin-bottom:1rem;padding-top:1.25rem;border-top:1px solid #1F2937;scroll-margin-top:80px}.docs-section h2 .heading-anchor{color:inherit;text-decoration:none;position:relative}.docs-section h2 .heading-anchor:before{content:"#";position:absolute;right:calc(100% + .25rem);opacity:0;color:#64748b;font-weight:300;transition:opacity .15s ease;pointer-events:none;user-select:none}.docs-section h2:hover .heading-anchor:before{opacity:1}.docs-section .lead{font-size:1.05rem;color:#94a3b8;margin-bottom:1.5rem;line-height:1.7}.docs-section p{color:#94a3b8;line-height:1.75;margin-bottom:1rem;font-size:.97rem}.docs-section h3{font-size:1.05rem;font-weight:700;margin:1.75rem 0 .5rem;color:#f8fafc}.docs-section ul{color:#94a3b8;padding-left:1.25rem;margin-bottom:1rem}.docs-section ul li{margin-bottom:.3rem;font-size:.95rem;line-height:1.65}.docs-section blockquote{border-left:3px solid;border-image:linear-gradient(90deg,#38bdf8,#818cf8 40%,#ec4899 70%) 1;padding:.75rem 1.25rem;background:#38bdf80d;border-radius:0 8px 8px 0;margin:1.5rem 0}.docs-section blockquote p{margin:0;color:#f8fafc;font-style:italic}.dir-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0 2rem}.dir-card{display:block;background:#111827;border:1px solid #1F2937;border-radius:12px;padding:1.25rem;transition:border-color .15s ease;text-decoration:none}.dir-card:hover{border-color:#2d3748}.dir-card .name{font-family:Fira Code,Cascadia Code,JetBrains Mono,SF Mono,Consolas,monospace;font-size:.85rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(90deg,#38bdf8,#818cf8 40%,#ec4899 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dir-card p{font-size:.88rem;color:#94a3b8;line-height:1.55}.naming-compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.25rem 0}@media (max-width: 600px){.naming-compare{grid-template-columns:1fr}}.naming-block{border-radius:12px;overflow:hidden;border:1px solid #1F2937}.naming-block .label{padding:.5rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #1F2937}.naming-block.less .label{color:#64748b;background:#f8fafc05}.naming-block.preferred .label{color:#38bdf8;background:#38bdf80f}.naming-block .note{font-weight:400;opacity:.6;text-transform:none;letter-spacing:0}.naming-block .part{padding:.65rem 1rem .75rem}.naming-block .part+.part{border-top:1px solid #1F2937}.naming-block .part pre{color:#94a3b8}.naming-block .lang{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:.35rem}.naming-block pre{margin:0;font-size:.83rem;line-height:1.7;color:#94a3b8}.convention-list{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.75rem;margin:1.25rem 0;align-items:baseline}.convention-list dt{font-size:.88rem;font-weight:600;white-space:nowrap}.convention-list dt a{color:#f8fafc;text-decoration:underline;text-underline-offset:2px;text-decoration-color:#2d3748;transition:color .15s ease}.convention-list dt a:hover{color:#38bdf8}.convention-list dd{font-size:.88rem;color:#94a3b8}.prompt-block{background:#111827;border:1px solid rgba(129,140,248,.25);border-left:3px solid #818CF8;border-radius:0 12px 12px 0;padding:1rem 1.25rem;margin:1rem 0;font-family:Fira Code,Cascadia Code,JetBrains Mono,SF Mono,Consolas,monospace;font-size:.83rem;line-height:1.75;color:#94a3b8}.docs-page{display:grid;grid-template-columns:220px 1fr;max-width:1160px;margin:0 auto;padding:0 1.5rem;align-items:start;gap:4rem}.docs-nav{position:sticky;top:76px;padding:2.5rem 0}.docs-nav .group{margin-bottom:2rem}.docs-nav .group-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:.5rem;padding:0 .75rem}.docs-nav ul{list-style:none}.docs-nav a{display:block;font-size:.875rem;color:#94a3b8;padding:.3rem .75rem;border-radius:8px;transition:color .15s ease,background .15s ease}.docs-nav a:hover{color:#f8fafc;background:#f8fafc0d}.docs-nav a.active{color:#f8fafc;background:#38bdf814;font-weight:600}.docs-article{min-width:0;padding:2.5rem 0 5rem}.docs-article header{margin-bottom:1.75rem;padding-bottom:1.75rem;border-bottom:1px solid #1F2937}.docs-article h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;letter-spacing:-.04em;margin-bottom:.6rem}.docs-article header p{font-size:1.05rem;color:#94a3b8;line-height:1.7}.docs-article .docs-section:first-of-type h2{border-top:none;padding-top:0}@media (max-width: 768px){.docs-page{grid-template-columns:1fr;gap:0}.docs-nav{position:static;padding-bottom:0;border-bottom:1px solid #1F2937;margin-bottom:2rem}}.gradient-text{background:linear-gradient(90deg,#38bdf8,#818cf8 40%,#ec4899 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.container--docs{max-width:820px;margin:0 auto;padding:0 1.5rem}.section-divider{height:1px;background:#1f2937;margin:0}