:root{--navy:#08254c;--blue:#116bd8;--cyan:#13bdf2;--sky:#eefdff;--sky2:#dff5ff;--white:#fff;--ink:#10223f;--muted:#5e6d83;--orange:#ff8316;--orange2:#ff5d1f;--card:rgba(255,255,255,.88);--line:#b8e0f5;--shadow:0 20px 60px rgba(22,86,139,.16)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 15%,#fff 0,#effcff 28%,#dff5ff 55%,#cdeeff 100%)}
body:before,body:after{content:"";position:fixed;border:1px solid rgba(37,170,236,.22);border-radius:50%;pointer-events:none}body:before{width:650px;height:650px;left:-180px;top:90px}body:after{width:900px;height:900px;right:-460px;bottom:-360px}
button,input,textarea{font:inherit}.app-shell{min-height:100vh}.screen{display:none;min-height:100vh;position:relative;padding:54px 22px 58px;overflow:hidden}.screen.active{display:flex;flex-direction:column;animation:fade .25s ease}@keyframes fade{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:none}}
.brand-top{position:absolute;top:19px;left:50%;transform:translateX(-50%);font-size:15px;letter-spacing:.02em;color:#00a4e7;text-transform:lowercase;font-weight:500;white-space:nowrap}.screen footer{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:12px;color:#1777a9}
.intro-screen{justify-content:center}.intro-grid{width:min(1100px,100%);margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}.bot-wrap{text-align:center}.hero-bot{width:min(540px,100%);filter:drop-shadow(0 22px 32px rgba(28,111,178,.18))}.intro-copy{background:rgba(255,255,255,.54);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.75);padding:38px;border-radius:30px;box-shadow:var(--shadow)}.eyebrow{font-size:14px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#1784c9;margin-bottom:12px}.intro-copy h1,.result-copy h1{font-size:clamp(40px,5vw,68px);line-height:1.02;margin:0 0 16px;color:var(--navy)}.intro-copy h1 span,.result-copy h1 span{color:#0ba8e6}.intro-copy h2{font-size:clamp(23px,2.8vw,36px);line-height:1.15;margin:0 0 13px;color:var(--navy)}.intro-copy p{font-size:19px;line-height:1.55;margin:8px 0}.intro-copy .lead{font-size:24px;color:#075fb8}.primary-cta{width:100%;border:0;border-radius:18px;background:linear-gradient(180deg,#ffae1b,var(--orange2));color:white;font-weight:900;font-size:20px;padding:18px 24px;margin:24px 0 14px;box-shadow:0 12px 24px rgba(255,104,23,.24);cursor:pointer;transition:.18s transform,.18s box-shadow}.primary-cta:hover{transform:translateY(-2px);box-shadow:0 15px 28px rgba(255,104,23,.3)}.primary-cta.compact{width:auto;padding:14px 24px;margin-left:auto;display:block}.trust-row{display:flex;gap:10px;flex-wrap:wrap}.trust-row span{background:rgba(255,255,255,.78);border:1px solid #d9eff9;border-radius:999px;padding:9px 12px;font-weight:700}.tiny{font-size:13px;color:var(--muted);margin-top:12px}
.quiz-screen,.thinking-screen,.result-screen,.contact-screen{justify-content:center}.quiz-card,.thinking-card,.contact-card{width:min(760px,100%);margin:auto;background:var(--card);border:1px solid rgba(255,255,255,.94);box-shadow:var(--shadow);border-radius:30px;padding:30px}.progress-head{display:flex;justify-content:space-between;font-size:13px;color:#2470b8;font-weight:800}.progress{height:8px;background:#dce8ef;border-radius:99px;margin:8px 0 24px;overflow:hidden}.progress>div{height:100%;width:16.7%;border-radius:99px;background:linear-gradient(90deg,#15b9f0,#156be1);transition:width .3s ease}.quiz-topline{display:flex;align-items:center;gap:16px}.mini-bot{width:112px;height:112px;object-fit:contain}.speech{background:white;border-radius:18px;padding:13px 17px;box-shadow:0 8px 25px rgba(20,96,149,.09);font-weight:700;color:#37506e}.quiz-card h2{font-size:clamp(25px,3vw,36px);line-height:1.15;margin:15px 0 6px}.question-help{color:var(--muted);margin:0 0 18px}.answers{display:grid;gap:11px}.answer{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;text-align:left;border:1px solid #def0f8;background:white;border-radius:16px;cursor:pointer;color:var(--ink);font-weight:750;font-size:17px;transition:.15s}.answer:hover{border-color:#5dbaf0;transform:translateX(3px);box-shadow:0 7px 16px rgba(31,129,185,.08)}.answer .ico{width:36px;text-align:center;font-size:22px}.text-answer-wrap textarea{width:100%;min-height:220px;border:1px solid #cfe9f6;background:white;border-radius:18px;padding:18px;font-size:16px;resize:vertical;outline:none}.text-answer-wrap textarea:focus{border-color:#35ace8;box-shadow:0 0 0 4px rgba(28,169,233,.1)}.counter{text-align:right;color:#8090a1;font-size:12px;margin-top:6px}.hidden{display:none!important}
.thinking-card{text-align:center;position:relative}.result-bot{width:220px}.pulse-ring{width:70px;height:70px;border:4px solid rgba(16,167,233,.35);border-top-color:#0da7e9;border-radius:50%;margin:-10px auto 18px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.thinking-card h2{font-size:32px;margin:0 0 8px}.thinking-card p{color:var(--muted)}.scan{height:9px;background:#d9eaf2;border-radius:99px;overflow:hidden;margin:22px auto 4px;width:min(420px,90%)}.scan span{display:block;width:35%;height:100%;background:linear-gradient(90deg,#0cb2f0,#1c69e3);animation:scan 1.3s ease-in-out infinite}@keyframes scan{0%{transform:translateX(-100%)}100%{transform:translateX(390%)}}
.result-layout{width:min(1050px,100%);margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:25px;align-items:center}.result-copy{background:rgba(255,255,255,.75);padding:36px;border-radius:30px;box-shadow:var(--shadow)}.result-copy h1{font-size:clamp(38px,5vw,62px)}.result-copy>p{font-size:18px;line-height:1.55}.recommendation{display:grid;gap:10px;margin:20px 0}.rec-card{padding:16px 18px;border-radius:16px;background:white;border:1px solid #d8edf7}.rec-card strong{display:block;color:#0b62be;font-size:19px;margin-bottom:4px}.rec-card span{color:#54677e}.result-bot-wrap{text-align:center}.result-bot.big{width:min(470px,100%)}.disclaimer{font-size:12px!important;color:#708094!important}.contact-copy{display:flex;gap:14px;align-items:center}.contact-copy h2{font-size:30px;margin:2px 0 10px}.contact-card form{display:grid;gap:13px}.contact-card label{font-size:13px;color:#4d6380;font-weight:750}.contact-card label span{font-weight:500;color:#8a98a7}.contact-card input{display:block;width:100%;border:1px solid #cfe8f4;border-radius:14px;padding:14px 15px;margin-top:6px;background:#fff;outline:none}.contact-card input:focus{border-color:#35ace8;box-shadow:0 0 0 4px rgba(28,169,233,.1)}.privacy{text-align:center;color:#667a91;font-size:13px}.submitted{text-align:center;padding:35px 12px}.submitted h2{font-size:38px;color:#0b78ce}.small{font-size:13px;color:#718094}
@media(max-width:760px){.screen{padding:48px 14px 50px}.intro-grid,.result-layout{grid-template-columns:1fr}.bot-wrap{order:0}.hero-bot{width:240px}.intro-copy{padding:22px;border-radius:23px}.intro-copy h1{font-size:38px}.intro-copy h2{font-size:25px}.intro-copy p{font-size:16px}.intro-copy .lead{font-size:19px}.trust-row{justify-content:center}.quiz-card,.contact-card,.thinking-card{padding:20px;border-radius:22px}.mini-bot{width:82px;height:82px}.answer{padding:14px;font-size:16px}.result-bot-wrap{order:-1}.result-bot.big{width:250px}.result-copy{padding:22px}.contact-copy{align-items:flex-start}.brand-top{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.contact-card .consent-option{display:flex;align-items:flex-start;gap:10px;line-height:1.45;font-weight:500}.contact-card .consent-option input{width:18px;height:18px;flex:none;margin:1px 0 0}.honeypot{position:absolute!important;left:-10000px;opacity:0;pointer-events:none}.form-error{color:#a52323;font-weight:700;font-size:14px}.primary-cta:disabled{opacity:.65;cursor:wait}