@media(max-width:1120px){
  .nav{display:none}
  .hero-grid{grid-template-columns:1fr}
  .hero-copy{text-align:center}
  .hero p{margin-inline:auto}
  .hero-actions,.hero-foot{justify-content:center}
  .hero-orbit{min-height:520px}
  .hero-kpis{right:3%}
  .feature-bento .large,.feature-bento .medium,.feature-bento .small{grid-column:span 6}
  .dashboard,.ai-stage{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .role-showcase{grid-template-columns:1fr}
  .kpi-row{grid-template-columns:repeat(2,1fr)}
  .orbit-node{width:116px;font-size:12px}
  .hero-kpis{position:static;margin-top:18px;width:100%;grid-template-columns:repeat(3,1fr)}
  .orbit-shell{width:min(440px,100%)}
  .ecosystem{min-height:650px}
  .eco-node.planner{left:4%;top:12%}
  .eco-node.identity{right:4%;top:12%}
  .eco-node.ai{left:4%;bottom:20%}
  .eco-node.connect{right:4%;bottom:20%}
}
@media(max-width:620px){
  .topbar{height:72px}
  .top-actions .btn-outline{display:none}
  .brand img{width:48px;height:36px}
  .section{padding:88px 20px}
  .hero{padding-top:115px}
  .hero h1{font-size:43px}
  .hero p{font-size:17px}
  .hero-actions{flex-direction:column}
  .hero-actions .btn{width:100%}
  .hero-orbit{min-height:460px}
  .orbit-shell{width:360px;max-width:100%}
  .orbit-core{width:140px;height:140px}
  .orbit-node{width:100px;padding:12px 8px;font-size:11px}
  .hero-kpis{grid-template-columns:1fr}
  .feature-bento .large,.feature-bento .medium,.feature-bento .small{grid-column:span 12}
  .role-demo-grid{grid-template-columns:1fr}
  .kpi-row,.footer-grid{grid-template-columns:1fr}
  #slaChart{height:190px}
  .ai-orb{width:150px;height:150px}
  .ai-rec{grid-template-columns:38px 1fr}
  .impact{grid-column:2;justify-self:start}
  .ecosystem{min-height:720px}
  .eco-node{width:126px;font-size:12px}
  .eco-node.core{width:176px}
  .eco-node.planner{left:3%;top:11%}
  .eco-node.identity{right:3%;top:11%}
  .eco-node.ai{left:3%;bottom:24%}
  .eco-node.connect{right:3%;bottom:24%}
  .footer-bottom{flex-direction:column}
}


@media(max-width:980px){
  .workflow-demo{grid-template-columns:1fr}
  .workflow-screen{position:relative;top:auto}
  .dashboard-kpis{grid-template-columns:repeat(2,1fr)}
  .requests-row{grid-template-columns:80px 1fr 110px}
  .requests-row>*:nth-child(3){display:none}
  .ai-dashboard{grid-template-columns:1fr}
}
@media(max-width:620px){
  .workflow-step{grid-template-columns:54px 1fr;padding:13px}
  .workflow-screen{padding:16px}
  .workflow-data-grid{grid-template-columns:1fr}
  .workflow-controls{flex-wrap:wrap}
  .workflow-controls>span{order:-1;width:100%;text-align:center}
  .dashboard-tabs{display:grid;grid-template-columns:repeat(2,1fr)}
  .dashboard-tabs button:last-child{grid-column:1/-1}
  .dashboard-kpis,.people-grid{grid-template-columns:1fr}
  .requests-row{grid-template-columns:72px 1fr}
  .requests-row>*:nth-child(3),.requests-row>*:nth-child(4){display:none}
  .map-info{left:14px;right:14px;width:auto}
}
