:root{--color-bg-canvas: #ffffff;--color-bg-subtle: #f8fafc;--color-bg-muted: #f1f5f9;--color-bg-code: #f8fafc;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #64748b;--color-text-inverse: #f8fafc;--color-text-link: #3b4fd9;--color-text-link-hover: #2a3bb8;--color-brand-primary: #4f5fe8;--color-brand-hover: #3b4fd9;--color-brand-pressed: #2f3fc4;--color-brand-soft: #eef0ff;--color-border-subtle: #e2e8f0;--color-border-default: #cbd5e1;--color-border-strong: #94a3b8;--color-border-focus: #4f5fe8;--color-success: #15803d;--color-success-bg: #f0fdf4;--color-warning: #a16207;--color-warning-bg: #fefce8;--color-danger: #b91c1c;--color-danger-bg: #fef2f2;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--fs-display: 36px;--lh-display: 1.2;--fw-display: 700;--fs-h1: 28px;--lh-h1: 1.25;--fw-h1: 700;--fs-h2: 22px;--lh-h2: 1.3;--fw-h2: 600;--fs-h3: 18px;--lh-h3: 1.4;--fw-h3: 600;--fs-body: 16px;--lh-body: 1.65;--fw-body: 400;--fs-body-sm: 14px;--lh-body-sm: 1.5;--fs-caption: 12px;--lh-caption: 1.4;--fw-caption: 500;--fs-code: 14px;--lh-code: 1.55;--measure: 72ch;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 80px;--layout-max: 1080px;--gutter: 24px;--section-y: 72px;--band-y: 56px;--header-h: 60px;--radius-sm: 6px;--radius-md: 8px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 14px rgba(15, 23, 42, .08);--ease-out: cubic-bezier(.2, .6, .2, 1);--focus-ring: 2px solid var(--color-border-focus);--transition-color: color .15s, background-color .15s, border-color .15s}@media(max-width:640px){:root{--fs-display: 28px;--section-y: 40px}}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 8px)}body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);font-weight:var(--fw-body);color:var(--color-text-primary);background:var(--color-bg-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}a{color:var(--color-text-link);text-decoration:none;transition:var(--transition-color)}a:hover{color:var(--color-text-link-hover)}code,pre{font-family:var(--font-mono)}:focus-visible{outline:var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--layout-max);margin-inline:auto;padding-inline:var(--gutter)}main{flex:1 0 auto}.skip-link{position:absolute;left:var(--space-3);top:-100px;z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-brand-primary);color:#fff;border-radius:var(--radius-sm)}.skip-link:focus{top:var(--space-3);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-md);font-size:var(--fs-body-sm);font-weight:600;cursor:pointer;border:1px solid transparent;transition:background-color .15s var(--ease-out),border-color .15s var(--ease-out),color .15s var(--ease-out),transform .15s var(--ease-out),box-shadow .15s var(--ease-out)}.btn-sm{min-height:34px;padding:0 var(--space-4)}.btn-primary{background:var(--color-brand-primary);color:#fff}.btn-primary:hover{background:var(--color-brand-hover);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-bg-canvas);color:var(--color-text-primary);border-color:var(--color-border-default)}.btn-secondary:hover{border-color:var(--color-brand-primary);color:var(--color-brand-hover);transform:translateY(-1px)}.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);background:#ffffffd9;backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--color-border-subtle)}.site-header__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-primary)}.brand:hover{color:var(--color-text-primary)}.brand__mark{width:28px;height:28px}.brand__name{font-weight:700;font-size:1.0625rem;letter-spacing:.02em}.site-nav{display:flex;align-items:center;gap:var(--space-5)}.nav-link{font-size:var(--fs-body-sm);font-weight:500;color:var(--color-text-secondary)}.nav-link:hover{color:var(--color-text-primary)}.nav-lang{color:var(--color-text-tertiary);font-weight:600}.hero{min-height:calc(100svh - var(--header-h));display:flex;align-items:center;padding-block:var(--space-7) var(--space-5);background:radial-gradient(60% 50% at 25% 10%,var(--color-brand-soft) 0%,rgba(238,240,255,0) 70%),var(--color-bg-canvas)}.hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--space-8);width:100%}.hero__text{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);max-width:34rem}.hero__eyebrow{font-size:var(--fs-body-sm);font-weight:600;letter-spacing:.01em;color:var(--color-text-secondary)}.hero__title{font-size:var(--fs-display);line-height:var(--lh-display);font-weight:800;letter-spacing:-.01em;color:var(--color-text-primary);text-wrap:balance}.hero__sub{font-size:var(--fs-body);color:var(--color-text-secondary)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-1)}.hero__clone{width:100%;margin:var(--space-1) 0 0;padding:var(--space-4);background:var(--color-bg-code);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow-x:auto;box-shadow:var(--shadow-sm)}.hero__clone code{font-size:var(--fs-code);line-height:var(--lh-code);color:var(--color-text-primary);white-space:pre}.hero__note{font-size:var(--fs-body-sm);color:var(--color-text-tertiary)}.hero__aside{justify-self:end;width:100%;max-width:30rem}.task-card{background:var(--color-bg-canvas);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}.task-card__chrome{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-subtle)}.task-card__chrome span{width:10px;height:10px;border-radius:999px;background:var(--color-border-default)}.task-card__rows{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.task-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-canvas)}.task-row__main{display:flex;flex-direction:column;gap:2px;min-width:0}.task-row__title{font-size:var(--fs-body-sm);font-weight:600;color:var(--color-text-primary)}.task-row__meta{font-size:var(--fs-caption);color:var(--color-text-tertiary)}.badge-status{flex:none;font-size:var(--fs-caption);font-weight:600;padding:2px var(--space-2);border-radius:999px;white-space:nowrap}.badge-status--pending{color:var(--color-brand-pressed);background:var(--color-brand-soft)}.badge-status--running{color:var(--color-brand-hover);background:var(--color-bg-muted)}.badge-status--approved{color:var(--color-success);background:var(--color-success-bg)}.section{padding-block:var(--section-y)}.section--subtle{background:var(--color-bg-subtle);border-top:1px solid var(--color-border-subtle)}.section+.section{border-top:1px solid var(--color-border-subtle)}.section__title{font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-6)}#features{padding-top:var(--space-6)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.feature-card{background:var(--color-bg-canvas);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-5);transition:border-color .15s var(--ease-out),transform .15s var(--ease-out),box-shadow .15s var(--ease-out)}.feature-card:hover{border-color:var(--color-border-default);transform:translateY(-1px);box-shadow:var(--shadow-md)}.feature-card__title{font-size:var(--fs-h3);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.feature-card__desc{font-size:var(--fs-body-sm);line-height:1.55;color:var(--color-text-secondary)}.steps{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.step{position:relative;flex:1 1 0;min-width:150px;display:flex;flex-direction:row;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.step:not(:last-child):after{content:"→";position:absolute;top:50%;right:calc(-1 * var(--space-3));transform:translateY(-50%);color:var(--color-border-strong);font-size:1rem}.step__num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:none;border-radius:999px;background:var(--color-brand-soft);color:var(--color-brand-pressed);font-size:var(--fs-body-sm);font-weight:700}.step__label{font-size:var(--fs-body-sm);font-weight:600;color:var(--color-text-primary)}.qs-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-7);align-items:start}.qs-main{min-width:0}.install{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-code);overflow:hidden;box-shadow:var(--shadow-sm)}.install__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-muted)}.install__label{font-size:var(--fs-body-sm);font-weight:600;color:var(--color-text-tertiary)}.copy-btn{font-family:var(--font-sans);font-size:var(--fs-body-sm);font-weight:600;color:var(--color-text-secondary);background:var(--color-bg-canvas);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);min-height:28px;cursor:pointer;transition:border-color .15s var(--ease-out),color .15s var(--ease-out),transform .15s var(--ease-out)}.copy-btn:hover{border-color:var(--color-brand-primary);color:var(--color-brand-hover)}.copy-btn.is-copied{color:var(--color-success);border-color:var(--color-success)}.install__pre{margin:0;padding:var(--space-4);overflow-x:auto;background:var(--color-bg-code);-webkit-overflow-scrolling:touch}.install__pre code{font-size:var(--fs-code);line-height:1.7;color:var(--color-text-primary);white-space:pre}.qs-more__title{font-size:var(--fs-h3);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-4)}.qs-more__links{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--fs-body-sm)}.site-footer{flex-shrink:0;background:var(--color-bg-canvas);border-top:1px solid var(--color-border-subtle);padding-block:var(--space-7)}.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-5);font-size:var(--fs-body-sm);font-weight:600;margin-bottom:var(--space-2)}.footer-links a{color:var(--color-text-primary)}.footer-links a:hover{color:var(--color-brand-hover)}.footer-links__meta{color:var(--color-text-secondary)}.footer-tagline{font-size:var(--fs-body-sm);color:var(--color-text-tertiary)}.reveal{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){html.js .reveal{opacity:0;transform:translateY(12px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out);transition-delay:var(--reveal-delay, 0ms)}html.js .reveal.is-visible{opacity:1;transform:none}}@media(max-width:900px){.hero__inner{grid-template-columns:1fr;gap:var(--space-7)}.hero__text{max-width:none}.hero__aside{justify-self:stretch;max-width:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.qs-grid{grid-template-columns:1fr;gap:var(--space-6)}}@media(max-width:640px){.feature-grid{grid-template-columns:1fr}.steps{flex-direction:column;gap:var(--space-5)}.step{flex-direction:row;align-items:center;min-width:0}.step:not(:last-child):after{content:"↓";top:auto;right:auto;left:15px;bottom:calc(-1 * var(--space-4));transform:translate(-50%)}.hero__actions .btn{flex:1 1 auto}.site-nav{gap:var(--space-4)}.site-nav .nav-link:not(.nav-lang):not([href^="https://github"]){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}