/* Shared premium pages: Implementation + Service */
.deep-page .site-header{background:linear-gradient(180deg,rgba(4,17,28,.97),rgba(4,17,28,.78),transparent)}
.deep-hero{position:relative;min-height:790px;color:#fff;overflow:hidden;display:flex;align-items:center;background:#061827}
.deep-hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;filter:saturate(.82) contrast(1.08)}
.deep-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,29,.97) 0%,rgba(3,17,29,.88) 38%,rgba(3,17,29,.35) 64%,rgba(3,17,29,.10)),linear-gradient(180deg,rgba(3,17,29,.28),transparent 48%,rgba(3,17,29,.75))}
.deep-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .46fr;gap:70px;align-items:center;padding-top:110px;padding-bottom:120px}
.deep-hero-copy{max-width:720px}
.deep-hero h1{font-size:69px;line-height:.98;letter-spacing:-2.5px;margin:0 0 24px;color:#fff}
.deep-hero h1 span{color:#79d9e8}
.deep-hero-copy>p{font-size:19px;line-height:1.65;color:rgba(255,255,255,.8);max-width:670px}
.deep-hero-note{justify-self:end;align-self:end;margin-bottom:30px;padding-left:22px;border-left:3px solid var(--brand);font-size:12px;line-height:1.75;letter-spacing:1.2px;color:rgba(255,255,255,.64)}
.hero-metrics{position:absolute;left:0;right:0;bottom:0;z-index:3;background:rgba(4,26,41,.96);border-top:1px solid rgba(91,210,229,.15)}
.hero-metrics .container{display:grid;grid-template-columns:repeat(4,1fr)}
.hero-metrics .container>div{padding:23px;border-right:1px solid rgba(255,255,255,.1)}
.hero-metrics .container>div:last-child{border-right:0}
.hero-metrics strong{display:block;font-size:13px;color:#68d5e5;margin-bottom:5px}
.hero-metrics span{font-size:10px;line-height:1.45;color:rgba(255,255,255,.58)}

.premium-light{padding:105px 0;background:linear-gradient(180deg,#f8fafb,#edf2f5)}
.premium-white{padding:105px 0;background:#fff}
.premium-dark{padding:105px 0;background:linear-gradient(135deg,#061a2b,#0b3047 62%,#082337);color:#fff;position:relative;overflow:hidden}
.premium-dark:after{content:"";position:absolute;width:800px;height:800px;border-radius:50%;right:-300px;bottom:-480px;border:1px solid rgba(88,209,227,.08);box-shadow:0 0 0 55px rgba(88,209,227,.018),0 0 0 110px rgba(88,209,227,.012)}
.premium-dark>.container{position:relative;z-index:2}
.big-title{font-size:54px;line-height:1.02;letter-spacing:-1.7px;margin:0;color:#09254a}
.big-title span{color:#0f6f84}
.premium-dark .big-title{color:#fff}
.lead{font-size:16px;line-height:1.72;color:#607286}
.premium-dark .lead{color:rgba(255,255,255,.7)}
.two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
.visual-frame{min-height:500px;overflow:hidden;background:linear-gradient(180deg,#fff,#edf2f4);box-shadow:0 30px 80px rgba(8,34,50,.10)}
.visual-frame img{width:100%;height:100%;object-fit:cover}
.visual-frame.contain{display:flex;align-items:center;justify-content:center;padding:30px}
.visual-frame.contain img{height:auto;max-height:460px;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(7,31,47,.16))}
.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.tag-row span{padding:9px 11px;border:1px solid #d6e2e8;background:#fff;color:#164d60;font-size:10px;font-weight:800}
.premium-dark .tag-row span{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.035);color:#c8eef3}

.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px}
.process-card{padding:26px 22px;border:1px solid #d8e4e9;background:#fff;min-height:190px}
.process-card b{display:block;font-size:10px;color:#1590a7;margin-bottom:28px}
.process-card strong{display:block;color:#133c51;font-size:14px;line-height:1.35}
.process-card p{font-size:11px;line-height:1.55;color:#6a7c89;margin:9px 0 0}

.dark-process .process-card{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.035)}
.dark-process .process-card strong{color:#fff}
.dark-process .process-card p{color:rgba(255,255,255,.55)}

.triple-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}
.solution-card{padding:30px 28px;border:1px solid #d7e3e8;background:#f8fafb;min-height:240px}
.solution-card .num{font-size:11px;color:#1490a7;font-weight:900}
.solution-card h3{font-size:22px;color:#092e4c;margin:30px 0 12px}
.solution-card p{font-size:12px;line-height:1.6;color:#647786;margin:0}
.solution-card ul{padding-left:17px;margin:18px 0 0;color:#516979;font-size:11px;line-height:1.65}

.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:32px}
.check-item{padding:18px;border-left:2px solid #56cfe0;background:rgba(255,255,255,.035)}
.check-item strong{display:block;font-size:12px;color:#fff}
.check-item span{display:block;margin-top:7px;font-size:10px;line-height:1.45;color:rgba(255,255,255,.54)}

.flow-line{display:grid;grid-template-columns:repeat(7,1fr);margin-top:45px;border-top:1px solid #cadbe2}
.flow-step{padding:30px 15px;border-right:1px solid #d5e2e7}
.flow-step:last-child{border-right:0}
.flow-step b{display:block;font-size:10px;color:#148fa6;margin-bottom:18px}
.flow-step strong{font-size:11px;line-height:1.35;color:#173c4e}

.service-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px}
.service-block{padding:24px;border:1px solid #d8e4e9;background:#fff}
.service-block strong{display:block;color:#0d4a5f;font-size:13px}
.service-block p{font-size:11px;line-height:1.55;color:#687b88;margin:8px 0 0}

.sla-band{background:linear-gradient(90deg,#062033,#0b3a50);color:#fff;padding:34px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.sla-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.sla-grid>div{padding:0 24px;border-right:1px solid rgba(255,255,255,.12)}
.sla-grid>div:last-child{border-right:0}
.sla-grid strong{display:block;color:#69d4e5;font-size:14px}
.sla-grid span{display:block;margin-top:7px;color:rgba(255,255,255,.58);font-size:10px;line-height:1.45}

@media(max-width:1000px){
 .deep-hero-grid,.two-col{grid-template-columns:1fr}
 .deep-hero-note{display:none}
 .process-grid{grid-template-columns:repeat(2,1fr)}
 .triple-grid{grid-template-columns:1fr}
 .check-grid{grid-template-columns:repeat(2,1fr)}
 .flow-line{grid-template-columns:repeat(4,1fr)}
 .sla-grid{grid-template-columns:repeat(2,1fr);row-gap:24px}
}
@media(max-width:760px){
 .deep-hero{min-height:760px}
 .deep-hero-grid{padding-top:110px;padding-bottom:135px}
 .deep-hero h1{font-size:45px}
 .deep-hero-copy>p{font-size:15px}
 .hero-metrics .container{grid-template-columns:repeat(2,1fr)}
 .premium-light,.premium-white,.premium-dark{padding:70px 0}
 .big-title{font-size:38px}
 .process-grid,.check-grid,.service-stack{grid-template-columns:1fr}
 .flow-line{grid-template-columns:1fr 1fr}
 .sla-grid{grid-template-columns:1fr 1fr}
 .visual-frame{min-height:350px}
}


/* 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 and implementation diagram */
.deep-hero-bg{filter:none!important}
.implementation-plan-frame{
  min-height:0!important;
  height:auto!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
  padding:0!important;
}
.implementation-plan-frame img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}