/* Pro-Tel — founder-led consultancy redesign | staged draft */
:root{--pt-ink:#142638;--pt-navy:#0c2340;--pt-blue:#1264a3;--pt-line:#dce5ed;--pt-wash:#f5f8fb;--pt-white:#fff}
body{color:var(--pt-ink)!important;background:#fff!important;font-family:Arial,Helvetica,sans-serif!important}
body h1,body h2,body h3,body h4,body p,body a{letter-spacing:normal}
.h-navigation_outer{position:relative!important;background:#fff!important;box-shadow:0 2px 16px rgba(12,35,64,.08);z-index:30}
.h-navigation_outer #navigation{background:#fff!important}
.h-navigation_outer a,.h-navigation_outer .h-menu a{color:#142638!important}
.h-navigation_outer a:hover{color:#1264a3!important}
.home #hero{display:none!important}
.home div[role="main"]{overflow:visible!important;color:var(--pt-ink)!important}
.home div[role="main"]>section:first-child{background:#f6f9fc!important;padding:90px 0 88px!important}
.home div[role="main"]>section:first-child>div{max-width:1200px!important;gap:64px!important}
.home div[role="main"]>section:first-child h1{font-family:Arial,Helvetica,sans-serif!important;font-weight:750!important;font-size:clamp(43px,5vw,73px)!important;line-height:1.07!important;letter-spacing:-.048em!important;color:#0c2340!important;max-width:760px}
.home div[role="main"]>section:first-child h1 span{font-family:inherit!important;font-weight:inherit!important;color:#1264a3!important}
.home div[role="main"]>section:first-child p{color:#425468!important}
.home div[role="main"]>section:first-child p:first-of-type{font-size:clamp(18px,2vw,22px)!important;line-height:1.55!important;color:#203a50!important}
.home div[role="main"]>section:first-child img{height:500px!important;object-fit:cover!important;border-radius:18px!important;box-shadow:0 20px 60px rgba(12,35,64,.16)!important}
.home div[role="main"]>section:first-child a{border-radius:7px!important;min-height:49px;align-items:center;justify-content:center;font-size:14px!important;line-height:1.35}
.home div[role="main"]>section:first-child a:first-child{background:#0c2340!important;color:#fff!important}
.home div[role="main"]>section:first-child a:nth-child(2){background:#fff!important;color:#0c2340!important;border:1px solid #c5d3df!important}
.home div[role="main"]>section{scroll-margin-top:80px}
.home div[role="main"]>section h2{font-family:Arial,Helvetica,sans-serif!important;font-weight:700!important;color:#0c2340!important;letter-spacing:-.028em!important}
.home div[role="main"]>section h2 span{font-family:inherit!important;font-weight:inherit!important;color:#1264a3!important}
.home div[role="main"]>section>div>div[style*="grid-template-columns:repeat(3"]>a,
.home div[role="main"]>section>div>div[style*="grid-template-columns:repeat(4"]>div{border:1px solid #e1e9f1!important;border-top:3px solid #1264a3!important;border-radius:12px!important;box-shadow:0 4px 16px rgba(12,35,64,.04)!important;transition:transform .2s ease,box-shadow .2s ease}
.home div[role="main"]>section>div>div[style*="grid-template-columns:repeat(3"]>a:hover{transform:translateY(-3px);box-shadow:0 12px 27px rgba(12,35,64,.12)!important}
.home div[role="main"]>section img{border-radius:16px!important}
.home div[role="main"]>section:last-child{background:#0c2340!important;color:#fff!important}
.home div[role="main"]>section:last-child h2,.home div[role="main"]>section:last-child p{color:#fff!important}
@media(max-width:960px){
.home div[role="main"]>section:first-child>div,
.home div[role="main"]>section>div[style*="grid-template-columns"]{grid-template-columns:1fr!important;gap:26px!important}
.home div[role="main"]>section>div>div[style*="grid-template-columns:repeat(3"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.home div[role="main"]>section>div>div[style*="grid-template-columns:repeat(4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.home div[role="main"]>section:first-child{padding:64px 0!important}
.home div[role="main"]>section:first-child img{height:320px!important}
}
@media(max-width:620px){
.home div[role="main"]>section:first-child{padding:48px 0!important}
.home div[role="main"]>section:first-child h1{font-size:40px!important}
.home div[role="main"]>section:first-child>div,.home div[role="main"]>section>div{padding-left:20px!important;padding-right:20px!important}
.home div[role="main"]>section>div>div[style*="grid-template-columns:repeat(3"],.home div[role="main"]>section>div>div[style*="grid-template-columns:repeat(4"]{grid-template-columns:1fr!important}
.home div[role="main"]>section h2{font-size:30px!important}
.home div[role="main"]>section:first-child a{width:100%;text-align:center}
}