:root{
  --ink:#101923; --ink-2:#1b2834; --muted:#62717f; --muted-2:#81909c;
  --line:#dce2e7; --line-2:#e9edf0; --paper:#fff; --wash:#f5f7f8;
  --orange:#e85a16; --orange-dark:#c9470c; --orange-soft:#fff3ec;
  --green:#20795a; --green-soft:#ebf6f1; --amber:#a76617; --amber-soft:#fff7e7;
  --shadow:0 18px 50px rgba(14,28,40,.08); --radius:20px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--wash);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,a{font:inherit} button{color:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:0 auto}
.site-header{height:74px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:780;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--ink);display:grid;place-items:center}.brand-mark svg{width:23px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.header-tools{display:flex;align-items:center;gap:18px}.save-note{font-size:13px;color:var(--muted);display:flex;gap:7px;align-items:center}.save-note:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}.exit{font-size:14px;color:var(--ink);text-decoration:none;border-bottom:1px solid #aeb7bf;padding-bottom:1px}
.mobile-progress{display:none;background:#fff;border-bottom:1px solid var(--line);padding:10px 20px}.mobile-progress-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:8px}.track{height:6px;background:#e8ecef;border-radius:999px;overflow:hidden}.track span{height:100%;display:block;background:var(--orange);border-radius:999px;transition:width .25s ease}
.finder-wrap{padding:38px 0 58px}.finder-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:28px;align-items:start}
.sidebar{position:sticky;top:112px;background:var(--ink);color:#fff;border-radius:20px;padding:24px;overflow:hidden}.sidebar:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-120px;top:-100px;border:1px solid rgba(255,255,255,.08)}
.side-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#91a2af}.side-progress{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.side-progress strong{font-size:28px;letter-spacing:-.04em}.side-progress span{font-size:12px;color:#a9b5bf}.side-track{height:7px;background:#263744;border-radius:999px;overflow:hidden;margin:15px 0 24px}.side-track span{display:block;height:100%;background:var(--orange);border-radius:999px;transition:width .25s ease}
.summary-title{font-size:13px;font-weight:760;color:#cbd4db;margin-bottom:10px}.answer-list{display:grid;gap:0}.answer-row{display:grid;grid-template-columns:25px 1fr;gap:10px;padding:12px 0;border-top:1px solid rgba(255,255,255,.09)}.answer-row:first-child{border-top:0}.answer-num{width:22px;height:22px;border-radius:50%;border:1px solid #4b5c68;display:grid;place-items:center;font-size:10px;color:#9faeba}.answer-row.done .answer-num{border-color:#4cae88;background:#1d5f49;color:#fff}.answer-copy small{display:block;color:#90a0ac;font-size:11px;margin-bottom:2px}.answer-copy strong{font-size:13px;line-height:1.35;font-weight:650;color:#e6ebef}.answer-row:not(.done) .answer-copy strong{color:#778894;font-weight:560}.side-help{border-top:1px solid rgba(255,255,255,.09);margin-top:14px;padding-top:18px;font-size:12px;line-height:1.6;color:#a7b4be}.side-help strong{display:block;color:#fff;font-size:13px;margin-bottom:3px}
.stage{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);min-height:650px;overflow:hidden}.stage-head{padding:24px 30px;border-bottom:1px solid var(--line-2);display:flex;align-items:center;justify-content:space-between;gap:20px}.stage-label{font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--orange);text-transform:uppercase}.stage-meta{font-size:12px;color:var(--muted)}
.question-panel{padding:42px 42px 30px}.question-panel[hidden]{display:none}.q-number{font-size:13px;color:var(--muted);font-weight:700;margin-bottom:12px}.question-panel h1{font-size:clamp(32px,4vw,47px);line-height:1.03;letter-spacing:-.045em;margin:0;max-width:760px}.q-lede{font-size:17px;line-height:1.65;color:var(--muted);max-width:760px;margin:17px 0 28px}.micro-trust{display:flex;gap:14px;flex-wrap:wrap;margin:-4px 0 26px}.micro-trust span{font-size:12px;color:#586875;background:#f4f6f7;border:1px solid #e7ebee;border-radius:999px;padding:7px 10px}.micro-trust span:before{content:"✓";color:var(--green);font-weight:800;margin-right:5px}
.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice-grid.one{grid-template-columns:1fr}.choice{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px;display:grid;grid-template-columns:42px 1fr 24px;gap:14px;text-align:left;align-items:center;cursor:pointer;transition:.16s ease;min-height:88px}.choice:hover{border-color:#adb9c2;transform:translateY(-1px)}.choice.selected{border-color:var(--orange);box-shadow:0 0 0 3px rgba(232,90,22,.09);background:#fffaf7}.choice-icon{width:42px;height:42px;border-radius:12px;background:#f2f5f6;display:grid;place-items:center}.choice.selected .choice-icon{background:var(--orange-soft)}.choice-icon svg{width:23px;height:23px;stroke:#41515e;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.choice.selected .choice-icon svg{stroke:var(--orange-dark)}.choice-copy strong{display:block;font-size:15px;line-height:1.3;margin-bottom:5px}.choice-copy small{display:block;color:var(--muted);font-size:12.5px;line-height:1.45}.select-dot{width:20px;height:20px;border:1.6px solid #aab5bd;border-radius:50%;display:grid;place-items:center}.choice.selected .select-dot{border-color:var(--orange)}.choice.selected .select-dot:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--orange)}
.choice.multi .select-dot{border-radius:6px}.choice.multi.selected .select-dot:after{content:"✓";width:auto;height:auto;background:none;color:var(--orange);font-size:13px;font-weight:900}
.helper{margin-top:20px;border:1px solid #e8dfcc;background:#fffaf0;border-radius:15px;padding:15px 16px;display:grid;grid-template-columns:30px 1fr;gap:12px}.helper-icon{width:28px;height:28px;border-radius:8px;background:var(--amber-soft);color:var(--amber);display:grid;place-items:center;font-weight:900}.helper strong{font-size:13px;display:block;margin-bottom:3px}.helper p{margin:0;font-size:12.5px;line-height:1.55;color:#6d6253}.helper button{border:0;background:none;padding:0;color:#7d4e13;text-decoration:underline;cursor:pointer;font-size:12.5px;margin-top:5px}
.detail-box{margin-top:12px;padding:16px;border-radius:14px;border:1px dashed #cfd7dc;background:#f8fafb;display:none}.detail-box.open{display:block}.detail-box h3{margin:0 0 7px;font-size:14px}.detail-box p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.6}.detail-box ul{margin:8px 0 0;padding-left:18px;color:var(--muted);font-size:12.5px;line-height:1.6}
.stage-actions{border-top:1px solid var(--line-2);padding:20px 30px;display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fbfcfc}.back-btn,.next-btn{height:48px;border-radius:12px;padding:0 20px;font-weight:740;cursor:pointer}.back-btn{background:#fff;border:1px solid var(--line);color:var(--ink)}.back-btn:disabled{opacity:.35;cursor:default}.next-btn{background:var(--orange);border:1px solid var(--orange);color:#fff;min-width:190px}.next-btn:hover:not(:disabled){background:var(--orange-dark)}.next-btn:disabled{background:#ccd3d8;border-color:#ccd3d8;cursor:not-allowed}.keyboard{font-size:11px;color:#8a97a0}.keyboard kbd{font:inherit;border:1px solid #d5dce1;border-bottom-width:2px;padding:2px 5px;border-radius:5px;background:#fff}
.result-ready{padding:42px}.result-ready[hidden]{display:none}.ready-icon{width:58px;height:58px;border-radius:17px;background:var(--green-soft);display:grid;place-items:center;color:var(--green);font-size:26px;font-weight:900;margin-bottom:18px}.result-ready h1{font-size:42px;line-height:1.05;letter-spacing:-.04em;margin:0 0 12px}.result-ready>p{color:var(--muted);font-size:16px;line-height:1.6;max-width:680px}.final-summary{margin:28px 0;border:1px solid var(--line);border-radius:16px;overflow:hidden}.final-row{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:14px 16px;border-top:1px solid var(--line-2);font-size:13px}.final-row:first-child{border-top:0}.final-row span{color:var(--muted)}.final-row strong{font-weight:700}.result-actions{display:flex;gap:10px;flex-wrap:wrap}.result-actions a{text-decoration:none}.see-results{display:inline-flex;height:50px;align-items:center;justify-content:center;padding:0 20px;border-radius:12px;background:var(--orange);color:#fff;font-weight:760}.edit-first{display:inline-flex;height:50px;align-items:center;justify-content:center;padding:0 18px;border-radius:12px;border:1px solid var(--line);color:var(--ink);font-weight:700}
.footer-note{width:min(1180px,calc(100% - 40px));margin:0 auto 32px;color:#778690;font-size:12px;display:flex;justify-content:space-between;gap:20px}
@media(max-width:900px){.site-header{height:66px}.save-note{display:none}.finder-wrap{padding:22px 0 42px}.finder-layout{grid-template-columns:1fr}.sidebar{display:none}.mobile-progress{display:block;position:sticky;top:66px;z-index:15}.stage{min-height:auto}.question-panel{padding:30px 24px 22px}.question-panel h1{font-size:34px}.q-lede{font-size:15px;margin-bottom:22px}.stage-head{padding:17px 22px}.choice-grid{grid-template-columns:1fr}.stage-actions{padding:16px 20px;position:sticky;bottom:0;z-index:10;box-shadow:0 -8px 30px rgba(18,30,40,.06)}.keyboard{display:none}.next-btn{flex:1;min-width:0}.back-btn{width:104px}.result-ready{padding:30px 24px}.result-ready h1{font-size:34px}.final-row{grid-template-columns:1fr;gap:4px}.footer-note{display:block;line-height:1.6}}
@media(max-width:560px){.shell{width:min(100% - 24px,1180px)}.brand-name{font-size:14px}.exit{font-size:12px}.stage{border-radius:18px}.question-panel{padding:25px 18px 20px}.question-panel h1{font-size:31px}.choice{padding:15px;grid-template-columns:38px 1fr 22px;gap:11px}.choice-icon{width:38px;height:38px}.choice-copy strong{font-size:14px}.choice-copy small{font-size:12px}.micro-trust{gap:7px}.micro-trust span{font-size:11px}.stage-head{padding:15px 18px}.stage-meta{display:none}.helper{grid-template-columns:26px 1fr;padding:13px}.stage-actions{padding:13px 14px}.back-btn,.next-btn{height:46px}.footer-note{width:calc(100% - 28px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}