/*
Theme Name: Zero IT | Future Connected
Theme URI: https://www.zeroitsol.co.uk/
Author: Zero IT Solutions
Description: Modern editable corporate WordPress theme for Zero IT Solutions.
Version: 5.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: zero-corporate
*/
:root{--navy:#0b1730;--blue:#2563eb;--ink:#17243b;--muted:#617086;--light:#f4f7fb}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 24px}.top{background:var(--navy);color:#fff}.nav{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:24px}.brand{font-weight:800;font-size:23px;letter-spacing:-.7px}.brand span{color:#65a6ff}.menu{display:flex;gap:24px;flex-wrap:wrap;align-items:center}.menu a{font-size:14px;color:#dce7f8}.button{display:inline-block;background:var(--blue);color:#fff!important;border-radius:9px;padding:12px 22px;font-weight:700}.button.alt{background:#fff;color:var(--navy)!important}.hero{background:linear-gradient(115deg,#0b1730,#163d75);color:white;padding:108px 0 115px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#8bb9ff;font-size:12px;font-weight:800}.hero h1{font-size:clamp(38px,5.2vw,68px);line-height:1.1;letter-spacing:-2px;max-width:900px;margin:16px 0}.hero p{font-size:19px;color:#d5e2f5;max-width:680px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.section{padding:85px 0}.section.soft{background:var(--light)}h2{font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-1px;margin:0 0 16px}.lead{color:var(--muted);max-width:760px;font-size:17px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.card{background:white;border:1px solid #e2e9f2;border-radius:15px;padding:30px;box-shadow:0 10px 35px #0b17300b}.card h3{font-size:20px;margin:0 0 10px}.card p{color:var(--muted);margin:0}.pill{display:inline-block;background:#e7efff;color:#1e56ba;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;margin-bottom:16px}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.darkbox{background:var(--navy);color:white;padding:42px;border-radius:18px}.darkbox p{color:#d5e2f5}.quote{font-size:17px;color:#34465e}.quote small{display:block;margin-top:18px;color:#66748a;font-weight:700}.footer{background:#09152b;color:#c4d1e5;padding:50px 0}.footergrid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer a{color:#c4d1e5}.editor-content{max-width:900px;margin:60px auto;padding:0 24px}.contactform input,.contactform textarea{width:100%;border:1px solid #d4deeb;border-radius:8px;padding:13px;margin:7px 0 14px;font:inherit}.contactform button{border:0;cursor:pointer}.notice{padding:12px;background:#e6f8ed;border-radius:8px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:white;color:black;padding:10px;z-index:100}@media(max-width:800px){.grid{grid-template-columns:1fr}.split{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column;padding-top:18px;padding-bottom:20px}.menu{gap:14px}.hero{padding:72px 0}}

/* Future Connected — innovative security and technology identity */
:root{--navy:#050e1b;--blue:#05c5f5;--ink:#0d2035;--muted:#5b7084;--light:#f1f7fa}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}
.top{background:#06111f;border-bottom:1px solid #17384b;position:relative;z-index:3}
.brand{letter-spacing:-1.1px}.brand span{color:#18d4f5}
.menu a{transition:color .2s}.menu a:hover{color:#1be0fb}
.button{background:#04c7ed;color:#061521!important;border-radius:6px;box-shadow:0 7px 28px #02c7ee30;transition:transform .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #02c7ee4a}
.hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 76% 44%,#124b65 0%,transparent 47%),linear-gradient(115deg,#06111f,#081e34 70%,#08283d);padding:118px 0 78px}
.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#18c8f50d 1px,transparent 1px),linear-gradient(90deg,#18c8f50d 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent 12%,#000 100%);z-index:-1}
.hero:after{content:'';position:absolute;inset:0;background-image:var(--hero-image,none);background-size:cover;background-position:center;opacity:.16;z-index:-1}
.eyebrow{color:#34dcfa;letter-spacing:2.5px}.hero h1{max-width:950px;font-weight:850;font-size:clamp(43px,6vw,84px);letter-spacing:-3px;line-height:1.06}
.hero p{font-size:20px;max-width:700px;color:#c1d7e5}
.hero-stats{display:flex;gap:45px;flex-wrap:wrap;margin-top:85px;padding-top:25px;border-top:1px solid #ffffff26;color:#a9c3d3;font-size:13px}
.hero-stats span{display:grid;gap:2px}.hero-stats strong{font-size:13px;letter-spacing:2px;color:#39dffa}
.section{padding:100px 0}.section.soft{background:#f2f8fa}.pill{background:#dcf9fd;color:#087c96;letter-spacing:1px}
h2{letter-spacing:-1.7px;font-weight:800}.card{border:1px solid #dbe9ee;border-radius:12px;box-shadow:0 10px 36px #061a2b0a;transition:transform .25s,border-color .25s,box-shadow .25s}
.card:hover{transform:translateY(-5px);border-color:#70dbea;box-shadow:0 20px 45px #061a2b18}
.grid .card{position:relative;padding-top:44px}.grid .card:before{content:'';position:absolute;top:25px;left:30px;width:29px;height:3px;background:#0bbdd9}
.darkbox{background:radial-gradient(circle at top right,#13536b,#071b2d 68%);border:1px solid #176077;border-radius:14px}
.footer{background:#050e1b}
@media(prefers-reduced-motion:reduce){.button,.card{transition:none}}
@media(max-width:800px){.hero{padding:78px 0 60px}.hero h1{letter-spacing:-1.7px}.hero-stats{gap:22px;margin-top:50px}}

/* Zero Future Connected v3 — visual system */
:root{--electric:#23e3f7;--deep:#03101b}
.hero>.wrap{position:relative;z-index:1}.hero h1,.hero p,.hero .actions{position:relative;z-index:2}.hero h1{max-width:720px}.hero p{max-width:620px}.hero{min-height:690px;background:radial-gradient(ellipse at 80% 42%,#0b5b73 0%,transparent 46%),linear-gradient(115deg,#030c17,#092238)}
.hero-visual{position:absolute;width:450px;height:450px;right:0;top:5px;pointer-events:none;filter:drop-shadow(0 0 36px #0ed1ee25)}.visual-orbit{position:absolute;border:1px solid #4de6fa55;border-radius:50%;inset:35px;box-shadow:inset 0 0 55px #0ce1fc12,0 0 32px #0ce1fc14}.orbit-two{inset:0;border-style:dashed;border-color:#5cf2ff32;animation:zero-spin 55s linear infinite}.visual-core{position:absolute;inset:125px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#104b64,#061b2b 68%);border:1px solid #48e7f5a8;box-shadow:0 0 85px #0ac9e53b;color:white}.visual-core span{font-size:43px;font-weight:900;letter-spacing:7px}.visual-core small{font-size:9px;letter-spacing:2px;color:#5ceafb}.visual-node{position:absolute;padding:11px 15px;background:#061d2cf0;border:1px solid #2d92a8;border-radius:6px;font-size:11px;letter-spacing:1px;font-weight:800;color:#d5faff;box-shadow:0 10px 30px #0006}.visual-node b{color:#2ee3f4;margin-left:10px}.node-one{top:80px;right:10px}.node-two{bottom:100px;right:0}.node-three{left:0;top:180px}@keyframes zero-spin{to{transform:rotate(360deg)}}
.hero-stats{position:relative;z-index:2}.section-index{font-size:11px;letter-spacing:2px;color:#7b9bab;margin:0 0 14px}.grid .card{overflow:hidden}.grid .card:after{content:'↗';position:absolute;right:24px;top:18px;color:#0ab8d2;font-size:22px}.grid .card:hover{background:linear-gradient(160deg,#fff,#effdff)}.darkbox{position:relative;overflow:hidden}.darkbox:after{content:'';position:absolute;right:-65px;bottom:-100px;width:300px;height:300px;border:1px solid #36d9f344;border-radius:50%;box-shadow:0 0 0 40px #19d8f008,0 0 0 90px #19d8f008;pointer-events:none}.darkbox>*{position:relative;z-index:1}.zero-js .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.zero-js .reveal.is-visible{opacity:1;transform:none}
@media(max-width:1050px){.hero-visual{opacity:.3;right:-90px}.hero h1{max-width:760px}}@media(max-width:650px){.hero-visual{width:330px;height:330px;top:60px;right:-145px;opacity:.18}.visual-core{inset:95px}.visual-core span{font-size:26px}.visual-node{display:none}.hero{min-height:auto}.hero h1{font-size:clamp(40px,11vw,60px)}}@media(prefers-reduced-motion:reduce){.orbit-two{animation:none}.zero-js .reveal{opacity:1;transform:none}}