:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f8f3;color:#161815;--ink: #161815;--muted: #687064;--line: #dfe4d5;--surface: #ffffff;--surface-soft: #f0f3e8;--accent: #d95f3d;--accent-dark: #a83d24;--lime: #b7df55;--charcoal: #242721;--shadow: 0 24px 80px rgba(36, 39, 33, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(180deg,#ffffffc7,#f7f8f3b8),radial-gradient(circle at 12% 18%,rgba(183,223,85,.2),transparent 24rem),#f7f8f3}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}main{overflow:hidden}.hero,.assessment-section,.score-system,.report-section,.faq{padding:28px clamp(18px,4vw,56px)}.hero{min-height:96vh;display:flex;flex-direction:column;border-bottom:1px solid var(--line)}.site-nav{width:min(1180px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 0}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:15px;font-weight:760}.brand-mark{width:28px;height:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:5px;background:var(--charcoal);border-radius:8px}.brand-mark span{background:var(--lime);border-radius:3px}.brand-mark span:nth-child(2){background:#fff}.brand-mark span:nth-child(3){background:var(--accent)}.site-nav nav{display:flex;align-items:center;gap:22px;color:#555d52;font-size:14px;font-weight:650}.site-nav nav a:hover{color:var(--ink)}.nav-action,.primary-action,.secondary-action,.ghost-action{min-height:42px;border-radius:8px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:760;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.nav-action{padding:0 18px;background:var(--ink);color:#fff}.primary-action{padding:0 20px;background:var(--accent);color:#fff;box-shadow:0 14px 34px #d95f3d38}.secondary-action,.ghost-action{padding:0 16px;background:#fff;color:var(--ink);border-color:var(--line)}.primary-action:hover,.nav-action:hover,.secondary-action:hover,.ghost-action:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.48;transform:none}.hero-grid{width:min(1180px,100%);margin:auto auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.86fr);gap:clamp(36px,6vw,86px);align-items:center;padding:72px 0 56px}.hero-copy h1{max-width:780px;margin:0;color:var(--ink);font-size:clamp(52px,7vw,96px);line-height:.95;letter-spacing:0;font-weight:820}.hero-copy p{max-width:640px;margin:26px 0 0;color:#4f584d;font-size:clamp(18px,2vw,22px);line-height:1.5}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.proof-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;max-width:520px;margin:48px 0 0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--line)}.proof-strip div{margin:0;padding:18px;background:#ffffffbd}.proof-strip dt{color:var(--ink);font-size:26px;font-weight:820}.proof-strip dd{margin:3px 0 0;color:var(--muted);font-size:13px;font-weight:650}.preview-shell,.question-card,.lead-card,.result-card,.score-rail{border:1px solid rgba(36,39,33,.1);border-radius:8px;background:#ffffffe0;box-shadow:var(--shadow)}.preview-shell{padding:18px;transform:rotate(1.2deg)}.preview-toolbar,.rail-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;font-weight:760;text-transform:uppercase;letter-spacing:0}.preview-toolbar strong,.rail-head strong{color:var(--accent-dark);font-size:18px}.preview-question{margin-top:18px;padding:28px;border-radius:8px;background:var(--charcoal);color:#fff}.preview-question span,.question-meta,.result-main span,.recommendation span,.score-preview span,.rail-grid span,.score-grid span{color:var(--accent);font-size:12px;font-weight:820;text-transform:uppercase;letter-spacing:0}.preview-question h2{margin:12px 0 8px;font-size:31px;line-height:1.02;letter-spacing:0}.preview-question p{margin:0;color:#d4dccb;line-height:1.45}.preview-options{display:grid;gap:10px;margin-top:16px}.preview-answer{min-height:58px;display:grid;gap:4px;align-content:center;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.preview-answer.active{border-color:#d95f3d6b;background:#fff5ef}.preview-answer strong{font-size:13px;line-height:1.2}.preview-answer span{color:var(--muted);font-size:12px;line-height:1.3}.dimension-stack{display:grid;gap:12px;margin-top:20px}.dimension-row,.rail-item,.result-bars div{display:grid;grid-template-columns:minmax(120px,1fr) minmax(80px,1.25fr);gap:14px;align-items:center;color:#444c42;font-size:13px;font-weight:700}.dimension-row i,.result-bars i{height:8px;overflow:hidden;border-radius:999px;background:#e7ebde}.dimension-row i:before,.result-bars i:before{content:"";display:block;width:var(--value);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--lime),var(--accent))}.section-heading{width:min(880px,100%);margin:0 auto 30px;text-align:center}.section-heading h2{margin:0;color:var(--ink);font-size:clamp(32px,4vw,54px);line-height:1;letter-spacing:0}.section-heading p{max-width:720px;margin:16px auto 0;color:var(--muted);font-size:17px;line-height:1.6}.assessment-section,.score-system,.report-section,.faq{padding-top:86px;padding-bottom:88px}.assessment-layout{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px;align-items:start}.score-rail{position:sticky;top:18px;padding:18px}.rail-item{grid-template-columns:minmax(0,1fr) auto;padding:16px 0;border-top:1px solid var(--line)}.rail-item:first-of-type{margin-top:16px}.rail-item strong{display:block;color:var(--ink);font-size:14px}.rail-item small{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.35}.rail-item>span{min-width:42px;padding:7px 9px;border-radius:8px;background:var(--surface-soft);color:var(--ink);text-align:center;font-weight:820}.question-card,.lead-card,.result-card{min-height:620px;padding:clamp(22px,4vw,44px)}.question-progress{height:8px;overflow:hidden;border-radius:999px;background:#e7ebde}.question-progress span{display:block;width:var(--progress);height:100%;background:linear-gradient(90deg,var(--accent),var(--lime))}.question-meta{display:block;margin-top:28px}.question-card h3,.lead-card h3,.result-card h3{margin:12px 0;color:var(--ink);font-size:clamp(28px,4vw,46px);line-height:1.04;letter-spacing:0}.question-card>p,.lead-card p,.result-card p{color:var(--muted);font-size:16px;line-height:1.58}.answer-list{display:grid;gap:10px;margin-top:28px}.answer-list button{width:100%;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.answer-list button:hover,.answer-list button.chosen{border-color:#d95f3d94;background:#fff5ef;transform:translateY(-1px)}.answer-list strong{display:block;font-size:15px;line-height:1.35}.answer-list span{display:block;margin-top:5px;color:var(--muted);font-size:13px;line-height:1.45}.question-actions{display:flex;justify-content:space-between;gap:14px;margin-top:28px}.lead-card{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px}.score-preview{align-self:start;padding:22px;border-radius:8px;background:var(--charcoal);color:#fff}.score-preview strong{display:block;margin-top:14px;color:var(--lime);font-size:82px;line-height:.9;letter-spacing:0}.score-preview p{margin:12px 0 0;color:#e8ecd8;font-size:17px;font-weight:760}.lead-form{grid-column:2;display:grid;gap:14px}.lead-form label{display:grid;gap:7px;color:#3e453b;font-size:13px;font-weight:760}.lead-form input,.lead-form select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:0 13px;outline:none}.lead-form input:focus,.lead-form select:focus{border-color:var(--accent);box-shadow:0 0 0 4px #d95f3d1f}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.full{width:100%}.form-error{margin:0;color:var(--accent-dark);font-size:13px}.result-card{display:grid;grid-template-columns:310px minmax(0,1fr);gap:32px;align-items:start}.result-main{padding:26px;border-radius:8px;background:var(--charcoal)}.result-main strong{display:block;margin-top:18px;color:var(--lime);font-size:112px;line-height:.84;letter-spacing:0}.result-main h3{color:#fff}.result-main p{color:#d9dfcf}.result-bars{display:grid;gap:18px}.result-bars div{grid-template-columns:160px minmax(80px,1fr) 42px}.result-bars strong{color:var(--ink);text-align:right}.recommendation{margin-top:26px;padding:22px;border-radius:8px;background:var(--surface-soft)}.recommendation p{margin:10px 0 0;color:#394035;font-size:18px}.score-grid,.rail-grid{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.score-grid article,.rail-grid article{min-height:190px;padding:20px;border:1px solid var(--line);border-radius:8px;background:#ffffffc7}.score-grid p,.rail-grid p{margin:18px 0 0;color:#40483e;font-size:15px;line-height:1.52}.report-section{background:var(--charcoal)}.report-section .section-heading h2{color:#fff}.report-section .section-heading p{color:#d4dccb}.rail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rail-grid article{border-color:#ffffff21;background:#ffffff0f}.rail-grid p{color:#dce2d2}.faq-list{width:min(840px,100%);margin:0 auto;display:grid;gap:10px}.faq details{border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 18px}.faq summary{cursor:pointer;padding:18px 0;color:var(--ink);font-weight:780}.faq details p{margin:0;padding:0 0 18px;color:var(--muted);line-height:1.55}@media(max-width:980px){.site-nav nav{display:none}.hero-grid,.assessment-layout,.lead-card,.result-card{grid-template-columns:1fr}.preview-shell{transform:none}.score-rail{position:static}.lead-form{grid-column:auto}.score-grid,.rail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.hero,.assessment-section,.score-system,.report-section,.faq{padding-left:16px;padding-right:16px}.site-nav{gap:12px}.brand{font-size:14px}.nav-action{display:none}.hero{min-height:auto}.hero-grid{padding-top:48px}.hero-copy h1{font-size:48px}.proof-strip,.form-grid,.score-grid,.rail-grid{grid-template-columns:1fr}.question-card,.lead-card,.result-card,.score-rail{padding:18px}.question-actions{flex-direction:column-reverse}.question-actions .primary-action,.question-actions .ghost-action{width:100%}.result-bars div{grid-template-columns:1fr 1fr 38px}}
