/* Local fonts */
@font-face{font-family:'Fraunces';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/fraunces-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/fraunces-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/jetbrains-mono-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/jetbrains-mono-latin-600-normal.woff2') format('woff2')}

/*
Theme Name: Grezitech Black Blue White
Theme URI: https://grezitech.com/
Author: Grezitech
Description: Premium enterprise cybersecurity and digital defence WordPress theme.
Version: 4.28.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: grezitech
*/
:root{--bg:#050505;--bg2:#0b0b0b;--panel:#101010;--panel2:#151515;--line:#292929;--text:#f7f7f7;--muted:#a6a6a6;--red:#2457D6;--amber:#6F9BFF;--green:#e7e7e7;--font-serif:'Fraunces',Georgia,'Times New Roman',serif;--font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.7}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 0,#ffffff08,transparent 30%),radial-gradient(circle at 0 75%,#ffffff05,transparent 30%);z-index:-1}
a{color:#2457D6}img{max-width:100%;height:auto}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:100;background:rgba(4,10,18,.9);backdrop-filter:blur(15px);border-bottom:1px solid #292929}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:9px;font-size:24px;font-weight:950;letter-spacing:1.8px;color:#fff;text-decoration:none}.brand span{color:#2457D6}.brand-mark{display:block;border-radius:6px}.site-footer .brand{margin-bottom:8px}.menu{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}.menu a{color:#f1f1f1;text-decoration:none;font-size:13px;font-weight:700}.menu a:hover{color:#2457D6}.menu .contact a,.menu a.contact{padding:9px 15px;border:1px solid #4a4a4a;border-radius:7px}.menu-toggle{display:none;background:none;border:1px solid #3b3b3b;color:#fff;border-radius:7px;padding:8px 11px;font-size:18px}
.hero{min-height:790px;display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid #11283d}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 42%,#071B4A 0,transparent 27%),linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:auto,60px 60px,60px 60px;mask-image:linear-gradient(to bottom,#000,transparent 95%)}.hero-copy{position:relative;z-index:2;width:60%}.eyebrow,.label{font-family:var(--font-mono);font-size:11px;line-height:1.3;letter-spacing:1.6px;text-transform:uppercase;color:#2457D6;font-weight:600}.hero h1{font-family:var(--font-serif);font-weight:500;font-size:clamp(46px,5.6vw,70px);line-height:1.06;letter-spacing:-1.5px;margin:20px 0 22px}.hero h1 span{color:#2457D6}.lead{max-width:640px;color:var(--muted);font-size:18px;line-height:1.8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:12px 24px;border-radius:4px;text-decoration:none!important;font-weight:700;font-size:13px;letter-spacing:.4px}.primary{background:#2457D6;color:#080808!important;box-shadow:0 8px 30px #2457D61a}.primary:hover{background:#2457D6;transform:translateY(-2px)}.secondary{border:1px solid #454545;color:#fff!important;background:#0b0b0bcc}.secondary:hover{border-color:#2457D6;transform:translateY(-2px)}
.radar{position:absolute;right:3%;width:min(460px,42vw);aspect-ratio:1;border:1px solid #4a4a4a;border-radius:50%;background:radial-gradient(circle,transparent 0 15%,#ffffff08 15.2% 15.7%,transparent 16% 32%,#ffffff07 32.2% 32.7%,transparent 33% 49%,#ffffff05 49.2% 49.7%,transparent 50%);box-shadow:0 0 100px #2457D612;max-width:100%;box-sizing:border-box;overflow:visible}.radar .sweep{position:absolute;left:50%;top:50%;width:50%;height:1px;background:linear-gradient(90deg,#fff,transparent);transform-origin:left center;animation:sweep 5s linear infinite}.radar .threat{
position:absolute;
width:10px;
height:10px;
border-radius:50%;
background:#E53935 !important;
top:25%;
right:20%;
box-shadow:0 0 0 5px rgba(229,57,53,.18),0 0 28px 9px rgba(229,57,53,.42) !important;
animation:threat 1.8s ease-in-out infinite;
z-index:5;
}.radar .safe{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--green);bottom:26%;left:24%;box-shadow:0 0 20px 5px #ffffff22}@keyframes sweep{to{transform:rotate(328deg)}}@keyframes threat{
50%{transform:scale(1.3);box-shadow:0 0 0 8px rgba(229,57,53,.12),0 0 34px 11px rgba(229,57,53,.5) !important}
}}

.audiences{padding:0;border-bottom:1px solid var(--line);background:#080808}.audience-grid{display:grid;grid-template-columns:1fr 1fr}.audience{padding:70px 55px 72px 0;border-right:1px solid var(--line)}.audience-academy{padding:70px 0 72px 55px;border-right:0}.audience h2{font-family:var(--font-serif);font-weight:500;font-size:clamp(30px,3vw,40px);line-height:1.16;letter-spacing:-.8px;margin:16px 0 14px}.audience p{max-width:520px;line-height:1.75}.audience .link{display:inline-block;margin-top:16px;font-weight:700;text-decoration:none}.audience-academy .label{color:#fff}.audience-academy .link{color:#fff}.audience-academy .link:hover{color:var(--blue)}
section{padding:108px 0}.head{max-width:760px;margin-bottom:52px}.head .label,.split .label,.cta .label,.page-hero .label{position:relative;padding-bottom:20px}.head .label:after,.split .label:after,.cta .label:after,.page-hero .label:after{content:"";position:absolute;left:0;bottom:0;width:44px;height:1px;background:#2457D6}.cta .label{display:inline-block}.head h2,.split h2,.cta h2{font-family:var(--font-serif);font-weight:500;font-size:clamp(32px,3.6vw,44px);line-height:1.16;letter-spacing:-1px;margin:0 0 16px}.muted{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{height:100%;background:linear-gradient(145deg,#131313,#0d0d0d);border:1px solid var(--line);border-radius:8px;padding:30px 28px;transition:.25s;box-shadow:0 0 0 transparent}.card:hover{transform:translateY(-3px);border-color:#2457D6;box-shadow:0 16px 45px #0006}.icon{font-size:26px;color:#2457D6;height:38px}.card h3{font-size:18px;font-weight:700;margin:9px 0 9px}.card h3 a{color:inherit;text-decoration:none}.card h3 a:hover{color:#2457D6}.card p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.card .link{display:inline-block;margin-top:16px;font-size:13px;font-weight:700;text-decoration:none}.meta{font-family:var(--font-mono);font-size:12px;color:#777;margin-top:14px}.page-hero .meta{margin-top:14px;color:#999}
.pagination{display:flex;justify-content:center;gap:10px;margin-top:44px;font-family:var(--font-mono);font-size:13px}.pagination a,.pagination span{padding:9px 16px;border:1px solid var(--line);border-radius:5px;color:#ccc;text-decoration:none}.pagination a:hover{border-color:#2457D6;color:#fff}.pagination .current{border-color:#2457D6;color:#2457D6}
.band{background:linear-gradient(110deg,#0b0b0b,#0a0a0a);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.steps{display:grid;gap:12px}.step{padding:17px 20px;border:1px solid var(--line);background:#121212;border-radius:6px}.step b{font-family:var(--font-mono);color:#2457D6;font-size:14px;font-weight:600}.alert{border-color:#243B69;background:linear-gradient(120deg,#09152A,#0e0e0e)}.alert b{color:var(--blue)}
.pills{display:flex;flex-wrap:wrap;gap:12px}.pill{padding:10px 15px;border:1px solid var(--line);background:#111111;border-radius:5px;color:#d5d5d5;font-size:12px;font-family:var(--font-mono);letter-spacing:.2px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{padding:25px;background:#111111;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.stat strong{display:block;font-family:var(--font-serif);font-weight:600;font-size:32px;line-height:1.1;color:#2457D6;margin-bottom:5px}
.cta{text-align:center;background:radial-gradient(circle at 50% 0,#0A1F52,transparent 55%),#081522;border-top:1px solid var(--line)}.cta p{max-width:650px;margin:0 auto}.site-footer{padding:48px 0 22px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;background:#030303}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.footer-grid h4{margin:0 0 10px;color:#fff}.footer-grid a{display:block;margin:6px 0;color:var(--muted);text-decoration:none}.footer-grid a:hover{color:#2457D6}.copyright{margin-top:30px;padding-top:18px;border-top:1px solid #242424;display:flex;justify-content:space-between;gap:15px}
.page-hero{padding:88px 0 56px;background:radial-gradient(circle at 75% 20%,#12365a,transparent 30%);border-bottom:1px solid var(--line)}.page-hero h1{font-family:var(--font-serif);font-weight:500;font-size:clamp(34px,4vw,48px);line-height:1.12;letter-spacing:-.8px;margin:16px 0 12px;max-width:900px}.content{max-width:860px}.content h2{font-family:var(--font-serif);font-weight:500;margin-top:38px}.content h3{margin-top:28px}.content p,.content li{color:#c7c7c7}.content a{color:#2457D6}
.hero-visual-wrap{display:flex;align-items:center;gap:48px}.hero-visual-wrap>div:first-child{flex:1;min-width:280px}.hero-visual-img{max-width:220px;max-height:110px;width:auto;height:auto;border-radius:12px;border:1px solid var(--line)}
.form-notice{padding:14px 18px;border-radius:8px;margin-bottom:24px;font-size:14px;border:1px solid var(--line)}.form-notice.success{border-color:#1e5c33;background:#0A1428;color:#9BB8FF}.form-notice.error{border-color:#243B69;background:#09152A;color:#f5a3a7}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;color:#dddddd;font-weight:750}.field input,.field textarea,.field select{width:100%;background:#071321;border:1px solid #3c3c3c;color:#fff;border-radius:7px;padding:12px 13px;font:inherit}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:#2457D6;box-shadow:0 0 0 3px #2457D612}
.audience-grid{grid-template-columns:1fr}.audience,.audience-academy{padding:48px 0;border-right:0}.audience-academy{border-top:1px solid var(--line)}

@media(max-width:850px){.wrap{width:min(100% - 30px,1180px)}}

/* Semantic headline colors */
.hero h1 .threat-word{color:#2457D6}.hero h1 .future-word{color:#f7f7f7}


/* =========================================================
   GREZITECH MOBILE RESPONSIVE V4
   ========================================================= */

/* Tablets and smaller laptops */
@media (max-width: 1100px){
  .wrap{width:min(100% - 36px,1180px)}
  .hero-copy{width:58%}
  .hero h1{font-size:clamp(46px,6vw,66px)}
  .radar{right:1%;width:min(410px,40vw)}
  
  .cards{gap:14px}
}

/* Tablet */
@media (max-width: 900px){
  .site-header{position:sticky}
  .nav{min-height:68px}
  .menu-toggle{display:block;cursor:pointer}
  nav{position:relative}
  .menu{
    display:none;
    position:absolute;
    top:52px;
    right:0;
    left:auto;
    width:min(310px,calc(100vw - 30px));
    padding:10px;
    background:#080808f7;
    border:1px solid #303030;
    border-radius:10px;
    box-shadow:0 20px 60px #000b;
    flex-direction:column;
    align-items:stretch;
    gap:2px;
  }
  .menu.is-open{display:flex}
  .menu li,.menu a{width:100%;display:block}
  .menu a{padding:12px 13px;border-radius:6px}
  .menu a:hover{background:#151515}
  .menu .contact a{border:0;padding:12px 13px}
  .hero{min-height:760px}
  .hero-copy{width:64%;position:relative}
  .radar{right:-80px;width:430px;opacity:.30}
  
  .cards{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .split{gap:35px}
  .footer-grid{grid-template-columns:1.6fr 1fr 1fr}
}

/* Phones */
@media (max-width: 640px){
  .wrap{width:calc(100% - 30px)}
  .brand{font-size:21px;letter-spacing:1.3px}
  .hero{
    min-height:680px;
    align-items:flex-start;
    padding-top:115px;
  }
  .hero:before{
    background-size:auto,42px 42px,42px 42px;
  }
  .hero-copy{
    width:100%;
    z-index:4;
  }
  .eyebrow,.label{
    font-size:10px;
    letter-spacing:2px;
  }
  .hero h1{
    font-size:clamp(43px,13vw,58px);
    line-height:1.02;
    letter-spacing:-2.4px;
    margin:13px 0 17px;
    max-width:100%;
  }
  .lead{
    font-size:16px;
    line-height:1.65;
    max-width:100%;
  }
  .actions{
    flex-direction:column;
    align-items:stretch;
    width:100%;
    max-width:360px;
    margin-top:24px;
  }
  .btn{
    width:100%;
    min-height:50px;
  }
  .radar{
    width:350px;
    right:-110px;
    top:300px;
    opacity:.65;
  }
  
  section{padding:68px 0}
  .head{margin-bottom:30px}
  .head h2,.split h2,.cta h2{
    font-size:clamp(30px,9vw,39px);
    letter-spacing:-1px;
  }
  .cards,.stats,.split,.footer-grid{
    grid-template-columns:1fr;
  }
  .card{padding:23px}
  .split{gap:32px}
  .step{padding:15px 16px}
  .pills{gap:8px}
  .pill{font-size:12px;padding:8px 11px}
  .page-hero{
    padding:64px 0 40px;
  }
  .page-hero h1{
    font-size:clamp(30px,9vw,40px);
    letter-spacing:-1.2px;
  }
  .form-grid{grid-template-columns:1fr}
  .field.full{grid-column:auto}
  .hero-visual-wrap{flex-direction:column;align-items:flex-start;gap:20px}
  .hero-visual-img{max-width:180px;max-height:90px}
  .site-footer{padding-top:40px}
  .footer-grid{gap:25px}
  .copyright{flex-direction:column;gap:7px}
}

/* Small phones */
@media (max-width: 390px){
  .wrap{width:calc(100% - 24px)}
  .hero{min-height:660px;padding-top:100px}
  .hero h1{
    font-size:42px;
    letter-spacing:-2px;
  }
  .lead{font-size:15px}
  .radar{
    width:300px;
    right:-110px;
    top:280px;
  }
  
  .menu{right:-3px}
}

/* Prevent horizontal overflow from decorative elements */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,iframe{max-width:100%}

/* Contact page */
.contact-section{padding:100px 0}
.contact-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(500px,1.2fr);gap:80px;align-items:start}
.contact-intro{padding-top:5px}
.contact-intro h2{font-family:var(--font-serif);font-weight:500;font-size:clamp(32px,3.2vw,44px);line-height:1.15;letter-spacing:-1px;margin:18px 0 18px}
.contact-intro p{max-width:520px;color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 14px}
.contact-note{display:flex;flex-direction:column;gap:3px;margin-top:34px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:#999}
.contact-note strong{color:#fff;font-size:14px;margin-bottom:4px}
.contact-card{background:#0d0d0d;border:1px solid var(--line);border-radius:10px;padding:32px;box-shadow:0 20px 60px #0004}
.contact-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contact-form .field{display:flex;flex-direction:column;gap:8px}
.contact-form .field.full{grid-column:1/-1}
.contact-form .field label{font-size:12px;color:#ddd;font-weight:700}
.contact-form .optional{color:#777;font-weight:400}
.contact-form input,.contact-form textarea,.contact-form select{
  width:100%;background:#070b10;border:1px solid #30363d;color:#fff;border-radius:5px;padding:13px 14px;
  font:inherit;font-size:14px;line-height:1.5;transition:border-color .2s,box-shadow .2s
}
.contact-form textarea{min-height:155px;resize:vertical}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#626871}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{
  outline:none;border-color:#2457D6;box-shadow:0 0 0 3px #2457D615
}
.contact-form select{appearance:auto}
.contact-submit{border:0;cursor:pointer;margin-top:24px}
.contact-submit span{margin-left:12px;font-size:16px}
@media(max-width:900px){
  .contact-layout{grid-template-columns:1fr;gap:45px}
  .contact-intro p{max-width:700px}
}
@media(max-width:640px){
  .contact-section{padding:68px 0}
  .contact-card{padding:20px}
  .contact-form .form-grid{grid-template-columns:1fr}
  .contact-form .field.full{grid-column:auto}
}
/* v4.28.1: clean radar presentation */
.hero > .radar{right:4%;width:min(430px,38vw);max-width:430px;box-sizing:border-box}
@media (max-width:1100px){.hero > .radar{right:2%;width:min(390px,38vw)}}
@media (max-width:900px){.hero > .radar{right:2%;width:340px;max-width:42vw}}
@media (max-width:640px){.hero > .radar{width:300px;max-width:none;right:-70px;top:280px}}
@media (max-width:390px){.hero > .radar{width:270px;right:-75px;top:280px}}