:root{--sl-font: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sl-font-mono: "SF Mono", "Fira Code", "JetBrains Mono", Menlo, Consolas, monospace;--sl-color-accent-low: #172554;--sl-color-accent: #60a5fa;--sl-color-accent-high: #93c5fd;--sl-color-white: #e6edf3;--sl-color-gray-1: #c9d1d9;--sl-color-gray-2: #8b949e;--sl-color-gray-3: #6e7681;--sl-color-gray-4: #30363d;--sl-color-gray-5: #21262d;--sl-color-gray-6: #161b22;--sl-color-bg: #0d1117;--wiq-gradient-1: #60a5fa;--wiq-gradient-2: #a78bfa;--wiq-gradient-3: #22d3ee;--fs-xs: .8125rem;--fs-sm: .875rem;--fs-md: .9375rem;--fs-base: 1rem;--fs-lg: 1.0625rem;--fs-xl: 1.125rem;--fs-tagline: clamp(1.125rem, 1.5vw + .5rem, 1.375rem);--fs-title: clamp(1.75rem, 3vw + .5rem, 2.5rem);--fs-section: clamp(2.37rem, 4vw + .75rem, 3.157rem);--fs-display: clamp(3.16rem, 6vw + 1rem, 5.619rem);--fw-body: 460;--fw-ui: 500;--fw-medium: 550;--fw-accent: 560;--fw-semi: 600;--fw-heading: 650;--fw-bold: 700;--fw-display: 760;--ls-tight: -.02em;--ls-snug: -.015em;--ls-reading: -.01em;--ls-body: -.005em;--ls-wide: .02em;--ls-wider: .05em;--lh-none: 1.15;--lh-tight: 1.2;--lh-snug: 1.25;--lh-normal: 1.5;--lh-relaxed: 1.6;--lh-loose: 1.65;--lh-spacious: 1.75;--w-content: 52rem;--w-features: 56rem;--w-wide: 64rem;--measure-base: 65ch;--measure-lg: 72ch;--measure-xl: 75ch;--radius-xs: 4px;--radius-sm: 5px;--radius-md: 6px;--radius-base: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 14px;--radius-full: 100px;--ease: ease;--duration-fast: .15s;--duration-base: .2s;--duration-slow: .25s;--duration-enter: .4s;color-scheme:dark}@media(prefers-color-scheme:light){:root{--sl-color-accent-low: #e8f0fe;--sl-color-accent: #2563eb;--sl-color-accent-high: #1d4ed8;--sl-color-white: #1a1a2e;--sl-color-gray-1: #24292f;--sl-color-gray-2: #57606a;--sl-color-gray-3: #6e7781;--sl-color-gray-4: #d0d7de;--sl-color-gray-5: #e6edf3;--sl-color-gray-6: #f6f8fa;--sl-color-bg: #ffffff;--wiq-gradient-1: #2563eb;--wiq-gradient-2: #7c3aed;--wiq-gradient-3: #06b6d4;color-scheme:light}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--sl-font);font-size:16px;line-height:var(--lh-relaxed);background:var(--sl-color-bg);color:var(--sl-color-gray-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}@keyframes fluid-1{0%,to{transform:translate(0)}50%{transform:translate(20%,25%)}}@keyframes fluid-2{0%,to{transform:translate(0)}50%{transform:translate(-20%,20%)}}@keyframes fluid-3{0%,to{transform:translate(0)}50%{transform:translate(15%,-20%)}}.hero-gradient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.hero-gradient:before,.hero-gradient:after,.hero-gradient .blob{position:absolute;width:150%;height:150%;left:-25%;top:-25%;border-radius:0}.hero-gradient:before,.hero-gradient:after{content:""}.hero-gradient:before{background:radial-gradient(circle at 80% 50%,var(--wiq-gradient-1) 0%,transparent 50%);filter:blur(90px);opacity:.28;animation:fluid-1 7s ease-in-out infinite}.hero-gradient:after{background:radial-gradient(circle at 20% 80%,var(--wiq-gradient-2) 0%,transparent 50%);filter:blur(90px);opacity:.28;animation:fluid-2 8.4s ease-in-out infinite}.hero-gradient .blob{display:block;background:radial-gradient(circle at 50% 20%,var(--wiq-gradient-3) 0%,transparent 50%);filter:blur(90px);opacity:.28;animation:fluid-3 6.3s ease-in-out infinite}@media(prefers-color-scheme:light){.hero-gradient:before,.hero-gradient:after,.hero-gradient .blob{opacity:.35}}.github-corner{position:fixed;top:1rem;right:1.5rem;z-index:100;display:inline-flex;align-items:center;gap:.4rem;font-size:var(--fs-sm);font-weight:var(--fw-ui);color:var(--sl-color-gray-1);text-decoration:none;opacity:.7;transition:opacity var(--duration-base)}.github-corner:hover{opacity:1}.hero{position:relative;text-align:center;padding:6rem 1.5rem 4rem;max-width:var(--w-wide);margin:0 auto}.hero-content{position:relative;z-index:1}.hero-badge{display:inline-block;font-size:var(--fs-xs);font-weight:var(--fw-semi);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--sl-color-accent);background:var(--sl-color-accent-low);padding:.4rem 1.125rem;border-radius:var(--radius-full);margin-bottom:1.5rem}.hero h1{font-size:var(--fs-display);font-weight:var(--fw-display);font-optical-sizing:auto;letter-spacing:var(--ls-snug);line-height:var(--lh-none);margin:0 0 1.25rem;color:var(--sl-color-white)}.text-gradient{background:linear-gradient(135deg,var(--wiq-gradient-1),var(--wiq-gradient-2),var(--wiq-gradient-3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-tagline{font-size:var(--fs-tagline);font-weight:var(--fw-accent);letter-spacing:var(--ls-body);color:var(--sl-color-gray-1);line-height:var(--lh-loose);margin:0 0 2.5rem;max-width:var(--measure-xl);margin-inline:auto}@keyframes border-spin{0%{--border-angle: 0deg}to{--border-angle: 360deg}}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.install-command{display:inline-flex;align-items:center;gap:.75rem;background:var(--sl-color-gray-6);color:var(--sl-color-gray-1);border-radius:var(--radius-xl);padding:1rem 1.5rem;font-family:var(--sl-font-mono);font-size:var(--fs-base);letter-spacing:var(--ls-reading);margin:0 auto 3rem;position:relative;z-index:1;border:1px solid transparent;background-clip:padding-box;outline:1px solid transparent;outline-offset:-1px}.install-command:before{content:"";position:absolute;inset:-1px;border-radius:calc(var(--radius-xl) + 1px);padding:1px;background:conic-gradient(from var(--border-angle, 0deg),transparent 25%,var(--wiq-gradient-1) 50%,var(--wiq-gradient-2) 75%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-spin 4s linear infinite;pointer-events:none}.install-prompt{color:var(--sl-color-gray-4);-webkit-user-select:none;user-select:none}.install-text{-webkit-user-select:all;user-select:all}.install-copy{background:none;border:none;color:var(--sl-color-gray-4);cursor:pointer;padding:.25rem;border-radius:var(--radius-xs);display:flex;align-items:center;transition:color var(--duration-fast)}.install-copy:hover{color:var(--sl-color-accent)}.hero-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.hero-actions a{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:var(--radius-lg);font-weight:var(--fw-medium);font-size:var(--fs-base);letter-spacing:var(--ls-wide);text-decoration:none;transition:all var(--duration-base) var(--ease)}.hero-actions .primary{background:var(--sl-color-accent);color:#fff;box-shadow:0 1px 2px #00000014,0 4px 12px color-mix(in srgb,var(--sl-color-accent) 25%,transparent)}.hero-actions .primary:hover{background:var(--sl-color-accent-high);box-shadow:0 2px 4px #0000001a,0 8px 24px color-mix(in srgb,var(--sl-color-accent) 30%,transparent);transform:translateY(-1px)}.hero-actions .secondary{background:var(--sl-color-gray-6);color:var(--sl-color-white);border:1px solid var(--sl-color-gray-5)}.hero-actions .secondary:hover{background:var(--sl-color-gray-5);transform:translateY(-1px)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.25rem;max-width:var(--w-features);margin:0 auto 5rem;padding:0 1.5rem;position:relative;z-index:1}.features:before{content:"";position:absolute;inset:-2rem;z-index:-1;background-image:radial-gradient(circle,var(--sl-color-gray-5) 1px,transparent 1px);background-size:24px 24px;opacity:.6;mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black,transparent)}.feature{text-align:left;background:color-mix(in srgb,var(--sl-color-gray-6) 80%,var(--sl-color-gray-5));border:1px solid var(--sl-color-gray-4);border-radius:var(--radius-2xl);padding:1.5rem;transition:all var(--duration-slow) var(--ease);position:relative;overflow:hidden;display:grid;grid-template-columns:2.25rem 1fr;column-gap:.75rem;align-items:start}.feature:before{content:"";position:absolute;inset:0;background:radial-gradient(circle 120px at var(--spot-x, 50%) var(--spot-y, -40px),color-mix(in srgb,var(--wiq-gradient-1) 8%,transparent),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.feature:hover:before{opacity:1}.feature:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000001a}.feature-icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-base);background:color-mix(in srgb,var(--wiq-gradient-1) 15%,transparent);color:var(--wiq-gradient-1);grid-column:1;grid-row:1;flex-shrink:0}.feature h3{font-size:var(--fs-lg);font-weight:var(--fw-heading);letter-spacing:var(--ls-wide);margin:0;color:var(--sl-color-white);grid-column:2;grid-row:1;align-self:center;line-height:2.25rem}.feature p{font-size:var(--fs-base);font-weight:var(--fw-body);letter-spacing:var(--ls-body);color:var(--sl-color-gray-2);line-height:var(--lh-relaxed);margin:.5rem 0 0;grid-column:1 / -1}.tools-section{max-width:var(--w-content);margin:0 auto 5rem;padding:0 1.5rem;position:relative;z-index:1}.tools-section h2{font-size:var(--fs-section);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);line-height:var(--lh-snug);margin:0 0 2rem;text-align:center;color:var(--sl-color-white)}.tools-table{width:100%;border-collapse:collapse;font-size:var(--fs-md)}.tools-table th{text-align:left;font-weight:var(--fw-semi);font-size:var(--fs-sm);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--sl-color-gray-3);padding:.75rem 1rem;border-bottom:1px solid var(--sl-color-gray-4)}.tools-table td{padding:.75rem 1rem;border-bottom:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-1)}.tools-table code{font-family:var(--sl-font-mono);font-size:var(--fs-sm);color:var(--sl-color-accent);background:var(--sl-color-accent-low);padding:.15em .4em;border-radius:var(--radius-sm)}.tools-table tr:last-child td{border-bottom:none}.tools-table tr:hover td{background:color-mix(in srgb,var(--sl-color-gray-6) 80%,var(--sl-color-gray-5))}.prose{max-width:var(--w-content);margin:0 auto 4rem;padding:0 1.5rem;position:relative;z-index:1}.prose h2{font-size:var(--fs-section);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);line-height:var(--lh-snug);margin:0 0 1.5rem;text-align:center;color:var(--sl-color-white)}.prose p{font-size:var(--fs-xl);font-weight:var(--fw-body);letter-spacing:var(--ls-body);color:var(--sl-color-gray-2);line-height:var(--lh-spacious);margin:0 0 1.5rem;max-width:var(--measure-base);margin-inline:auto}.prose .highlight{color:var(--sl-color-accent);font-weight:var(--fw-accent)}.dashboard-section{max-width:var(--w-content);margin:0 auto 5rem;padding:0 1.5rem;position:relative;z-index:1}.dashboard-section h2{font-size:var(--fs-section);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);line-height:var(--lh-snug);margin:0 0 1.25rem;text-align:center;color:var(--sl-color-white)}.dashboard-intro{font-size:var(--fs-lg);color:var(--sl-color-gray-2);text-align:center;max-width:40rem;margin:0 auto 3rem;line-height:var(--lh-relaxed)}.dashboard-showcase{display:flex;flex-direction:column;gap:4rem;margin-bottom:3rem}.showcase-item{display:grid;grid-template-columns:1.3fr 1fr;gap:2.5rem;align-items:center}.showcase-reverse{direction:rtl}.showcase-reverse>*{direction:ltr}.showcase-img{border-radius:var(--radius-2xl);overflow:hidden;border:1px solid var(--sl-color-gray-4);background:var(--sl-color-bg);box-shadow:0 4px 24px #0000004d}.showcase-img img{display:block;width:100%;height:auto;cursor:zoom-in}.lightbox-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000d9;cursor:zoom-out;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;padding:2rem}.lightbox-overlay.active{opacity:1;visibility:visible}.lightbox-overlay img{max-width:calc(100vw - 4rem);max-height:calc(100vh - 4rem);width:auto;height:auto;border-radius:var(--radius-2xl);box-shadow:0 8px 48px #0009;transition:transform .25s ease;transform:scale(.95)}.lightbox-overlay.active img{transform:scale(1)}.showcase-text h3{font-size:var(--fs-xl);font-weight:var(--fw-heading);color:var(--sl-color-white);margin:0 0 .75rem}.showcase-text p{font-size:var(--fs-base);color:var(--sl-color-gray-2);line-height:var(--lh-relaxed);margin:0}.hero-why{background:color-mix(in srgb,var(--sl-color-accent) 6%,var(--sl-color-gray-6));border:1px solid color-mix(in srgb,var(--sl-color-accent) 20%,transparent);border-radius:var(--radius-2xl);padding:2rem 2.5rem;max-width:80ch;margin:0 auto;position:relative;z-index:1;text-align:left}.hero-why h3{font-size:var(--fs-lg);font-weight:var(--fw-heading);color:var(--sl-color-accent);margin:0 0 .5rem}.hero-why p{font-size:var(--fs-base);color:var(--sl-color-gray-2);line-height:var(--lh-relaxed);margin:0}.config-section{max-width:var(--w-content);margin:0 auto 5rem;padding:0 1.5rem;position:relative;z-index:1}.config-section h2{font-size:var(--fs-section);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);line-height:var(--lh-snug);margin:0 0 2rem;text-align:center;color:var(--sl-color-white)}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.25rem}.config-card{background:color-mix(in srgb,var(--sl-color-gray-6) 80%,var(--sl-color-gray-5));border:1px solid var(--sl-color-gray-4);border-radius:var(--radius-2xl);padding:1.5rem}.config-card h3{font-size:var(--fs-lg);font-weight:var(--fw-heading);color:var(--sl-color-white);margin:0 0 1rem}.config-card pre{margin:0;padding:1rem;background:var(--sl-color-bg);border-radius:var(--radius-lg);overflow-x:auto;font-family:var(--sl-font-mono);font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--sl-color-gray-1)}.config-file{font-size:var(--fs-xs);font-weight:var(--fw-body);color:var(--sl-color-gray-3);font-family:var(--sl-font-mono)}.steps{max-width:36rem;margin:0 auto 3rem;display:flex;flex-direction:column;gap:1.5rem}.step{display:flex;gap:1.25rem;align-items:flex-start}.step-number{flex-shrink:0;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--sl-color-accent) 15%,transparent);color:var(--sl-color-accent);font-weight:var(--fw-bold);font-size:var(--fs-base);border:1px solid color-mix(in srgb,var(--sl-color-accent) 30%,transparent);margin-top:.15rem}.step-body{flex:1;min-width:0}.step-body h3{font-size:var(--fs-lg);font-weight:var(--fw-heading);color:var(--sl-color-white);margin:0 0 .5rem}.step-body p{font-size:var(--fs-base);color:var(--sl-color-gray-2);margin:0 0 .5rem;line-height:var(--lh-relaxed)}.step-hint{font-size:var(--fs-sm)!important;color:var(--sl-color-gray-3)!important}.step-hint a,.step-body a{color:var(--sl-color-accent);text-decoration:underline;text-underline-offset:2px}.scope-list{list-style:none;padding:0;margin:.5rem 0;display:grid;grid-template-columns:1fr 1fr;gap:.25rem 1.5rem;font-size:var(--fs-sm);color:var(--sl-color-gray-2)}.scope-list li{padding-left:1.25rem;position:relative}.scope-list li:before{content:"✓";position:absolute;left:0;color:var(--sl-color-accent);font-weight:var(--fw-bold)}.step-body pre{margin:.75rem 0 .5rem;padding:.75rem 1rem;background:var(--sl-color-bg);border-radius:var(--radius-lg);overflow-x:auto;font-family:var(--sl-font-mono);font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--sl-color-gray-1)}.step-body pre.prompt{background:color-mix(in srgb,var(--sl-color-accent) 8%,var(--sl-color-bg));border:1px solid color-mix(in srgb,var(--sl-color-accent) 20%,transparent);color:var(--sl-color-accent);font-style:italic}.manual-config{max-width:var(--w-content);margin:0 auto}.manual-config summary{cursor:pointer;font-size:var(--fs-sm);color:var(--sl-color-gray-3);text-align:center;padding:.75rem;border-radius:var(--radius-lg);transition:color var(--d-fast);list-style:none}.manual-config summary::-webkit-details-marker{display:none}.manual-config summary:before{content:"▸ "}.manual-config[open] summary:before{content:"▾ "}.manual-config summary:hover{color:var(--sl-color-gray-1)}.manual-config .config-grid{margin-top:1.5rem}.closing{text-align:center;padding:4rem 1.5rem 6rem;position:relative;z-index:1}.closing h2{font-size:var(--fs-title);font-weight:var(--fw-bold);color:var(--sl-color-white);margin:0 0 1rem}.closing p{font-size:var(--fs-xl);color:var(--sl-color-gray-2);margin:0 0 2rem;max-width:var(--measure-lg);margin-inline:auto;line-height:var(--lh-loose)}.closing-install{display:inline-block;background:var(--sl-color-gray-6);color:var(--sl-color-gray-1);border-radius:var(--radius-xl);padding:1rem 1.5rem;font-family:var(--sl-font-mono);font-size:var(--fs-sm);margin:0 auto 1.5rem;border:1px solid var(--sl-color-gray-5);overflow-x:auto;white-space:pre}.footer{text-align:center;padding:2rem 1.5rem;border-top:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-3);font-size:var(--fs-sm);position:relative;z-index:1}.footer a{color:var(--sl-color-gray-2);text-decoration:none}.footer a:hover{color:var(--sl-color-accent)}main{animation:fade-up var(--duration-enter) var(--ease)}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.hero{padding:4rem 1rem 3rem}.install-command{font-size:var(--fs-xs);padding:.75rem 1rem}.features,.config-grid{grid-template-columns:1fr}.showcase-item,.showcase-reverse{grid-template-columns:1fr;direction:ltr}.hero-why{padding:1.5rem}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/figmma/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/figmma/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/figmma/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/figmma/_astro/inter-greek-wght-normal.CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/figmma/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/figmma/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/figmma/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}