:root{--depth-navy:#052b43;--depth-orange:#f99d1b;--depth-warm:#f4f1eb;--depth-line:rgba(5,43,67,.15)}
html{scroll-behavior:smooth;scroll-padding-top:150px}
.service-back,.hero-enquiry{display:none}
.hero-copy{justify-content:center}

.service-switcher .wrap{grid-template-columns:repeat(8,1fr)}
.page-guide{position:sticky;top:76px;z-index:8;background:rgba(5,43,67,.96);border-bottom:1px solid rgba(255,255,255,.13);backdrop-filter:blur(12px)}
.page-guide .wrap{display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none}
.page-guide .wrap::-webkit-scrollbar{display:none}
.page-guide a{flex:1;min-width:max-content;padding:15px 20px;color:rgba(255,255,255,.76);font-size:12px;font-weight:700;text-align:center;border-inline-end:1px solid rgba(255,255,255,.12);transition:.2s}
.page-guide a:hover,.page-guide a:focus{background:var(--depth-orange);color:var(--depth-navy)}

.service-depth{padding:88px 0 96px;background:var(--depth-warm);color:var(--depth-navy)}
.depth-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;padding-bottom:36px;border-bottom:1px solid var(--depth-line)}
.depth-head h2{font-size:clamp(36px,4.3vw,62px);line-height:1.13;margin:18px 0 0;max-width:760px}
.depth-head>p{margin:0;color:#63727b;font-size:17px;line-height:1.9;max-width:650px}
.depth-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.depth-panel{background:#fff;padding:34px;min-height:100%}
.panel-no{display:block;color:var(--depth-orange);font:700 12px Manrope,Arial;letter-spacing:.12em;margin-bottom:18px}
.depth-panel h3,.cost-panel h3{font-size:25px;line-height:1.35;margin:0 0 24px}
.depth-list{display:grid;gap:0;border-top:1px solid var(--depth-line)}
.depth-item{display:grid;grid-template-columns:.42fr 1fr;gap:22px;padding:20px 0;border-bottom:1px solid var(--depth-line);align-items:start}
.depth-item b{font-size:15px;line-height:1.55}
.depth-item span{color:#687780;font-size:14px;line-height:1.75}
.cost-panel{margin-top:14px;background:var(--depth-navy);color:#fff;padding:38px;display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;align-items:start}
.cost-panel p{margin:0;color:rgba(255,255,255,.66);line-height:1.8;max-width:480px}
.factor-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.16)}
.factor-grid>div{min-height:112px;padding:19px;border-inline-end:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;justify-content:space-between;gap:22px}
.factor-grid>div:nth-child(3n){border-inline-end:0}
.factor-grid b{font:700 11px Manrope,Arial;color:var(--depth-orange)}
.factor-grid span{font-size:14px;line-height:1.5;color:rgba(255,255,255,.86)}

.service-faq{padding:88px 0;background:#fff;color:var(--depth-navy)}
.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:start}
.faq-heading{position:sticky;top:165px}
.faq-heading h2{font-size:clamp(34px,3.6vw,52px);line-height:1.16;margin:18px 0}
.faq-heading p{color:#687780;line-height:1.85;max-width:480px}
.faq-list{border-top:1px solid var(--depth-line)}
.faq-list details{border-bottom:1px solid var(--depth-line)}
.faq-list summary{list-style:none;cursor:pointer;padding:25px 54px 25px 0;position:relative;font-size:18px;font-weight:700;line-height:1.55}
[dir=rtl] .faq-list summary{padding:25px 0 25px 54px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;inset-inline-end:8px;top:22px;color:var(--depth-orange);font:500 26px Manrope,Arial}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{margin:0;padding:0 0 25px;color:#687780;line-height:1.9;max-width:760px}

html[dir="rtl"] .depth-head,html[dir="rtl"] .depth-panel,html[dir="rtl"] .cost-panel,html[dir="rtl"] .faq-layout{text-align:right}
html[dir="ltr"] .depth-head,html[dir="ltr"] .depth-panel,html[dir="ltr"] .cost-panel,html[dir="ltr"] .faq-layout{text-align:left}

@media(max-width:1000px){
  .page-guide{top:70px}.depth-head,.faq-layout{grid-template-columns:1fr;gap:28px}.depth-columns{grid-template-columns:1fr}.cost-panel{grid-template-columns:1fr;gap:30px}.faq-heading{position:static}.factor-grid{grid-template-columns:repeat(2,1fr)}.factor-grid>div:nth-child(3n){border-inline-end:1px solid rgba(255,255,255,.14)}.factor-grid>div:nth-child(2n){border-inline-end:0}
}
@media(max-width:600px){
  html{scroll-padding-top:128px}.page-guide a{padding:13px 16px}.service-depth,.service-faq{padding:62px 0}.depth-head{padding-bottom:27px}.depth-head h2{font-size:36px}.depth-head>p{font-size:15px}.depth-panel,.cost-panel{padding:25px 20px}.depth-item{grid-template-columns:1fr;gap:7px}.factor-grid{grid-template-columns:1fr}.factor-grid>div,.factor-grid>div:nth-child(2n),.factor-grid>div:nth-child(3n){border-inline-end:0;min-height:92px}.faq-list summary{font-size:16px}
}
