:root{color-scheme:dark;--brand-lavender:#b6a3f5;--brand-lavender-hover:#c8b9ff;--brand-ink:#1e1833;--brand-charcoal:#141416;--brand-paper:#f2f0f5;--endue-violet:#8b7ef2;--endue-blue:#5881ff;--endue-cyan:#79dbff;--background:var(--brand-charcoal);--card:#1e1d21;--muted:#242127;--popover:#2b2731;--accent:#37313f;--foreground:var(--brand-paper);--muted-foreground:#b0adb7;--primary:var(--brand-lavender);--primary-hover:var(--brand-lavender-hover);--primary-foreground:var(--brand-ink);--primary-text:var(--brand-lavender);--primary-soft:color-mix(in srgb, var(--primary) 16%, transparent);--primary-border:color-mix(in srgb, var(--primary) 40%, transparent);--border:#333136;--success:#5dbe5f;--warning:#ff9800;--status-active:#5fd0be;--code-surface:color-mix(in oklch, var(--foreground) 6%, transparent);--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--display-sm:clamp(28px, 3vw, 40px);--display-md:clamp(40px, 5vw, 56px);--display-lg:clamp(46px, 5vw, 66px);--display-tracking:-.045em;--site-width:1328px;--header-h:72px}*,:before,:after{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;word-break:keep-all;margin:0;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%}code,pre,kbd{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.wrap{width:100%;max-width:var(--site-width);margin:0 auto;padding:0 24px}.site-header{z-index:50;height:var(--header-h);border-bottom:1px solid #0000;transition:background-color .2s,border-color .2s;position:fixed;inset:0 0 auto}.site-header[data-scrolled]{background:color-mix(in srgb, var(--background) 72%, transparent);backdrop-filter:blur(12px);border-bottom-color:var(--border)}.site-header .wrap{align-items:center;gap:28px;height:100%;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:9px;font-size:17px;font-weight:600;display:inline-flex}.brand img{width:24px;height:24px}.brand .os{color:var(--primary-text)}.site-nav{color:var(--muted-foreground);gap:22px;font-size:14px;display:flex}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--foreground)}.header-actions{align-items:center;gap:18px;margin-left:auto;font-size:14px;display:flex}.header-actions .quiet{color:var(--muted-foreground)}.header-actions .quiet:hover{color:var(--foreground)}.btn{height:40px;font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.btn-fill{background:var(--primary);color:var(--primary-foreground)}.btn-fill:hover{background:var(--primary-hover)}.btn-line{border-color:var(--border);color:var(--foreground)}.btn-line:hover{border-color:var(--muted-foreground)}.btn-lg{height:48px;padding:0 22px;font-size:16px}@media (width<=860px){.site-nav,.header-actions .quiet{display:none}}.eyebrow{color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:500;display:inline-flex}.section{padding:104px 0}.section-head{text-align:center;max-width:760px;margin:0 auto 56px}.section-head.left{text-align:left;margin-left:0}.section-title{letter-spacing:var(--display-tracking);text-wrap:balance;margin:14px 0 16px;font-size:clamp(32px,3.6vw,48px);font-weight:500;line-height:1.25}.section-lead{color:var(--muted-foreground);text-wrap:pretty;margin:0;font-size:17px}.accent{color:var(--primary-text)}.badge{border:1px solid var(--border);height:22px;color:var(--muted-foreground);letter-spacing:0;text-transform:none;vertical-align:middle;white-space:nowrap;border-radius:999px;align-items:center;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.badge.planned{border-color:color-mix(in srgb, var(--warning) 45%, transparent);color:#ffc069}.badge.live{border-color:color-mix(in srgb, var(--status-active) 45%, transparent);color:var(--status-active)}.card{background:var(--card);border:1px solid var(--border);border-radius:16px}.text-link{color:var(--primary-text);align-items:center;gap:6px;font-weight:500;display:inline-flex}.text-link:hover{text-underline-offset:3px;text-decoration:underline}.code{border:1px solid var(--border);color:#e6e1ee;white-space:pre;tab-size:2;background:#0f0f12;border-radius:12px;margin:0;padding:18px 20px;font-size:13px;line-height:1.65;position:relative;overflow:auto}.code .c{color:#8a8594}.code .k{color:var(--primary-text)}.code .s{color:#9fe0c9}.copy-btn{z-index:1;border:1px solid var(--border);background:var(--muted);height:28px;color:var(--muted-foreground);font:inherit;font-family:var(--font-sans);cursor:pointer;border-radius:6px;padding:0 10px;font-size:12px;position:absolute;top:10px;right:10px}.copy-btn:hover{color:var(--foreground)}.code-wrap{position:relative}.grad{background:linear-gradient(100deg,#d9d0ff 0%,#b6a3f5 30%,#8b7ef2 55%,#79dbff 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.kicker{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.14em;align-items:center;gap:10px;margin:0;font-size:12px;font-weight:500;display:inline-flex}.kicker span{color:var(--primary-text)}.kicker span:after{content:"";vertical-align:middle;background:linear-gradient(90deg, var(--primary-text), transparent);width:22px;height:1px;margin-left:10px;display:inline-block}.glow-card{background:linear-gradient(#1b1a22,#15141a) padding-box padding-box,linear-gradient(160deg,#b6a3f540,#ffffff10 35%,#ffffff08 65%,#79dbff30) border-box;border:1px solid #0000;border-radius:18px;transition:transform .2s,box-shadow .2s,background .2s;position:relative}a.glow-card:hover,.pillar:hover,.extend-list li:hover{background:linear-gradient(#1d1b26,#16151c) padding-box padding-box,linear-gradient(160deg,#b6a3f590,#ffffff18 40%,#79dbff60) border-box;transform:translateY(-2px);box-shadow:0 20px 50px -20px #8b7ef255}.icon-tile{color:#efeaff;background:radial-gradient(circle at 30% 20%,#ffffff30,#0000 55%),linear-gradient(140deg,#8b7ef2cc,#5881ffb3 60%,#79dbff99);border-radius:13px;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:inset 0 1px #ffffff40,0 8px 22px -8px #8b7ef2aa}.icon-tile.sm{border-radius:11px;width:38px;height:38px}.btn-ghost{color:var(--foreground);backdrop-filter:blur(6px);background:#ffffff08;border-color:#ffffff1f}.btn-ghost:hover{background:#ffffff10;border-color:#ffffff40}.live-dot{background:var(--status-active);border-radius:50%;width:7px;height:7px;animation:2s ease-out infinite live;display:inline-block;box-shadow:0 0 #5fd0be88}@keyframes live{70%{box-shadow:0 0 0 7px #5fd0be00}to{box-shadow:0 0 #5fd0be00}}.section-head .kicker{margin-bottom:4px}.site-footer{border-top:1px solid var(--border);color:var(--muted-foreground);padding:56px 0 64px;font-size:14px}.footer-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:32px;display:grid}.footer-grid h3{color:var(--foreground);margin:0 0 12px;font-size:13px;font-weight:600}.footer-grid ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.footer-grid a:hover{color:var(--foreground)}.footer-note{margin-top:40px;font-size:13px}@media (width<=760px){.footer-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}