:root{--ink:#202124;--muted:#656a72;--paper:#fffaf3;--surface:#fff;--line:#e9dfd2;--teal:#176b65;--teal-dark:#0f4d49;--coral:#c8644f;--gold:#d79d38;--sage:#dce9df;--shadow:0 24px 70px #2021241f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:linear-gradient(135deg, #dce9dfc2, transparent 38%), linear-gradient(225deg, #d79d3829, transparent 32%), var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}.shell{width:min(1180px,100% - 32px);min-height:100vh;margin:0 auto;padding:18px 0 40px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.brand,.navLink,.categoryBadge,.scoreLabel{align-items:center;gap:10px;display:inline-flex}.brand{min-width:0;font-weight:800}.brandMark{color:#fff;background:var(--teal);letter-spacing:0;border-radius:10px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:.82rem;display:grid}.navLink{border:1px solid var(--line);min-height:42px;color:var(--muted);background:#ffffffad;border-radius:999px;padding:0 14px;font-weight:700}.navLink svg,.primaryButton svg,.secondaryButton svg,.ghostButton svg,.categoryBadge svg,.scoreLabel svg,.insightList svg{flex:0 0 18px;width:18px;height:18px}.landing{grid-template-columns:minmax(0,1fr);align-items:center;gap:24px;display:grid}.landingCopy,.assessment,.results{box-shadow:var(--shadow);background:#ffffffd1;border:1px solid #e9dfd2e0;border-radius:26px}.landingCopy{padding:clamp(28px,6vw,64px)}.eyebrow{color:var(--coral);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:760px;margin-bottom:16px;font-size:clamp(2.45rem,8vw,5.6rem);line-height:.98}h2{letter-spacing:0;font-size:clamp(1.35rem,4vw,2rem);line-height:1.15}h3{margin-bottom:6px;font-size:1rem}.intro,.sectionHeader p,.resultsHero p{max-width:720px;color:var(--muted);font-size:clamp(1rem,2vw,1.15rem);line-height:1.65}.heroActions,.assessmentActions,.ctaBand{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.primaryButton,.secondaryButton,.ghostButton{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;font-weight:850;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.primaryButton{color:#fff;background:var(--teal);padding:0 22px;box-shadow:0 14px 30px #176b6542}.secondaryButton,.ghostButton{border:1px solid var(--line);color:var(--ink);background:#fff;padding:0 18px}.ghostButton{color:var(--muted)}.primaryButton:hover,.secondaryButton:hover,.ghostButton:hover{transform:translateY(-1px)}.primaryButton:disabled,.secondaryButton:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.audienceList{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.audienceList span,.levelPreview span,.panelHeader span{border:1px solid var(--line);color:var(--muted);background:#ffffffbd;border-radius:999px;font-size:.84rem;font-weight:800}.audienceList span{padding:8px 11px}.heroVisual{background:var(--sage);min-height:360px;box-shadow:var(--shadow);border:1px solid #e9dfd2e0;border-radius:26px;position:relative;overflow:hidden}.heroVisual img{object-fit:cover}.levelPreview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.levelPreview span{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 12px}.levelPreview .activeLevel{color:var(--teal-dark);background:#dce9dfe0;border-color:#176b6552}.assessment,.results{padding:clamp(20px,5vw,42px)}.sectionHeader{margin-bottom:24px}.progressBlock{margin-bottom:18px}.progressMeta{color:var(--muted);justify-content:space-between;gap:12px;margin-bottom:8px;font-size:.88rem;font-weight:800;display:flex}.progressTrack,.miniBar{background:#efe7dc;border-radius:999px;overflow:hidden}.progressTrack{height:12px}.progressTrack span,.miniBar span{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--gold));height:100%;display:block}.questionPanel{border:1px solid var(--line);background:#fff;border-radius:20px;padding:clamp(18px,4vw,34px)}.categoryBadge{width:fit-content;color:var(--teal-dark);background:var(--sage);border-radius:999px;margin-bottom:20px;padding:8px 12px;font-size:.86rem;font-weight:900}.likert{grid-template-columns:1fr;gap:10px;margin-top:24px;display:grid}.scaleOption{border:1px solid var(--line);min-height:56px;color:var(--ink);cursor:pointer;text-align:left;background:#fffaf5;border-radius:14px;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:10px 14px;display:grid}.scaleOption strong{width:34px;height:34px;color:var(--teal-dark);background:var(--sage);border-radius:50%;place-items:center;display:grid}.scaleOption span{color:var(--muted);font-weight:800}.scaleOption.selected{background:#edf7f2;border-color:#176b6570;box-shadow:inset 0 0 0 1px #176b652e}.assessmentActions{justify-content:space-between;margin-top:18px}.resultsHero{background:var(--ink);color:#fff;border-radius:22px;grid-template-columns:minmax(0,1fr);align-items:center;gap:24px;padding:clamp(20px,5vw,36px);display:grid}.resultsHero p{color:#ffffffbf}.scoreDial{background:radial-gradient(circle at center, var(--ink) 54%, transparent 55%), conic-gradient(var(--gold), var(--teal), var(--sage), var(--gold));border:12px solid #dce9df47;border-radius:50%;justify-self:center;place-items:center;width:178px;height:178px;display:grid}.scoreDial span{font-size:3.4rem;font-weight:950;line-height:.8}.scoreDial small{color:#ffffffb8;margin-top:-52px;font-weight:850}.resultsGrid{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:18px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:18px;padding:clamp(18px,4vw,28px)}.panelHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.panelHeader h2,.panel h2{margin-bottom:16px}.panelHeader span{padding:8px 11px}.scoreList,.insightList{gap:14px;display:grid}.scoreRow{border-top:1px solid var(--line);grid-template-columns:1fr;gap:8px;padding:14px 0;display:grid}.scoreRow:first-child{border-top:0}.scoreLabel{font-weight:900}.scoreRow small,.insightList p{color:var(--muted);line-height:1.5}.scoreRow small{margin-top:4px;display:block}.miniBar{height:10px}.scoreRow strong{color:var(--teal-dark);font-size:1.3rem}.insightList article{border-top:1px solid var(--line);grid-template-columns:24px 1fr;gap:12px;padding-top:14px;display:grid}.insightList article:first-child{border-top:0;padding-top:0}.insightList svg{color:var(--coral);margin-top:2px}.roadmap ol{gap:12px;margin:0;padding-left:22px;display:grid}.roadmap li{color:var(--muted);padding-left:6px;line-height:1.6}.roadmap li::marker{color:var(--teal);font-weight:950}.ctaBand{border:1px solid var(--line);background:#ffffffb8;border-radius:20px;margin-top:18px;padding:16px}@media (min-width:680px){.shell{width:min(1180px,100% - 48px);padding-top:24px}.likert{grid-template-columns:repeat(5,minmax(0,1fr))}.scaleOption{text-align:center;grid-template-columns:1fr;justify-items:center;min-height:122px}.scoreRow{grid-template-columns:minmax(220px,1fr) minmax(160px,.8fr) 44px;align-items:center}.resultsHero{grid-template-columns:minmax(0,1fr) 210px}}@media (min-width:900px){.landing{grid-template-columns:minmax(0,1.04fr) minmax(360px,.78fr)}.heroVisual{min-height:620px}.resultsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.widePanel{grid-column:1/-1}}@media (max-width:520px){.shell{width:min(100% - 24px,1180px);padding-top:12px}.brand span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.navLink{justify-content:center;width:42px;padding:0;font-size:0}.heroActions .primaryButton,.heroActions .secondaryButton,.ctaBand .primaryButton,.ctaBand .secondaryButton,.ctaBand .ghostButton{width:100%}.assessmentActions .primaryButton,.assessmentActions .secondaryButton{flex:1}.heroVisual{min-height:300px}}
