/* SELSS premium subpage system v1.8 */
.page-intro{color:#fff;background:linear-gradient(128deg,#071c2d 0%,#102f49 68%,#153f60 100%);padding-top:82px;padding-bottom:88px;position:relative;overflow:hidden}
.page-intro::before{content:"";position:absolute;width:390px;height:390px;border:1px solid rgba(255,255,255,.065);border-radius:50%;right:-130px;top:-210px;box-shadow:0 0 0 62px rgba(255,255,255,.023),0 0 0 124px rgba(255,255,255,.015)}
.page-intro::after{content:"";position:absolute;left:7%;bottom:0;width:92px;height:4px;background:#ff5a00}
.page-intro>*{position:relative;z-index:1}
.page-intro .eyebrow{color:#ff8b4c;display:flex;align-items:center;gap:14px}
.page-intro .eyebrow::before{content:"";width:34px;height:2px;background:#ff5a00}
.page-intro h1{font-size:clamp(2.8rem,5vw,5rem);letter-spacing:-.055em;max-width:920px;text-wrap:balance}
.page-intro p:not(.eyebrow){color:#c9d8e3;line-height:1.75;max-width:690px;margin-top:26px}
.page-intro+.section{background:linear-gradient(180deg,#fff 0%,#f9fbfc 100%)}
.content-grid{gap:7%;align-items:center}
.content-grid>div>h2{font-size:clamp(2rem,3.2vw,3.25rem);text-wrap:balance}
.content-grid>div>p{line-height:1.8}
.content-grid>img{width:100%;min-height:390px;max-height:520px;object-fit:cover;border-radius:6px;box-shadow:24px 24px 0 #e9f0f4,0 24px 52px rgba(16,40,63,.15)}
.detail-row{grid-template-columns:72px minmax(220px,.85fr) 1.35fr;gap:38px;border:1px solid #d6e1e8;border-left:4px solid #d6e1e8;background:#fff;margin-bottom:18px;padding:38px 40px;border-radius:5px;box-shadow:0 10px 30px rgba(16,40,63,.045);transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}
.detail-row:first-child{padding-top:38px}
.detail-row:hover{border-left-color:#ff5a00;transform:translateY(-3px);box-shadow:0 17px 38px rgba(16,40,63,.09)}
.detail-row>.number{width:46px;height:46px;border-radius:50%;background:#eef4f7;color:#c44700;display:grid;place-items:center;font-weight:700}
.detail-row h2{letter-spacing:-.035em!important;font-weight:600!important}
.detail-row p{margin-top:0;line-height:1.75}
.detail-row ul{margin:4px 0 22px;padding-left:0;list-style:none}
.detail-row li{position:relative;padding-left:22px;margin:9px 0}
.detail-row li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:2px;background:#ff5a00}
.catalogue-grid{gap:18px}
.equipment{min-height:330px;border:1px solid #d6e1e8;border-radius:6px;background:#fff;padding:32px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 10px 28px rgba(16,40,63,.045);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.equipment::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#ff5a00 0 24%,#123c5d 24% 100%)}
.equipment:hover{transform:translateY(-5px);border-color:#bdced9;box-shadow:0 18px 40px rgba(16,40,63,.11)}
.equipment .category-label{display:inline-flex;align-self:flex-start;background:#eef4f7;color:#a93a00;border-radius:100px;padding:6px 10px;font-weight:700}
.equipment h3{font-size:1.5rem;font-weight:600;line-height:1.24}
.equipment p{line-height:1.7}
.equipment .text-link{margin-top:auto;align-self:flex-start}
.contact-panel{border:1px solid #d4e0e7;border-top:4px solid #ff5a00;border-radius:6px;background:#fff;padding:38px;box-shadow:0 20px 50px rgba(16,40,63,.12)}
.contact-panel h3{font-size:1.65rem;font-weight:600}
.contact-panel label{color:#233e53}
.contact-panel input,.contact-panel textarea,.contact-panel select{border-radius:3px;background:#f8fafb;border-color:#cbd8e1;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.contact-panel input:focus,.contact-panel textarea:focus,.contact-panel select:focus{outline:0;border-color:#0b6c9f;background:#fff;box-shadow:0 0 0 3px rgba(11,108,159,.13)}
.contact-panel .button{width:100%;justify-content:center;background:linear-gradient(110deg,#0b2338,#153e5f)}
.contact-number{background:#f2f6f9;border:0;border-left:3px solid #ff5a00;padding:22px 24px}
.contact-number a{color:#0b476d}
.content-grid+.pale{background:linear-gradient(180deg,#f2f6f9,#eaf1f5)}
.content-grid+.pale .service-grid{border:0;gap:16px}
.content-grid+.pale .service-card{min-height:245px;padding:34px 30px;border:1px solid #d3dee6;border-radius:6px;background:#fff;box-shadow:0 10px 28px rgba(16,40,63,.045)}
.content-grid+.pale .service-card::before,.content-grid+.pale .service-card::after{display:none}
.content-grid+.pale .service-card .number{position:static;width:42px;height:42px;border-radius:50%;background:#eef4f7;color:#c44700;display:grid;place-items:center;font-weight:700}
.content-grid+.pale .service-card h3{margin-top:28px;font-weight:600}
.content-grid+.pale .service-card p{line-height:1.7}
.not-found{background:linear-gradient(180deg,#fff,#f2f6f9);display:grid;place-items:center;align-content:center}
@media(max-width:900px){.detail-row{grid-template-columns:58px 1fr;gap:20px}.detail-row>div:last-child{grid-column:2}.catalogue-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
  .page-intro{padding-top:58px;padding-bottom:64px}
  .page-intro::after{left:6%}
  .page-intro h1{font-size:clamp(2.55rem,10vw,3.7rem)}
  .content-grid{gap:44px}
  .content-grid>img{min-height:280px;box-shadow:14px 14px 0 #e9f0f4,0 18px 38px rgba(16,40,63,.12)}
  .detail-row{grid-template-columns:48px 1fr;padding:28px 22px}
  .detail-row:first-child{padding-top:28px}
  .detail-row>div:last-child{grid-column:1/-1}
  .detail-row>.number{width:42px;height:42px}
  .catalogue-grid{grid-template-columns:1fr}
  .equipment{min-height:0;padding:28px 24px}
  .contact-panel{padding:28px 22px}
  .content-grid+.pale .service-grid{grid-template-columns:1fr}
  .content-grid+.pale .service-card{min-height:0;padding:28px 24px}
}
@media(prefers-reduced-motion:reduce){.detail-row,.equipment{transition:none}}