*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--teal:#14b8a6;--navy:#0f172a;--dark:#1e293b;--light:#f1f5f9;--accent:#0d9488}
body{font-family:'Inter',Arial,sans-serif;color:var(--light);background:var(--navy);line-height:1.65}
h1,h2,h3,h4{font-family:'Space Grotesk',Arial,sans-serif}
a{color:var(--teal);text-decoration:none}
a:hover{color:#5eead4}
img{max-width:100%;height:auto;display:block}
.container{max-width:1140px;margin:0 auto;padding:0 1.5rem}
header{background:var(--dark);border-bottom:1px solid #334155;position:sticky;top:0;z-index:100}
.header-inner{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}
.logo{font-family:'Space Grotesk',sans-serif;font-size:1.5rem;color:var(--teal);font-weight:700}
.logo span{color:var(--light)}
nav ul{display:flex;list-style:none;gap:1.5rem}
nav a{color:#94a3b8;font-weight:500;font-size:.95rem}
nav a:hover,nav a.active{color:var(--teal)}
.hero{min-height:520px;display:flex;align-items:center;background:linear-gradient(135deg,rgba(15,23,42,.85),rgba(20,184,166,.15)),url('assets/cybersecurity-hero.jpg') center/cover;color:#fff}
.hero-content{padding:4rem 1.5rem;max-width:720px}
.hero h1{font-size:2.75rem;margin-bottom:1rem;line-height:1.15}
.hero p{font-size:1.15rem;margin-bottom:2rem;color:#cbd5e1}
.btn{display:inline-block;padding:.8rem 1.75rem;background:var(--teal);color:var(--navy);font-weight:700;border-radius:6px}
.btn:hover{background:#5eead4;text-decoration:none}
.btn-outline{background:transparent;border:2px solid var(--teal);color:var(--teal)}
section{padding:4rem 0}
.section-title{margin-bottom:2.5rem}
.section-title h2{font-size:2rem;color:var(--teal);margin-bottom:.5rem}
.section-title p{color:#94a3b8;max-width:650px}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.75rem}
.card{background:var(--dark);border:1px solid #334155;padding:1.75rem;border-radius:8px;transition:border-color .3s}
.card:hover{border-color:var(--teal)}
.card h3{color:var(--teal);margin-bottom:.75rem}
.card p{color:#94a3b8}
.trust{background:var(--dark);padding:3rem 0;border-top:1px solid #334155;border-bottom:1px solid #334155}
.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;text-align:center}
.trust-item h3{font-size:2.25rem;color:var(--teal)}
.trust-item p{color:#94a3b8}
.location-flex{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}
.map-placeholder{background:var(--dark);height:280px;border:1px solid #334155;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b}
.page-hero{background:var(--dark);padding:3rem 0;border-bottom:1px solid #334155}
.page-hero h1{font-size:2.25rem;color:var(--teal)}
.page-hero p{color:#94a3b8}
.form-group{margin-bottom:1.15rem}
.form-group label{display:block;margin-bottom:.35rem;color:#cbd5e1;font-weight:500}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;background:var(--navy);border:1px solid #334155;border-radius:6px;color:var(--light);font-family:inherit}
.form-group textarea{min-height:130px}
.legal-content{max-width:800px;margin:0 auto;padding:3rem 1.5rem;color:#cbd5e1}
.legal-content h2{margin:2rem 0 1rem;color:var(--teal)}
.legal-content p,.legal-content ul{margin-bottom:1rem}
.legal-content ul{padding-left:1.5rem}
footer{background:var(--dark);padding:3rem 0 1.5rem;border-top:1px solid #334155}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-bottom:2rem}
footer h4{color:var(--teal);margin-bottom:1rem}
footer ul{list-style:none}
footer p,footer a{color:#94a3b8}
footer a:hover{color:var(--teal)}
.contact-email{margin-top:.75rem}
.footer-bottom{border-top:1px solid #334155;padding-top:1.5rem;text-align:center;font-size:.9rem;color:#64748b}
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--dark);color:var(--light);padding:1.25rem 1.5rem;display:none;z-index:1000;border-top:1px solid var(--teal)}
.cookie-banner.show{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.cookie-banner a{color:var(--teal)}
.cookie-buttons{display:flex;gap:.75rem}
.cookie-buttons button{padding:.6rem 1.25rem;border:none;border-radius:6px;cursor:pointer;font-weight:600}
.cookie-accept{background:var(--teal);color:var(--navy)}
.cookie-decline{background:transparent;color:var(--light);border:1px solid #334155}
@media(max-width:768px){.header-inner{flex-direction:column;gap:1rem}nav ul{flex-wrap:wrap;justify-content:center}.hero h1{font-size:2rem}.location-flex{grid-template-columns:1fr}}