:root{--gray-100: #161616;--gray-90: #262626;--gray-80: #393939;--gray-70: #525252;--gray-60: #6f6f6f;--gray-50: #8d8d8d;--gray-30: #c6c6c6;--gray-20: #d4d4d4;--gray-10: #f4f4f4;--amber-60: #d2a106;--amber-50: #f1c21b;--amber-40: #fddc69;--amber-20: #fcf4d6;--amber-90: #3d2e00;--green-50: #42be65;--green-40: #6fdc8c;--red-50: #fa4d56;--bg: var(--gray-100);--bg-elevated: var(--gray-90);--bg-hover: var(--gray-80);--border-subtle: #2a2a2a;--border-strong: var(--gray-80);--text-primary: var(--gray-10);--text-secondary: var(--gray-30);--text-placeholder: var(--gray-60);--text-interactive: var(--amber-50);--focus: var(--amber-60);--accent: var(--amber-50);--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 40px;--sp-8: 48px;--sp-9: 64px;--sp-10: 80px;--sp-11: 96px;--sp-12: 128px;--max-width: 1120px;--header-height: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:100;height:var(--header-height);background:var(--bg);border-bottom:1px solid var(--border-subtle)}.header__inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--sp-6);height:100%;display:flex;justify-content:space-between;align-items:center}.header__logo{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-sans);font-weight:600;font-size:14px;letter-spacing:-.01em;color:var(--text-primary);text-decoration:none}.header__logo:hover{opacity:1}.header__nav{display:flex;align-items:center;gap:0}.header__nav a{display:inline-flex;align-items:center;padding:0 var(--sp-4);height:var(--header-height);font-size:14px;color:var(--text-secondary);text-decoration:none;transition:background .12s ease,color .12s ease}.header__nav a:hover{background:var(--bg-elevated);color:var(--text-primary)}.header__npm-badge{font-family:var(--font-mono);font-size:12px!important}.npm-version{background:var(--bg-elevated);padding:2px 10px;border-radius:0;border:1px solid var(--border-subtle);font-size:12px;color:var(--text-secondary)}.header__menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:color .12s ease}.header__menu-btn:hover{color:var(--text-primary)}.header__menu-btn svg path{transition:transform .2s ease,opacity .15s ease;transform-origin:center}.header--open .header__menu-btn .menu-top{transform:translateY(5px) rotate(45deg)}.header--open .header__menu-btn .menu-mid{opacity:0}.header--open .header__menu-btn .menu-bot{transform:translateY(-5px) rotate(-45deg)}.hero{padding:var(--sp-12) 0 var(--sp-10);border-bottom:1px solid var(--border-subtle)}.hero__container{max-width:var(--max-width);margin:0 auto;padding:0 var(--sp-6)}.hero__breadcrumb{font-family:var(--font-mono);font-size:13px;color:var(--text-placeholder);margin-bottom:var(--sp-6);letter-spacing:.01em}.breadcrumb-sep{margin:0 var(--sp-1);color:var(--gray-70)}.hero__title{font-size:clamp(2.5rem,5vw,3.75rem);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--sp-6);max-width:720px}.hero__lead{font-size:16px;line-height:1.65;color:var(--text-secondary);max-width:560px;margin-bottom:var(--sp-8);font-weight:400}.hero__actions{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.install-cmd{display:flex;align-items:center;gap:var(--sp-3);height:48px;padding:0 var(--sp-4);background:var(--bg-elevated);border:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:14px;color:var(--text-primary);position:relative;transition:background .12s ease;cursor:default}.install-cmd__prompt{color:var(--green-50);user-select:none}.install-cmd__text{user-select:all}.install-cmd__copy{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:var(--sp-2);background:none;border:none;color:var(--text-placeholder);cursor:pointer;transition:color .12s ease;position:relative}.install-cmd__copy:hover{color:var(--text-primary)}.install-cmd__copy .check-icon{position:absolute;opacity:0;color:var(--green-50)}.install-cmd.copied .install-cmd__copy svg:first-child{opacity:0}.install-cmd.copied .install-cmd__copy .check-icon{opacity:1}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);height:48px;padding:0 var(--sp-5);font-family:var(--font-sans);font-size:14px;font-weight:500;text-decoration:none;transition:background .12s ease,color .12s ease;cursor:pointer;border:none;white-space:nowrap}.btn--primary{background:var(--amber-60);color:var(--gray-100)}.btn--primary:hover{background:#b28600}.btn--secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn--secondary:hover{background:var(--bg-hover)}.btn--ghost{background:transparent;color:var(--text-interactive);padding:0 var(--sp-4)}.btn--ghost:hover{background:#f1c21b14}.pipeline{border-bottom:1px solid var(--border-subtle);padding:var(--sp-8) 0;background:var(--bg-elevated)}.pipeline__container{max-width:var(--max-width);margin:0 auto;padding:0 var(--sp-6);display:flex;align-items:center;justify-content:center;gap:var(--sp-5);flex-wrap:wrap}.pipeline__step{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);min-width:80px}.pipeline__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border:1px solid var(--border-subtle);background:var(--bg)}.pipeline__icon--accent{color:var(--amber-50);border-color:var(--amber-50);background:#f1c21b14}.pipeline__label{font-size:14px;font-weight:500;color:var(--text-primary)}.pipeline__desc{font-size:12px;color:var(--text-placeholder);font-family:var(--font-mono)}.pipeline__connector{color:var(--gray-70);display:flex;align-items:center;margin-top:-24px}.section-header{margin-bottom:var(--sp-9)}.section-tag{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--amber-50);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sp-3)}.section-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:300;line-height:1.25;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:var(--sp-4)}.section-desc{font-size:16px;line-height:1.6;color:var(--text-secondary);max-width:520px}.code-section{padding:var(--sp-11) 0;border-bottom:1px solid var(--border-subtle)}.code-section__container{max-width:var(--max-width);margin:0 auto;padding:0 var(--sp-6)}.code-tabs{border:1px solid var(--border-subtle);background:var(--bg)}.code-tabs__bar{display:flex;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);overflow-x:auto}.code-tab{display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-5);height:48px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:14px;cursor:pointer;transition:color .12s ease,background .12s ease,border-color .12s ease;white-space:nowrap}.code-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.code-tab.active{color:var(--text-primary);border-bottom-color:var(--amber-60)}.code-tab__num{font-family:var(--font-mono);font-size:11px;color:var(--text-placeholder)}.code-tab.active .code-tab__num{color:var(--amber-50)}.code-tab__label{font-weight:500}.code-tab__file{font-family:var(--font-mono);font-size:12px;color:var(--text-placeholder)}.code-panel{display:none;min-height:320px}.code-panel.active{display:block}.code-panel pre{margin:0!important;padding:var(--sp-5) var(--sp-6)!important;background:transparent!important;border-radius:0!important;font-size:13px!important;line-height:1.7!important;font-family:var(--font-mono)!important;overflow-x:auto}.features{padding:var(--sp-11) 0;border-bottom:1px solid var(--border-subtle)}.features__container{max-width:var(--max-width);margin:0 auto;padding:0 var(--sp-6)}.features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--border-subtle);border-left:1px solid var(--border-subtle)}.feature-card{padding:var(--sp-6);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);transition:background .2s ease;opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease,background .2s ease}.feature-card.revealed{opacity:1;transform:translateY(0)}.feature-card:nth-child(2).revealed{transition-delay:80ms}.feature-card:nth-child(3).revealed{transition-delay:.16s}.feature-card:nth-child(4).revealed{transition-delay:.24s}.feature-card:nth-child(5).revealed{transition-delay:.32s}.feature-card:nth-child(6).revealed{transition-delay:.4s}.feature-card:hover{background:var(--bg-elevated)}.feature-card__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);margin-bottom:var(--sp-5)}.feature-card__title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-2);letter-spacing:-.005em}.feature-card__desc{font-size:14px;line-height:1.6;color:var(--text-secondary)}.feature-card__desc code{font-family:var(--font-mono);font-size:12px;background:var(--bg-hover);padding:1px 6px;color:var(--text-primary)}.how-it-works{padding:var(--sp-11) 0;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}.how-it-works__container{max-width:var(--max-width);margin:0 auto;padding:0 var(--sp-6)}.arch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-subtle);border:1px solid var(--border-subtle)}.arch-card{background:var(--bg);padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4);opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}.arch-card.revealed{opacity:1;transform:translateY(0)}.arch-card:nth-child(2).revealed{transition-delay:.12s}.arch-card:nth-child(3).revealed{transition-delay:.24s}.arch-card__header{display:flex;align-items:center;gap:var(--sp-3)}.arch-card__num{font-family:var(--font-mono);font-size:12px;color:var(--amber-50);font-weight:500}.arch-card__title{font-size:16px;font-weight:600;color:var(--text-primary)}.arch-card__body{font-size:14px;line-height:1.65;color:var(--text-secondary);flex:1}.arch-card__body code{font-family:var(--font-mono);font-size:12px;background:var(--bg-elevated);padding:1px 6px;color:var(--text-primary)}.arch-card__tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.tag{font-family:var(--font-mono);font-size:11px;padding:2px 10px;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle)}.supported{padding:var(--sp-10) 0;border-bottom:1px solid var(--border-subtle)}.supported__container{max-width:var(--max-width);margin:0 auto;padding:0 var(--sp-6)}.supported__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-9)}.supported__col{opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}.supported__col.revealed{opacity:1;transform:translateY(0)}.supported__col:nth-child(2).revealed{transition-delay:.12s}.supported__col:nth-child(3).revealed{transition-delay:.24s}.supported__heading{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-placeholder);margin-bottom:var(--sp-5);font-family:var(--font-mono)}.supported__list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-3)}.supported__list li{font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:var(--sp-3)}.supported__check{color:var(--green-50);font-family:var(--font-mono);font-size:13px;font-weight:600}.cta{padding:var(--sp-12) 0;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}.cta__container{max-width:var(--max-width);margin:0 auto;padding:0 var(--sp-6)}.cta__inner{max-width:480px}.cta__title{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:300;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:var(--sp-3)}.cta__desc{font-size:16px;color:var(--text-secondary);margin-bottom:var(--sp-7);line-height:1.6}.cta__actions{display:flex;gap:var(--sp-4);align-items:center;flex-wrap:wrap}.footer{padding:var(--sp-5) 0;border-top:1px solid var(--border-subtle)}.footer__container{max-width:var(--max-width);margin:0 auto;padding:0 var(--sp-6);display:flex;justify-content:space-between;align-items:center}.footer__left{display:flex;align-items:center;gap:var(--sp-2)}.footer__name{font-size:14px;font-weight:600;color:var(--text-secondary)}.footer__right{display:flex;align-items:center;gap:var(--sp-3);font-size:12px;font-family:var(--font-mono);color:var(--text-placeholder)}.footer__sep{opacity:.4}.anim-fade-up{opacity:0;transform:translateY(16px);animation:fadeUp .6s ease forwards}.anim-delay-1{animation-delay:.12s}.anim-delay-2{animation-delay:.24s}.anim-delay-3{animation-delay:.36s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.features__grid{grid-template-columns:repeat(2,1fr)}.arch-grid{grid-template-columns:1fr}.supported__grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-7)}.pipeline__connector{display:none}.pipeline__container{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-5);justify-items:center}.code-section,.features,.how-it-works,.cta{padding:var(--sp-9) 0}}@media (max-width: 640px){.header{height:auto;min-height:var(--header-height)}.header__inner{padding:0 var(--sp-4);flex-wrap:wrap;height:var(--header-height)}.header__menu-btn{display:flex}.header__nav{display:none;flex-direction:column;width:100%;border-top:1px solid var(--border-subtle);background:var(--bg);order:3}.header--open .header__inner{height:auto}.header--open .header__nav{display:flex}.header__nav a,.header__nav .header__nav-link{width:100%;height:48px;padding:0 var(--sp-4);font-size:14px;border-bottom:1px solid var(--border-subtle)}.header__nav .header__npm-badge{justify-content:flex-start;border-bottom:none}.hero{padding:var(--sp-8) 0 var(--sp-7)}.hero__container{padding:0 var(--sp-4)}.hero__breadcrumb{margin-bottom:var(--sp-4)}.hero__title{font-size:2rem;margin-bottom:var(--sp-4);line-height:1.2}.hero__lead{font-size:15px;line-height:1.6;margin-bottom:var(--sp-6)}.hero__actions{flex-direction:column;align-items:stretch;gap:var(--sp-3)}.install-cmd{width:100%;font-size:13px;height:44px;padding:0 var(--sp-3)}.btn{width:100%;justify-content:center;height:44px}.pipeline{padding:var(--sp-6) 0}.pipeline__container{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-5);justify-items:center;padding:0 var(--sp-4)}.pipeline__connector{display:none}.pipeline__icon{width:40px;height:40px}.pipeline__icon svg{width:20px;height:20px}.pipeline__label{font-size:13px}.pipeline__desc{font-size:11px}.code-section{padding:var(--sp-7) 0}.code-section__container{padding:0 var(--sp-4)}.section-header{margin-bottom:var(--sp-6)}.section-title{font-size:1.35rem}.section-desc{font-size:14px}.code-tab__file{display:none}.code-tab{padding:0 var(--sp-3);height:44px;gap:var(--sp-2);flex:1;justify-content:center}.code-tab__num{font-size:10px}.code-tab__label{font-size:13px}.code-panel{min-height:240px}.code-panel pre{padding:var(--sp-4)!important;font-size:12px!important;line-height:1.6!important}.features{padding:var(--sp-7) 0}.features__container{padding:0 var(--sp-4)}.features__grid{grid-template-columns:1fr;border-left:none;border-top:none}.feature-card{padding:var(--sp-5) 0;border-right:none;border-bottom:1px solid var(--border-subtle);border-left:2px solid transparent;transition:border-left-color .2s ease,opacity .4s ease,transform .4s ease}.feature-card:hover{background:transparent;border-left-color:var(--amber-60);padding-left:var(--sp-4)}.feature-card:last-child{border-bottom:none}.feature-card__icon{margin-bottom:var(--sp-3)}.feature-card__title{font-size:15px}.feature-card__desc{font-size:13px;line-height:1.65}.how-it-works{padding:var(--sp-7) 0}.how-it-works__container{padding:0 var(--sp-4)}.arch-grid{grid-template-columns:1fr;gap:0}.arch-card{padding:var(--sp-5)}.arch-card__title{font-size:15px}.arch-card__body{font-size:13px}.arch-card__tags{gap:var(--sp-1)}.tag{font-size:10px;padding:2px 8px}.supported{padding:var(--sp-7) 0}.supported__container{padding:0 var(--sp-4)}.supported__grid{grid-template-columns:1fr;gap:0}.supported__col{padding:var(--sp-5) 0;border-bottom:1px solid var(--border-subtle)}.supported__col:last-child{border-bottom:none}.supported__heading{margin-bottom:var(--sp-3)}.supported__list{gap:var(--sp-2)}.supported__list li{font-size:13px}.cta{padding:var(--sp-8) 0}.cta__container{padding:0 var(--sp-4)}.cta__title{font-size:1.5rem}.cta__desc{font-size:14px;margin-bottom:var(--sp-6)}.cta__actions{flex-direction:column}.cta__actions .btn{width:100%;justify-content:center}.footer{padding:var(--sp-4) 0}.footer__container{padding:0 var(--sp-4);flex-direction:column;gap:var(--sp-3);text-align:center}.footer__right{font-size:11px}}@media (max-width: 380px){.hero__title{font-size:1.65rem}.install-cmd{font-size:11.5px}.install-cmd__copy{width:28px;height:28px;margin-left:0}.code-panel pre{font-size:11px!important}.pipeline__container{grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}}