body{background:var(--bg);font-family:var(--font-sans);margin:0}:root{--db-measure:700px;--db-gutter:24px}.db-rain{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.db-hero{z-index:1;padding:clamp(44px, 7vh, 96px) var(--db-gutter) 48px;box-sizing:border-box;flex-direction:column;align-items:center;gap:18px;display:flex;position:relative}@keyframes db-fall{0%{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}@keyframes db-fadeup{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes db-spin{to{transform:rotate(360deg)}}.db-bar{opacity:0;animation:.9s cubic-bezier(.22,1,.36,1) forwards db-fall}.db-bar--1{animation-delay:.15s}.db-bar--2{animation-delay:.5s}.db-bar--3{animation-delay:.85s}.db-enter{opacity:0;animation:.8s cubic-bezier(.22,1,.36,1) forwards db-fadeup}.db-enter--mark{animation-delay:1.5s}.db-enter--kicker{animation-duration:.7s;animation-delay:1.7s}.db-enter--say{animation-duration:.75s;animation-delay:1.9s}.db-enter--sub{animation-duration:.75s;animation-delay:2.2s}.db-enter--ledger{animation-duration:.7s;animation-delay:2.5s}.db-enter--lines{animation-duration:.7s;animation-delay:2.9s}.db-enter--form{animation-duration:.7s;animation-delay:3.3s}.db-mark{width:clamp(96px,16vw,116px);height:auto}.db-wordmark{align-items:baseline;gap:10px;display:flex}.db-wordmark__en{font-family:"Space Grotesk", var(--font-display);letter-spacing:-.01em;color:var(--ink);font-size:28px;font-weight:600}.db-wordmark__ko{font-family:var(--font-display);color:var(--ink-faint);font-size:21px;font-weight:400}.db-say{font-family:var(--font-display);font-weight:var(--weight-medium);font-size:clamp(1.3125rem, 3.4vw, var(--text-xl));line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--ink);text-align:center;text-wrap:balance;max-width:34ch;margin:2px 0 0}.db-kicker{margin:0}.db-lede{text-align:center;max-width:58ch;margin:-2px 0 0}.db-lede p{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--ink-faint);text-wrap:pretty;margin:0}.db-demo{width:100%;max-width:var(--db-measure);box-sizing:border-box;background:var(--surface);border:var(--border-hair) solid var(--line);border-radius:var(--radius-2);margin:4px 0 0;overflow:hidden}.db-demo__body{flex-direction:column;gap:15px;padding:19px 18px 20px;display:flex}.db-lane{text-align:left;flex-direction:column;gap:5px;display:flex}.db-lane__name{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);color:var(--ink);transition:color .25s}.db-lane.is-active .db-lane__name{color:var(--primary-active)}.db-stages{font-family:var(--font-mono);color:var(--ink-muted);flex-wrap:wrap;gap:9px 20px;font-size:13px;line-height:1.45;display:flex}.db-stage{align-items:flex-start;gap:7px;display:flex}.db-stage .db-glyph{margin-top:3px}.db-glyph{width:13px;height:13px;display:inline-block;position:relative}.db-glyph>*{transition:opacity .18s linear}.db-glyph [data-s=dot],.db-glyph [data-s=check]{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.db-glyph [data-s=dot]{color:var(--idle-fg);opacity:.9;font-size:15px}.db-glyph [data-s=check]{color:var(--pass-fg);opacity:0;font-size:12px}.db-glyph [data-s=ring]{box-sizing:border-box;border:1.5px solid var(--run-fg);opacity:0;border-top-color:#0000;border-radius:50%;width:9px;height:9px;animation:.8s linear infinite db-spin;position:absolute;top:2px;left:2px}.db-lines{width:100%;max-width:var(--db-measure);border-top:1px solid var(--line);text-align:left;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:26px 40px;margin:6px 0 0;padding-top:22px;display:grid}.db-line h2{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--ink-faint);margin:0 0 11px}.db-line p{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--ink-muted);text-wrap:pretty;margin:0 0 12px}.db-line ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.db-line li{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--ink-muted);padding-left:15px;position:relative}.db-line li:before{content:"";background:var(--tint);border-radius:50%;width:4px;height:4px;position:absolute;top:.52em;left:0}.db-form{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:32px;margin-top:8px;display:flex;position:relative}.db-input{box-sizing:border-box;width:256px;height:32px;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink);background:var(--surface-inset);border:var(--border-1) solid var(--line-strong);border-radius:var(--radius-1);padding:0 .7em;transition:border-color .12s ease-out,box-shadow .12s ease-out}.db-input::placeholder{color:var(--ink-faint)}.db-input:focus{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);outline:none}.db-input--error{border-color:var(--fail-line)}.db-input--error:focus{border-color:var(--fail-fg);box-shadow:inset 0 0 0 1px var(--fail-fg)}.db-btn{box-sizing:border-box;height:32px}.db-btn[disabled]{opacity:.6;cursor:default}.db-form-note{text-align:center;font-family:var(--font-mono);letter-spacing:.005em;color:var(--fail-fg);min-height:14px;margin-top:8px;font-size:11px;position:absolute;top:100%;left:0;right:0}.db-form-done{height:32px;font-family:var(--font-mono);color:var(--pass-fg);align-items:center;font-size:13px;display:flex}.db-foot{z-index:1;box-sizing:border-box;max-width:calc(var(--db-measure) + 2 * var(--db-gutter));padding:0 var(--db-gutter) 40px;margin:0 auto;position:relative}.db-foot__inner{border-top:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:8px 18px;padding-top:18px;display:flex}.db-foot__label{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--ink-faint);margin:0}.db-foot ul{flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none;display:flex}.db-foot a{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ink-muted);border-bottom:1px solid var(--line-strong);padding-bottom:1px;text-decoration:none;transition:color .15s ease-out,border-color .15s ease-out}.db-foot a:hover{color:var(--ink);border-color:var(--ink)}.db-foot a:focus-visible{outline:var(--border-1) solid var(--primary);outline-offset:3px}.db-foot__meta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 18px;margin-top:18px;display:flex}.db-foot__meta p{font-family:var(--font-mono);letter-spacing:.005em;color:var(--ink-faint);margin:0;font-size:11px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}