/* Direction 02: clear structure, distinctive junction motif. */
:root{--bg:#f5f6f9;--paper:#fff;--ink:#17213d;--muted:#626c80;--line:#dde2eb;--green:#3457ed;--orange:#3457ed}
body{font-family:'Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}
.sidebar{background:#151e38;color:#f6f8ff;width:218px;border:0;padding:33px 23px}
.brand{font-size:28px;letter-spacing:-1.5px}.brand svg path{stroke:#fff}.brand svg circle:first-of-type{fill:#c5ed70}.brand svg circle:last-of-type{fill:#6983ff}
.tagline{color:#a3afca;font-size:11px;margin:12px 0 44px}.nav{color:#a8b4d1;border-radius:7px;font-size:13px;padding:14px 13px}.nav.active{color:white;background:#2d3f72;box-shadow:inset 3px 0 #c5ed70}.nav:hover{background:#26375b;color:white}.nav .symbol{font-weight:400}.sidebar-bottom{border-color:#34405a;color:#a8b4ca}.avatar{background:#344568;color:#d2e79e}
main{margin-left:218px;width:calc(100% - 218px)}.topbar{height:67px;background:white;padding:0 42px;color:#5d6880;font-size:11px}.preview{letter-spacing:.2px}.dot{background:#3457ed;width:7px;height:7px}.textbutton{color:#3457ed;font-weight:600}.content{max-width:1120px;padding:35px 42px 45px}
.intro{padding:12px 0 24px;min-height:238px}.eyebrow{color:#4c60a2;letter-spacing:1.6px;font-size:10px;font-weight:600}.intro .eyebrow::before{content:'↗';display:inline-grid;place-items:center;width:21px;height:21px;background:#dfe6ff;color:#3457ed;border-radius:5px;margin-right:9px;font-size:15px;letter-spacing:0}
h1{font-size:42px;letter-spacing:-2px;line-height:1.36;margin:18px 0 15px;font-weight:600}h1 strong{color:#3457ed;font-weight:800}.sub{font-size:13px;line-height:1.9;color:#626c80}.sprig{width:228px;height:215px;right:0;top:6px;opacity:1}
.entry{border:1px solid #bcc8ee;border-radius:12px;background:#fff;padding:23px 25px;box-shadow:0 4px 0 #e7ebf8,0 12px 28px #182d6505}.entry label{font-size:14px;font-weight:700}.entry label::before{content:'01';font-size:10px;letter-spacing:.5px;color:#3457ed;padding:4px 6px;background:#edf1ff;margin-right:9px;border-radius:4px}.entry textarea{min-height:76px;font-size:15px;padding-top:15px}.entry textarea::placeholder{color:#8a93a4}.entry-foot{border-color:#e9edf4}.entry-foot>span{color:#69748a}.primary{background:#3457ed;box-shadow:0 3px 5px #264bea14;border-radius:7px;padding:13px 20px;font-weight:600;transition:background .15s,transform .15s}.primary:hover{background:#2445ce;transform:translateY(-1px)}.primary:active{transform:translateY(0)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #748dff;outline-offset:3px}
.chips{margin:17px 0 28px}.chip{background:#fff;border-color:#dde2ec;color:#566078;font-size:11px;padding:9px 12px}.chip:hover{border-color:#7e94e9;background:#f3f5ff}.chip.selected{background:#e9eeff;border-color:#3457ed;color:#2446ce}.sectionhead{margin-top:27px}.sectionhead h2{font-size:15px;font-weight:700}.sectionhead .small{font-size:9px;letter-spacing:1px;color:#7a8499}.steps{gap:12px}.step{position:relative;border:0;border-top:2px solid #1c2b50;background:#edf0f5;border-radius:0 0 8px 8px;padding:17px 19px}.num{font-size:11px;color:#3457ed;font-weight:700}.step h3{margin:10px 0 6px;font-size:13px}.step p{font-size:11px;line-height:1.9;color:#636e83}.step::after{content:'↗';position:absolute;top:15px;right:17px;font-size:18px;color:#7382a8}.step:nth-child(2){border-top-color:#3457ed;background:#eaf0ff}.step:nth-child(3){border-top-color:#92b64b;background:#edf2e6}.quote{margin-top:24px;padding:15px 0;font-size:11px;border-color:#dce2eb;color:#657087}.quote span{color:#3457ed}footer{color:#707b90;font-size:10px;margin-top:20px}
.page-title{font-size:29px;line-height:1.4;letter-spacing:-1.1px}.chatbox{border-radius:12px;border-color:#dbe2ef;padding:25px}.bubble.user{background:#eaf0ff;border:1px solid #dce5ff;color:#263d79}.assistant-label{color:#3457ed;font-weight:600}.note{background:#eaf0ff;border:1px solid #d9e2fa;color:#58688d;border-radius:9px}.note h3{color:#263d79}.chatbox .entry label::before{display:none}.recommend{background:#182643;border:0;color:#fff;position:relative;border-radius:12px;padding:25px 28px}.recommend .eyebrow{color:#c3ed79;font-size:10px}.recommend h2{font-size:22px;letter-spacing:-.8px}.recommend p{color:#d4dcef}.recommend .textbutton{color:#b8cdfc;border-bottom:1px solid #52678f;border-radius:0;padding:7px 0;margin-top:10px}.badge{background:#e8edf8;color:#52658c;font-size:10px;border-radius:4px}.comparison{border-color:#dce3ef;border-radius:9px}.comparison th{background:#edf1fa;color:#536586}.comparison td{padding:21px 18px}.score{color:#233e9c;font-size:28px;font-variant-numeric:tabular-nums}.bar{background:#e4e9f5;height:5px}.bar i{background:#3457ed}.risk{border:1px solid #dae2f3;border-left:4px solid #78964b;background:#f0f4e9;border-radius:0 8px 8px 0;padding:18px 20px}.risk h3{color:#354825}.risk p{color:#536448}.secondary{border-color:#cad4e9;border-radius:6px;color:#31456f;background:#fff}.secondary:hover{background:#edf2ff;border-color:#9baee5}.history-card{border-color:#dce3ef;border-top:3px solid #3457ed;border-radius:9px}.back{color:#596e97}.small{color:#68758c}.toast{background:#1d315e;border:1px solid #6e83ab}.formlabel{color:#35496e}
@media(min-width:1450px){.content{padding-top:44px}}
@media(max-width:1050px){.sidebar{width:190px;padding:28px 18px}main{margin-left:190px;width:calc(100% - 190px)}.content{padding:30px}.sprig{width:160px;right:-5px;top:24px}h1{font-size:35px}.intro{min-height:220px}.chat-layout{grid-template-columns:1fr}}
@media(max-width:780px) and (min-width:651px){.sprig{width:110px;opacity:.65}.intro .sub{max-width:320px}h1{font-size:30px}}
@media(max-width:650px){.sidebar{position:static;width:100%;height:auto;display:grid;grid-template-columns:1fr auto;padding:16px 19px;background:#151e38}.brand{font-size:23px}.nav{padding:10px;font-size:11px;margin:0}.nav.active{box-shadow:inset 0 -2px #c5ed70}.tagline,.sidebar-bottom{display:none}.brand svg{height:27px;width:24px}.sidebar nav{display:flex}main{margin:0;width:100%}.topbar{height:46px;padding:0 19px;font-size:9px}.topbar .textbutton{font-size:10px}.content{padding:27px 20px 35px}.intro{min-height:213px;padding:0 0 20px}.eyebrow{font-size:9px;letter-spacing:1px}.intro .eyebrow::before{width:18px;height:18px;font-size:13px;margin-right:7px}h1{font-size:33px;letter-spacing:-1.6px;line-height:1.35;margin:18px 0 16px}.intro .sub{font-size:11px;max-width:265px;position:relative;z-index:1}.sprig{width:99px;height:112px;right:-10px;top:49px;opacity:.6}.entry{padding:19px 17px;border-radius:10px}.entry label{font-size:12px}.entry label::before{font-size:8px;margin-right:7px}.entry textarea{min-height:83px;font-size:14px}.entry-foot{align-items:center}.entry-foot>span{max-width:115px;line-height:1.8;font-size:9px}.primary{padding:12px 14px;font-size:11px}.chips{margin-top:16px;margin-bottom:25px}.chip{font-size:10px;padding:8px 10px}.sectionhead h2{font-size:13px}.steps{gap:9px}.step{padding:16px 17px;border-top-width:1px;grid-template-columns:26px 1fr}.step h3{margin:0 0 5px;font-size:12px}.step p{font-size:10px}.step::after{font-size:16px;top:13px}.num{font-size:10px;padding-top:2px}.quote{font-size:10px;line-height:1.9;margin-top:22px}.page-title{font-size:25px}.chatbox{padding:17px}.recommend{padding:22px 20px}.recommend h2{font-size:20px}.comparison td{padding:17px 10px}.comparison th{padding:13px 10px}.score{font-size:25px}.risk{padding:16px}.risk p{font-size:12px}.note{display:block}.history-card{padding:20px}.linkrow button{min-width:125px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}