:root{--navy:#15275f;--purple:#6a1b86;--magenta:#d21888;--ink:#172033;--muted:#6f7586;--line:#e6e0ea;--bg:#f7f4fb;--green:#159455;--yellow:#c58a00;--orange:#e66a00;--red:#c7354b;--shadow:0 12px 34px rgba(41,23,70,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0,#fff 0,#faf7fd 30%,var(--bg) 74%);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink)}button,textarea,select{font:inherit}.topbar{max-width:1080px;margin:auto;padding:18px 22px;display:flex;align-items:center;justify-content:space-between}.brand-mini{font-size:.82rem;font-weight:900;letter-spacing:.07em;color:var(--navy)}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--magenta),var(--purple));margin-right:8px}.shell{max-width:1080px;margin:auto;padding:10px 22px 60px}.view{display:none}.view.active{display:block}.hero-card{display:grid;grid-template-columns:230px 1fr;gap:34px;align-items:center;background:white;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow);overflow:hidden}.portrait-wrap{position:relative;width:210px;height:210px;border-radius:28px;overflow:visible;transform-origin:center}.portrait{width:100%;height:100%;object-fit:cover;border-radius:28px;box-shadow:0 12px 30px rgba(31,20,55,.12);animation:portraitFloat 5.8s ease-in-out infinite}.ai-badge{position:absolute;right:-10px;bottom:-10px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--magenta),var(--purple));color:white;font-weight:900;border:5px solid white;box-shadow:0 8px 18px rgba(79,28,115,.18);animation:softPulse 2.4s ease-in-out infinite}.voice-wave{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);display:flex;gap:3px;align-items:end;height:18px;opacity:0}.voice-wave i{display:block;width:3px;border-radius:99px;background:var(--magenta);height:6px}.portrait-wrap.speaking .voice-wave{opacity:1}.portrait-wrap.speaking .voice-wave i:nth-child(1){animation:wave .6s infinite alternate}.portrait-wrap.speaking .voice-wave i:nth-child(2){animation:wave .8s .1s infinite alternate}.portrait-wrap.speaking .voice-wave i:nth-child(3){animation:wave .65s .2s infinite alternate}.portrait-wrap.speaking .portrait{animation:portraitSpeak 1.5s ease-in-out infinite}.eyebrow{font-size:.78rem;font-weight:900;letter-spacing:.14em;color:var(--magenta);margin-bottom:8px}.hero-copy h1{font-size:clamp(2.5rem,6vw,5rem);line-height:.95;margin:0 0 18px;color:var(--navy)}.hero-copy h1 span{color:var(--magenta)}.hero-copy p{font-size:1.08rem;line-height:1.6;margin:8px 0}.marie-hello{display:inline-block;background:linear-gradient(135deg,#fff3fa,#f5eef9);border:1px solid #ead6f0;border-radius:18px;padding:9px 14px;font-weight:900;color:var(--purple);box-shadow:0 8px 22px rgba(91,25,125,.08);min-height:42px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.micro{font-size:.82rem!important;color:var(--muted);line-height:1.45!important}.privacy-note{margin:18px 0;background:#fff9e8;border:1px solid #efd374;border-radius:16px;padding:14px 16px;color:#6c5200;font-size:.9rem}.shell h2{color:var(--navy);font-size:clamp(1.8rem,4vw,2.4rem);margin:30px 0 14px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.choice,.quick{border:1px solid var(--line);background:white;border-radius:18px;padding:19px;text-align:left;cursor:pointer;transition:.22s;box-shadow:0 4px 16px rgba(29,15,53,.04);color:var(--ink)}.choice:hover,.quick:hover{transform:translateY(-3px);border-color:#cfa8df;box-shadow:0 12px 28px rgba(79,28,115,.11)}.choice b{display:block;color:var(--navy);font-size:1rem;margin-bottom:6px}.choice span{color:var(--muted);font-size:.88rem}.choice.wide{grid-column:1/-1}.about{margin-top:18px;background:white;border:1px solid var(--line);border-radius:14px;padding:12px 16px}.about summary{cursor:pointer;font-weight:800;color:var(--navy)}.about p{color:var(--muted);line-height:1.55}.panel{background:white;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow);margin:14px 0}.subtle-panel{background:linear-gradient(135deg,#fff,#fbf7ff)}.back{border:0;background:transparent;color:var(--purple);font-weight:900;cursor:pointer;padding:10px 0}.field-label{display:block;font-weight:800;margin-top:20px;margin-bottom:7px}select,textarea{width:100%;border:1px solid #d9d3e1;border-radius:14px;background:white;padding:13px;color:var(--ink);outline:none}select:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(91,25,125,.08)}.primary,.secondary,.ghost{border-radius:13px;padding:12px 17px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary{border:0;background:linear-gradient(135deg,var(--magenta),var(--purple));color:white}.secondary{border:0;background:var(--navy);color:white}.ghost{border:1px solid #d8d1e0;background:white;color:var(--purple)}.small{padding:8px 11px;font-size:.8rem}.hidden{display:none!important}#startAssessment{margin-top:18px}.progress-row{display:flex;justify-content:space-between;font-size:.82rem;font-weight:900;color:var(--muted)}.progress{height:8px;border-radius:99px;background:#eee9f2;overflow:hidden;margin:8px 0 20px}.progress span{height:100%;display:block;background:linear-gradient(90deg,var(--magenta),var(--purple));width:10%;transition:.25s}.answers{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:20px}.answer{border:1px solid var(--line);background:white;border-radius:12px;padding:11px 8px;cursor:pointer;font-size:.84rem;font-weight:800}.answer:hover{background:#faf6fc;border-color:#c99ed8}.center{text-align:center}.loading-card{text-align:center}.loader{width:34px;height:34px;border:4px solid #eee;border-top-color:var(--magenta);border-radius:50%;animation:spin .8s linear infinite;margin:auto}.overall-semaphore{display:flex;align-items:center;gap:16px;margin-top:14px}.semaphore-light,.light{flex:0 0 auto;width:28px;height:28px;border-radius:50%;box-shadow:0 0 0 6px rgba(0,0,0,.03)}.overall-semaphore b{font-size:1.8rem;color:var(--navy)}.overall-semaphore p{margin:5px 0 0;color:var(--muted);line-height:1.5}.semaphore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.sem-card{border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;gap:12px;align-items:flex-start;min-height:110px}.sem-card b{display:block;color:var(--navy);line-height:1.3}.sem-card span{display:block;margin-top:8px;font-size:.84rem;font-weight:900}.green .light,.overall-semaphore.green .semaphore-light{background:var(--green)}.yellow .light,.overall-semaphore.yellow .semaphore-light{background:#f2b600}.orange .light,.overall-semaphore.orange .semaphore-light{background:var(--orange)}.red .light,.overall-semaphore.red .semaphore-light{background:var(--red)}.green span{color:var(--green)}.yellow span{color:var(--yellow)}.orange span{color:var(--orange)}.red span{color:var(--red)}.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.checklist{display:grid;gap:10px;margin:18px 0}.check-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:13px}.check-actions{display:flex;gap:6px}.check-actions button{border:1px solid #ddd;background:white;border-radius:9px;padding:7px 10px;cursor:pointer}.check-actions button.selected{background:var(--purple);color:white;border-color:var(--purple)}.company-result{margin-top:18px;border-radius:16px;padding:18px;background:#f8f4fb}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick{text-align:center;font-weight:900}.chat-view{max-width:820px;margin:auto}.chat-head{display:flex;align-items:center;gap:11px;background:white;border:1px solid var(--line);border-radius:18px 18px 0 0;padding:12px 15px}.avatar{width:46px;height:46px;border-radius:50%;object-fit:cover}.chat-head b,.chat-head span{display:block}.chat-head span{font-size:.75rem;color:var(--muted)}.chat-messages{height:min(56vh,560px);overflow-y:auto;background:#fbfafc;border-left:1px solid var(--line);border-right:1px solid var(--line);padding:18px}.bubble{max-width:84%;padding:13px 15px;border-radius:17px;margin:10px 0;line-height:1.52}.bubble.user{margin-left:auto;background:var(--navy);color:white;border-bottom-right-radius:5px}.bubble.assistant{background:white;border:1px solid var(--line);border-bottom-left-radius:5px;box-shadow:0 5px 14px rgba(29,15,53,.035)}.bubble.assistant .section{margin:0 0 12px}.bubble.assistant .section:last-child{margin-bottom:0}.bubble.assistant .section-title{font-weight:900;color:var(--navy);margin-bottom:4px}.bubble.assistant ul,.bubble.assistant ol{margin:6px 0 0 20px;padding:0}.bubble.assistant li{margin:4px 0}.bubble.assistant p{margin:5px 0}.typing{color:var(--muted);font-size:.85rem;padding:8px 2px}.suggestions{display:flex;gap:7px;overflow-x:auto;padding:10px;background:white;border-left:1px solid var(--line);border-right:1px solid var(--line)}.suggestions button{white-space:nowrap;border:1px solid #ddd;background:white;border-radius:99px;padding:7px 10px;font-size:.76rem;cursor:pointer}.composer{display:grid;grid-template-columns:auto 1fr auto;gap:8px;background:white;border:1px solid var(--line);border-radius:0 0 18px 18px;padding:10px}.voicebtn{border:1px solid var(--line);background:white;border-radius:11px;padding:0 13px;cursor:pointer;font-weight:900;color:var(--purple);white-space:nowrap}.voicebtn.listening{background:#fff0f7;border-color:var(--magenta)}.send{align-self:stretch}.composer-tools{display:flex;justify-content:space-between;align-items:center;margin-top:8px}footer{max-width:1080px;margin:auto;padding:20px 22px 38px;display:flex;justify-content:space-between;color:var(--muted);font-size:.82rem}footer a{color:var(--purple);text-decoration:none}
@keyframes portraitFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.012)}}@keyframes portraitSpeak{0%,100%{transform:translateY(0) scale(1.01)}50%{transform:translateY(-2px) scale(1.025)}}@keyframes softPulse{0%,100%{box-shadow:0 8px 18px rgba(79,28,115,.18),0 0 0 0 rgba(210,24,136,.2)}50%{box-shadow:0 8px 18px rgba(79,28,115,.18),0 0 0 10px rgba(210,24,136,0)}}@keyframes wave{from{height:4px}to{height:17px}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.hero-card{grid-template-columns:1fr;text-align:center;padding:22px}.portrait-wrap{margin:auto;width:180px;height:180px}.hero-actions{justify-content:center}.choice-grid,.quick-grid,.semaphore-grid{grid-template-columns:1fr}.choice.wide{grid-column:auto}.answers{grid-template-columns:1fr}.answer{text-align:left}.panel{padding:19px}.shell{padding:8px 14px 50px}.topbar{padding:0 14px}.chat-messages{height:52vh}.bubble{max-width:94%}footer{padding:16px 14px 28px;flex-direction:column;gap:7px}.cta-row>*{width:100%}.composer{grid-template-columns:1fr auto}.voicebtn{grid-column:1/-1;height:44px}.check-row{grid-template-columns:1fr}.check-actions{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
@media print{.topbar,.back,.cta-row,.composer,.suggestions,.composer-tools,footer{display:none!important}body{background:white}.shell{max-width:100%;padding:0}.panel{box-shadow:none;break-inside:avoid}.view{display:none!important}#assessmentView.active{display:block!important}}