:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fdf6e3;--surface:#eee8d5;--surface2:#e0dac6;--border:#d6d0bc;--text:#586e75;--heading:#073642;--dim:#93a1a1;--blue:#268bd2;--green:#859900;--yellow:#b58900;--red:#dc322f;--purple:#6c71c4;--cyan:#2aa198;--accent:var(--blue);--accent-contrast:#fff;--glow-a:#268bd259;--glow-b:#2aa1984d;--glow-c:#6c71c440;--shadow:0 24px 70px #0736422e;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Apple SD Gothic Neo", "Noto Sans KR", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--container:1080px;--radius:14px;--header-h:64px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#282c34;--surface:#21252b;--surface2:#2c313a;--border:#3e4451;--text:#abb2bf;--heading:#e6eaf2;--dim:#5c6370;--blue:#61afef;--green:#98c379;--yellow:#e5c07b;--red:#e06c75;--purple:#c678dd;--cyan:#56b6c2;--glow-a:#61afef40;--glow-b:#56b6c238;--glow-c:#c678dd2e;--shadow:0 24px 70px #00000080}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#282c34;--surface:#21252b;--surface2:#2c313a;--border:#3e4451;--text:#abb2bf;--heading:#e6eaf2;--dim:#5c6370;--blue:#61afef;--green:#98c379;--yellow:#e5c07b;--red:#e06c75;--purple:#c678dd;--cyan:#56b6c2;--glow-a:#61afef40;--glow-b:#56b6c238;--glow-c:#c678dd2e;--shadow:0 24px 70px #00000080}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}img,video{max-width:100%;height:auto;display:block}h1,h2,h3{color:var(--heading);font-weight:700;line-height:1.2}a{color:var(--accent);text-decoration:none}code{font-family:var(--font-mono);font-size:.9em}.container{max-width:var(--container);margin-inline:auto;padding-inline:24px}.logo-dark,:root[data-theme=dark] .logo-light{display:none}:root[data-theme=dark] .logo-dark{display:inline-block}@media (prefers-color-scheme:dark){:root:not([data-theme]) .logo-light{display:none}:root:not([data-theme]) .logo-dark{display:inline-block}}.site-header{z-index:100;height:var(--header-h);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{align-items:center;gap:24px;height:100%;display:flex}.brand{color:var(--heading);align-items:center;gap:10px;font-weight:700;display:flex}.site-nav{gap:20px;margin-left:auto;display:flex}.site-nav a{color:var(--text);font-size:.95rem}.site-nav a:hover{color:var(--heading)}.header-actions{align-items:center;gap:10px;display:flex}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:10px;place-items:center;display:grid}.theme-toggle:hover{color:var(--heading);border-color:var(--dim)}.theme-icon{display:none}.theme-toggle:not([data-mode]) .icon-system,.theme-toggle[data-mode=system] .icon-system,.theme-toggle[data-mode=light] .icon-light,.theme-toggle[data-mode=dark] .icon-dark{display:block}.lang-switch{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:7px 14px;font-size:.85rem}.lang-switch:hover{color:var(--heading);border-color:var(--dim)}.btn{border-radius:999px;align-items:baseline;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:var(--accent-contrast);box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 35%, transparent)}.btn-ghost{border:1px solid var(--border);background:var(--surface);color:var(--heading)}.btn-sub{opacity:.8;font-size:.78rem;font-weight:400}.text-link{font-size:.92rem}.hero{text-align:center;padding-block:clamp(64px,12vh,128px) 96px;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0}.glow{filter:blur(90px);border-radius:50%;position:absolute}.glow-1{background:radial-gradient(circle, var(--glow-a), transparent 70%);width:55vw;height:55vw;top:-18vw;left:-12vw}.glow-2{background:radial-gradient(circle, var(--glow-b), transparent 70%);width:45vw;height:45vw;top:4vw;right:-14vw}.glow-3{background:radial-gradient(circle, var(--glow-c), transparent 70%);width:40vw;height:40vw;bottom:-16vw;left:28vw}.hero-inner{position:relative}.hero-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:16px;font-size:.82rem;font-weight:600}.hero-title{letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(2.4rem,6vw,4rem)}.hero-title em{background:linear-gradient(90deg, var(--blue), var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-subtitle{margin-inline:auto;max-width:640px;margin-bottom:32px;font-size:1.15rem}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:56px;display:flex}.hero-media img,.hero-media video{border-radius:var(--radius);width:min(900px,100%);box-shadow:var(--shadow);margin-inline:auto}.feature-story{grid-template-columns:5fr 7fr;align-items:center;gap:56px;padding-block:clamp(56px,10vh,112px);display:grid}.feature-story.flip .feature-text{order:2}.feature-story.flip .feature-media{order:1}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:10px;font-size:.78rem;font-weight:600}.feature-story h2{letter-spacing:-.015em;margin-bottom:14px;font-size:clamp(1.7rem,3.4vw,2.4rem)}.feature-body{font-size:1.05rem}.feature-media{position:relative}.feature-media img{border-radius:var(--radius);box-shadow:var(--shadow)}.feature-media.has-secondary{padding-bottom:16%}.feature-media-secondary{border:1px solid var(--border);width:58%;position:absolute;bottom:0;right:-4%}.grid-section{background:var(--surface);border-block:1px solid var(--border);text-align:center;padding-block:88px}.grid-section h2{margin-bottom:44px;font-size:clamp(1.6rem,3vw,2.2rem)}.grid-cards{text-align:left;grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.grid-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.grid-icon{background:color-mix(in srgb, var(--accent) 12%, transparent);width:46px;height:46px;color:var(--accent);border-radius:12px;place-items:center;margin-bottom:14px;display:inline-grid}.grid-card h3{margin-bottom:6px;font-size:1.05rem}.grid-card p{font-size:.92rem}.demo{text-align:center;padding-block:clamp(64px,10vh,112px)}.demo h2{margin-bottom:12px;font-size:clamp(1.7rem,3.4vw,2.4rem)}.section-sub{max-width:560px;margin:0 auto 36px}.demo-player{max-width:900px;margin-inline:auto;position:relative}.demo-player video{border-radius:var(--radius);width:100%;box-shadow:var(--shadow);background:var(--surface2)}.demo-play{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);color:var(--heading);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:600;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-play:hover{border-color:var(--accent);color:var(--accent)}.demo-play[hidden]{display:none}.install{background:var(--surface);border-top:1px solid var(--border);text-align:center;padding-block:clamp(64px,10vh,112px)}.install h2{margin-bottom:12px;font-size:clamp(1.7rem,3.4vw,2.4rem)}.install-cards{text-align:left;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:40px;display:grid}.install-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.install-card h3{margin-bottom:14px}.install-card-recommended{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));box-shadow:0 10px 32px color-mix(in srgb, var(--accent) 14%, transparent)}.badge-medal{background:color-mix(in srgb, var(--yellow) 16%, transparent);width:30px;height:30px;color:var(--yellow);vertical-align:middle;border-radius:50%;place-items:center;margin-left:10px;display:inline-grid}.badge-recommended{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;vertical-align:middle;border-radius:999px;margin-left:8px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.code-line{background:var(--surface2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.code-line code{white-space:nowrap;color:var(--heading);flex:1;overflow-x:auto}.copy-btn{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:.85rem}.copy-btn:hover{color:var(--heading);border-color:var(--dim)}.copy-btn.copied{color:var(--green);border-color:var(--green)}.version-label{color:var(--dim);margin-bottom:14px;font-size:.9rem}.dl-buttons{flex-wrap:wrap;gap:12px;margin-bottom:14px;display:flex}.quickstart{text-align:left;max-width:720px;margin-inline:auto}.quickstart h3{margin-bottom:8px}.quickstart p{margin-bottom:12px}.site-footer{border-top:1px solid var(--border);padding-block:40px}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.footer-brand{color:var(--heading);align-items:center;gap:10px;font-weight:600;display:flex}.footer-links{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.footer-links a{color:var(--text);font-size:.92rem}.footer-links a:hover{color:var(--heading)}.footer-meta{color:var(--dim);font-size:.85rem}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.reveal{opacity:0;transition:opacity .7s ease var(--reveal-delay,0s), transform .7s ease var(--reveal-delay,0s);transform:translateY(26px)}.reveal.is-visible{opacity:1;transform:none}[data-parallax]{transform:translateY(var(--parallax-y,0px));will-change:transform}}@media (width<=880px){.feature-story{grid-template-columns:1fr;gap:28px}.feature-story.flip .feature-text{order:1}.feature-story.flip .feature-media{order:2}.grid-cards{grid-template-columns:1fr 1fr}.install-cards{grid-template-columns:1fr}}@media (width<=640px){.site-nav{display:none}.header-inner{justify-content:space-between}.grid-cards{grid-template-columns:1fr}}