:root{--chat-ink:#1b2a4a;--chat-teal:#2a7a7a;--chat-mint:#b9e0da;--chat-blue:#eaf1f8;--chat-soft:#f4f7fa}
.view-switch{display:flex;align-items:center;gap:3px;margin-left:auto;padding:4px;background:#edf3f5;border:1px solid #d8e4e7;border-radius:999px}.view-option{border:0;background:transparent;color:#526079;border-radius:999px;padding:9px 14px;font:700 13px/1 Inter,Arial,sans-serif;cursor:pointer;white-space:nowrap;transition:background .2s ease,color .2s ease,transform .2s ease}.view-option:hover{color:var(--chat-ink);transform:translateY(-1px)}.view-option.is-active{background:var(--chat-ink);color:#fff;box-shadow:0 3px 10px #1b2a4a22}
.chat-mode{height:100%;overflow:hidden;background:linear-gradient(145deg,#f7fbfb 0%,#f4f7fb 55%,#edf4f7 100%)}.chat-mode .site-header{box-shadow:none;background:#fffffff0}.chat-mode .site-header nav{display:none!important}
.chat-view{height:calc(100dvh - 112px);min-height:560px;padding:32px 42px;display:flex;align-items:center;justify-content:center;overflow:hidden}.chat-view[hidden],.classic-view[hidden],footer[hidden]{display:none!important}.chat-workspace{width:min(1120px,100%);min-height:500px;display:grid;grid-template-columns:.82fr 1.18fr;overflow:hidden;border:1px solid #dce7ea;border-radius:32px;background:#fff;box-shadow:0 28px 80px #1b2a4a12}
.chat-intro{position:relative;display:flex;flex-direction:column;justify-content:center;padding:54px 48px;background:linear-gradient(155deg,#e7f4f2,#edf3fa);border-right:1px solid #dce7ea}.chat-intro:after{content:"";position:absolute;left:48px;bottom:42px;width:72px;height:5px;border-radius:5px;background:linear-gradient(90deg,var(--chat-teal),var(--chat-mint))}.chat-eyebrow{color:var(--chat-teal);font-size:12px;font-weight:800;letter-spacing:.14em;margin:0 0 18px}.chat-intro h1{max-width:450px;font-size:clamp(42px,4vw,58px);line-height:1.04;letter-spacing:-.045em;margin:0;color:var(--chat-ink)}.chat-intro h1 span{color:var(--chat-teal)}.chat-intro>p:last-child{font-size:17px;line-height:1.6;color:#607087;max-width:430px;margin:24px 0 0}
.chat-shell{min-width:0;min-height:500px;padding:34px 30px 20px;display:flex;flex-direction:column;background:#fff}.chat-transcript{flex:1;min-height:0;overflow:auto;padding:0 4px 18px;scroll-behavior:smooth}.chat-view.has-conversation .chat-workspace{grid-template-columns:1fr}.chat-view.has-conversation .chat-intro{display:none}.chat-view.has-conversation .chat-shell{min-height:500px}
.chat-message{display:flex;gap:12px;margin:0 0 17px;animation:messageIn .3s ease both}.chat-message>div{max-width:min(670px,89%);padding:16px 18px;border-radius:8px 22px 22px 22px;background:var(--chat-blue);color:#47566e;box-shadow:0 8px 22px #1b2a4a0a}.chat-message p{margin:0 0 10px}.chat-message p:last-child{margin-bottom:0}.chat-message strong{color:var(--chat-ink)}.chat-message ul{margin:8px 0;padding-left:22px}.chat-message li+li{margin-top:8px}.bot-avatar{flex:0 0 36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--chat-teal);color:#fff;font-size:14px;font-weight:800;box-shadow:0 6px 14px #2a7a7a25}.user-message{justify-content:flex-end}.user-message>div{background:var(--chat-ink);color:#fff;border-radius:22px 8px 22px 22px}
.suggestion-row,.chat-actions,.project-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.suggestion-row button,.chat-actions a,.project-pills a{border:1px solid #afd0cf;background:#fff;color:var(--chat-teal);font:700 13px/1.2 Inter,Arial,sans-serif;padding:9px 12px;border-radius:999px;text-decoration:none;cursor:pointer}.suggestion-row button:hover,.chat-actions a:hover,.project-pills a:hover{background:#e8f4f2;border-color:var(--chat-teal)}.chat-link,.chat-text-button{display:inline-flex;margin-top:5px;border:0;padding:0;background:transparent;color:var(--chat-teal);font:700 14px/1.2 Inter,Arial,sans-serif;text-decoration:none;cursor:pointer}.chat-link:hover,.chat-text-button:hover{text-decoration:underline;text-underline-offset:4px}.chat-link span{padding-left:6px}.view-alternative{margin-top:16px!important;padding-top:12px;border-top:1px solid #cadde2;font-size:13px}.view-alternative .chat-text-button{display:inline;padding:0;margin:0 0 0 3px;font-size:13px}
.chat-composer{display:flex;align-items:center;border:1px solid #cbd9de;background:#fff;border-radius:18px;padding:7px 8px 7px 18px;box-shadow:0 10px 28px #1b2a4a12}.chat-composer:focus-within{border-color:var(--chat-teal);box-shadow:0 0 0 4px #2a7a7a12,0 10px 28px #1b2a4a12}.chat-composer input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--chat-ink);font:16px/1.4 Inter,Arial,sans-serif}.chat-composer button{width:42px;height:42px;border:0;border-radius:13px;background:var(--chat-ink);color:#fff;font-size:21px;cursor:pointer;transition:transform .2s ease,background .2s ease}.chat-composer button:hover{background:var(--chat-teal);transform:translateY(-2px)}.chat-note{text-align:center;color:#7b8798;font-size:12px;margin:10px 12px 0}
.is-typing>div{display:flex;gap:5px;align-items:center;height:48px}.is-typing i{width:7px;height:7px;border-radius:50%;background:#7f8da0;animation:typing 1s infinite ease-in-out}.is-typing i:nth-child(2){animation-delay:.15s}.is-typing i:nth-child(3){animation-delay:.3s}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@keyframes messageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes typing{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}}
@media(max-width:980px){.chat-view{height:calc(100dvh - 94px);min-height:520px;padding:22px}.chat-workspace{grid-template-columns:1fr;min-height:0}.chat-intro{padding:28px 34px;border-right:0;border-bottom:1px solid #dce7ea}.chat-intro:after{display:none}.chat-intro h1{font-size:42px;max-width:none}.chat-intro>p:last-child{max-width:700px;margin-top:15px}.chat-shell{min-height:0;padding:24px 28px 18px}.chat-transcript{max-height:220px}.chat-view.has-conversation .chat-shell{min-height:0;height:100%}}
@media(max-width:640px){.site-header{padding:0 12px}.site-header .brand strong{display:none}.site-header nav{display:none!important}.chat-mode .site-header.unified-nav.nav-ready nav.is-open{display:flex!important}.view-switch{position:absolute;left:50%;transform:translateX(-50%);margin:0;padding:3px;z-index:1}.view-option{font-size:11px;padding:8px 9px}.chat-view{height:calc(100dvh - 78px);min-height:0;padding:10px 10px max(10px,env(safe-area-inset-bottom));align-items:stretch}.chat-workspace{height:100%;border-radius:24px}.chat-intro{padding:24px 22px 20px;flex:0 0 auto}.chat-eyebrow{font-size:10px;margin-bottom:11px}.chat-intro h1{font-size:34px;line-height:1.06}.chat-intro>p:last-child{font-size:15px;line-height:1.45;margin-top:12px}.chat-shell{flex:1;min-height:0;padding:18px 14px 12px}.chat-transcript{max-height:none;padding:0 0 12px}.chat-view.has-conversation .chat-workspace{display:flex}.chat-view.has-conversation .chat-shell{flex:1}.chat-message{gap:8px;margin-bottom:12px}.bot-avatar{flex-basis:30px;height:30px;border-radius:10px;font-size:12px}.chat-message>div{max-width:86%;padding:12px 13px;font-size:14px}.suggestion-row,.chat-actions,.project-pills{gap:6px}.suggestion-row button,.chat-actions a,.project-pills a{font-size:12px;padding:8px 10px}.chat-composer{border-radius:15px;padding:5px 6px 5px 14px}.chat-composer input{font-size:16px}.chat-composer button{width:40px;height:40px;border-radius:11px}.chat-note{font-size:10px;margin-top:7px}}
@media(max-height:700px) and (min-width:641px){.chat-view{min-height:0;padding-top:14px;padding-bottom:14px}.chat-workspace{min-height:430px}.chat-intro{padding-top:36px;padding-bottom:36px}.chat-intro h1{font-size:44px}.chat-shell{min-height:430px}.chat-view.has-conversation .chat-shell{min-height:430px}}
@media(prefers-reduced-motion:reduce){.chat-message,.is-typing i{animation:none}.chat-transcript{scroll-behavior:auto}.view-option,.chat-composer button{transition:none}}