:root{--blue:#409bf7;--blue-deep:#2489ed;--blue-soft:#edf6ff;--navy:#182536;--muted:#657487;--line:#dce5ed;--canvas:#f5f8fb;--white:#fff;--shadow:0 14px 38px #1e416614;--ok-bg:#e9f8f1;--ok-fg:#168d64;--warn-bg:#fff4e8;--warn-fg:#b56716;--danger-bg:#fff0eb;--danger-fg:#b05c45;--radius:16px;--radius-md:11px;--radius-sm:8px;--space-1:6px;--space-2:12px;--space-3:18px;--space-4:24px;--space-5:34px;--space-6:48px;--font:"Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:SFMono-Regular, Consolas, monospace;--page-max:1080px}*{box-sizing:border-box}body{font-family:var(--font);background:var(--canvas);color:var(--navy);margin:0;line-height:1.6}a{color:inherit}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed}code,pre,.mono{font-family:var(--font-mono)}.page{max-width:var(--page-max);padding:var(--space-6) var(--space-4);margin:0 auto}.stack>*+*{margin-top:var(--space-3)}.eyebrow{color:var(--blue-deep);letter-spacing:.16em;margin:0 0 15px;font-size:12px;font-weight:700}.page-heading{min-height:110px;margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.page-heading h1{letter-spacing:-.04em;margin:7px 0 6px;font-size:30px}.page-heading p{color:var(--muted);margin:0;font-size:12px}.page-heading-actions{align-items:center;gap:var(--space-2);display:flex}.section-heading{max-width:720px;margin:0 auto var(--space-5);text-align:center}.section-heading h2{letter-spacing:-.04em;margin:0;font-size:32px}.section-heading>p:last-child{color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.65}.card-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.card-heading h2{letter-spacing:-.025em;margin:0;font-size:17px}.card{padding:var(--space-4);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow);border:1px solid #e2e9ef}.card+.card{margin-top:var(--space-3)}.tier-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);padding:16px;transition:border-color .15s,box-shadow .15s}.tier-card.current{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue);background:#f0f7ff}.tier-card.premium{background:#fbfdff;border-color:#b9dcff}.tier-card-header{justify-content:space-between;align-items:center;min-height:24px;display:flex}.tier-card-header .eyebrow{margin:0}.tier-card p{color:var(--muted);margin:11px 0 14px;font-size:12px;line-height:1.5}.plan-detail{color:var(--muted);margin:0 0 10px;font-size:11px;line-height:1.4}.plan-detail.warn{color:var(--warn-fg);font-weight:600}.plan-cancel-btn{color:var(--muted);margin-top:6px;font-size:11px}.plan-cancel-btn:hover:not(:disabled){color:var(--danger-fg)}.btn{border-radius:var(--radius-sm);min-height:42px;padding:0 15px;font-size:12px;font-weight:700}.btn-primary{background:var(--blue);color:var(--white);border:0}.btn-primary:hover:not(:disabled){background:var(--blue-deep)}.btn-secondary{background:var(--white);color:#5e7082;border:1px solid #d8e0e7}.btn-secondary:hover:not(:disabled){border-color:var(--blue);color:var(--blue-deep)}.btn-danger{background:var(--danger-bg);color:var(--danger-fg);border:1px solid #f0cfc4}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{color:#98a4af;background:#edf1f4;border-color:#e0e6eb}.btn-block{width:100%}.text-button{color:#405267;background:0 0;border:0;padding:7px 0;font-size:11px;font-weight:700}.text-button:hover{color:var(--blue-deep)}.field{margin-bottom:var(--space-2);display:block}.field>span{color:#84909c;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.input,.select{border-radius:var(--radius-sm);background:var(--white);width:100%;min-height:42px;color:var(--navy);border:1px solid #cfd9e2;padding:0 12px;font-family:inherit;font-size:12px}.input:focus,.select:focus{border-color:var(--blue);outline:2px solid var(--blue-soft)}.input:disabled{color:#98a4af;background:#edf1f4}.data-table{border-collapse:collapse;width:100%;font-size:11px}.data-table th{color:#7b8997;text-align:left;white-space:nowrap;border-bottom:1px solid #dfe6ec;padding:11px 12px;font-weight:600}.data-table td{color:#3f5367;border-bottom:1px solid #edf1f4;padding:14px 12px}.data-table tbody tr:last-child td{border-bottom:0}.table-scroll{overflow-x:auto}.badge{border-radius:5px;padding:5px 8px;font-size:10px;font-style:normal;font-weight:700;display:inline-block}.badge-ok{background:var(--ok-bg);color:var(--ok-fg)}.badge-warn{background:var(--warn-bg);color:var(--warn-fg)}.badge-danger{background:var(--danger-bg);color:var(--danger-fg)}.badge-info{background:var(--blue-soft);color:var(--blue-deep)}.empty-state{padding:var(--space-5) var(--space-4);color:var(--muted);text-align:center;font-size:12px}.notice{border-radius:var(--radius-sm);padding:12px 14px;font-size:12px}.notice-error{background:var(--danger-bg);color:var(--danger-fg)}.notice-ok{background:var(--ok-bg);color:var(--ok-fg)}.notice-info{background:var(--blue-soft);color:var(--blue-deep)}.modal-backdrop{padding:var(--space-4);z-index:50;background:#18253673;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:420px;padding:var(--space-4);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow)}.modal h2{margin:0 0 var(--space-2);letter-spacing:-.025em;font-size:17px}.modal p{margin:0 0 var(--space-3);color:var(--muted);font-size:12px}.modal-actions{justify-content:flex-end;gap:var(--space-1);display:flex}@media (width<=720px){.page{padding:var(--space-4) var(--space-3)}.page-heading{flex-direction:column;align-items:flex-start;gap:16px;min-height:auto}.page-heading h1,.section-heading h2{font-size:27px}.card{padding:19px}}.site-header{border-bottom:1px solid var(--line);background:var(--white);z-index:20;position:sticky;top:0}.site-header-inner{max-width:var(--page-max);padding:var(--space-2) var(--space-4);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.site-brand{align-items:baseline;gap:var(--space-1);color:var(--navy);text-decoration:none;display:flex}.site-brand .eyebrow{color:var(--blue);margin:0}.site-brand strong{letter-spacing:-.02em;font-size:16px;font-weight:800}.site-header-actions{align-items:center;gap:var(--space-2);display:flex}.site-header-actions .btn{min-height:36px;padding:0 14px}.intro-hero{padding:var(--space-6) 0 var(--space-5);text-align:center}.hero-actions,.cta-actions{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.hero-actions .btn,.cta-actions .btn{min-width:130px}.intro-hero h1{letter-spacing:-.04em;margin:0;font-size:44px;line-height:1.25}.intro-lead{max-width:620px;margin:var(--space-4) auto;color:var(--muted);font-size:16px;line-height:1.75}.intro-hint{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.5}.intro-demo-body{margin-top:var(--space-3);gap:var(--space-3);grid-template-columns:1fr 1fr;align-items:start;display:grid}.intro-result{gap:var(--space-2);min-height:168px;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--canvas);flex-direction:column;display:flex}.intro-result .empty-state{flex-direction:column;flex:1;justify-content:center;padding:0;display:flex}.intro-result-data{flex:1}.intro-result-data strong{font-size:17px}.intro-section{margin-top:var(--space-6)}.intro-plans{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.intro-plans .tier-card strong{display:block}.intro-plans .tier-card p{margin:12px 0 0;line-height:1.8}.intro-plans .plan-price{color:var(--navy);font-size:17px;font-weight:700}.intro-steps{gap:var(--space-2);grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.intro-steps strong{margin-top:var(--space-1);display:block}.intro-code{gap:var(--space-2);grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.intro-code .card{margin-top:0}.intro-code-card{flex-direction:column;height:100%;display:flex}.intro-code-header{min-height:28px;margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.intro-code-header .eyebrow{margin:0}.code-copy-btn{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--white);min-height:28px;color:var(--muted);align-items:center;gap:4px;padding:0 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.code-copy-btn:hover{border-color:var(--blue);color:var(--blue-deep);background:var(--blue-soft)}.code-copy-btn.copied{border-color:var(--ok-fg);color:var(--ok-fg);background:var(--ok-bg)}.code-block{border-radius:var(--radius-sm);background:#111a24;border:1px solid #223244;flex-direction:column;flex:1;display:flex;overflow:hidden}.code-block pre{color:#e3edf7;font-family:var(--font-mono);flex:1;margin:0;padding:16px;font-size:12px;line-height:1.7;overflow-x:auto}.code-block code{font-family:inherit;font-size:inherit;color:inherit}.intro-cta{margin-top:var(--space-6);text-align:center}.intro-cta h2{margin:0 0 var(--space-2);letter-spacing:-.04em;font-size:28px}.intro-cta p{max-width:560px;margin:0 auto var(--space-3);color:var(--muted);font-size:14px}@media (width<=900px){.intro-plans,.intro-steps{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.intro-hero h1{font-size:32px}.intro-lead{font-size:14px}.intro-demo-body,.intro-code,.intro-plans,.intro-steps{grid-template-columns:1fr}}.login-shell{flex-direction:column;min-height:100vh;display:flex}.login-shell>main{flex:1}.login-page{width:100%;max-width:460px;padding:var(--space-6) var(--space-4);flex-direction:column;margin:0 auto;display:flex}.login-page>:first-child{margin-top:auto}.login-page>:last-child{margin-bottom:auto}.login-card h1{letter-spacing:-.04em;margin:0;font-size:26px;line-height:1.35}.login-lead{margin:var(--space-2) 0 var(--space-3);color:var(--muted);font-size:13px;line-height:1.7}.login-card .notice{margin-bottom:var(--space-2)}.login-note{margin:var(--space-2) 0 0;color:var(--muted);text-align:center;font-size:11px}.login-back{margin-top:var(--space-2);text-align:center;text-decoration:none;display:block}.login-dev{margin-top:var(--space-3)}.login-dev-error{margin-top:var(--space-2)}.shell{grid-template-rows:1fr auto;grid-template-columns:216px 1fr;min-height:100vh;display:grid}.shell-nav{padding:var(--space-4);background:var(--navy);color:var(--white);flex-direction:column;display:flex}.shell-brand .eyebrow{color:#72b8fa;letter-spacing:.11em;margin-bottom:4px;font-size:10px}.shell-brand strong{letter-spacing:-.03em;font-size:18px}.shell-menu{margin:var(--space-4) 0 0;flex:1;padding:0;list-style:none}.shell-link{justify-content:space-between;align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);color:#c3d3e2;padding:10px 12px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.shell-link:hover{color:var(--white);background:#ffffff0f}.shell-link.active{background:var(--blue);color:var(--white)}.shell-count{background:var(--danger-fg);color:var(--white);border-radius:999px;padding:0 7px;font-size:11px;line-height:18px}.shell-link.active .shell-count{background:#ffffff3d}.shell-foot{margin-top:var(--space-4)}.shell-error{margin:var(--space-2) 0 0}.shell-main{min-width:0;padding:var(--space-5) var(--space-4)}.metric-grid{margin:var(--space-3) 0;gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.metric-grid .tier-card strong{margin-top:4px;font-size:17px;display:block}.metric-grid .tier-card p{margin:8px 0 0}.quota-bar{background:#e7edf3;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.quota-fill{height:100%}.quota-fill.level-ok{background:var(--ok-fg)}.quota-fill.level-caution{background:#d9a520}.quota-fill.level-warn{background:var(--warn-fg)}.quota-fill.level-danger{background:var(--danger-fg)}.key-facts{margin:var(--space-3) 0;grid-template-columns:repeat(2,1fr);display:grid}.key-facts>div{border-left:1px solid #e6ebef;padding:0 16px}.key-facts>div:first-child{border-left:0;padding-left:0}.key-facts dt{color:#84909c;font-size:10px}.key-facts dd{margin:5px 0 0;font-size:13px;font-weight:600}.key-value-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.key-actions{align-items:center;gap:6px;display:inline-flex}.key-actions .code-copy-btn{height:24px;min-height:24px;padding:0 8px;font-size:11px}.key-toggle-btn{color:var(--blue);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:11px;font-weight:600;text-decoration:underline}.key-toggle-btn:hover{color:var(--blue-deep)}.key-reveal-container{align-items:center;gap:var(--space-2);margin:var(--space-2) 0;display:flex}.key-reveal-container .key-reveal{flex:1;margin:0}.key-reveal-container .code-copy-btn{flex-shrink:0;min-height:38px;padding:0 14px;font-size:12px}.key-reveal{border-radius:var(--radius-sm);background:var(--canvas);color:var(--navy);word-break:break-all;padding:12px;font-size:12px}@media (width<=1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.shell{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.shell-menu{margin-top:var(--space-3);flex-wrap:wrap;gap:4px;display:flex}.shell-foot{margin-top:var(--space-3)}.shell-main{padding:var(--space-4) var(--space-3)}.metric-grid{grid-template-columns:1fr}.key-facts{gap:var(--space-2);grid-template-columns:1fr}.key-facts>div{border-left:0;padding:0}}.usage-period{width:auto;min-width:140px}.billing-actions{gap:var(--space-1);flex-shrink:0;display:flex}.billing-status{margin:var(--space-2) 0 0;color:var(--muted);font-size:12px}.billing-status+.notice{margin-top:var(--space-2)}.billing-plans{margin:var(--space-3) 0;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));display:grid}.billing-plans .tier-card{flex-direction:column;display:flex}.billing-plans .tier-card strong{margin-top:4px;font-size:20px;display:block}.billing-plans .tier-card p{flex:1}.billing-notes{margin:var(--space-3) 0 0;color:var(--muted);padding-left:18px;font-size:12px;line-height:1.9}@media (width<=720px){.billing-actions{flex-direction:column;width:100%}}.notice-list{margin:0;padding:0;list-style:none}.notice-item{align-items:center;gap:var(--space-2);padding:var(--space-3);display:flex}.notice-item+.notice-item{margin-top:var(--space-2)}.notice-item.unread{background:#fbfdff;border-color:#b9dcff}.notice-icon{font-size:20px}.notice-body{flex:1;min-width:0}.notice-body strong{font-size:13px}.notice-body p{margin:4px 0 0;font-size:12px}.notice-time{color:#99a5b1;font-size:11px}.site-footer{padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--line);background:var(--white);color:var(--muted);grid-column:1/-1;font-size:12px}.site-footer-inner{max-width:var(--page-max);gap:var(--space-1) var(--space-3);flex-wrap:wrap;margin:0 auto;display:flex}.site-footer a{color:var(--muted);text-decoration:underline}.intro-terms{max-width:720px;margin:var(--space-3) auto 0;color:var(--muted);text-align:center;font-size:12px;line-height:1.65}.billing-terms{margin:var(--space-2) 0 0;color:var(--muted);font-size:12px;line-height:1.65}.login-terms{margin:var(--space-2) 0 0;color:var(--muted);text-align:center;font-size:11px}.login-terms a{color:var(--muted);text-decoration:underline}