
/* Final overview pages */
.overview-page .site-header{background:linear-gradient(180deg,rgba(4,17,28,.97),rgba(4,17,28,.78),transparent)}
.ov-hero{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;color:#fff;background:#061827}
.ov-hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;filter:saturate(.82) contrast(1.08)}
.ov-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,29,.98),rgba(3,17,29,.86) 42%,rgba(3,17,29,.28) 70%,rgba(3,17,29,.08)),linear-gradient(180deg,rgba(3,17,29,.18),transparent 50%,rgba(3,17,29,.72))}
.ov-hero .container{position:relative;z-index:2;padding-top:115px;padding-bottom:110px}
.ov-hero-copy{max-width:760px}
.ov-hero h1{font-size:68px;line-height:.98;letter-spacing:-2.4px;margin:0 0 24px}
.ov-hero h1 span{color:#77d8e7}
.ov-hero p{font-size:18px;line-height:1.65;color:rgba(255,255,255,.78);max-width:680px}

.ov-light{padding:100px 0;background:linear-gradient(180deg,#f8fafb,#edf2f5)}
.ov-white{padding:100px 0;background:#fff}
.ov-dark{padding:100px 0;background:linear-gradient(135deg,#061a2b,#0b3047 62%,#082337);color:#fff}
.ov-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:42px}
.ov-head>div{max-width:720px}
.ov-head p{max-width:470px;font-size:13px;line-height:1.65;color:#647786;margin:0}
.ov-dark .ov-head p{color:rgba(255,255,255,.58)}
.ov-title{font-size:53px;line-height:1.02;letter-spacing:-1.7px;color:#09254a;margin:0}
.ov-title span{color:#0e7084}
.ov-dark .ov-title{color:#fff}

.robot-overview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.robot-overview-card{display:flex;flex-direction:column;min-height:460px;background:#fff;border:1px solid #dbe5e9;overflow:hidden;text-decoration:none}
.robot-overview-image{height:260px;display:flex;align-items:center;justify-content:center;padding:18px;background:linear-gradient(180deg,#fff,#f1f4f6)}
.robot-overview-image img{max-width:100%;max-height:225px;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(13,36,50,.13))}
.robot-overview-copy{padding:22px;display:flex;flex-direction:column;flex:1}
.robot-overview-copy small{font-size:9px;letter-spacing:1.2px;color:#118ba1;font-weight:900}
.robot-overview-copy h3{font-size:24px;margin:9px 0 8px;color:#092e4c}
.robot-overview-copy p{font-size:11px;line-height:1.55;color:#667987;margin:0 0 18px}
.robot-overview-copy b{margin-top:auto;color:#0c7f96;font-size:10px}

.family-feature{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}
.family-image{min-height:500px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.family-image img{width:100%;height:100%;object-fit:contain}
.family-copy p{font-size:15px;line-height:1.7;color:#607484}
.family-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}
.family-benefits div{padding:17px;border:1px solid #d6e3e8;background:#fff}
.family-benefits strong{display:block;font-size:12px;color:#114c61}
.family-benefits span{display:block;font-size:10px;color:#70818d;margin-top:6px}

.solution-overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.solution-overview-card{min-height:320px;padding:34px;border:1px solid #d8e4e9;background:#fff;position:relative;overflow:hidden}
.solution-overview-card b{font-size:10px;color:#1491a8}
.solution-overview-card h3{font-size:28px;line-height:1.08;color:#092e4c;margin:34px 0 13px}
.solution-overview-card p{font-size:12px;line-height:1.65;color:#657886;max-width:520px}
.solution-overview-card a{display:inline-block;margin-top:15px;font-size:10px;font-weight:900;color:#087b92}

.industry-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.industry-card{min-height:390px;position:relative;overflow:hidden;color:#fff;text-decoration:none}
.industry-card img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;filter:saturate(.82) contrast(1.04);transition:.35s transform}
.industry-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(4,19,31,.88) 100%)}
.industry-card:hover img{transform:scale(1.035)}
.industry-card div{position:absolute;left:22px;right:22px;bottom:22px;z-index:2}
.industry-card small{font-size:9px;letter-spacing:1px;color:#7ad8e7;font-weight:900}
.industry-card h3{font-size:20px;line-height:1.08;margin:7px 0 0}

.industry-detail{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.industry-detail article{padding:28px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035)}
.industry-detail h3{font-size:20px;margin:0 0 12px}
.industry-detail p{font-size:11px;line-height:1.65;color:rgba(255,255,255,.58);margin:0}

.final-qa{padding:26px 0;background:#071928;color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.final-qa .container{display:flex;justify-content:space-between;gap:30px;font-size:10px;color:rgba(255,255,255,.5)}
.final-qa strong{color:#65d4e5}

@media(max-width:1100px){
 .robot-overview-grid{grid-template-columns:repeat(3,1fr)}
 .industry-grid{grid-template-columns:repeat(3,1fr)}
 .family-feature{grid-template-columns:1fr}
}
@media(max-width:760px){
 .ov-hero{min-height:680px}.ov-hero h1{font-size:44px}.ov-hero p{font-size:15px}
 .ov-light,.ov-white,.ov-dark{padding:70px 0}
 .ov-head{display:block}.ov-head p{margin-top:18px}.ov-title{font-size:38px}
 .robot-overview-grid,.industry-grid,.solution-overview-grid,.industry-detail{grid-template-columns:1fr}
 .family-benefits{grid-template-columns:1fr}
 .final-qa .container{display:block}.final-qa span{display:block;margin-top:5px}
}


/* Final phone refinement */
@media(max-width:430px){
  .deep-hero,.ov-hero{min-height:720px}
  .deep-hero-grid{padding-top:96px!important;padding-bottom:120px!important}
  .deep-hero h1,.ov-hero h1{font-size:39px!important;letter-spacing:-1.4px!important}
  .hero-metrics{position:relative!important}
  .deep-hero{display:block}
  .deep-hero .hero-metrics{margin-top:0}
  .hero-metrics .container{grid-template-columns:1fr 1fr}
  .hero-metrics .container>div{padding:16px 12px}
  .hero-metrics strong{font-size:11px}
  .hero-metrics span{font-size:9px}
  .big-title,.ov-title{font-size:35px!important}
  .process-card,.solution-card{min-height:0}
  .visual-frame{min-height:300px}
  .family-image{min-height:280px}
  .robot-overview-card{min-height:0}
  .robot-overview-image{height:230px}
  .industry-card{min-height:320px}
}

/* V6 confirmed hero images: preserve supplied image sharpness */
.ov-hero-bg{filter:none!important}


/* V7 ROBOTI hero synchronization */
.robots-page .ov-hero-bg{
  background-image:url('assets/robots-hero-v7.jpg')!important;
  background-position:center 72%!important;
  background-size:cover!important;
  filter:none!important;
}
@media(max-width:760px){
  .robots-page .ov-hero-bg{
    background-position:70% center!important;
    background-size:auto 100%!important;
    background-repeat:no-repeat!important;
    background-color:#aebfcd!important;
  }
}
