/* Background-only technology refinement; approved internal layouts are retained. */
.technology-wave{position:relative;height:120px;margin-top:-12px;background:#f7f8fb;line-height:0;overflow:hidden;pointer-events:none}
.technology-wave img{display:block;width:100%;height:100%;object-fit:fill}
.capture,.insights,.capability{background:#03111d}
.insights,.capability{margin-top:-1px}
.insights .dashboard-panel{box-shadow:inset 0 0 0 1px #29435877}
.capability{color:#fff;border-bottom-color:#29435877}
.capability .eyebrow{color:#9db2c5}
.capability h3{color:#fff}
.capability p{color:#b8c8d7}
.capability article{border-right-color:#31495e77}
@media(max-width:900px){.technology-wave{height:100px;margin-top:-10px}}
@media(max-width:650px){.technology-wave{height:78px;margin-top:-8px}}

/* Lift the phone above the wave without moving the neighbouring copy. */
@media(min-width:651px){
  .capture{overflow:visible;clip-path:inset(-180px 0 0);z-index:1}
  .capture .phone{transform:translateY(calc(-2.5vw - 120px));z-index:2}
}

/* Shared positioning context connects collection to the two intelligence panels. */
.connected-data-system{position:relative;background:#03111d;isolation:isolate}
@media(min-width:1024px){
 .connected-data-system .capture{height:440px;min-height:440px;overflow:visible;clip-path:none;position:static;grid-template-columns:40% 29% 28%;z-index:auto}
 .connected-data-system .phone{position:absolute;top:20px;left:55%;width:clamp(310px,23.6vw,370px);height:680px;transform:translateX(-50%);margin:0;z-index:4;box-shadow:0 0 0 3px #aaa,0 0 0 7px #e3e4e4,0 18px 35px #0005}
 .connected-data-system .feedback{grid-column:3;align-self:start}
 .connected-data-system .insights{position:relative;z-index:1;grid-template-columns:55fr 45fr;gap:24px;padding-top:0;overflow:visible;min-height:0}
 .connected-data-system .dashboard-panel,.connected-data-system .insight-panel{padding-top:155px}
}
@media(min-width:651px) and (max-width:1023px){
 .connected-data-system .capture{height:auto;min-height:0;overflow:visible;clip-path:none;grid-template-columns:1fr 1fr;padding-bottom:32px;align-items:start}
 .connected-data-system .capture .editorial{grid-column:1;grid-row:1}
 .connected-data-system .phone{grid-column:2;grid-row:1 / 3;transform:none;width:100%;height:560px;max-width:340px;margin:0 auto}
 .connected-data-system .feedback{grid-column:1;grid-row:2;margin-top:24px}
 .connected-data-system .insights{grid-template-columns:1fr;min-height:0}
}
@media(max-width:650px){.connected-data-system .phone{height:520px}}

/* Reference correction: compact foreground device, dominant analytics panel. */
@media(min-width:1024px){
 .connected-data-system .capture{height:320px;min-height:320px;padding-top:0;grid-template-columns:44% 26% 25%;gap:2.5%}
 .connected-data-system .phone{width:280px;height:540px;top:20px;left:calc(4.6vw + (90.8vw - 24px)*.68 + 36px - 280px);transform:none;padding:30px 14px 16px}
 .connected-data-system .questionnaire h3{font-size:20px}
 .connected-data-system .insights{grid-template-columns:68fr 32fr}
 .connected-data-system .dashboard-panel{padding-top:28px}
 .connected-data-system .insight-panel{padding:28px 24px}
 .connected-data-system .feedback{gap:16px}
 .connected-data-system .feedback article{padding:20px}
 .connected-data-system .feedback blockquote{font-size:20px}
 .connected-data-system .feedback h3{font-size:16px;margin-bottom:14px}
 .connected-data-system .insight-panel h2{font-size:36px}
 .connected-data-system .insight-panel>p:not(.eyebrow){font-size:15px}
 .connected-data-system .feature-row strong{font-size:14px}
 .connected-data-system .feature-row span span{font-size:12px}
 .connected-data-system .feature-row{gap:12px;padding:10px}
}
@media(min-width:1024px) and (max-width:1199px){
 .connected-data-system .phone{width:240px;height:500px;left:calc(4.6vw + (90.8vw - 24px)*.68 + 28px - 240px);padding-top:28px}
 .connected-data-system .insight-panel{padding:28px 16px}
 .connected-data-system .insight-panel h2{font-size:28px}
 .connected-data-system .dashboard-panel h2{font-size:28px}
 .connected-data-system .capture h2{font-size:30px}
}
@media(min-width:1024px){.connected-data-system .capture{height:340px;min-height:340px}}
@media(min-width:1200px){.connected-data-system .capture{height:350px;min-height:350px}}
@media(min-width:1024px) and (max-width:1199px){.connected-data-system .capture{height:370px;min-height:370px}}
/* Subtle device angle from the approved reference. */
@media(min-width:1024px){.connected-data-system .phone{transform:rotate(2deg);transform-origin:center}}