:root { --cyber-ink:#071426; --cyber-navy:#0a2340; --cyber-blue:#58c7ff; --cyber-cyan:#9de8ff; --cyber-line:rgba(155,209,235,.22); --cyber-muted:#9ab0c7; }
.cyber-hero { min-height:min(780px,calc(100svh - var(--header-h))); position:relative; display:grid; align-items:end; overflow:hidden; color:#fff; background:var(--cyber-ink); }
.cyber-hero-media,.cyber-hero-media img,.cyber-hero-grid { position:absolute; inset:0; }
.cyber-hero-media img { width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.82) contrast(1.05); }
.cyber-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,13,28,.97) 0%,rgba(3,13,28,.84) 38%,rgba(3,13,28,.28) 75%,rgba(3,13,28,.48)),linear-gradient(0deg,rgba(3,13,28,.9),transparent 60%); }
.cyber-hero-grid { z-index:1; opacity:.33; background-image:linear-gradient(rgba(157,232,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(157,232,255,.12) 1px,transparent 1px); background-size:58px 58px; mask-image:linear-gradient(90deg,#000,transparent 82%); }
.cyber-hero-content { position:relative; z-index:2; width:min(1220px,calc(100% - 44px)); margin:0 auto; padding:130px 0 112px; }
.cyber-kicker,.cyber-card-number { color:var(--cyber-cyan); font-size:.74rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.cyber-kicker { display:flex; align-items:center; gap:10px; }
.cyber-status-dot { width:8px; height:8px; border-radius:50%; background:#6cf5b5; box-shadow:0 0 0 5px rgba(108,245,181,.14),0 0 18px #6cf5b5; }
.cyber-hero h1 { max-width:760px; margin:18px 0 20px; color:#fff; font-size:clamp(3rem,7vw,6.8rem); line-height:.98; letter-spacing:-.065em; }
.cyber-lede { max-width:680px; color:#d3e3f2; font-size:clamp(1.05rem,1.7vw,1.38rem); line-height:1.55; }
.cyber-actions { display:flex; flex-wrap:wrap; gap:12px; margin:32px 0 25px; }
.cyber-button-primary,.cyber-button-ghost { min-height:52px; border-radius:4px; padding:14px 18px; }
.cyber-button-primary { background:var(--cyber-blue); color:#041322!important; box-shadow:0 16px 35px rgba(88,199,255,.24); }
.cyber-button-primary:hover { background:#fff; color:#061729!important; transform:translateY(-2px); }
.cyber-button-ghost { border:1px solid rgba(255,255,255,.4); color:#fff!important; background:rgba(4,19,34,.25); }
.cyber-button-ghost:hover { border-color:var(--cyber-cyan); background:rgba(88,199,255,.12); }
.cyber-hero-note { display:flex; align-items:center; gap:9px; color:#a8bed0; font-size:.86rem; }
.cyber-trust-bar { display:grid; grid-template-columns:repeat(4,1fr); background:var(--cyber-navy); color:#fff; }
.cyber-trust-bar > div { min-height:126px; display:grid; grid-template-columns:auto 1fr; column-gap:14px; align-content:center; padding:20px clamp(18px,3vw,44px); border-right:1px solid var(--cyber-line); }
.cyber-trust-index { grid-row:span 2; color:var(--cyber-blue); font-size:.78rem; font-weight:800; letter-spacing:.12em; }
.cyber-trust-bar strong { font-size:1rem; }
.cyber-trust-bar small { color:var(--cyber-muted); font-size:.8rem; line-height:1.35; }
.cyber-section { padding-top:112px; padding-bottom:112px; }
.cyber-section-intro { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(260px,.7fr); gap:60px; align-items:end; margin-bottom:46px; }
.cyber-section-intro h2,.cyber-dark-copy h2,.cyber-cta-section h2 { max-width:750px; margin:10px 0 0; color:var(--cyber-ink); font-size:clamp(2.2rem,4.3vw,4.4rem); line-height:1.03; letter-spacing:-.055em; }
.cyber-section-intro > p { margin:0; color:#64758b; font-size:1.03rem; }
.cyber-eyebrow { color:#237da7; }
.cyber-service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
.cyber-service-card { min-height:390px; display:flex; flex-direction:column; padding:28px 24px; border:1px solid #dbe7ef; background:#fff; box-shadow:0 14px 40px rgba(7,20,38,.05); transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.cyber-service-card:hover { transform:translateY(-6px); border-color:#8dcee9; box-shadow:0 22px 48px rgba(7,20,38,.12); }
.cyber-service-card-featured { color:#fff; border-color:var(--cyber-navy); background:linear-gradient(160deg,#0b2b4d,#071426); }
.cyber-card-icon { width:48px; height:48px; display:grid; place-items:center; margin-bottom:38px; color:#0c80ae; border:1px solid #c4dbe7; background:#f1f9fd; font-size:1.35rem; }
.cyber-service-card-featured .cyber-card-icon { color:var(--cyber-blue); border-color:rgba(157,232,255,.25); background:rgba(157,232,255,.1); }
.cyber-service-card h3 { margin:13px 0 12px; color:inherit; font-size:1.35rem; line-height:1.18; letter-spacing:-.025em; }
.cyber-service-card p { margin:0; color:#68788a; font-size:.91rem; line-height:1.6; }
.cyber-service-card-featured p { color:#b6cadb; }
.cyber-service-card .text-link { margin-top:auto; padding-top:28px; color:#19769b; font-size:.86rem; font-weight:800; }
.cyber-service-card-featured .text-link { color:var(--cyber-cyan); }
.cyber-dark-panel { position:relative; overflow:hidden; color:#fff; background:var(--cyber-ink); }
.cyber-dark-panel::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 76% 50%,rgba(48,144,197,.22),transparent 31%),linear-gradient(120deg,#071426,#0b2947); }
.cyber-dark-inner { position:relative; z-index:1; width:min(1220px,calc(100% - 44px)); min-height:700px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:50px; margin:0 auto; padding:90px 0; }
.cyber-dark-copy h2 { color:#fff; }
.cyber-dark-copy > p:not(.cyber-kicker) { max-width:590px; color:#afc4d5; font-size:1.04rem; }
.cyber-check-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:30px 0 34px; color:#dcecf6; font-size:.86rem; }
.cyber-check-list span { display:flex; gap:9px; align-items:flex-start; }
.cyber-check-list i { color:#69e2b5; }
.cyber-architecture { position:relative; width:min(480px,100%); aspect-ratio:1; justify-self:end; display:grid; place-items:center; }
.cyber-architecture-orbit { position:absolute; border:1px solid rgba(157,232,255,.4); border-radius:50%; transform:rotate(-25deg); }
.orbit-one { width:76%; height:42%; border-left-color:transparent; border-right-color:#65d8ff; }
.orbit-two { width:48%; height:88%; border-top-color:#65d8ff; border-bottom-color:transparent; transform:rotate(55deg); }
.cyber-architecture-core { width:150px; height:150px; display:grid; place-items:center; align-content:center; gap:7px; border:1px solid #85e2ff; border-radius:50%; color:#a9ecff; background:rgba(4,20,37,.88); box-shadow:0 0 0 17px rgba(101,216,255,.06),0 0 60px rgba(101,216,255,.28); text-align:center; }
.cyber-architecture-core i { font-size:2.5rem; }.cyber-architecture-core span { font-size:.58rem; font-weight:800; letter-spacing:.12em; line-height:1.35; }
.arch-label { position:absolute; color:#a3c8da; font-size:.65rem; font-weight:800; letter-spacing:.15em; }.arch-top{top:7%;}.arch-right{right:0;top:48%;}.arch-bottom{bottom:7%;}.arch-left{left:0;top:48%;}
.cyber-process-section { background:#f2f7fa; }
.cyber-process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
.cyber-process-grid article { padding:28px 24px; border-top:2px solid #7fcde9; background:#fff; }
.cyber-process-grid span { color:#2382a8; font-size:.76rem; font-weight:800; letter-spacing:.14em; }.cyber-process-grid h3 { margin:30px 0 10px; color:var(--cyber-ink); font-size:1.25rem; }.cyber-process-grid p { margin:0; color:#6b7d8e; font-size:.9rem; line-height:1.6; }
.cyber-cta-section { width:min(1220px,calc(100% - 44px)); display:flex; align-items:center; justify-content:space-between; gap:35px; margin:0 auto; padding:110px 0; }.cyber-cta-section h2 { font-size:clamp(2rem,3.7vw,3.8rem); }.cyber-cta-section > div > p:last-child { color:#66778b; }
@media (max-width:900px){.cyber-service-grid,.cyber-process-grid{grid-template-columns:repeat(2,1fr)}.cyber-dark-inner{grid-template-columns:1fr}.cyber-architecture{justify-self:center}.cyber-section-intro{grid-template-columns:1fr;gap:18px}.cyber-cta-section{display:grid;grid-template-columns:1fr}.cyber-trust-bar{grid-template-columns:repeat(2,1fr)}.cyber-trust-bar>div:nth-child(2){border-right:0}}
@media (max-width:600px){.cyber-hero-content,.cyber-dark-inner,.cyber-cta-section{width:min(100% - 28px)}.cyber-hero-content{padding:95px 0 70px}.cyber-hero h1{font-size:clamp(2.8rem,14vw,4.2rem)}.cyber-service-grid,.cyber-process-grid,.cyber-check-list{grid-template-columns:1fr}.cyber-trust-bar{grid-template-columns:1fr}.cyber-trust-bar>div{border-right:0;border-bottom:1px solid var(--cyber-line)}.cyber-trust-bar>div:last-child{border-bottom:0}.cyber-section{padding-top:75px;padding-bottom:75px}.cyber-architecture{width:calc(100vw - 44px)}.cyber-cta-section{padding:75px 0}.cyber-actions .button{width:100%}}
