/* Reference geometry within the shared centred page system. */
@media(min-width:1200px){
 .connected-data-system{--data-width:min(1268px,90.8vw);--data-inset:calc((100% - var(--data-width))/2)}
 .connected-data-system .technology-wave{height:100px}
 .connected-data-system .capture{height:330px;min-height:330px;padding:16px var(--data-inset) 0;grid-template-columns:44% 26% 25%}
 .connected-data-system .capture .editorial{margin-top:0;padding-left:36px}
 .connected-data-system .capture h2{font-size:40px}
 .connected-data-system .capture .eyebrow{font-size:12px;margin-bottom:16px}
 .connected-data-system .capture .editorial>p:not(.eyebrow){font-size:18px;line-height:1.3;max-width:445px;margin:18px 0 20px}
 .connected-data-system .capture .pill{font-size:15px;padding:14px 28px}
 .connected-data-system .phone{top:64px;width:280px;height:520px;left:calc(var(--data-inset) + (var(--data-width) - 28px)*.68 + 28px - 280px);padding:40px 14px 16px;transform:rotate(2deg)}
 .connected-data-system .questionnaire h3{font-size:20px;margin-bottom:18px}
 .connected-data-system .questionnaire label,.connected-data-system .questionnaire legend{font-size:12px}
 .connected-data-system .questionnaire .age{padding:8px;margin-bottom:14px}
 .connected-data-system .questionnaire fieldset{margin-bottom:14px}
 .connected-data-system .questionnaire legend{margin-bottom:7px}
 .connected-data-system .choices span{font-size:12px;padding:10px 2px}
 .connected-data-system .questionnaire select{font-size:12px;padding:8px;margin:7px 0 14px}
 .connected-data-system .feedback article{padding:18px 20px}
 .connected-data-system .feedback h3{font-size:14px;margin-bottom:14px}
 .connected-data-system .feedback blockquote{font-size:20px;margin-bottom:12px;gap:12px}
 .connected-data-system .feedback blockquote>span{font-size:44px}
 .connected-data-system .feedback .stars{font-size:27px}
 .connected-data-system .rating strong{font-size:22px}
 .connected-data-system .insights{padding:0 var(--data-inset) 0;grid-template-columns:68fr 32fr;gap:28px}
 .connected-data-system .dashboard-panel{padding:28px 32px 14px}
 .connected-data-system .dashboard-panel .eyebrow,.connected-data-system .insight-panel .eyebrow{font-size:12px;margin-bottom:14px}
 .connected-data-system .dashboard-panel h2{font-size:38px}
 .connected-data-system .dashboard-panel>p:not(.eyebrow){font-size:16px;margin:8px 0 20px}
 .connected-data-system .insight-panel{padding:28px 24px 14px}
 .connected-data-system .insight-panel h2{font-size:36px}
 .connected-data-system .insight-panel>p:not(.eyebrow){font-size:14px;line-height:1.35;margin:16px 0 18px}
 .connected-data-system .feature-rows{gap:8px}
 .connected-data-system .feature-row{padding:8px;gap:12px;min-height:68px}
 .connected-data-system .icon-tile{width:50px;height:50px;flex-shrink:0}
 .connected-data-system .feature-row strong{font-size:13px}
 .connected-data-system .feature-row span span{font-size:12px}
 .connected-data-system .bar-chart{height:160px}
 .connected-data-system .dash-charts .profile-chart{min-height:160px}
 .connected-data-system .capability{padding:16px calc(var(--data-inset) + 28px) 24px;min-height:0}
 .connected-data-system .capability .eyebrow{font-size:11px;margin-bottom:14px}
 .connected-data-system .capability h3{font-size:14px}
 .connected-data-system .capability p{font-size:13px}
}
@media(min-width:1200px){
 .connected-data-system .phone{left:calc(var(--data-inset) + (var(--data-width) - 28px)*.68 + 46px - 280px)}
 .connected-data-system .feedback article{padding:16px 20px}
 .connected-data-system .feedback h3{margin-bottom:12px}
 .connected-data-system .feedback blockquote{font-size:19px;margin-bottom:10px}
 .connected-data-system .feedback .stars{font-size:26px}
}
@media(min-width:1200px){
 .connected-data-system .phone{top:24px;width:290px;height:550px;left:calc(var(--data-inset) + (var(--data-width) - 28px)*.68 + 46px - 290px)}
}
/* Outputs now complete the connected data composition. */
.connected-data-system .outputs{background:#03111d;color:#fff;margin-top:-1px}
.connected-data-system .outputs .eyebrow{color:#9db2c5}
.connected-data-system .outputs .editorial>p:not(.eyebrow){color:#b8c8d7}
.connected-data-system .outputs .pill.black{background:#fff;color:#102436;border-color:#fff}
.connected-data-system .output-cards>article{background:#0b1c29;border-color:#294358;color:#fff;min-width:0}
.connected-data-system .output-cards p{color:#b8c8d7}
.connected-data-system .mini-review{background:#142b3d;color:#d9e6f1}
@media(min-width:1200px){
 .connected-data-system .outputs{padding:36px var(--data-inset) 40px;grid-template-columns:34% minmax(0,1fr);gap:28px;min-height:0}
 .connected-data-system .outputs h2{font-size:34px}
 .connected-data-system .outputs .editorial>p:not(.eyebrow){font-size:16px;line-height:1.4}
 .connected-data-system .output-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
 .connected-data-system .output-cards>article{padding:16px}
 .connected-data-system .output-cards h3{font-size:15px}
 .connected-data-system .output-cards p{font-size:13px}
}