/* AS LEGATT Signature v1 — homepage only */
:root{--asl-petrol:#2f6864;--asl-warm:#f8f6f1;--asl-petrol-soft:rgba(47,104,100,.10)}

/* Warmer rhythm: less generic white/blue repetition */
.commercial-paths{background:var(--asl-warm)}
.commercial-paths + section{background:#fff}
.digital-core{background:linear-gradient(180deg,#fff 0%,#fbfaf7 100%)}
.eservices-home{background:var(--asl-warm)}

/* Signature accent — derived as a restrained A/S-like double stroke */
.section-head h2,.commercial-paths h2,.digital-core h2,.eservices-home h2{position:relative}
.section-head h2::after,.commercial-paths h2::after,.digital-core h2::after,.eservices-home h2::after{
 content:"";display:block;width:58px;height:7px;margin-top:17px;
 background:linear-gradient(135deg,transparent 0 15%,var(--asl-petrol) 16% 38%,transparent 39% 52%,#c7a45a 53% 73%,transparent 74%);
 opacity:.9
}

/* Petrol appears as a secondary accent, navy remains primary */
.commercial-paths .card,.commercial-paths + section .card{border-top:3px solid transparent}
.commercial-paths .card:hover,.commercial-paths + section .card:hover{border-top-color:var(--asl-petrol)}
.commercial-paths + section .icon{background:var(--asl-petrol-soft);color:var(--asl-petrol)}
.digital-benefits article>span,.process-timeline article>span{background:var(--asl-petrol-soft)!important;color:var(--asl-petrol)!important;border-color:rgba(47,104,100,.25)!important}
.eservice-grid a{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.eservice-grid a:hover{border-color:rgba(47,104,100,.55);box-shadow:0 14px 34px rgba(47,104,100,.10);transform:translateY(-3px)}
.text-link:hover{color:var(--asl-petrol)}

/* Keep the brand calm: no neon/AI glow */
.platform-card{--signature-accent:var(--asl-petrol)}
.platform-card:hover{border-color:rgba(47,104,100,.35)}

@media(max-width:760px){
 .section-head h2::after,.commercial-paths h2::after,.digital-core h2::after,.eservices-home h2::after{width:48px;margin-top:13px}
}