*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{color:#1a1a1a;background:#f5f5f3;font-family:Inter,system-ui,sans-serif;line-height:1.6}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f5f5f3}::-webkit-scrollbar-thumb{background:#d1d1ce;border-radius:3px}.nav{z-index:50;-webkit-backdrop-filter:blur(12px);background:#f5f5f3d9;border-bottom:1px solid #0000000f;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1100px;height:58px;margin:0 auto;padding:0 28px;display:flex}.nav-logo{letter-spacing:-.3px;color:#1a1a1a;font-size:15px;font-weight:700;text-decoration:none}.nav-links{align-items:center;gap:28px;list-style:none;display:flex}.nav-links a{color:#6b6b6b;font-size:14px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#1a1a1a}.nav-cta{background:#1a1a1a;border-radius:8px;padding:9px 18px;color:#fff!important;font-size:14px!important;font-weight:600!important;transition:opacity .2s!important}.nav-cta:hover{opacity:.85}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 28px 80px;display:flex;position:relative;overflow:hidden}.hero-bg-image{display:none}.hero-content{z-index:1;max-width:680px;position:relative}.hero-badge{color:#6b6b6b;background:#fff;border:1px solid #e5e5e2;border-radius:100px;align-items:center;gap:7px;margin-bottom:32px;padding:5px 14px;font-size:13px;display:inline-flex;box-shadow:0 1px 4px #0000000f}.hero-badge-dot{background:#22c55e;border-radius:50%;width:6px;height:6px}.hero-title{letter-spacing:-4px;color:#1a1a1a;margin-bottom:12px;font-size:clamp(52px,8vw,96px);font-weight:800;line-height:1}.hero-title-sub{letter-spacing:-4px;color:#2563eb;margin-bottom:28px;font-size:clamp(52px,8vw,96px);font-weight:800;line-height:1}.hero-desc{color:#6b6b6b;max-width:480px;margin:0 auto 44px;font-size:17px;line-height:1.75}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-dark{color:#fff;background:#1a1a1a;border-radius:10px;align-items:center;gap:7px;padding:13px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.btn-dark:hover{opacity:.85;transform:translateY(-1px)}.btn-outline{color:#1a1a1a;background:#fff;border:1px solid #e5e5e2;border-radius:10px;align-items:center;gap:7px;padding:13px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .2s,transform .2s;display:inline-flex;box-shadow:0 1px 4px #0000000f}.btn-outline:hover{border-color:#c0c0bc;transform:translateY(-1px)}section{padding:96px 0}.container{max-width:1100px;margin:0 auto;padding:0 28px}.section-tag{letter-spacing:2px;text-transform:uppercase;color:#2563eb;margin-bottom:14px;font-size:12px;font-weight:700}.section-title{letter-spacing:-1.5px;color:#1a1a1a;margin-bottom:14px;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.1}.section-desc{color:#6b6b6b;max-width:500px;font-size:16px;line-height:1.7}.stats-bar{background:#fff;border-top:1px solid #eeecea;border-bottom:1px solid #eeecea}.stats-grid{grid-template-columns:repeat(4,1fr);display:grid}.stat{border-right:1px solid #eeecea;padding:36px 28px}.stat:last-child{border-right:none}.stat-num{letter-spacing:-1.5px;color:#1a1a1a;margin-bottom:6px;font-size:36px;font-weight:800;line-height:1}.stat-label{color:#9b9b96;font-size:13px}.overview{background:#fff}.overview-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.overview-table{border-collapse:collapse;width:100%;font-size:14px}.overview-table th{text-align:left;letter-spacing:1.5px;text-transform:uppercase;color:#9b9b96;border-bottom:1px solid #eeecea;padding:10px 0;font-size:11px;font-weight:700}.overview-table td{vertical-align:top;border-bottom:1px solid #f0f0ee;padding:14px 0}.overview-table td:first-child{color:#1a1a1a;width:40%;padding-right:20px;font-weight:600}.overview-table td:last-child{color:#6b6b6b}.td-tag{color:#2563eb;background:#f0f0ee;border-radius:4px;margin-bottom:4px;margin-right:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:12px;display:inline-block}.commands{background:#f5f5f3}.commands-list{flex-direction:column;gap:12px;margin-top:48px;display:flex}.cmd-row{background:#fff;border:1px solid #eeecea;border-radius:12px;transition:box-shadow .2s,border-color .2s;overflow:hidden}.cmd-row:hover{border-color:#d0d0cc;box-shadow:0 4px 16px #0000000f}.cmd-top{justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.cmd-left{align-items:center;gap:14px;display:flex}.cmd-num{color:#fff;background:#1a1a1a;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:flex}.cmd-title{color:#1a1a1a;font-size:15px;font-weight:700}.cmd-hint{color:#9b9b96;margin-top:2px;font-size:12px}.copy-btn{color:#6b6b6b;cursor:pointer;background:#f5f5f3;border:1px solid #e5e5e2;border-radius:7px;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;display:flex}.copy-btn:hover{color:#1a1a1a;border-color:#c0c0bc}.copy-btn.copied{color:#16a34a;background:#f0fdf4;border-color:#86efac}.cmd-code{padding:0 22px 18px}.code-block{color:#e5e5e2;background:#1a1a1a;border-radius:8px;padding:16px 20px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.8;overflow-x:auto}.code-block pre{white-space:pre;margin:0}.c-prompt{color:#6b7280}.c-cmd{color:#60a5fa}.c-out{color:#9ca3af}.c-ok{color:#4ade80}.c-note{color:#fbbf24}.features{background:#fff}.features-grid{background:#eeecea;border:1px solid #eeecea;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:48px;display:grid;overflow:hidden}.feat{background:#fff;padding:36px;transition:background .2s}.feat:hover{background:#fafaf8}.feat-icon{margin-bottom:16px;font-size:26px}.feat-title{color:#1a1a1a;letter-spacing:-.3px;margin-bottom:8px;font-size:16px;font-weight:700}.feat-desc{color:#6b6b6b;font-size:14px;line-height:1.7}.structure{background:#f5f5f3}.structure-grid{grid-template-columns:1fr 1fr;align-items:start;gap:32px;margin-top:48px;display:grid}.term-card{background:#1a1a1a;border-radius:14px;overflow:hidden}.term-header{border-bottom:1px solid #ffffff12;align-items:center;gap:7px;padding:14px 18px;display:flex}.dot{border-radius:50%;width:11px;height:11px}.dot.r{background:#ff5f57}.dot.y{background:#febc2e}.dot.g{background:#28c840}.term-title{color:#ffffff4d;margin-left:6px;font-family:JetBrains Mono,monospace;font-size:12px}.term-body{padding:18px;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:2}.t-item{color:#fff9;align-items:center;gap:8px;display:flex}.t-item.indent{padding-left:18px}.t-folder{color:#fbbf24}.t-tf{color:#60a5fa}.t-sh{color:#4ade80}.t-hcl{color:#a78bfa}.struct-notes{flex-direction:column;gap:12px;display:flex}.snote{background:#fff;border:1px solid #eeecea;border-radius:12px;padding:20px 22px;transition:border-color .2s}.snote:hover{border-color:#c0c0bc}.snote-title{color:#1a1a1a;margin-bottom:4px;font-size:14px;font-weight:700}.snote-desc{color:#6b6b6b;font-size:13px;line-height:1.6}.roadmap{background:#fff}.roadmap-cols{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;display:grid}.rmap-col{border:1px solid #eeecea;border-radius:14px;padding:28px;transition:border-color .2s}.rmap-col:hover{border-color:#c0c0bc}.rmap-label{letter-spacing:1px;text-transform:uppercase;border-radius:100px;align-items:center;gap:6px;margin-bottom:20px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.label-soon{color:#2563eb;background:#eff6ff}.label-planned{color:#ea580c;background:#fff7ed}.label-future{color:#7c3aed;background:#f5f3ff}.rmap-item{color:#4b4b4b;border-bottom:1px solid #f0f0ee;align-items:center;gap:8px;padding:8px 0;font-size:14px;display:flex}.rmap-item:last-child{border-bottom:none}.rmap-item:before{content:"→";color:#c0c0bc;font-size:12px}.creator{background:#f5f5f3}.creator-inner{grid-template-columns:1fr auto;align-items:center;gap:64px;display:grid}.creator-name{letter-spacing:-2px;color:#1a1a1a;margin-bottom:14px;font-size:clamp(36px,5vw,56px);font-weight:800}.creator-bio{color:#6b6b6b;max-width:480px;margin-bottom:28px;font-size:16px;line-height:1.75}.creator-btns{gap:10px;display:flex}.creator-card{text-align:center;background:#fff;border:1px solid #eeecea;border-radius:18px;min-width:260px;padding:32px}.c-avatar{color:#fff;background:#1a1a1a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;font-size:26px;font-weight:800;display:flex}.c-name{letter-spacing:-.5px;color:#1a1a1a;margin-bottom:4px;font-size:18px;font-weight:800}.c-handle{color:#2563eb;margin-bottom:20px;font-family:JetBrains Mono,monospace;font-size:13px}.c-tags{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:24px;display:flex}.c-tag{color:#4b4b4b;background:#f5f5f3;border:1px solid #eeecea;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.c-stats{border-top:1px solid #eeecea;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:20px;display:grid}.c-stat-num{letter-spacing:-1px;color:#1a1a1a;font-size:22px;font-weight:800}.c-stat-label{color:#9b9b96;font-size:11px}.footer{background:#fff;border-top:1px solid #eeecea;padding:32px 0}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-logo{color:#1a1a1a;font-size:15px;font-weight:700;text-decoration:none}.footer-copy{color:#9b9b96;font-size:13px}.footer-copy a{color:#2563eb;text-decoration:none}.footer-nav{gap:20px;display:flex}.footer-nav a{color:#9b9b96;font-size:13px;text-decoration:none;transition:color .2s}.footer-nav a:hover{color:#1a1a1a}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:none}.stat:nth-child(3){border-top:1px solid #eeecea}.stat:nth-child(4){border-top:1px solid #eeecea;border-right:none}.overview-grid,.structure-grid,.creator-inner,.features-grid,.roadmap-cols{grid-template-columns:1fr}.footer-inner{text-align:center;flex-direction:column;gap:16px}.nav-links{display:none}}