:root{--paper:#f3f6f5;--ink:#153c45;--muted:#647c81;--line:#dde7e4;--mint:#159d87;--blue:#6483cd}
body{background:radial-gradient(ellipse at 5% 40%,#e6f0ec80,transparent 55%),var(--paper)}
.icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.topbar{height:78px;background:#ffffffd9}.brand svg{border-radius:12px}.tag{font-size:10px;letter-spacing:2px}.text-button{display:flex;align-items:center;gap:8px}.text-button:hover{color:#138d79}
main{padding-top:26px}.intro{position:relative;isolation:isolate;overflow:hidden;min-height:278px;background:#092e3d;border:1px solid #174553;border-radius:24px;margin-bottom:27px;color:white;box-shadow:0 12px 30px #173b4a0c;display:block}
.hero-copy{position:relative;z-index:2;width:65%;padding:36px 40px;pointer-events:none}.hero-copy .eyebrow{color:#a0d9cf;font-size:10px;letter-spacing:1.8px;display:flex;align-items:center;gap:8px}.live-dot{display:inline-block;width:6px;height:6px;background:#71e4c4;border-radius:50%;box-shadow:0 0 0 4px #71e4c410}
h1{font-size:clamp(30px,3vw,43px);font-weight:600;letter-spacing:-1.8px;line-height:1.2;margin-top:15px}h1 em{font-style:normal;color:#90e7d2}.lede{color:#c0d4d9;max-width:475px;font-size:15px;line-height:1.7;margin-top:14px}.hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.hero-tags>span{display:flex;gap:6px;align-items:center;padding:5px 10px;border:1px solid #a8dbd228;border-radius:30px;color:#d2e7e8;background:#ffffff06;font-size:11px}.hero-tags .icon{width:14px;height:14px;color:#91dcc9}
.hero-art{position:absolute;inset:0 0 0 auto;width:48%;margin:0;z-index:0}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#092e3d 0%,#092e3d75 18%,transparent 48%)}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}.hero-art figcaption{position:absolute;z-index:1;bottom:13px;right:20px;color:#d3e6e3ad;font-size:9px;letter-spacing:.4px}
.workspace-heading{display:flex;justify-content:space-between;align-items:center;margin:0 3px 16px;font-size:12px;color:var(--muted)}.workspace-heading>span:first-child{font-size:14px;font-weight:600;color:var(--ink);display:flex;gap:9px;align-items:center}.workspace-heading .icon{color:#3b8d7f;width:18px;height:18px}
.workspace{gap:22px}.panel{border-radius:20px;box-shadow:0 5px 22px #183d4210;border-color:#e0e8e5}.section-heading .eyebrow,.score-top .eyebrow{font-size:10px;letter-spacing:1.8px;margin-bottom:7px}h2{font-size:19px;font-weight:700}.step-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#e9f5ef}.step-icon .icon{width:23px;height:23px}.field-label{font-size:13px}.control .field-label,.control-head label{display:flex;align-items:center;gap:8px}.field-icon{width:17px;height:17px;color:#668d85}.control-head label{font-size:14px}select{background-color:#f9fbfa;border-color:#dbe5e1;border-radius:10px;min-height:43px;transition:border-color .15s}select:hover{border-color:#8cb9ad}.profile-meta{margin:13px 0 24px;font-size:11px}.small-tag{background:#eef3f0;border-radius:20px;font-size:10px}.other-inputs summary{font-size:13px}.reset-button{display:flex;align-items:center;justify-content:center;gap:8px;border-color:#d9e4df;border-radius:10px;font-size:12px;min-height:43px}.reset-button .icon{width:16px;height:16px}.privacy-note{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px}.privacy-note .icon{width:14px;height:14px}
.score-panel{border-radius:20px;background:radial-gradient(ellipse at 100% 0,#245e5e66,transparent 60%),#103c47;border:1px solid #24515b;box-shadow:0 6px 24px #103c4714}.score-chip{border-radius:20px;font-size:9px;letter-spacing:1.2px;background:#ffffff06}.big-score{font-size:70px;font-weight:500;color:#9aecd6}.score-caption{font-size:12px;max-width:210px}.baseline{padding-left:17px}.baseline strong{font-family:var(--heading);font-size:23px}.baseline span:last-child{max-width:120px;font-size:11px}.score-track{height:7px}.score-note{line-height:1.65;font-size:11px}.score-top h2{font-size:18px}.bar-area{height:22px;background:linear-gradient(90deg,#edf7f3 0 50%,#f0f3fa 50%);border-radius:5px}.bar{height:10px;top:6px;border-radius:4px}.bar-area:after{height:28px;top:-3px;background:#bccdc7}.contribution-row{font-size:12px;padding:8px 0}.contribution-value{font-size:12px}.legend i{border-radius:50%}.contributions .hint{line-height:1.7}.contribution-bottom{background:#f6f9f7;padding:10px 12px;border:0;border-radius:9px;margin-top:12px}.curve-panel{padding-bottom:19px}.curve-panel #curve{background:linear-gradient(#fafcfb,#fff);border-radius:12px;margin-top:12px}.curve-key{font-size:11px}footer{color:#758c87;padding-top:25px}dialog{border-radius:24px}
@media(min-width:1300px){.workspace{grid-template-columns:325px 1fr}.results{grid-template-columns:1fr 1.1fr;gap:20px}.score-panel,.contributions{min-height:405px}.score-panel{padding:26px}.contributions{padding:26px 24px}.contributions h2{font-size:18px}.contribution-row{grid-template-columns:91px 1fr 43px}.big-score{font-size:67px}.curve-panel #curve{max-height:195px}}
@media(max-width:1100px){.hero-copy{width:70%;padding:30px}.intro{min-height:265px}.hero-art{width:49%}.hero-copy .eyebrow{font-size:9px}.lede{max-width:360px}.hero-tags{gap:7px}.hero-tags>span{font-size:10px}.workspace-heading>span:last-child{font-size:11px}}
@media(max-width:700px){.topbar{height:68px}.brand{font-size:22px}.topright .text-button{font-size:12px}main{padding:18px 16px 0}.intro{min-height:380px;border-radius:20px;margin-bottom:23px}.hero-copy{width:100%;padding:25px 23px;pointer-events:auto}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.1px}h1{font-size:34px;max-width:290px;letter-spacing:-1.4px;line-height:1.2}h1 em{display:block}.lede{font-size:13px;max-width:240px;line-height:1.7;margin-top:12px}.hero-tags{margin-top:18px;max-width:250px;gap:6px}.hero-tags>span{font-size:9px;background:#0b3447b8;padding:5px 8px}.hero-art{width:100%;height:240px;top:auto;bottom:0;opacity:.78}.hero-art img{object-position:70% 65%}.hero-art:after{background:linear-gradient(180deg,#092e3d,transparent 80%),linear-gradient(90deg,#092e3da0,transparent)}.hero-art figcaption{font-size:8px;right:14px;bottom:9px}.workspace-heading{margin-bottom:13px}.workspace-heading>span:first-child{font-size:13px}.workspace-heading>span:last-child{display:none}.workspace{gap:18px}.panel,.score-panel{border-radius:18px}.score-caption{max-width:190px;font-size:11px}.score-panel{padding:24px}.big-score{font-size:65px}.baseline{padding-left:12px}.baseline strong{font-size:21px}.baseline span{font-size:11px}.contributions h2{font-size:18px}.curve-panel h2{font-size:16px}.contribution-bottom{flex-direction:column;gap:5px}.curve-panel select{max-width:105px;min-width:85px;font-size:12px}.curve-key{font-size:10px}.privacy-note{font-size:11px}footer{font-size:10px}}