@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;650;700;750&display=swap');
:root{--heading:'Montserrat',sans-serif;--paper:#fcfaf7;--ink:#394e62;--muted:#657581;--line:#e8e5e1;--mint:#639e92;--blue:#929bd0}
body{background:#fcfaf7}.topbar{background:#fffdfb;border-color:#ece7e1}.brand svg{background:#7caaa6;stroke:#fff}.tag{letter-spacing:1px;color:#677d8e}
.intro{background:#f2f0f8;border-color:#e8e2f0;color:var(--ink);box-shadow:none;min-height:310px}.hero-copy{width:57%;padding:35px}.hero-copy .eyebrow{color:#766786;letter-spacing:1.4px}.live-dot{background:#b2a2cd;box-shadow:0 0 0 4px #b2a2cd20}h1{font-size:clamp(28px,2.7vw,39px);font-weight:700;letter-spacing:-1.2px;max-width:550px}h1 em{color:#77709d}.lede{color:#627184;max-width:440px;font-size:15px}.hero-tags>span{color:#526578;background:#ffffffb0;border-color:#e4dfed}.hero-tags .icon{color:#658c92;background:#deeeeb}.hero-art{width:44%;background:#fcfaf7}.hero-art img{object-fit:contain;object-position:center}.hero-art:after{background:linear-gradient(90deg,#f2f0f8,transparent 18%)}.hero-art figcaption{color:#71818b;font-size:9px}.workspace-heading .icon{background:#e5edf7;color:#6086aa}
.panel{box-shadow:0 5px 18px #665a7210;border-color:#eae5e2}.profile{background:#fffefd}.score-panel{background:#e6f0f4;border-color:#d9e6ed;color:var(--ink);box-shadow:0 5px 18px #665a7210}.score-top .eyebrow{color:#657e91}.big-score{color:#4c7696}.percent{color:#6d8da5}.score-caption,.baseline,.score-note,.scale-labels{color:#5c7385}.baseline{border-color:#c6d9e1}.baseline strong{color:#3d6179}.score-track{background:#d0dfe7}.score-track>div{background:#719bb5}.score-track>span{background:#3c5f78}.mint-symbol{background:#c8e1dc;color:#3f766a;box-shadow:none}.blue-symbol{background:#dce6f7;color:#5b7ba2;box-shadow:none}.violet-symbol{background:#e6ddf2;color:#80709d;box-shadow:none}.step-icon{background:#e7ddf1;color:#7c6497;box-shadow:none}.contribution-bottom{background:#f6f3f8}.bar-area{background:linear-gradient(90deg,#eff5f0 0 50%,#f2f0f9 50%)}.bar.positive{background:#939bc9}.bar.negative{background:#77a89d}.legend .mint{background:#77a89d}.legend .blue{background:#939bc9}.curve-panel #curve{background:#fbfafc}.reset-button{background:#f7f3fa;border-color:#e4ddeb;color:#726485}.privacy-note{color:#708075}select{background:#fdfcfb;border-color:#e4e3e4}.small-tag{background:#eee9f4;color:#78688b}.feature-0{--icon-bg:#e1ecf7;--icon-ink:#557fa6}.feature-1{--icon-bg:#dfefea;--icon-ink:#508979}.feature-2{--icon-bg:#fae3df;--icon-ink:#b07169}.feature-3{--icon-bg:#faf0d8;--icon-ink:#987d43}.feature-4{--icon-bg:#e9efdc;--icon-ink:#7b8d51}.feature-5{--icon-bg:#f4e1ed;--icon-ink:#a76c91}.score-top h2{font-size:18px}.hint{color:#6c7886}.hero-tags{margin-top:19px}.curve-key span:last-child{color:#657988}.evaluation{background:#f4f0f7;border-color:#e5dced}.details-copy{margin-top:18px}.details-copy summary{font-weight:600;font-size:14px;color:#78638b}
@media(max-width:1100px){.hero-copy{width:59%;padding:30px}.hero-art{width:42%}.lede{max-width:350px}.intro{min-height:320px}}
@media(max-width:700px){.intro{min-height:545px}.hero-copy{width:100%;padding:25px 23px}.hero-art{width:100%;height:240px;opacity:1}.hero-art:after{background:linear-gradient(#f2f0f8,transparent 22%)}.hero-art img{object-fit:contain}.hero-copy .eyebrow{font-size:9px}h1{font-size:30px;max-width:310px}h1 em{display:inline}.lede{max-width:300px;font-size:14px}.hero-tags{max-width:none}.hero-tags>span{background:#ffffffb0;font-size:10px}.score-panel .score-caption{max-width:180px}.contributions h2{font-size:16px}.curve-panel h2{font-size:16px}.score-top h2{font-size:17px}}
.profile #primary-inputs{margin-top:24px}.score-body{padding-top:24px}.score-top h2{line-height:1.4}.contributions .hint{margin-top:16px}.other-inputs[open] #secondary-inputs{margin-top:18px}
.manual-number{display:flex;align-items:center;gap:10px}.manual-number input{width:100%;min-width:0;padding:11px 12px;border:1px solid #e4e3e4;border-radius:10px;background:#fdfcfb;color:var(--ink)}.manual-number .unit{white-space:nowrap}.manual-number+.hint{font-size:11px;margin-top:5px}.profile #primary-inputs{margin-top:20px}
