:root{--bg:#f4f1ec;--text:#274b58;--accent:#cc630a;--card:#fffdf9;--muted:#6b7d83;--line:#d9d4cc;--soft:#ebe5dc;--shadow:0 16px 40px #274b581a}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}a{color:inherit}.shell{max-width:840px;margin:0 auto;padding:28px 18px 56px}.brand{align-items:center;min-height:82px;margin-bottom:22px;display:flex}.brand-logo{width:290px;max-width:72vw;height:auto;display:block}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:30px}.kicker{text-transform:uppercase;letter-spacing:.11em;color:var(--accent);margin-bottom:10px;font-size:.78rem;font-weight:900}h1,h2,h3{margin:0 0 14px;line-height:1.12}h1{font-size:clamp(2rem,5vw,3.1rem)}h2{font-size:clamp(1.5rem,3vw,2.05rem)}p{margin:0 0 16px;line-height:1.6}.muted{color:var(--muted)}.tiny{color:var(--muted);margin-top:18px;font-size:.8rem}.instruction{border-left:5px solid var(--accent);background:#fff7ef;border-radius:12px;margin-bottom:24px;padding:16px 18px;font-weight:700;line-height:1.5}.progress{background:var(--soft);border-radius:999px;height:8px;margin:10px 0 26px;overflow:hidden}.progress>div{background:var(--accent);height:100%;transition:width .25s}.qnum{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:.8rem;font-weight:900}.question{margin-bottom:18px;font-size:1.35rem;font-weight:850;line-height:1.28}.answers{gap:11px;display:grid}.answer{text-align:left;border:1px solid var(--line);width:100%;color:var(--text);cursor:pointer;background:#fff;border-radius:14px;padding:15px 16px;font-size:1rem;line-height:1.4;transition:all .15s}.answer:hover,.answer:focus-visible{border-color:var(--accent);outline-offset:2px;outline:3px solid #cc630a33;transform:translateY(-1px)}.answer.selected{border:2px solid var(--accent);background:#fff7ef}.answer:disabled{cursor:default}.actions{justify-content:space-between;gap:12px;margin-top:24px;display:flex}.single-action{align-items:center}.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:13px 18px;font-size:1rem;font-weight:850;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{color:var(--text);border-color:var(--line);background:0 0}.btn:focus-visible,.start-btn:focus-visible,.text-link:focus-visible,.footer-links a:focus-visible{outline-offset:3px;outline:3px solid #cc630a59}.btn:disabled{opacity:.4;cursor:not-allowed}.tap-note{color:var(--muted);font-size:.9rem}.textarea{border:1px solid var(--line);width:100%;min-height:150px;font:inherit;color:var(--text);resize:vertical;background:#fff;border-radius:14px;padding:15px}.textarea:focus-visible{border-color:var(--accent);outline-offset:2px;outline:3px solid #cc630a33}.privacy-note{color:var(--muted);margin-top:9px;font-size:.86rem;line-height:1.45}.loading{text-align:center;padding:46px 10px}.spinner{border:4px solid var(--soft);border-top-color:var(--accent);border-radius:50%;width:35px;height:35px;margin:0 auto 16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.results-principle{color:var(--text);margin:0 0 16px;font-weight:800}.results-title{margin-bottom:24px}.bars{gap:18px;margin:20px 0 12px;display:grid}.bar-row{grid-template-columns:minmax(165px,1fr) 3fr 58px;align-items:center;gap:12px;display:grid}.bar-label{font-weight:850}.bar-track{background:var(--soft);border-radius:999px;height:18px;overflow:hidden}.bar-fill{background:var(--text);border-radius:999px;height:100%}.bar-pct{text-align:right;font-weight:850}.all-matter{background:#eef3f3;border-radius:12px;margin:20px 0 12px;padding:15px 16px;font-weight:800}.screenshot-note{color:var(--accent);margin:0 0 30px;font-size:1rem;font-weight:900}.result-box{border-top:1px solid var(--line);padding-top:28px}.close-behind{color:var(--muted);margin:12px 0 0;font-weight:750}.community-question{color:var(--text);margin:25px 0 4px;font-weight:850}.recommended{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 8px;font-size:.78rem;font-weight:950}.start-btn{background:var(--accent);color:#fff;text-align:center;border-radius:13px;width:100%;padding:16px 18px;font-size:1.08rem;font-weight:950;text-decoration:none;display:block}.secondary-cta{text-align:center;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.secondary-cta a,.text-link{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;font-weight:850}.secondary-cta a{color:var(--accent)}.footer-links{text-align:center;color:var(--muted);margin-top:16px;font-size:.84rem}.contact-form{margin-top:24px;display:grid}.field-label{margin:0 0 8px;font-weight:850}.field-label:not(:first-child){margin-top:18px}.text-input{border:1px solid var(--line);width:100%;font:inherit;color:var(--text);background:#fff;border-radius:14px;padding:14px 15px}.text-input:focus-visible{border-color:var(--accent);outline-offset:2px;outline:3px solid #cc630a33}.form-error{color:#9b2c19;margin:14px 0 0;font-weight:800}.dash-shell{max-width:1280px;margin:0 auto;padding:26px 18px 60px}.dash-header{justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px;display:flex}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.metric{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:17px}.metric strong{font-size:1.8rem;display:block}.metric span{color:var(--muted);font-size:.86rem}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dash-card{background:var(--card);border:1px solid var(--line);border-radius:18px;margin:16px 0;padding:20px;overflow:auto}.dash-card table{border-collapse:collapse;width:100%;min-width:920px}.dash-card th,.dash-card td{border-bottom:1px solid var(--soft);text-align:left;vertical-align:top;padding:10px 9px;font-size:.9rem}.dash-card th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.76rem}.pill{background:#edf2f2;border-radius:999px;padding:4px 8px;font-size:.77rem;font-weight:850;display:inline-block}.mini-bars{gap:10px;display:grid}.mini-row{grid-template-columns:minmax(170px,1fr) 2fr 50px;align-items:center;gap:10px;display:grid}.mini-track{background:var(--soft);border-radius:99px;height:11px;overflow:hidden}.mini-fill{background:var(--text);height:100%}.open-answer{white-space:normal;min-width:260px}.footer-links a{color:var(--muted)}@media (width<=900px){.metrics{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media (width<=620px){.card{padding:22px 17px}.shell{padding:16px 12px 36px}.brand{min-height:66px;margin-bottom:14px}.brand-logo{width:235px;max-width:78vw}.bar-row{grid-template-columns:1fr 50px}.bar-label{grid-column:1/3}.bar-track{grid-column:1}.bar-pct{grid-column:2}.actions{flex-direction:column-reverse}.btn{width:100%}.single-action{align-items:stretch}.dash-header{flex-direction:column;align-items:flex-start}.metrics{grid-template-columns:1fr 1fr}.mini-row{grid-template-columns:1fr 40px}.mini-row>div:first-child{grid-column:1/3}.mini-track{grid-column:1}.mini-row>strong{grid-column:2}}