:root{--primary: #0f62fe;--primary-hover: #0050e6;--primary-pressed: #002d9c;--blue-60: #0043ce;--on-primary: #ffffff;--ink: #161616;--ink-muted: #525252;--ink-subtle: #8c8c8c;--canvas: #ffffff;--surface-1: #f4f4f4;--surface-2: #e0e0e0;--hairline: #e0e0e0;--hairline-strong: #161616;--inverse-canvas: #161616;--inverse-surface-1: #262626;--inverse-ink: #ffffff;--inverse-ink-muted: #c6c6c6;--semantic-success: #24a148;--semantic-warning: #f1c21b;--semantic-error: #da1e28;--font: "IBM Plex Sans", "Helvetica Neue", Arial, "Noto Sans KR", sans-serif;--sp-xxs: 4px;--sp-xs: 8px;--sp-sm: 12px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 32px;--sp-xxl: 48px;--sp-section: 96px}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:16px;font-weight:400;line-height:1.5;letter-spacing:.16px;color:var(--ink);background:var(--canvas);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{max-width:520px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--canvas)}.header{position:sticky;top:0;z-index:50;background:var(--canvas);border-bottom:1px solid var(--hairline)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 var(--sp-md)}.logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:22px}.logo-title{font-size:18px;font-weight:600;color:var(--ink);line-height:1.1;letter-spacing:0}.logo-sub{font-size:11px;color:var(--ink-muted);font-weight:400;letter-spacing:.16px}.header-badge{font-size:12px;font-weight:400;color:var(--primary);background:var(--canvas);border:1px solid var(--primary);padding:4px 12px;border-radius:0;letter-spacing:.16px}.content{flex:1;padding:var(--sp-lg) var(--sp-md) 96px}.fade-in{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hero{padding:var(--sp-xl) 0;border-bottom:1px solid var(--hairline);margin-bottom:var(--sp-xl)}.hero h1{font-family:var(--font);font-size:42px;font-weight:300;line-height:1.2;letter-spacing:0;margin-bottom:var(--sp-md);color:var(--ink)}.hero .accent{color:var(--primary)}.hero p{color:var(--ink-muted);font-size:18px;line-height:1.5;margin-bottom:var(--sp-lg);letter-spacing:0}.btn-primary{background:var(--primary);color:var(--on-primary);border:none;border-radius:0;padding:12px 16px;font-family:var(--font);font-size:14px;font-weight:400;line-height:1.29;letter-spacing:.16px;min-height:48px;cursor:pointer;transition:background .12s}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{background:var(--primary-pressed)}.btn-secondary{background:var(--ink);color:var(--inverse-ink);border:none;border-radius:0;padding:12px 16px;min-height:48px;font-family:var(--font);font-size:14px;letter-spacing:.16px;cursor:pointer}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:var(--sp-xl);border:1px solid var(--hairline)}.stat-card{background:var(--canvas);padding:var(--sp-lg) var(--sp-sm);text-align:left;border-right:1px solid var(--hairline)}.stat-card:last-child{border-right:none}.stat-num{font-size:32px;font-weight:300;color:var(--ink);line-height:1.25}.stat-label{font-size:12px;color:var(--ink-muted);margin-top:var(--sp-xxs);letter-spacing:.32px}.section{margin-bottom:var(--sp-xl)}.section-title{font-size:32px;font-weight:400;line-height:1.25;letter-spacing:0;margin-bottom:var(--sp-md);color:var(--ink)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--hairline)}.feature-card{background:var(--canvas);border:none;border-radius:0;border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:var(--sp-lg);text-align:left;cursor:pointer;transition:background .12s}.feature-card:nth-child(2n){border-right:none}.feature-card:nth-child(n+3){border-bottom:none}.feature-card:hover{background:var(--surface-1)}.feature-icon{font-size:24px;margin-bottom:var(--sp-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.feature-title{font-size:24px;font-weight:400;line-height:1.33;letter-spacing:0;margin-bottom:var(--sp-xxs);color:var(--ink)}.feature-desc{font-size:14px;color:var(--ink-muted);line-height:1.29;letter-spacing:.16px}.page-title{font-size:32px;font-weight:400;line-height:1.25;margin-bottom:var(--sp-md);color:var(--ink)}.loading{text-align:center;color:var(--ink-muted);padding:40px;font-size:14px;letter-spacing:.16px}.empty{text-align:center;padding:var(--sp-xxl) 20px;color:var(--ink-muted)}.empty-icon{font-size:48px;margin-bottom:var(--sp-sm)}.empty p{font-size:14px;margin-top:var(--sp-xs);color:var(--ink-subtle);letter-spacing:.16px}.card{background:var(--canvas);border:1px solid var(--hairline);border-radius:0;padding:var(--sp-md);margin-bottom:0;border-bottom:none}.card:last-child{border-bottom:1px solid var(--hairline)}.card-badge{display:inline-block;font-size:12px;font-weight:400;color:var(--primary);background:var(--canvas);border:1px solid var(--hairline);padding:2px 10px;border-radius:0;margin-bottom:var(--sp-xs);letter-spacing:.32px}.card-title{font-size:16px;font-weight:600;line-height:1.5;letter-spacing:.16px;margin-bottom:var(--sp-xxs);color:var(--ink)}.card-meta{font-size:12px;color:var(--ink-muted);margin-bottom:var(--sp-xs);letter-spacing:.32px}.card-link{font-size:14px;color:var(--primary);text-decoration:none;font-weight:400;letter-spacing:.16px;border-bottom:1px solid transparent}.card-link:hover{border-bottom-color:var(--primary)}.card-content{font-size:14px;color:var(--ink-muted);line-height:1.5;margin-top:var(--sp-xs);letter-spacing:.16px}.chat{display:flex;flex-direction:column;height:calc(100vh - 160px)}.chat-list{flex:1;overflow-y:auto;padding:var(--sp-xs) 0;display:flex;flex-direction:column;gap:var(--sp-sm)}.bubble{max-width:84%;padding:var(--sp-sm) var(--sp-md);border-radius:0;font-size:15px;line-height:1.55;white-space:pre-wrap;word-break:break-word;letter-spacing:.16px}.bubble.user{align-self:flex-end;background:var(--primary);color:var(--on-primary);border:1px solid var(--primary)}.bubble.assistant{align-self:flex-start;background:var(--surface-1);color:var(--ink);border:1px solid var(--hairline)}.bubble.typing{color:var(--ink-subtle);letter-spacing:3px;animation:blink 1s infinite}@keyframes blink{50%{opacity:.35}}.chat-quick{display:flex;gap:0;padding:var(--sp-xs) 0;overflow-x:auto;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.chat-quick button{flex-shrink:0;background:var(--canvas);border:none;border-right:1px solid var(--hairline);padding:var(--sp-sm) var(--sp-md);border-radius:0;font-size:14px;cursor:pointer;white-space:nowrap;color:var(--ink-muted);font-weight:400;letter-spacing:.16px;min-height:48px}.chat-quick button:hover{background:var(--surface-1);color:var(--ink)}.chat-input{display:flex;gap:0;padding:var(--sp-xs) 0 var(--sp-xxs)}.chat-input input{flex:1;border:1px solid var(--hairline);border-radius:0;padding:11px 16px;font-size:16px;outline:none;background:var(--surface-1);color:var(--ink);font-family:var(--font);letter-spacing:.16px;min-height:48px}.chat-input input:focus{outline:none;border:none;border-bottom:2px solid var(--primary);padding-bottom:10px}.send-btn{width:48px;height:48px;border-radius:0;border:none;background:var(--primary);color:var(--on-primary);font-size:18px;cursor:pointer}.send-btn:hover{background:var(--primary-hover)}.send-btn:active{background:var(--primary-pressed)}.send-btn:disabled{background:var(--surface-2);color:var(--ink-subtle);cursor:not-allowed}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;display:flex;background:var(--canvas);border-top:1px solid var(--hairline);padding-bottom:max(0px,env(safe-area-inset-bottom));z-index:50}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:var(--sp-xs) 4px;min-height:56px;color:var(--ink-muted);transition:color .12s;border-top:2px solid transparent;font-family:var(--font);text-decoration:none}.tab-item.active{color:var(--ink);border-top:2px solid var(--primary);font-weight:600}.tab-icon{font-size:20px}.tab-label{font-size:12px;font-weight:inherit;letter-spacing:.16px}.cta-banner{background:var(--primary);color:var(--on-primary);padding:var(--sp-xxl);border-radius:0;margin:var(--sp-xl) 0}.cta-banner h2{font-size:32px;font-weight:400;line-height:1.25;letter-spacing:0;margin-bottom:var(--sp-md)}.cta-banner .btn-tertiary{background:var(--canvas);color:var(--primary);border:none;border-radius:0;padding:12px 16px;min-height:48px;font-family:var(--font);font-size:14px;letter-spacing:.16px;cursor:pointer;font-weight:400}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:1px}@media(max-width:360px){.hero h1{font-size:32px}.section-title,.page-title,.stat-num{font-size:26px}}