/* Keep the desktop artwork bounded; tall screens must not stretch the orbit. */
@media (min-width:1201px) {
  .technology-hero { min-height:0; }
  .technology-hero-inner { flex:none; min-height:620px; height:clamp(620px,calc(100svh - 190px),780px); }
  .technology-copy { min-width:0; }
  .technology-partners > div { flex-wrap:wrap; }
}
/* On tablets and phones, content determines height instead of absolute offsets. */
@media (max-width:1200px) {
  .technology-hero { display:block; min-height:0; padding:0 5% 28px; background:linear-gradient(150deg,#fff 15%,#edf6ff 100%); }
  .technology-hero::before { display:none; }
  .technology-hero-inner { display:flex; flex-direction:column; height:auto; min-height:0; max-width:900px; }
  .technology-copy { display:block; padding:40px 0 0; }
  .technology-copy h1 { font-size:clamp(34px,5.5vw,56px); line-height:1.08; }
  .technology-eyebrow { white-space:normal; flex-wrap:wrap; font-size:10px; letter-spacing:1px; }
  .technology-intro { max-width:680px; font-size:17px; line-height:1.55; }
  .technology-actions { flex-wrap:wrap; }
  .technology-actions a { min-height:46px; padding:10px 18px; font-size:14px; }
  .technology-benefits { margin-top:30px; gap:16px; }
  .technology-benefits > span { font-size:13px; flex:1; }
  .technology-copy .technology-partners { margin:28px 0 0; padding:0; }
  .technology-partners > div { flex-wrap:wrap; gap:20px; }
  .technology-scene { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; height:auto; min-height:0; margin:32px 0 0; padding:0; }
  .technology-scene .technology-brand { position:relative; inset:auto; grid-column:1/-1; width:100%; min-height:320px; padding:70px 20px; justify-content:center; border-radius:24px; overflow:hidden; background:#071b35 url('../../images/home-technology-globe.png') 78% 48% / auto 190% no-repeat; translate:none; }
  .technology-brand::before { content:""; position:absolute; inset:0; background:#03132966; z-index:-1; }
  .technology-brand { isolation:isolate; }
  .technology-brand img { width:260px; max-width:85%; height:65px; }
  .technology-brand strong { font-size:13px; }
  .technology-brand > span { font-size:10px; white-space:normal; }
  .technology-scene .technology-service { position:relative; inset:auto; width:auto; min-width:0; padding:18px 14px; gap:10px; border-radius:16px; background:#fff; translate:none; animation:none; opacity:1; transform:none; }
  .technology-service > span { min-width:0; }
  .technology-scene .technology-service strong { font-size:14px; letter-spacing:0; }
  .technology-scene .technology-service small { font-size:13px; line-height:1.5; }
  .technology-scene .technology-service > i { font-size:24px; padding:5px; }
  .technology-callouts { position:static; grid-column:1/-1; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; padding:12px 0; }
  .technology-callouts .technology-note { display:block; position:static; color:#183c69; text-shadow:none; font-size:9px; letter-spacing:.7px; }
  .technology-scene .tech-orbit-art { display:none; }
  .technology-stats { margin:24px auto 0; max-width:900px; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px 8px; padding:22px 12px; }
  .technology-stats > div { padding:0 8px; gap:8px; }
  .technology-stats > a { grid-column:1/-1; border-top:1px solid #dce5ef; padding:16px 12px 0; }
}
@media (max-width:600px) {
  .technology-copy { padding-top:30px; }
  .technology-copy h1 { font-size:clamp(30px,8.7vw,44px); letter-spacing:-1.2px; }
  .technology-eyebrow { font-size:8px; gap:5px; }
  .technology-intro { font-size:16px; }
  .technology-actions { display:grid; grid-template-columns:1fr; gap:10px; }
  .technology-actions a { font-size:14px; }
  .technology-benefits { display:grid; grid-template-columns:1fr 1fr; gap:20px 14px; }
  .technology-benefits > span { border:0; padding:0; font-size:12px; }
  .technology-scene { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .technology-scene .technology-brand { min-height:260px; padding:45px 12px; }
  .technology-scene .technology-service { flex-direction:column; padding:16px 12px; gap:8px; }
  .technology-callouts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
  .technology-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .technology-stats > div:nth-child(2n)::after { display:none; }
  .technology-stats small { font-size:12px; }
}
@media (min-width:1201px) {
  .technology-scene .technology-brand { left:31%; width:38%; }
  .technology-brand > span { white-space:normal; line-height:1.5; }
  .technology-brand strong { letter-spacing:2px; }
  .technology-scene .tech-cycle { gap:8px; font-size:7px; }
}

/* Run the technology orbit inside the compact globe panel at every size. */
@media (max-width:1200px) {
  .technology-scene .technology-brand .tech-orbit-art { display:block; position:absolute; inset:0; z-index:0; pointer-events:none; }
  .technology-brand > :not(.tech-orbit-art) { position:relative; z-index:1; }
  .technology-brand .tech-orbit-svg { opacity:.7; }
  .technology-brand .tech-hub-glow { inset:5% 15%; }
  .technology-brand .tech-pedestal-glow { bottom:0; height:18%; }
  .technology-scene.orbit-ready .technology-service { animation:tech-card-in .45s var(--reveal-delay) both; }
  .technology-scene.orbit-settled .technology-service { animation:none; }
  .technology-scene.orbit-ready .tech-ring { animation:tech-draw 1.4s .4s both; }
  .technology-scene.orbit-ready .tech-ring:nth-child(2) { animation-delay:.8s; }
  .technology-scene.orbit-ready .tech-ring:nth-child(3) { animation-delay:1s; }
  .technology-scene.orbit-ready .tech-node-track { animation:tech-nodes-in .6s 1.2s both,tech-orbit-turn 12s 1.2s linear infinite; }
  .technology-scene.orbit-ready .tech-node-track-1 { animation-duration:.6s,17s; animation-direction:normal,reverse; }
  .technology-scene.orbit-ready .tech-node-track-2 { animation-duration:.6s,23s; }
  .technology-scene.orbit-ready .tech-globe-surface { animation:tech-orbit-turn 55s 4.5s linear infinite; }
  .technology-service:active { box-shadow:0 8px 24px #16385a26; border-color:#ff3048; }
}
@media (prefers-reduced-motion:reduce) {
  .technology-scene.orbit-ready *, .technology-scene.orbit-ready *::after { animation:none!important; }
}
/* Compact, cohesive visual with individually visible card entrances. */
@media (max-width:1200px) {
  .technology-scene { gap:12px; padding:16px; border:1px solid #dce7f3; border-radius:24px; background:#edf4fb; }
  .technology-scene .technology-brand { min-height:260px; padding:45px 16px; border-radius:16px; background-position:85% 48%; }
  .technology-scene .technology-service { padding:16px 12px; box-shadow:0 4px 14px #17385509; }
  .technology-scene.orbit-ready .technology-service,
  .technology-scene.orbit-settled .technology-service { animation:none; }
  .technology-scene .technology-service.card-revealing { animation:tech-card-in .6s var(--card-delay,0s) both; }
  .technology-scene .technology-service.card-revealed > i { animation:tech-capability-breathe 5s var(--reveal-delay) ease-in-out infinite; }
  .technology-callouts { padding:12px 4px 0; }
}
@keyframes tech-capability-breathe { 0%,100% { transform:translateY(0); opacity:.8; } 50% { transform:translateY(-3px); opacity:1; } }
@media (max-width:600px) {
  .technology-scene { padding:10px; gap:10px; border-radius:20px; }
  .technology-scene .technology-brand { min-height:230px; padding:32px 10px; }
  .technology-scene .technology-service { padding:14px 10px; }
  .technology-scene .technology-service strong { font-size:13px; }
  .technology-scene .technology-service small { font-size:12px; }
  .technology-brand strong { letter-spacing:1.5px; font-size:11px; }
  .technology-brand > span { font-size:8px; letter-spacing:.8px; }
}
@media (prefers-reduced-motion:reduce) {
  .technology-scene .technology-service.card-revealing,
  .technology-scene .technology-service.card-revealed > i { animation:none!important; }
}
/* Preserve the orbit composition on touch screens, including all six cards. */
@media (max-width:1200px) {
  .technology-scene { display:block; position:relative; height:720px; min-height:0; padding:0; margin-bottom:130px; background:#10233c url('../../images/home-technology-globe.png') 78% center / auto 115% no-repeat; overflow:visible; }
  .technology-scene .technology-brand { position:absolute; top:39%; left:30%; width:40%; min-height:0; padding:12px 0; background:none; overflow:visible; border-radius:0; }
  .technology-brand::before { display:none; }
  .technology-brand img { width:90%; height:54px; }
  .technology-brand strong { font-size:11px; letter-spacing:1.5px; }
  .technology-brand > span { font-size:8px; }
  .technology-scene .technology-service { position:absolute; width:28%; padding:14px 10px; display:flex; flex-direction:column; gap:5px; background:rgba(250,253,255,.96); }
  .technology-scene .technology-service-ai { top:3%; left:36%; }
  .technology-scene .technology-service-cloud { top:24%; left:2%; }
  .technology-scene .technology-service-enterprise { top:24%; left:auto; right:2%; }
  .technology-scene .technology-service-data { top:56%; left:2%; }
  .technology-scene .technology-service-engineering { top:56%; left:auto; right:2%; }
  .technology-scene .technology-service-security { top:75%; left:36%; }
  .technology-callouts { position:absolute; top:100%; left:0; right:0; padding:20px 0; }
  .technology-scene .tech-orbit-art { display:block; position:absolute; inset:0; z-index:0; pointer-events:none; }
  .technology-scene .technology-brand { z-index:1; }
  .technology-scene .technology-service { z-index:2; }
}
@media (max-width:600px) {
  .technology-scene { height:760px; margin-bottom:220px; border-radius:18px; background-position:76% center; }
  .technology-scene .technology-service { width:34%; padding:10px 7px; border-radius:12px; gap:4px; }
  .technology-scene .technology-service-ai { left:33%; top:2%; }
  .technology-scene .technology-service-cloud { left:1%; top:24%; }
  .technology-scene .technology-service-enterprise { right:1%; top:24%; }
  .technology-scene .technology-service-data { left:1%; top:53%; }
  .technology-scene .technology-service-engineering { right:1%; top:53%; }
  .technology-scene .technology-service-security { left:33%; top:77%; }
  .technology-scene .technology-service strong { font-size:11px; line-height:1.3; }
  .technology-scene .technology-service small { font-size:10px; line-height:1.4; }
  .technology-scene .technology-service > i { font-size:20px; padding:3px; }
  .technology-scene .technology-brand { top:44%; left:18%; width:64%; padding:0; }
  .technology-brand img { height:35px; }
  .technology-brand strong { font-size:8px; margin:4px 0; letter-spacing:1px; }
  .technology-brand > span { font-size:6px; letter-spacing:.4px; }
  .technology-scene .tech-cycle { font-size:6px; gap:6px; margin-top:6px; }
}
@media (max-width:600px) {
  .technology-scene { height:880px; }
  .technology-scene .technology-service-ai { width:44%; left:28%; top:2%; }
  .technology-scene .technology-service-cloud,
  .technology-scene .technology-service-enterprise { top:24%; }
  .technology-scene .technology-brand { top:46%; }
  .technology-scene .technology-service-data,
  .technology-scene .technology-service-engineering { top:60%; }
  .technology-scene .technology-service-security { width:44%; left:28%; top:81%; }
}