.landing-page .site-header{background:rgba(6,11,19,.54);border-bottom-color:rgba(184,204,229,.1);backdrop-filter:blur(12px)}.landing-page .site-header.scrolled{background:rgba(6,11,19,.94)}
.landing-main{background:var(--bg-deep)}
.landing-hero{min-height:760px;padding:150px 0 72px;position:relative;overflow:hidden;display:flex;align-items:center;background:#08111d;border-bottom:1px solid var(--line)}
.landing-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(76,201,240,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(76,201,240,.05) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(90deg,#000,transparent 82%)}
.landing-hero:after{content:"";position:absolute;width:720px;height:720px;right:-190px;top:-230px;border:1px solid rgba(76,201,240,.12);border-radius:50%;box-shadow:0 0 0 100px rgba(76,201,240,.022),0 0 0 200px rgba(76,201,240,.016)}
.landing-hero.with-image:after{inset:0 0 0 48%;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background:linear-gradient(90deg,#08111d 0%,rgba(8,17,29,.36) 42%,rgba(8,17,29,.12)),var(--landing-image) center/cover;filter:saturate(.62)}
.landing-hero .wrap{position:relative;z-index:2}
.breadcrumb{display:flex;gap:10px;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#8c9bb0;margin-bottom:48px}.breadcrumb span{color:#4d5c70}
.landing-hero h1{font-size:clamp(58px,6.5vw,96px);line-height:.94;letter-spacing:-.06em;font-weight:580;max-width:970px;margin:0}.landing-hero h1 span{color:#98a8bd;font-weight:440}
.landing-hero p.landing-lead{font-size:18px;line-height:1.7;color:#bac5d3;max-width:680px;margin:34px 0 0}.landing-hero-actions{display:flex;align-items:center;gap:38px;margin-top:38px}
.landing-proof{position:relative;z-index:3;border-top:1px solid var(--line);background:#0a1422}.landing-proof .wrap{display:grid;grid-template-columns:repeat(3,1fr)}.landing-proof div{min-height:108px;padding:25px 28px 21px 0;border-right:1px solid var(--line)}.landing-proof div+div{padding-left:28px}.landing-proof div:last-child{border-right:0}.landing-proof strong{display:block;font-size:19px;letter-spacing:-.025em;font-weight:570}.landing-proof span{display:block;color:#8493a7;font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-top:6px}
.landing-section{padding:120px 0;background:#0a1321;border-bottom:1px solid var(--line)}.landing-section.alt{background:#0d1727}.landing-heading{display:grid;grid-template-columns:1.1fr .65fr;gap:12vw;align-items:end;margin-bottom:60px}.landing-heading h2{font-size:clamp(44px,5vw,70px);line-height:1.02;letter-spacing:-.05em;font-weight:570;margin:0}.landing-heading h2 span{color:#98a8bd;font-weight:440}.landing-heading>p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}
.landing-outcomes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.landing-outcomes article{min-height:300px;padding:32px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.012)}.landing-outcomes article>span,.landing-steps article>span{font-size:10px;letter-spacing:.14em;color:var(--cyan)}.landing-outcomes h3{font-size:27px;line-height:1.12;letter-spacing:-.035em;font-weight:560;margin:auto 0 16px}.landing-outcomes p{color:#9eacbf;font-size:13px;line-height:1.68;margin:0}
.landing-scope{display:grid;grid-template-columns:.72fr 1.28fr;gap:10vw}.landing-scope-copy h2{font-size:clamp(44px,4.8vw,68px);line-height:1.02;letter-spacing:-.05em;font-weight:570;margin:0 0 28px}.landing-scope-copy>p{color:#a5b2c3;line-height:1.72}.landing-scope-list{border-top:1px solid var(--line)}.landing-scope-list>div{display:grid;grid-template-columns:46px minmax(0,1fr);gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}.landing-scope-list span{font:10px/1.7 monospace;color:var(--cyan)}.landing-scope-list h3{font-size:18px;font-weight:560;margin:0 0 6px}.landing-scope-list p{font-size:13px;color:#96a5b8;line-height:1.65;margin:0;max-width:620px}
.landing-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.landing-steps article{min-height:270px;padding:30px 28px 20px 0;border-right:1px solid var(--line)}.landing-steps article+article{padding-left:28px}.landing-steps article:last-child{border-right:0}.landing-steps h3{font-size:21px;line-height:1.2;font-weight:560;margin:70px 0 12px}.landing-steps p{font-size:13px;line-height:1.65;color:#96a5b8;margin:0}
.landing-evidence{display:grid;grid-template-columns:.75fr 1.25fr;border:1px solid var(--line);background:linear-gradient(135deg,#111f34,#0b1626)}.landing-evidence-metric{padding:48px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;min-height:390px}.landing-evidence-metric span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--cyan)}.landing-evidence-metric strong{font-size:clamp(50px,5vw,78px);line-height:.95;letter-spacing:-.06em;font-weight:560}.landing-evidence-copy{padding:52px}.landing-evidence-copy h2{font-size:clamp(38px,4vw,58px);line-height:1.05;letter-spacing:-.045em;font-weight:570;margin:0 0 24px}.landing-evidence-copy p{color:#a4b1c2;line-height:1.75;max-width:650px}.landing-evidence-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;margin:30px 0 0;padding:24px 0 0;border-top:1px solid var(--line);list-style:none}.landing-evidence-copy li{font-size:12px;color:#cbd4df}.landing-evidence-copy li:before{content:"+";color:var(--cyan);margin-right:10px}
.landing-related{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.landing-related a{min-height:170px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;transition:background .25s}.landing-related a:hover{background:rgba(255,255,255,.025)}.landing-related span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#75859b}.landing-related strong{font-size:20px;font-weight:560}.landing-related i{font-style:normal;color:var(--cyan)}
.landing-cta{padding:110px 0;background:#225acb;position:relative;overflow:hidden}.landing-cta:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-80px;top:-180px;box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 180px rgba(255,255,255,.02)}.landing-cta .wrap{position:relative;z-index:2}.landing-cta h2{font-size:clamp(50px,6vw,84px);line-height:.98;letter-spacing:-.055em;font-weight:580;max-width:980px;margin:0}.landing-cta p{max-width:620px;color:#dbe8ff;line-height:1.7;margin:28px 0 34px}
@media(max-width:980px){.landing-hero{min-height:700px}.landing-hero.with-image:after{inset:0}.landing-hero.with-image:before{z-index:1;background:linear-gradient(90deg,rgba(8,17,29,.96),rgba(8,17,29,.58))}.landing-heading{grid-template-columns:1fr;gap:28px}.landing-outcomes{grid-template-columns:repeat(2,1fr)}.landing-scope{grid-template-columns:1fr;gap:55px}.landing-steps{grid-template-columns:repeat(2,1fr)}.landing-steps article:nth-child(2){border-right:0}.landing-evidence{grid-template-columns:1fr}.landing-evidence-metric{min-height:250px;border-right:0;border-bottom:1px solid var(--line)}.landing-related{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.landing-hero{min-height:690px;padding:122px 0 64px;align-items:flex-start}.breadcrumb{margin-bottom:38px;flex-wrap:wrap}.landing-hero h1{font-size:49px}.landing-hero p.landing-lead{font-size:15px}.landing-hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.landing-hero-actions .button{width:100%}.landing-proof .wrap{grid-template-columns:1fr}.landing-proof div,.landing-proof div+div{min-height:auto;padding:21px 0;border-right:0;border-bottom:1px solid var(--line)}.landing-section{padding:86px 0}.landing-heading{margin-bottom:42px}.landing-heading h2,.landing-scope-copy h2{font-size:41px}.landing-outcomes{grid-template-columns:1fr}.landing-outcomes article{min-height:270px;padding:27px}.landing-scope-list>div{grid-template-columns:36px minmax(0,1fr)}.landing-steps{grid-template-columns:1fr}.landing-steps article,.landing-steps article+article{min-height:230px;padding:27px 0;border-right:0;border-bottom:1px solid var(--line)}.landing-steps h3{margin-top:55px}.landing-evidence-metric,.landing-evidence-copy{padding:29px}.landing-evidence-copy ul{grid-template-columns:1fr}.landing-related{grid-template-columns:1fr}.landing-related a{min-height:145px}.landing-cta{padding:90px 0}.landing-cta h2{font-size:48px}.landing-cta:after{display:none}}
.service-directory-hero h1{max-width:1050px}.service-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-directory-card{min-height:390px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.012);transition:background .3s}.service-directory-card:hover{background:rgba(255,255,255,.035)}.service-directory-card>span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--cyan)}.service-directory-card h2{font-size:clamp(32px,3vw,44px);line-height:1.05;letter-spacing:-.045em;font-weight:560;margin:0 0 18px}.service-directory-card p{font-size:14px;line-height:1.7;color:#9fadc0;max-width:500px;margin:0}.service-directory-card i{font-style:normal;font-size:12px;font-weight:650;color:#fff;border-top:1px solid var(--line);padding-top:18px}.service-directory-card:hover i{color:var(--cyan)}
@media(max-width:640px){.service-directory-grid{grid-template-columns:1fr}.service-directory-card{min-height:340px;padding:27px}.service-directory-card h2{font-size:34px}}

/* Custom integration consultancy page */
.integration-page .landing-hero h1{max-width:1130px}.integration-page .landing-hero p.landing-lead{max-width:790px}.integration-proof .wrap{grid-template-columns:repeat(4,minmax(0,1fr))}.integration-page .landing-outcomes{grid-template-columns:repeat(4,minmax(0,1fr))}.integration-page .landing-outcomes article{min-height:330px}.integration-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.integration-capability-grid article{min-height:320px;padding:32px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.012);transition:background .25s,border-color .25s}.integration-capability-grid article:hover{background:rgba(255,255,255,.03);border-color:rgba(76,201,240,.25)}.integration-capability-grid span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}.integration-capability-grid h3{font-size:28px;line-height:1.1;letter-spacing:-.04em;font-weight:560;margin:auto 0 16px;max-width:330px}.integration-capability-grid p{font-size:13px;line-height:1.7;color:#9eacbf;margin:0;max-width:370px}.integration-architecture{background:linear-gradient(180deg,#08111d,#0a1422)}.integration-architecture .landing-scope{grid-template-columns:.8fr 1.2fr;gap:9vw}.integration-pattern-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.integration-pattern-grid article{min-height:285px;padding:30px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.012)}.integration-pattern-grid span{font:10px/1 monospace;color:var(--cyan)}.integration-pattern-grid h3{font-size:24px;line-height:1.12;letter-spacing:-.035em;font-weight:560;margin:auto 0 14px}.integration-pattern-grid p{font-size:13px;line-height:1.68;color:#9eacbf;margin:0}.integration-platform{display:grid;grid-template-columns:.82fr 1.18fr;border:1px solid var(--line);background:linear-gradient(135deg,#111f34,#0b1626)}.integration-platform>div:first-child{padding:52px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.integration-platform h2{font-size:clamp(42px,4.6vw,64px);line-height:1.02;letter-spacing:-.05em;font-weight:570;margin:0 0 26px}.integration-platform>div:first-child>p:not(.eyebrow){font-size:14px;line-height:1.72;color:#a4b1c2;margin:0}.integration-platform-list>div{padding:30px 34px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:180px minmax(0,1fr);gap:26px}.integration-platform-list>div:last-child{border-bottom:0}.integration-platform-list strong{font-size:15px;font-weight:580}.integration-platform-list span{font-size:12px;line-height:1.65;color:#98a7ba}.landing-evidence-metric strong.evidence-system-name{font-size:clamp(34px,3.8vw,56px);line-height:1.02;letter-spacing:-.045em}.integration-evidence .landing-evidence-copy>p{margin-top:0;margin-bottom:15px}
@media(max-width:980px){.integration-proof .wrap{grid-template-columns:repeat(2,1fr)}.integration-proof .wrap>div:nth-child(2){border-right:0}.integration-page .landing-outcomes{grid-template-columns:repeat(2,1fr)}.integration-capability-grid{grid-template-columns:repeat(2,1fr)}.integration-architecture .landing-scope{grid-template-columns:1fr}.integration-pattern-grid{grid-template-columns:repeat(2,1fr)}.integration-platform{grid-template-columns:1fr}.integration-platform>div:first-child{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:640px){.integration-proof .wrap{grid-template-columns:1fr}.integration-proof .wrap>div{border-right:0}.integration-page .landing-outcomes{grid-template-columns:1fr}.integration-page .landing-outcomes article{min-height:270px}.integration-capability-grid{grid-template-columns:1fr}.integration-capability-grid article{min-height:285px;padding:27px}.integration-capability-grid h3{font-size:27px}.integration-pattern-grid{grid-template-columns:1fr}.integration-pattern-grid article{min-height:240px;padding:27px}.integration-platform>div:first-child{padding:34px 27px}.integration-platform h2{font-size:40px}.integration-platform-list>div{padding:25px 27px;grid-template-columns:1fr;gap:9px}.landing-evidence-metric strong.evidence-system-name{font-size:38px}}

/* Contact and CRM enquiry */
.contact-main{background:var(--bg-deep)}.contact-hero{min-height:650px;padding:155px 0 95px;position:relative;overflow:hidden;display:flex;align-items:center;background:radial-gradient(circle at 85% 20%,rgba(47,111,237,.15),transparent 36%),#07101d;border-bottom:1px solid var(--line)}.contact-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(76,201,240,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(76,201,240,.05) 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(90deg,#000,transparent 82%)}.contact-hero .wrap{position:relative;z-index:1}.contact-hero h1{font-size:clamp(64px,7.2vw,104px);line-height:.94;letter-spacing:-.06em;font-weight:580;max-width:970px;margin:0}.contact-hero h1 span{color:#98a8bd;font-weight:440}.contact-hero .wrap>p:last-child{font-size:17px;line-height:1.72;color:#b5c0cf;max-width:720px;margin:34px 0 0}.contact-section{padding:110px 0 130px;background:linear-gradient(180deg,#0b1524,#07101c)}.contact-layout{display:grid;grid-template-columns:minmax(280px,.62fr) minmax(0,1.38fr);gap:7vw;align-items:start}.contact-brief{position:sticky;top:105px}.contact-brief h2{font-size:clamp(38px,4vw,56px);line-height:1.04;letter-spacing:-.05em;font-weight:570;margin:0 0 25px}.contact-brief>p:not(.eyebrow){color:#9eacbe;font-size:14px;line-height:1.72;margin:0}.contact-brief ul{list-style:none;margin:38px 0 0;padding:0;border-top:1px solid var(--line)}.contact-brief li{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:20px 0;border-bottom:1px solid var(--line)}.contact-brief li>span{font:10px/1.7 monospace;color:var(--cyan)}.contact-brief li strong{font-size:14px;font-weight:620}.contact-brief li p{font-size:12px;line-height:1.6;color:#8796aa;margin:4px 0 0}.contact-direct{margin-top:35px;padding:22px;border:1px solid var(--line);display:flex;flex-direction:column;background:rgba(255,255,255,.015)}.contact-direct>span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#7f8fa4}.contact-direct a{font-size:14px;font-weight:650;margin:8px 0 4px;color:#fff}.contact-direct small{font-size:10px;color:#748399}.contact-form-panel{min-width:0;padding:26px;background:linear-gradient(145deg,#0d1828,#08121f);border:1px solid var(--line);box-shadow:0 26px 80px rgba(0,0,0,.28)}.contact-form-heading{display:flex;justify-content:space-between;align-items:center;color:#e5edf6;padding:0 8px 20px}.contact-form-heading span,.contact-form-heading strong{font-size:9px;text-transform:uppercase;letter-spacing:.13em}.contact-form-heading span{color:var(--cyan);font-weight:800}.contact-form-heading strong{color:#7f8fa4;font-weight:650}.contact-form-panel #braddon-it-enquiry-form{min-height:640px}
@media(max-width:980px){.contact-hero{min-height:590px}.contact-layout{grid-template-columns:1fr;gap:58px}.contact-brief{position:static;max-width:680px}.contact-form-panel{padding:22px}}
@media(max-width:640px){.contact-hero{min-height:570px;padding:125px 0 80px;align-items:flex-start}.contact-hero h1{font-size:53px}.contact-hero .wrap>p:last-child{font-size:15px}.contact-section{padding:78px 0 90px}.contact-brief h2{font-size:40px}.contact-form-panel{padding:13px 8px 8px;margin-inline:-8px}.contact-form-heading{padding:6px 10px 16px}.contact-form-heading strong{display:none}.contact-form-panel #braddon-it-enquiry-form{min-height:720px}}
