@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#182846;background:#f6f8fc;font-synthesis:none;--blue:#155ce7;--line:#e5eaf2}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #f5a623;outline-offset:4px}.site-header{height:106px;max-width:1376px;margin:auto;padding:0 52px;display:flex;align-items:center;gap:64px}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:24px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand-dot{color:var(--blue);margin-left:-10px}nav{display:flex;gap:32px;font-size:14px;font-weight:500}nav a:hover,nav a.active{color:var(--blue)}.header-note{margin-left:auto;color:#65728a;font-size:13px}main{max-width:1180px;margin:42px auto 50px;display:grid;grid-template-columns:1fr 1.22fr;gap:80px;align-items:center;padding:0 32px}.intro{padding:12px 0}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:2px;font-weight:700;color:#5b6f94}.eyebrow span{width:22px;height:2px;background:var(--blue)}h1{font-family:Manrope,sans-serif;font-size:clamp(40px,4.6vw,62px);font-weight:600;letter-spacing:-3.5px;line-height:1.13;margin:29px 0 24px}h1 span{color:var(--blue)}.intro>p{font-size:16px;color:#6b778e;line-height:1.8}.intro-bottom{margin-top:66px;display:flex;gap:22px;align-items:center}.intro-bottom p{font-size:13px;color:#718098;line-height:1.7}.mini-bubbles{display:flex;flex-direction:column;align-items:flex-start;transform:rotate(-6deg)}.mini-bubbles span{padding:10px 17px;background:#e1eaff;color:var(--blue);border-radius:13px 13px 13px 3px;font-size:13px;font-weight:600}.mini-bubbles span+span{margin-top:-2px;margin-left:26px;background:var(--blue);color:white;border-radius:13px 13px 3px 13px}.chat-shell{background:white;border:1px solid #e0e7f1;border-radius:24px;box-shadow:0 16px 50px #1835660a;overflow:hidden;min-width:0}.chat-header{height:92px;padding:22px 28px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.avatar{width:44px;height:44px;border-radius:15px;background:var(--blue);color:white;font-size:32px;line-height:40px;font-weight:700;text-align:center;position:relative}.avatar span{position:absolute;right:6px;top:-8px;font-size:16px}.chat-header strong{font-size:16px}.assistant-label{font-size:12px;color:#75829a;margin-top:4px}.reset{margin-left:auto;border:1px solid var(--line);border-radius:50%;background:white;color:#73819a;width:33px;height:33px;font-size:21px}.reset:hover{background:#f2f6fd}.chat-body{height:440px;overflow-y:auto;padding:24px 28px 32px;scroll-behavior:smooth;scrollbar-width:thin}.today{text-align:center;font-size:10px;letter-spacing:1.5px;color:#94a0b3;margin-bottom:30px}.message{max-width:90%;margin:0 0 16px;animation:arrive .2s ease-out}.message.bot{display:flex;gap:10px;align-items:flex-end}.small-avatar{background:#eaf0ff;flex-shrink:0;width:25px;height:25px;border-radius:9px;color:var(--blue);text-align:center;line-height:25px;font-weight:700;font-size:18px}.bubble{background:#f1f4f9;padding:15px 18px;border-radius:16px 16px 16px 4px;line-height:1.6;font-size:15px}.message.user{margin-left:auto;display:flex;justify-content:flex-end}.user .bubble{background:var(--blue);color:white;border-radius:16px 16px 4px 16px}.choices{padding-left:35px;display:grid;gap:10px;margin-top:20px}.choice{display:flex;align-items:center;text-align:left;gap:13px;background:white;border:1px solid #d7e3fb;border-radius:12px;padding:16px;color:#253a5f;transition:background .15s,border-color .15s,transform .15s}.choice:hover{background:#f0f5ff;border-color:var(--blue);transform:translateX(2px)}.choice .icon{color:var(--blue);width:28px;height:28px;background:#edf3ff;border-radius:8px;display:grid;place-items:center;font-size:19px}.choice .arrow{margin-left:auto;color:var(--blue)}.choice small{display:block;font-size:12px;font-weight:400;color:#8090a8;margin-top:4px}.choice strong{font-size:14px;font-weight:600}.chat-footer{min-height:58px;border-top:1px solid var(--line);padding:18px 28px;display:flex;align-items:center;gap:8px;color:#8996ac;font-size:11px}.footer-icon{color:var(--blue);font-size:18px}#progress{margin-left:auto;letter-spacing:1px}.site-footer{max-width:1272px;margin:0 auto;padding:26px 0;border-top:1px solid #e2e8f1;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:11px;color:#8a96aa}.site-footer p{margin:0;text-align:center;line-height:1.8}.result-card{margin-left:35px;padding:20px;border:1px solid #cdddfb;border-radius:16px;background:#f6f9ff}.result-card h2{font-size:19px;margin:10px 0}.result-tag{font-size:10px;letter-spacing:1.5px;color:var(--blue);font-weight:700}.result-card p{font-size:13px;line-height:1.6;color:#6a7891}.cta{display:block;text-align:center;padding:15px;border-radius:10px;background:var(--blue);color:white;font-size:14px;font-weight:600;width:100%;border:0}.cta:disabled{background:#e0e7f2;color:#6d7e9a;cursor:default}.typing{color:#8b9bbc;letter-spacing:4px}.restart-link{display:block;margin:16px auto 0;background:none;border:0;color:var(--blue);font-size:13px}@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(min-width:1500px){main{margin-top:75px;margin-bottom:75px}.chat-body{height:490px}}@media(max-width:950px){.site-header{padding:0 28px;gap:35px}.header-note{display:none}main{gap:34px}h1{font-size:45px}.site-footer{margin:0 28px}.site-footer>span:last-child{display:none}}@media(max-width:680px){.site-header{height:auto;padding:23px 20px;flex-wrap:wrap;gap:22px}.brand{font-size:22px}nav{margin-left:auto;gap:15px;font-size:12px}main{display:block;margin:12px auto 28px;padding:0 16px}.intro{padding:4px 8px 22px}.eyebrow{font-size:10px}h1{font-size:33px;letter-spacing:-1.8px;line-height:1.2;margin:12px 0 0}h1 br{display:none}h1 br:after{content:' '}.intro>p,.intro-bottom{display:none}.chat-shell{border-radius:20px}.chat-header{height:80px;padding:18px}.chat-body{height:440px;padding:22px 18px}.chat-footer{padding:15px 18px}.choices{padding-left:20px}.message{max-width:96%}.bubble{font-size:15px}.site-footer{margin:0 22px;padding:18px 0;align-items:flex-start;flex-direction:column;gap:10px}.site-footer p{text-align:left}.result-card{margin-left:20px}}@media(max-width:380px){nav{margin-left:0}.chat-body{padding:18px 12px}.choices{padding-left:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Dedicated chat pages */
.chat-page{min-height:100dvh;display:flex;flex-direction:column}
.chat-page .site-header{width:100%;height:88px;flex-shrink:0}
.chat-page main{display:block;width:min(100%,1040px);max-width:none;margin:12px auto 24px;padding:0 28px;flex:1;min-height:0}
.chat-page .chat-shell{display:flex;flex-direction:column;height:clamp(580px,calc(100dvh - 200px),920px);width:100%}
.chat-page .chat-header{padding:22px 36px;flex-shrink:0}
.chat-page .chat-body{height:auto;flex:1;min-height:0;padding:30px max(36px,calc((100% - 720px)/2)) 36px}
.chat-page .chat-footer{flex-shrink:0;padding:16px 36px}
.chat-page .bubble{font-size:16px}
.chat-page .choices{max-width:620px}
.chat-page .choice{min-height:58px}
.chat-page .choice strong{font-size:16px}
.chat-page .choice small{font-size:13px}
.chat-page .today{font-size:12px;margin-bottom:30px}
.chat-page .site-footer{width:calc(100% - 104px);margin:0 auto;padding:16px 0;flex-shrink:0}
@media(max-width:680px){
 .chat-page .site-header{height:auto;min-height:88px;padding:18px 20px;gap:16px}
 .chat-page main{padding:0 12px;margin:4px auto 16px}
 .chat-page .chat-shell{height:calc(100dvh - 132px);min-height:480px;border-radius:18px}
 .chat-page .chat-header{padding:18px;height:78px}
 .chat-page .chat-body{padding:24px 16px}
 .chat-page .choices{padding-left:0}
 .chat-page .chat-footer{padding:12px 18px}
 .chat-page .site-footer{width:calc(100% - 40px);gap:8px}
 .chat-page .header-note{display:none}
}

/* Shared information links */
.site-footer{flex-wrap:wrap;color:#59677d}.site-footer .footer-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin:0;font-size:12px;line-height:1.6}.site-footer .footer-links a{padding:6px 0;text-decoration:underline;text-underline-offset:3px}.site-footer .footer-links a:hover{color:#155ce7}@media(max-width:680px){.site-footer .footer-links{gap:8px 18px}}