:root{--primary:#1b1938;--primary-deep:#0e0c1f;--primary-lift:#252247;--primary-inset:#14122b;--on-primary:#fff;--canvas:#fff;--canvas-soft:#fafaf8;--teal-deep:#0e3030;--teal-mid:#155555;--violet-soft:#c9b4fa;--ink:#292827;--ink-mute:#73706d;--ink-faint:#9a9794;--hairline:#e8e4dd;--hairline-dark:#3f3a52;--on-dark:#fff;--on-dark-mute:#bcbac9;--on-dark-faint:#7d7a98;--profit:#fbbf24;--profit-ink:#b06f00;--loss:#f87171;--loss-ink:#d4453c;--neutral:#94a3b8;--seal:#b0402f;--kakao:#fee500;--kakao-ink:#191600;--font:"Pretendard Variable", "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", "Menlo", "Roboto Mono", monospace;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-full:9999px;--s-1:2px;--s-2:4px;--s-3:8px;--s-4:12px;--s-5:16px;--s-6:24px;--s-7:32px;--s-8:48px;--s-9:64px;--s-10:96px;--ease:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body{background:var(--canvas);color:var(--ink);font-family:var(--font);word-break:keep-all;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;font-size:16px;line-height:1.5}#root,main{min-height:100vh}.mono{font-family:var(--mono);font-feature-settings:"tnum" 1, "zero" 1;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.d-xxl{letter-spacing:-.03em;font-size:clamp(40px,6vw,64px);font-weight:600;line-height:.98}.d-xl{letter-spacing:-.028em;font-size:clamp(30px,4.4vw,48px);font-weight:600;line-height:.98}.d-lg{letter-spacing:-.022em;font-size:28px;font-weight:600;line-height:1.14}.d-md{letter-spacing:-.014em;font-size:22px;font-weight:600;line-height:1.1}.h-lg{letter-spacing:-.018em;font-size:20px;font-weight:600;line-height:1.2}.body-lg{letter-spacing:-.008em;font-size:18px;font-weight:500;line-height:1.5}.body{font-size:16px;font-weight:450;line-height:1.5}.caption{color:var(--ink-mute);font-size:14px;font-weight:450;line-height:1.4}.micro{letter-spacing:.01em;font-size:12px;font-weight:500;line-height:1.4}.label{font-size:13px;font-weight:500;line-height:1.3}a{color:inherit}.btn{font-family:var(--font);cursor:pointer;border-radius:var(--r-md);min-height:44px;transition:background .16s var(--ease), transform .12s var(--ease), box-shadow .16s var(--ease), opacity .16s var(--ease);white-space:nowrap;border:0;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:16px;font-weight:600;line-height:1;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-deep)}.btn-pill{background:var(--violet-soft);color:var(--primary);border-radius:var(--r-full)}.btn-pill:hover{filter:brightness(1.04)}.btn-gold{background:var(--profit);color:var(--primary-deep)}.btn-gold:hover{filter:brightness(1.05)}.btn-outline{color:var(--ink);box-shadow:inset 0 0 0 1px var(--hairline-dark);background:0 0}.btn-outline:hover{background:var(--canvas-soft)}.btn-outline-dark{color:var(--on-dark);box-shadow:inset 0 0 0 1px var(--hairline-dark);background:0 0}.btn-outline-dark:hover{background:#ffffff0f}.btn-on-teal{background:var(--canvas);color:var(--teal-deep)}.btn-on-teal:hover{filter:brightness(.97)}.btn-kakao{background:var(--kakao);color:var(--kakao-ink)}.btn-kakao:hover{filter:brightness(.97)}.btn-ghost{color:var(--on-dark-mute);background:0 0;min-height:38px;padding:8px 12px}.btn-ghost:hover{color:var(--on-dark);background:#ffffff0f}.btn-block{width:100%}.field{width:100%;font-family:var(--font);color:var(--ink);background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-sm);min-height:48px;transition:border-color .16s var(--ease), box-shadow .16s var(--ease);outline:none;padding:13px 14px;font-size:16px}.field::placeholder{color:var(--ink-faint)}.field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1b19381f}.field-dark{background:var(--primary-inset);color:var(--on-dark);border:1px solid var(--hairline-dark)}.field-dark::placeholder{color:var(--on-dark-faint)}.field-dark:focus{border-color:var(--violet-soft);box-shadow:0 0 0 3px #c9b4fa38}.seal{background:var(--seal);color:#fff;-webkit-user-select:none;user-select:none;border-radius:7px;place-items:center;font-family:Pretendard Variable,serif;font-weight:700;display:inline-grid;box-shadow:inset 0 0 0 1.5px #ffffff38}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:var(--r-full);align-items:center;gap:6px;padding:4px 9px;font-size:12px;font-weight:600;display:inline-flex}.badge-free{color:var(--on-dark-mute);box-shadow:inset 0 0 0 1px var(--hairline-dark);background:#ffffff14}.badge-basic{color:var(--violet-soft);background:#c9b4fa29;box-shadow:inset 0 0 0 1px #c9b4fa66}.badge-pro{color:var(--profit);background:#fbbf2424;box-shadow:inset 0 0 0 1px #fbbf2473}.wrap{width:100%;max-width:1120px;margin:0 auto;padding-left:24px;padding-right:24px}.wrap-narrow{max-width:960px}.row{display:flex}.col{flex-direction:column;display:flex}.center{align-items:center}.between{justify-content:space-between}.gap-2{gap:4px}.gap-3{gap:8px}.gap-4{gap:12px}.gap-5{gap:16px}.gap-6{gap:24px}.gap-7{gap:32px}.wrap-flex{flex-wrap:wrap}.card-dark{background:var(--primary-lift);border:1px solid var(--hairline-dark);border-radius:var(--r-xl);padding:24px}.card-light{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:32px}.hr{background:var(--hairline);border:0;height:1px}.hr-dark{background:var(--hairline-dark);border:0;height:1px}.fig{font-family:var(--mono);font-variant-numeric:tabular-nums}.enter,.enter-2,.enter-3,.enter-4{transition:opacity .5s var(--ease), transform .5s var(--ease)}.enter-2{transition-delay:80ms}.enter-3{transition-delay:.16s}.enter-4{transition-delay:.24s}body:not(.loaded) .enter,body:not(.loaded) .enter-2,body:not(.loaded) .enter-3,body:not(.loaded) .enter-4{opacity:0;transform:translateY(10px)}@media (prefers-reduced-motion:reduce){.enter,.enter-2,.enter-3,.enter-4{opacity:1!important;transition:none!important;transform:none!important}.cbadge-rot{animation:none!important}*{scroll-behavior:auto!important}}.atmos{background:radial-gradient(1100px 620px at 72% 8%, #c9b4fa57, transparent 60%), radial-gradient(820px 520px at 18% 92%, #1555554d, transparent 62%), radial-gradient(900px 700px at 50% 120%, #0e0c1fa6, transparent 60%), var(--primary)}:focus-visible{outline:2px solid var(--violet-soft);outline-offset:2px}::selection{background:#c9b4fa66}.scroll-area{scrollbar-width:thin;scrollbar-color:var(--hairline-dark) transparent}.hero-grid{grid-template-columns:1.04fr .96fr;align-items:center;gap:28px;display:grid}.hero-art{position:relative}.hero-badge{position:absolute;bottom:0;right:4%}.hero-stats{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:30px;display:grid}.preview-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.feat-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.login-grid{grid-template-columns:1fr 1fr;gap:56px;display:grid}.dash-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.stat-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.dash-lower{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;display:grid}.cbadge-rot{transform-origin:50%;animation:22s linear infinite cbrot}@keyframes cbrot{to{transform:rotate(360deg)}}@media (max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-art{max-width:480px;margin:8px auto 0}.preview-grid{grid-template-columns:1fr;gap:32px}.feat-grid{grid-template-columns:1fr;max-width:480px}.login-grid{grid-template-columns:1fr;gap:32px}.login-aside{max-width:100%!important}.stat-grid{grid-template-columns:repeat(3,1fr)}.dash-lower{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr;max-width:440px;margin-left:auto;margin-right:auto}}@media (max-width:600px){.nav-mid{display:none!important}.hero-stats{grid-template-columns:repeat(2,1fr);gap:16px}.stat-grid{grid-template-columns:repeat(2,1fr)}.hero-badge{right:0;transform:scale(.85)}}@media (max-width:380px){.hero-stats{grid-template-columns:1fr}}
