:root { --cyber-ink:#16242a; --cyber-muted:#627077; --cyber-navy:#092a36; --cyber-deep:#061e27; --cyber-blue:#1c6072; --cyber-gold:#c4973f; --cyber-light:#e7c776; --cyber-paper:#f3f6f3; --cyber-white:#fff; --cyber-line:#d6dfdb; --cyber-red:#bd6655; --cyber-green:#557b65; }
.cyber-page { margin:0 auto; max-width:1180px; padding:0 28px 84px; color:var(--cyber-ink); font-family:'IBM Plex Sans','Segoe UI',Arial,sans-serif; }
.cyber-page a,.cyber-ai-section a { color:var(--cyber-blue); }
.cyber-crumbs { padding:24px 0 22px; color:var(--cyber-muted); font-size:13px; }
.cyber-crumbs a { text-decoration:none; }
.cyber-hero { position:relative; overflow:hidden; margin:0 -28px; background:var(--cyber-navy); color:#fff; }
.cyber-hero:before { content:""; position:absolute; inset:0; opacity:.15; background-image:linear-gradient(rgba(213,231,227,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(213,231,227,.25) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(90deg,#000,transparent 78%); }
.cyber-hero-inner { position:relative; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr); gap:60px; align-items:center; padding:76px 64px 72px; }
.cyber-eyebrow,.cyber-kicker { margin:0; color:var(--cyber-light); font-family:'IBM Plex Mono',monospace; font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
.cyber-page h1,.cyber-page h2,.cyber-page h3,.cyber-ai-section h2,.cyber-ai-section h3 { font-family:'Barlow Condensed','Arial Narrow',sans-serif; font-weight:600; }
.cyber-page h1 { max-width:650px; margin:16px 0 20px; color:#fff; font-size:clamp(46px,5.8vw,76px); line-height:.96; }
.cyber-hero-copy { max-width:650px; margin:0; color:#d6e4e5; font-size:19px; }
.cyber-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.cyber-button { display:inline-block; border:1px solid var(--cyber-gold); background:var(--cyber-gold); color:var(--cyber-ink)!important; padding:12px 17px; border-radius:3px; font-size:15px; font-weight:800; text-decoration:none!important; }
.cyber-button:hover { background:var(--cyber-light); }
.cyber-button-secondary { border-color:rgba(255,255,255,.45); background:transparent; color:#fff!important; }
.cyber-screen { border:1px solid rgba(211,231,228,.25); background:rgba(4,26,34,.78); box-shadow:18px 18px 0 rgba(196,151,63,.12); }
.cyber-screen-head { display:flex; justify-content:space-between; gap:15px; padding:14px 17px; border-bottom:1px solid rgba(211,231,228,.18); color:#bdd0d1; font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:.08em; }
.cyber-screen-status { color:#96d6ae; }
.cyber-screen-status:before { content:""; display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:#77c992; }
.cyber-screen-body { padding:22px; }
.cyber-screen-label { color:#819b9e; font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.cyber-screen-title { margin:5px 0 20px; color:#fff; font-family:'Barlow Condensed','Arial Narrow',sans-serif; font-size:30px; }
.cyber-score { display:grid; grid-template-columns:92px 1fr 58px; gap:12px; align-items:center; margin-top:14px; color:#dce8e9; font-size:12px; }
.cyber-score strong { color:var(--cyber-light); text-align:right; font-size:11px; }
.cyber-bar { height:7px; background:#193e49; }
.cyber-bar b { display:block; height:100%; background:var(--cyber-gold); }
.cyber-bar-green b { background:#76bd8c; }.cyber-bar-blue b { background:#6daec1; }
.cyber-alert { margin-top:24px; padding:13px; border-left:3px solid var(--cyber-red); background:rgba(189,102,85,.11); color:#e7c7c1; font-size:12px; }.cyber-alert strong { display:block; margin-bottom:2px; color:#fff; }
.cyber-signal-rail { display:grid; grid-template-columns:repeat(4,1fr); border-right:1px solid var(--cyber-line); border-bottom:1px solid var(--cyber-line); }.cyber-signal-rail>div { min-height:100px; padding:21px 22px; background:var(--cyber-white); border-left:1px solid var(--cyber-line); border-top:1px solid var(--cyber-line); }.cyber-signal-rail strong { display:block; color:var(--cyber-blue); font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }.cyber-signal-rail span { display:block; margin-top:5px; color:var(--cyber-muted); font-size:14px; line-height:1.4; }
.cyber-section { padding-top:78px; }.cyber-section-head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:28px; }.cyber-section h2,.cyber-ai-section h2 { margin:0; font-size:clamp(34px,4vw,49px); line-height:.98; }.cyber-section-head>p { max-width:440px; margin:0; color:var(--cyber-muted); }.cyber-section .cyber-kicker { margin-bottom:8px; color:var(--cyber-blue); }
.cyber-offers { padding-top:76px; }.cyber-section-head>div { max-width:650px; }.cyber-offer-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.cyber-offer { display:flex; flex-direction:column; min-height:350px; padding:28px; background:var(--cyber-white); border:1px solid var(--cyber-line); border-top:4px solid var(--cyber-blue); }.cyber-offer-featured { border-top-color:var(--cyber-gold); box-shadow:0 14px 30px rgba(9,42,54,.1); }.cyber-offer-tag { color:var(--cyber-blue); font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }.cyber-offer h3 { margin:16px 0 10px; font-size:27px; line-height:1; }.cyber-offer p { margin:0; color:var(--cyber-muted); font-size:14px; }.cyber-offer ul { margin:18px 0 22px; padding-left:18px; color:var(--cyber-muted); font-size:13px; }.cyber-offer li+li { margin-top:6px; }.cyber-offer>a { margin-top:auto; font-size:13px; font-weight:700; text-decoration:none; }.cyber-offer>a:after { content:'  →'; color:var(--cyber-gold); }
.cyber-trust-strip { display:grid; grid-template-columns:repeat(3,1fr); margin-top:16px; border-top:1px solid var(--cyber-line); border-bottom:1px solid var(--cyber-line); }.cyber-trust-strip>div { padding:18px 20px; border-right:1px solid var(--cyber-line); }.cyber-trust-strip>div:last-child { border-right:0; }.cyber-trust-strip strong { display:block; font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.06em; text-transform:uppercase; }.cyber-trust-strip span { display:block; margin-top:4px; color:var(--cyber-muted); font-size:13px; }
.cyber-split-intro { display:grid; grid-template-columns:.8fr 1.2fr; gap:44px; align-items:start; }.cyber-split-intro h2 { max-width:420px; }.cyber-split-intro p { margin:0; padding-left:24px; border-left:4px solid var(--cyber-gold); color:var(--cyber-muted); font-size:19px; }
.cyber-map { display:grid; grid-template-columns:.8fr 1.2fr; border-top:1px solid var(--cyber-line); border-left:1px solid var(--cyber-line); }.cyber-index { display:grid; grid-template-rows:repeat(6,1fr); background:var(--cyber-navy); }.cyber-index a { display:flex; align-items:center; gap:17px; min-height:84px; padding:18px 22px; border-bottom:1px solid rgba(255,255,255,.13); color:#c7d9da; text-decoration:none; }.cyber-index a:hover,.cyber-index a:first-child { background:var(--cyber-blue); color:#fff; }.cyber-index b { color:var(--cyber-light); font-family:'IBM Plex Mono',monospace; font-size:11px; }.cyber-details { display:grid; grid-template-columns:1fr 1fr; background:var(--cyber-white); }.cyber-details article { min-height:168px; padding:26px; border-right:1px solid var(--cyber-line); border-bottom:1px solid var(--cyber-line); }.cyber-details h3 { margin:0 0 8px; font-size:19px; line-height:1.2; }.cyber-details p { margin:0; color:var(--cyber-muted); font-size:14px; }
.cyber-ai-section { background:var(--cyber-deep); color:#fff; }.cyber-wide { max-width:1180px; margin:auto; padding:70px 28px 74px; }.cyber-ai-section .cyber-kicker { color:var(--cyber-light); }.cyber-ai-section h2 { max-width:690px; }.cyber-ai-lead { max-width:690px; margin:18px 0 34px; color:#ccddde; font-size:18px; }.cyber-ai-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(255,255,255,.16); }.cyber-ai-grid article { min-height:205px; padding:25px; background:var(--cyber-deep); }.cyber-ai-grid article>div { color:var(--cyber-light); font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:.08em; }.cyber-ai-grid h3 { margin:20px 0 8px; font-size:20px; }.cyber-ai-grid p { margin:0; color:#b9cdcf; font-size:14px; }.cyber-note { max-width:760px; margin:24px 0 0; color:#9db7ba; font-size:12px; }
.cyber-starter { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; }.cyber-starter>div:first-child>p:last-child { max-width:540px; margin:18px 0 0; color:var(--cyber-muted); font-size:18px; }.cyber-starter-list { border-top:1px solid var(--cyber-line); }.cyber-starter-list>div { display:grid; grid-template-columns:30px 1fr; gap:15px; padding:16px 0; border-bottom:1px solid var(--cyber-line); }.cyber-starter-list b { color:var(--cyber-gold); }.cyber-starter-list strong { display:block; }.cyber-starter-list span { display:block; color:var(--cyber-muted); font-size:14px; }
.cyber-delivery { display:grid; grid-template-columns:repeat(3,1fr); border-top:4px solid var(--cyber-gold); background:var(--cyber-white); }.cyber-delivery article { min-height:190px; padding:27px; border-right:1px solid var(--cyber-line); }.cyber-delivery article:last-child { border-right:0; }.cyber-delivery b { color:var(--cyber-gold); font-family:'IBM Plex Mono',monospace; font-size:23px; }.cyber-delivery h3 { margin:10px 0 7px; font-size:19px; }.cyber-delivery p { margin:0; color:var(--cyber-muted); font-size:14px; }.cyber-accountability { margin-top:18px; padding:17px 20px; border-left:4px solid var(--cyber-green); background:#e7efea; color:var(--cyber-muted); font-size:14px; }.cyber-accountability strong { color:var(--cyber-ink); }
.cyber-faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 32px; border-top:1px solid var(--cyber-line); }.cyber-faq-grid article { padding:21px 0; border-bottom:1px solid var(--cyber-line); }.cyber-faq-grid h3 { margin:0 0 7px; font-size:21px; line-height:1.1; }.cyber-faq-grid p { margin:0; color:var(--cyber-muted); font-size:14px; }
.cyber-cta { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:78px; padding:38px 44px; background:var(--cyber-blue); color:#fff; }.cyber-cta h2 { max-width:690px; margin:0; color:#fff; font-family:'Barlow Condensed','Arial Narrow',sans-serif; font-size:31px; }.cyber-cta p { margin:9px 0 0; color:#d8e9ea; }
@media (max-width:900px) { .cyber-hero-inner,.cyber-split-intro,.cyber-starter { grid-template-columns:1fr; }.cyber-hero-inner { gap:42px; }.cyber-map { grid-template-columns:1fr; }.cyber-index { grid-template-columns:repeat(3,1fr); grid-template-rows:auto; }.cyber-index a { min-height:72px; }.cyber-offer-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:700px) { .cyber-hero-inner { padding:52px 28px 56px; }.cyber-signal-rail,.cyber-ai-grid,.cyber-delivery,.cyber-trust-strip { grid-template-columns:1fr 1fr; }.cyber-section-head { align-items:start; flex-direction:column; }.cyber-details { grid-template-columns:1fr; }.cyber-cta { align-items:flex-start; flex-direction:column; }.cyber-faq-grid { grid-template-columns:1fr; } }
@media (max-width:520px) { .cyber-page { padding-left:18px; padding-right:18px; }.cyber-hero { margin-left:-18px; margin-right:-18px; }.cyber-hero-inner { padding:42px 20px 44px; }.cyber-signal-rail,.cyber-ai-grid,.cyber-delivery,.cyber-index,.cyber-offer-grid,.cyber-trust-strip { grid-template-columns:1fr; }.cyber-index a { min-height:62px; }.cyber-screen-body { padding:18px; }.cyber-score { grid-template-columns:78px 1fr 52px; gap:8px; }.cyber-wide { padding-left:18px; padding-right:18px; }.cyber-cta { padding:30px 24px; }.cyber-trust-strip>div { border-right:0; border-bottom:1px solid var(--cyber-line); }.cyber-trust-strip>div:last-child { border-bottom:0; } }
.cyber-offer-actions { display:flex; flex-wrap:wrap; gap:10px 16px; margin-top:auto; }
.cyber-offer-actions a { font-size:13px; font-weight:700; text-decoration:none; }
.cyber-offer-actions a:after { content:'  ->'; color:var(--cyber-gold); }