:root{--navy:#063b78;--blue:#0868cf;--teal:#00a6a6;--teal-dark:#087b82;--ink:#122033;--muted:#5b6b7f;--mist:#f3f8fc;--line:#d8e6f1;--shadow:0 18px 50px rgba(4,52,101,.14);--shell:min(1180px,calc(100% - 40px));font-family:Inter,"Segoe UI",Aptos,Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.65;background:#fff}img{max-width:100%}a{color:var(--blue)}.shell{width:var(--shell);margin:auto}.skip-link{position:fixed;top:-60px;left:10px;z-index:99;background:#fff;padding:10px}.skip-link:focus{top:10px}.site-header{
position:sticky;
top:0;
z-index:40;
background:#071b34;
border-bottom:1px solid rgba(255,255,255,.08);
}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between}.header-spacer{width:180px;flex:0 0 180px}.site-nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0}.site-nav a{
text-decoration:none;
font-weight:700;
color:#ffffff;
}.menu-toggle{display:none;border:0;background:none}.menu-toggle span{display:block;width:25px;height:2px;background:var(--navy);margin:5px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hero{position:relative;min-height:540px;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:var(--hero-image) center/cover no-repeat}.hero-mask{
position:absolute;
inset:0;
background:linear-gradient(
90deg,
rgba(255,255,255,1) 0%,
rgba(255,255,255,.98) 25%,
rgba(255,255,255,.85) 50%,
rgba(255,255,255,.45) 75%,
rgba(255,255,255,0) 100%
);
}.hero-content{position:relative}.hero-copy{max-width:690px;padding:76px 0}.brand-kicker,.eyebrow,.error-kicker{text-transform:uppercase;letter-spacing:.22em;color:var(--teal-dark);font-weight:900;font-size:.9rem}.hero h1{font-size:clamp(2.4rem,4vw,3.8rem);line-height:1.05;color:var(--navy);margin:0 0 18px}.hero-tagline{font-size:clamp(1.15rem,2.2vw,1.55rem);font-weight:850;color:#174f84}.hero-intro{max-width:610px;color:#455d75}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;padding:13px 20px;border-radius:10px;font-weight:800;text-decoration:none;border:2px solid var(--navy)}.button-primary{background:var(--navy);color:#fff}.button-secondary{background:#ffffffe6;color:var(--navy)}.expertise-section,.main-content,.showcase{padding:82px 0}.expertise-section{background:linear-gradient(#fff,var(--mist))}.section-heading h2{font-size:clamp(2rem,4vw,3.2rem);color:var(--navy)}.brick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.brick-card,.moduletable{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.brick-card img{display:block;width:90px;height:90px;object-fit:contain;margin:auto}.brick-card h3{color:var(--navy)}.brick-card p{font-size:.92rem;color:var(--muted)}.showcase{background:var(--navy);color:#fff}.content-layout{display:grid;gap:40px}.content-layout.has-sidebar{grid-template-columns:2fr 1fr}.site-footer{
background:#071b34;
color:#dbeaf8;
padding:20px 0 8px;
}
 
.footer-grid{
display:grid;
grid-template-columns:2fr 1fr;
gap:20px;
}
 
.footer-bottom{
border-top:1px solid #ffffff22;
margin-top:10px;
padding-top:8px;
font-size:.85rem;
}.error-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#e3f8ff,#f7fbff 46%,#fff);padding:24px}.error-card{width:min(620px,100%);text-align:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:46px 34px;box-shadow:var(--shadow)}.srr-shield{width:112px;height:126px;margin:0 auto 20px;display:grid;place-items:center;background:linear-gradient(145deg,var(--blue),var(--teal));clip-path:polygon(50% 0,92% 15%,88% 70%,50% 100%,12% 70%,8% 15%);color:#fff;filter:drop-shadow(0 12px 15px #063b7833)}.srr-shield span{font-size:1.7rem;font-weight:900;letter-spacing:.12em}.error-kicker{margin:0 0 4px}.error-code{font-size:clamp(3.5rem,10vw,6rem);font-weight:950;line-height:1;color:var(--navy)}.error-card h1{font-size:clamp(2rem,5vw,3rem);line-height:1.05;color:var(--navy);margin:12px 0}.error-domains{font-weight:850;color:#174f84}.error-message{color:var(--muted);margin:0 auto 28px}@media(max-width:980px){.brick-grid{grid-template-columns:repeat(2,1fr)}.content-layout.has-sidebar{grid-template-columns:1fr}.hero-mask{background:#ffffffe8}}@media(max-width:760px){.header-spacer{width:1px;flex-basis:1px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:20px}.site-nav.is-open{display:block}.site-nav ul{display:grid}.brick-grid,.footer-grid{grid-template-columns:1fr}.shell{width:min(100% - 26px,1180px)}}
.site-nav li.active > a,
.site-nav li.current > a{
position:relative;
}
 
CSS
.site-nav li.active > a::after,
.site-nav li.current > a::after{
content:"";
position:absolute;
left:4px;
right:4px;
bottom:-12px;
height:3px;
background:var(--teal);
border-radius:999px;
}
.footer-sitelock {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
 
.footer-container {
position: relative;
}