/* Service detail hero D — Architecture & Modernisation */
.architecture-modernisation-hero-d{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100dvh - 72px);padding:clamp(3.4rem,5.5vw,6rem) 0 clamp(2.2rem,3.6vw,3.5rem);background:radial-gradient(circle at 73% 38%,rgba(20,101,255,.12),transparent 31%),linear-gradient(118deg,#fff 0%,#fcfdff 56%,#eff5ff 100%)}
.architecture-modernisation-hero-d::before,.architecture-modernisation-hero-d::after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.architecture-modernisation-hero-d::before{right:-13rem;top:-21rem;width:38rem;aspect-ratio:1;border:1px solid rgba(20,101,255,.08)}.architecture-modernisation-hero-d::after{left:-14rem;bottom:-22rem;width:31rem;aspect-ratio:1;background:rgba(20,101,255,.09)}
.architecture-modernisation-hero-d__main{display:grid;grid-template-columns:minmax(0,.88fr) minmax(36rem,1.12fr);align-items:center;gap:clamp(2.5rem,4vw,5rem)}
.architecture-modernisation-hero-d__eyebrow{display:flex;align-items:center;gap:1rem;color:var(--brand-blue);font-size:.76rem;font-weight:750;letter-spacing:.035em;text-transform:uppercase}.architecture-modernisation-hero-d__eyebrow::before{content:"";width:2.7rem;height:2px;background:currentColor}
.architecture-modernisation-hero-d__title{max-width:43rem;margin-top:3.3rem;color:#080b46;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.2rem,4vw,5rem);font-weight:400;letter-spacing:-.052em;line-height:.98;text-wrap:balance}.architecture-modernisation-hero-d__title span{color:var(--brand-blue-bright)}
.architecture-modernisation-hero-d__description{max-width:39rem;margin-top:1.8rem;color:#737aaa;font-size:clamp(1rem,1.18vw,1.24rem);line-height:1.5;text-wrap:pretty}.architecture-modernisation-hero-d__actions{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:2rem}.architecture-modernisation-hero-d__actions a{min-height:4.2rem;border-radius:.65rem;padding-inline:1.8rem}
.architecture-modernisation-hero-d__visual{position:relative;min-height:35rem;perspective:70rem}.architecture-modernisation-hero-d__grid{position:absolute;inset:8% -5% 3%;opacity:.32;background-image:linear-gradient(rgba(81,130,230,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(81,130,230,.22) 1px,transparent 1px);background-size:4rem 4rem;transform:perspective(36rem) rotateX(58deg)}
.architecture-modernisation-hero-d__stack{position:absolute;z-index:3;left:25%;top:12%;width:52%;height:78%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.55rem;filter:drop-shadow(0 1.5rem 1.2rem rgba(40,74,150,.2))}.architecture-modernisation-hero-d__layer{position:relative;width:86%;height:15%;border:1px solid rgba(255,255,255,.9);border-radius:.85rem;transform:skewY(2deg);box-shadow:inset 0 1px rgba(255,255,255,.75)}.architecture-modernisation-hero-d__layer b{position:absolute;left:50%;top:50%;color:#fff;font-size:.58rem;letter-spacing:.12em;transform:translate(-50%,-50%) skewY(-2deg)}.architecture-modernisation-hero-d__layer--foundation{background:linear-gradient(135deg,#fff,#dce6f7)}.architecture-modernisation-hero-d__layer--foundation b{color:#233357}.architecture-modernisation-hero-d__layer--infrastructure{background:linear-gradient(135deg,#5367ff,#073cca)}.architecture-modernisation-hero-d__layer--platform{background:linear-gradient(135deg,#6ddfff,#2182ed)}.architecture-modernisation-hero-d__layer--applications{background:linear-gradient(135deg,#fff,#e6edf9)}.architecture-modernisation-hero-d__layer--applications b{color:#172650}
.architecture-modernisation-hero-d__core{position:absolute;z-index:2;top:0;width:45%;aspect-ratio:1;border:2px solid rgba(20,101,255,.66);background:linear-gradient(180deg,rgba(255,255,255,.25),rgba(84,198,255,.19));box-shadow:inset 0 -2rem 2rem rgba(28,167,255,.18),0 1rem 2rem rgba(20,101,255,.14);transform:rotateX(56deg) rotateZ(45deg)}.architecture-modernisation-hero-d__core span{position:absolute;width:27%;aspect-ratio:1;background:#10cadc;box-shadow:0 .5rem 1rem rgba(20,101,255,.25)}.architecture-modernisation-hero-d__core span:first-child{left:27%;top:38%}.architecture-modernisation-hero-d__core span:last-child{right:22%;top:44%;background:#2855d9}
.architecture-modernisation-hero-d__cube{position:absolute;width:2.8rem;aspect-ratio:1;background:linear-gradient(135deg,#fff 0 48%,#c9dcfa 49%);box-shadow:.7rem .7rem 1rem rgba(48,92,169,.08);transform:rotate(30deg) skewY(-10deg)}.architecture-modernisation-hero-d__cube--one{left:10%;top:34%}.architecture-modernisation-hero-d__cube--two{right:12%;top:16%;width:2.2rem}
.architecture-modernisation-hero-d__callout{position:absolute;z-index:5;display:flex;align-items:center;gap:.85rem;min-width:13rem;border:1px solid rgba(220,229,250,.9);border-radius:.75rem;background:rgba(255,255,255,.88);box-shadow:0 1rem 2.3rem rgba(56,87,151,.11);padding:.85rem 1rem;color:var(--brand-blue);backdrop-filter:blur(10px)}.architecture-modernisation-hero-d__callout span{display:grid;gap:.2rem;color:#7a82aa;font-size:.65rem}.architecture-modernisation-hero-d__callout b{color:#080b46;font-size:.78rem}.architecture-modernisation-hero-d__callout--top-left{left:1%;top:2%}.architecture-modernisation-hero-d__callout--left{left:-4%;top:50%}.architecture-modernisation-hero-d__callout--top-right{right:-2%;top:8%}
.architecture-modernisation-hero-d__outcome{position:absolute;z-index:5;right:-4%;top:38%;width:30%;min-width:14rem;border:1px solid rgba(220,229,250,.9);border-radius:.9rem;background:rgba(255,255,255,.92);box-shadow:0 1.3rem 2.8rem rgba(56,87,151,.14);padding:1rem}.architecture-modernisation-hero-d__outcome h2{color:#080b46;font-size:.75rem}.architecture-modernisation-hero-d__outcome>svg{width:100%;height:5.2rem;margin-top:.7rem;border-bottom:1px solid #e8edf8}.architecture-modernisation-hero-d__outcome p{display:grid;grid-template-columns:1.5rem 1fr auto;align-items:center;gap:.45rem;padding:.55rem .2rem;border-bottom:1px solid #edf0f7;color:#4f5d80;font-size:.58rem}.architecture-modernisation-hero-d__outcome p:last-child{border-bottom:0}.architecture-modernisation-hero-d__outcome p svg{box-sizing:content-box;border-radius:50%;background:#edf4ff;color:var(--brand-blue);padding:.3rem}.architecture-modernisation-hero-d__outcome p:first-child svg{background:#dff8ef;color:#0fa66c}.architecture-modernisation-hero-d__outcome p b{color:#0aa16b;font-size:.7rem}
.architecture-modernisation-hero-d__benefits{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(2rem,4vh,3.5rem)}.architecture-modernisation-hero-d__benefits article{display:flex;align-items:center;gap:1.15rem;min-width:0;padding:0 2rem;border-left:1px solid rgba(20,101,255,.22)}.architecture-modernisation-hero-d__benefits article:first-child{border-left:0;padding-left:.5rem}.architecture-modernisation-hero-d__benefits article>span{display:grid;flex:0 0 4.2rem;aspect-ratio:1;place-items:center;border-radius:.75rem;background:#edf4ff;color:var(--brand-blue)}.architecture-modernisation-hero-d__benefits h2{color:#080b46;font-size:.9rem;font-weight:700}.architecture-modernisation-hero-d__benefits p{margin-top:.35rem;color:#7b84ad;font-size:.76rem;line-height:1.4}
@media(max-width:1120px){.architecture-modernisation-hero-d{min-height:auto}.architecture-modernisation-hero-d__main{grid-template-columns:1fr}.architecture-modernisation-hero-d__title{margin-top:2rem}.architecture-modernisation-hero-d__visual{width:min(100%,51rem);margin:0 auto}.architecture-modernisation-hero-d__benefits{grid-template-columns:repeat(2,1fr);row-gap:2rem}.architecture-modernisation-hero-d__benefits article:nth-child(3){border-left:0;padding-left:.5rem}}
@media(max-width:640px){.architecture-modernisation-hero-d{padding-top:2.8rem}.architecture-modernisation-hero-d__eyebrow{font-size:.64rem}.architecture-modernisation-hero-d__eyebrow::before{width:1.7rem}.architecture-modernisation-hero-d__title{font-size:clamp(2.65rem,13vw,3.7rem)}.architecture-modernisation-hero-d__description{font-size:1rem}.architecture-modernisation-hero-d__actions{display:grid}.architecture-modernisation-hero-d__actions a{width:100%;min-height:3.6rem}.architecture-modernisation-hero-d__visual{min-height:28rem}.architecture-modernisation-hero-d__stack{left:16%;width:67%}.architecture-modernisation-hero-d__callout{min-width:0;padding:.55rem}.architecture-modernisation-hero-d__callout span{font-size:.48rem}.architecture-modernisation-hero-d__callout b{font-size:.58rem}.architecture-modernisation-hero-d__callout--top-left{left:0}.architecture-modernisation-hero-d__callout--top-right{right:0}.architecture-modernisation-hero-d__callout--left{left:0;top:55%}.architecture-modernisation-hero-d__outcome{right:0;top:48%;min-width:0;width:37%;padding:.6rem}.architecture-modernisation-hero-d__outcome h2{font-size:.55rem}.architecture-modernisation-hero-d__outcome>svg{height:3.5rem}.architecture-modernisation-hero-d__outcome p{grid-template-columns:1rem 1fr auto;gap:.2rem;font-size:.42rem}.architecture-modernisation-hero-d__outcome p svg{width:.65rem;padding:.15rem}.architecture-modernisation-hero-d__outcome p b{font-size:.48rem}.architecture-modernisation-hero-d__benefits{grid-template-columns:1fr;gap:0;margin-top:.5rem}.architecture-modernisation-hero-d__benefits article,.architecture-modernisation-hero-d__benefits article:nth-child(3){border-left:0;border-top:1px solid rgba(20,101,255,.16);padding:1rem 0}.architecture-modernisation-hero-d__benefits article:first-child{border-top:0}.architecture-modernisation-hero-d__benefits article>span{flex-basis:3.6rem}}