:root{--ink:#14243b;--muted:#68758a;--navy:#18375e;--blue:#245b93;--line:#dfe5ec;--wash:#f3f6f8}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 10% 15%,#2d659717,transparent 27rem),linear-gradient(135deg,#f8fafb,#eef2f5);font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",system-ui,sans-serif}.shell{width:min(1180px,calc(100% - 40px));min-height:100vh;margin:auto;padding:56px 0;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(48px,8vw,110px)}.brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.brand b{display:grid;place-items:center;width:28px;height:28px;color:white;background:var(--navy);border-radius:8px 8px 8px 2px;font-family:Georgia,serif}.eyebrow{margin-top:96px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.14em}h1{margin:18px 0 22px;font-size:clamp(42px,5vw,67px);line-height:1.12;letter-spacing:-.055em}h1 em{color:var(--blue);font-family:Georgia,"Noto Serif KR",serif;font-weight:500;font-style:normal}.lead{max-width:460px;margin:0;color:var(--muted);font-size:17px;line-height:1.8;word-break:keep-all}.scope{margin-top:48px;padding-top:22px;border-top:1px solid #cfd7df;display:grid;gap:9px;font-size:13px}.scope span{color:var(--muted)}
.chat-card{overflow:hidden;background:#fffffff0;border:1px solid white;border-radius:24px;box-shadow:0 28px 80px #162a4426,0 2px 10px #162a440f}.chat-card header{padding:25px 28px 21px;border-bottom:1px solid var(--line)}header i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#35a06f;box-shadow:0 0 0 4px #35a06f1f}header span{color:#3d8062;font-size:11px;font-weight:800;letter-spacing:.08em}header h2{margin:12px 0 4px;font-size:22px;letter-spacing:-.03em}header p{margin:0;color:var(--muted);font-size:13px}.messages{height:375px;padding:24px 26px;overflow-y:auto}.message{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px}.message.user{justify-content:flex-end}.avatar{flex:0 0 30px;display:grid;place-items:center;width:30px;height:30px;color:white;background:var(--navy);border-radius:9px 9px 9px 3px;font-size:12px;font-weight:800}.bubble{max-width:83%;padding:13px 15px;color:#29384c;background:var(--wash);border-radius:5px 16px 16px;font-size:14px;line-height:1.65;word-break:keep-all}.user .bubble{color:white;background:var(--navy);border-radius:16px 5px 16px 16px}.citations{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px;padding-top:10px;border-top:1px solid #d9e0e7}.citations span{padding:4px 8px;color:var(--blue);background:white;border:1px solid #d7e0e9;border-radius:99px;font-size:11px;font-weight:750}.suggestions{display:flex;gap:7px;padding:0 26px 14px;overflow-x:auto}.suggestions button{flex:0 0 auto;padding:8px 11px;color:#526174;background:white;border:1px solid var(--line);border-radius:99px;cursor:pointer;font:inherit;font-size:11px}.suggestions button:hover{color:var(--blue);border-color:#abc0d5}.composer{margin:0 20px;padding:7px 7px 7px 15px;display:flex;align-items:flex-end;gap:8px;background:#f0f3f6;border:1px solid transparent;border-radius:16px}.composer:focus-within{background:white;border-color:#8ca9c5;box-shadow:0 0 0 4px #245b9314}textarea{flex:1;min-height:40px;max-height:128px;padding:9px 0 7px;resize:none;color:var(--ink);background:transparent;border:0;outline:0;font:inherit;font-size:14px;line-height:1.5}#send-button{flex:0 0 40px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:12px;color:white;background:var(--navy);cursor:pointer}#send-button:disabled{opacity:.55;cursor:wait}#send-button svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notice{margin:11px 20px 18px;color:#929ba8;font-size:10px;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:840px){.shell{width:min(640px,calc(100% - 28px));padding:28px 0;grid-template-columns:1fr;gap:34px}.eyebrow{margin-top:58px}.scope{display:none}}@media(max-width:520px){.shell{width:100%;padding:24px 14px 14px}.intro{padding:0 6px}.eyebrow{margin-top:42px}h1{font-size:41px}.lead{font-size:15px}.messages{height:360px;padding:20px 17px}.chat-card header{padding:22px 20px 18px}.suggestions{padding-inline:17px}.composer{margin-inline:13px}.bubble{max-width:88%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}