/*
Theme Name: Z Eye Network Solutions
Theme URI: https://example.com/
Author: Z Eye Network Solutions Pvt Ltd
Author URI: https://example.com/
Description: Premium custom, mobile-first WordPress theme for IT, Networking, E-Security and Automation solutions.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: z-eye
License: GPL-2.0-or-later
*/
:root{
  --primary:#08264a;
  --primary-2:#0b3d73;
  --accent:#f58220;
  --accent-2:#ff9b4a;
  --ink:#132238;
  --muted:#64748b;
  --soft:#f4f7fb;
  --white:#fff;
  --border:#e6ebf2;
  --shadow:0 18px 55px rgba(8,38,74,.10);
  --radius:18px;
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:Inter,Roboto,Arial,sans-serif;line-height:1.7;font-size:16px}
img{max-width:100%;height:auto;display:block}
a{color:var(--primary-2);text-decoration:none}
button,input,textarea,select{font:inherit}
.container{width:min(calc(100% - 32px),var(--container));margin-inline:auto}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.skip-link{position:fixed;top:8px;left:8px;background:#fff;color:#000;padding:8px 12px;z-index:9999;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(230,235,242,.85);transition:.25s}
.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-branding img{max-height:55px;width:auto}
.site-title{font-weight:800;color:var(--primary);font-size:1.15rem}
.nav-toggle{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);background:#fff;border-radius:12px;color:var(--primary);cursor:pointer}
.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{content:"";display:block;width:20px;height:2px;background:currentColor;position:relative;transition:.2s}
.nav-toggle span:before{position:absolute;top:-7px}
.nav-toggle span:after{position:absolute;top:7px}
.main-navigation{display:none}
.main-navigation ul{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:28px}
.main-navigation a{font-weight:600;color:#213047;font-size:.95rem}
.main-navigation a:hover,.main-navigation a:focus{color:var(--accent)}
.header-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff!important;padding:11px 20px;border-radius:999px;box-shadow:0 10px 24px rgba(245,130,32,.24)}
.mobile-menu{display:none;background:#fff;border-top:1px solid var(--border)}
.mobile-menu.is-open{display:block}
.mobile-menu ul{list-style:none;margin:0;padding:10px 16px 18px}
.mobile-menu a{display:block;padding:11px 0;font-weight:700;color:var(--primary)}

.hero{position:relative;overflow:hidden;background:var(--primary);color:#fff}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease,transform 1s ease;transform:scale(1.03)}
.hero-slide.is-active{position:relative;opacity:1;visibility:visible;transform:scale(1)}
.hero-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,22,44,.86),rgba(4,22,44,.48),rgba(4,22,44,.20))}
.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-content{position:relative;z-index:2;min-height:clamp(540px,72vh,760px);display:flex;align-items:center;padding:100px 0 80px}
.hero-copy{max-width:760px}
.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);padding:7px 13px;border-radius:999px;font-size:.82rem;font-weight:700;letter-spacing:.03em}
.hero h1{font-size:clamp(2.3rem,6vw,4.8rem);line-height:1.05;margin:20px 0 18px;letter-spacing:-.045em}
.hero p{font-size:clamp(1rem,2vw,1.2rem);max-width:660px;color:#e9f1fb}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:999px;font-weight:800;border:2px solid transparent;transition:.25s}
.btn-primary{background:var(--accent);color:#fff;box-shadow:0 12px 30px rgba(245,130,32,.28)}
.btn-primary:hover,.btn-primary:focus{background:var(--accent-2);color:#fff;transform:translateY(-2px)}
.btn-light{background:#fff;color:var(--primary)}
.btn-light:hover,.btn-light:focus{transform:translateY(-2px)}
.hero-dots{position:absolute;z-index:3;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.hero-dot{width:9px;height:9px;border:0;border-radius:50%;background:rgba(255,255,255,.45);padding:0;cursor:pointer}
.hero-dot.is-active{width:28px;border-radius:99px;background:#fff}

.section{padding:82px 0}
.section-soft{background:var(--soft)}
.section-heading{max-width:740px;margin:0 auto 45px;text-align:center}
.section-heading .eyebrow{background:#edf4fb;color:var(--primary-2);border:0}
.section-heading h2{font-size:clamp(2rem,4vw,3rem);line-height:1.15;margin:14px 0;color:var(--primary);letter-spacing:-.035em}
.section-heading p{color:var(--muted);margin:0}
.about-grid{display:grid;gap:42px;align-items:center}
.about-visual{position:relative}
.about-main{border-radius:26px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3;object-fit:cover}
.about-badge{position:absolute;right:-5px;bottom:25px;background:#fff;padding:20px;border-radius:18px;box-shadow:var(--shadow);max-width:250px}
.about-badge strong{display:block;color:var(--primary);font-size:1.1rem;line-height:1.3}
.about-badge span{font-size:.85rem;color:var(--muted)}
.about-copy h2{font-size:clamp(2rem,4vw,3rem);line-height:1.15;margin:10px 0 18px;color:var(--primary)}
.about-copy p{color:var(--muted)}
.experience{display:flex;gap:14px;align-items:flex-start;margin:24px 0;padding:18px;background:var(--soft);border-left:4px solid var(--accent);border-radius:12px}
.experience strong{display:block;color:var(--primary)}
.direct-call{display:flex;align-items:center;gap:13px;margin:24px 0}
.call-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#fff1e7;color:var(--accent);font-size:1.25rem}
.direct-call small{display:block;color:var(--muted)}
.direct-call a{font-weight:800;color:var(--primary)}

.services-grid{display:grid;grid-template-columns:1fr;gap:18px}
.service-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.service-card:hover,.service-card:focus-within{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#d4dfed}
.service-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:#edf4fb;color:var(--primary-2);font-size:1.45rem;margin-bottom:20px}
.service-card h3{margin:0 0 10px;color:var(--primary);font-size:1.18rem}
.service-card p{margin:0 0 16px;color:var(--muted);font-size:.94rem}
.text-link{font-weight:800;color:var(--accent)}
.text-link:hover{color:var(--primary)}

.cta-banner{position:relative;overflow:hidden;background:var(--primary);color:#fff}
.cta-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(8,38,74,.98),rgba(11,61,115,.9))}
.cta-inner{position:relative;display:flex;flex-direction:column;gap:22px;align-items:flex-start;padding:65px 0}
.cta-inner h2{margin:0;font-size:clamp(1.9rem,4vw,3.2rem);line-height:1.1}
.cta-inner p{margin:0;color:#dbe8f7;max-width:650px}

.logo-strip{overflow:hidden}
.logo-track{display:flex;width:max-content;gap:18px;animation:marquee 28s linear infinite}
.logo-strip:hover .logo-track{animation-play-state:paused}
.logo-item{width:170px;height:92px;border:1px solid var(--border);background:#fff;border-radius:16px;display:grid;place-items:center;padding:18px;flex:0 0 auto}
.logo-item img{max-height:50px;width:auto;filter:grayscale(1);opacity:.65;transition:.25s}
.logo-item:hover img,.logo-item:focus-within img{filter:grayscale(0);opacity:1;transform:scale(1.04)}
@keyframes marquee{to{transform:translateX(-50%)}}

.site-footer{background:#061d39;color:#cbd8e8}
.footer-main{padding:65px 0 40px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1.4fr;gap:35px}
.site-footer h3{color:#fff;font-size:1rem;margin:0 0 18px}
.site-footer p{color:#aebed1}
.footer-links{list-style:none;margin:0;padding:0}
.footer-links li{margin:8px 0}
.footer-links a{color:#cbd8e8}
.footer-links a:hover{color:#fff}
.socials{display:flex;gap:9px;margin-top:20px}
.socials a{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;color:#fff}
.newsletter-form{display:flex;gap:8px;margin-top:14px}
.newsletter-form input{min-width:0;flex:1;background:#fff;border:0;border-radius:10px;padding:11px 13px}
.newsletter-form button{border:0;background:var(--accent);color:#fff;font-weight:800;padding:0 15px;border-radius:10px;cursor:pointer}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:18px 0}
.footer-bottom-inner{display:flex;gap:15px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.footer-bottom a{color:#dce7f3}

.page-hero{background:linear-gradient(120deg,var(--primary),var(--primary-2));color:#fff;padding:90px 0}
.page-hero h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.08;margin:0 0 10px}
.page-hero p{margin:0;color:#dbe8f7;max-width:720px}
.content-area{padding:70px 0}
.entry-content{max-width:850px}
.entry-content h2,.entry-content h3{color:var(--primary);line-height:1.2}
.entry-content p,.entry-content li{color:#526176}
.contact-grid{display:grid;gap:25px}
.contact-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:26px;box-shadow:0 10px 35px rgba(8,38,74,.06)}
.contact-card h2{color:var(--primary);margin-top:0}
.contact-list{list-style:none;padding:0;margin:0}
.contact-list li{margin:12px 0}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid #d9e1eb;border-radius:10px;padding:12px 14px;background:#fff}
.contact-form textarea{min-height:150px}
.contact-form p{margin:0 0 14px}
.map-wrap iframe{width:100%;min-height:380px;border:0;border-radius:18px}
.fade-up{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.fade-up.is-visible{opacity:1;transform:none}
@media (min-width:700px){
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .contact-grid{grid-template-columns:1fr 1fr}
}
@media (min-width:900px){
  .nav-toggle{display:none}
  .main-navigation{display:block}
  .mobile-menu{display:none!important}
  .about-grid{grid-template-columns:1fr 1fr}
  .services-grid{grid-template-columns:repeat(3,1fr)}
  .cta-inner{flex-direction:row;align-items:center;justify-content:space-between}
}
@media (max-width:899px){
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:599px){
  .container{width:min(calc(100% - 24px),var(--container))}
  .section{padding:62px 0}
  .header-inner{min-height:68px}
  .site-branding img{max-height:46px}
  .footer-grid{grid-template-columns:1fr}
  .newsletter-form{flex-direction:column}
  .newsletter-form button{padding:12px}
  .hero-content{min-height:590px}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}