/* Page rhythm: contained to the approved sections; the dashboard is unchanged. */
#economics,#how,#assessment,#faq,#investors{padding-block:clamp(64px,7.5vw,116px)!important}
#economics>div,#how>.hw-inner,#assessment>div,#faq>div,#investors>div{max-width:1360px!important}
#economics h2,#how h2,#faq h2,#investors h2{font-size:clamp(36px,3.6vw,58px)!important;line-height:1.1!important;letter-spacing:-.018em!important}
#economics h2{max-width:100%!important}#economics .economics-title-line{display:block}#how h2{max-width:100%!important}
#faq>div{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:clamp(36px,6vw,96px)!important}
#faq details summary{min-height:64px}
#faq details summary::-webkit-details-marker{display:none}
#faq details summary>span{font-size:0!important;width:22px;flex:none}
#faq details summary>span:after{content:'+';font:22px 'IBM Plex Mono',monospace}
#faq details[open] summary>span:after{content:'−'}
#faq details[open] h3{color:var(--copper-deep)!important}
#faq summary:focus-visible{outline:2px solid var(--copper);outline-offset:5px}
#investors{background:var(--panel)!important}
#assessment>div{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:clamp(36px,6vw,88px)!important}
#assessment h2{font-size:clamp(44px,4.5vw,70px)!important;max-width:480px}
.assessment-card{border-radius:4px!important;border-top:3px solid var(--copper);box-shadow:0 24px 70px #00000020;padding:clamp(24px,3.2vw,48px)!important;min-width:0}
.assessment-card>div>div:first-child>p{font:500 clamp(26px,2.4vw,34px)/1.2 Jost,sans-serif!important;letter-spacing:-.015em;color:var(--ink)!important}
.assessment-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 24px!important}
.assessment-fields>label{min-width:0}
.assessment-fields label>span:first-child{font-size:11px!important;letter-spacing:.13em!important;line-height:1.6}
.assessment-fields input,.assessment-fields select{box-sizing:border-box;width:100%;min-width:0;min-height:52px;padding:12px 14px!important;border:1px solid var(--sand)!important;border-radius:3px!important;background:#FFFFFF80!important;font-size:16px!important;color:var(--ink);outline-offset:2px}
.assessment-fields select{padding-right:32px!important}
.assessment-fields label>span>span:last-child{right:12px!important}
.assessment-fields input:focus,.assessment-fields select:focus{outline:2px solid var(--copper)!important;border-color:transparent!important}
.assessment-group-label{grid-column:1/-1;font:500 20px/1.3 Jost,sans-serif;color:var(--ink);padding-bottom:12px;border-bottom:1px solid var(--sand)}
.assessment-building-label{margin-top:10px}
.assessment-card button{min-height:52px}
#assessment-error{padding:12px 14px;border-left:2px solid var(--copper);background:var(--panel);line-height:1.5}
@media(min-width:1100px){#assessment>div>div:first-child{padding-top:28px}}
@media(max-width:900px){#assessment>div,#faq>div{grid-template-columns:minmax(0,1fr)!important}#faq>div{gap:32px!important}}
@media(max-width:600px){
 #economics,#how,#assessment,#faq,#investors{padding:60px 20px!important}
 .assessment-fields{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
 .assessment-card{padding:24px 20px!important}
 #faq details p{padding-right:0!important;font-size:16px!important}
 #faq summary{gap:14px!important;padding-block:22px!important}
 #investors button,#assessment button{max-width:100%;height:auto!important}
 #investors button span,#assessment button span{white-space:normal!important;text-align:left}
 footer{padding-inline:20px!important}footer nav a{min-height:44px;display:flex;align-items:center}
 footer img{max-width:100%;height:auto!important;width:200px!important}
}