/*
Theme Name: AWEBZONE Future
Theme URI: https://awebzone.com/
Author: AWEBZONE
Description: AWEBZONE futuristic, client-first digital marketing agency and Surat training WordPress theme.
Version: 2.0.0
*/
:root{--black:#07100b;--black2:#0d1a12;--green:#9cffc0;--green2:#55e99a;--mint:#e9fff1;--white:#fff;--ink:#101713;--muted:#607066;--line:#dce8e0;--soft:#f6faf8;--shadow:0 24px 80px rgba(6,20,12,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1180px,92vw);margin:auto}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-wrap{min-height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:-.05em}.brand-icon{width:35px;height:35px;border-radius:10px;background:var(--black);color:var(--green);display:grid;place-items:center;font-weight:1000;box-shadow:0 0 25px rgba(85,233,154,.22)}.nav{margin-left:auto;display:flex;align-items:center;gap:3px}.nav a{font-size:.82rem;font-weight:800;padding:10px 11px;border-radius:10px}.nav a:hover{background:var(--mint)}.nav .training{background:var(--black);color:var(--green)}.nav .contact{border:1px solid var(--line)}.menu{display:none;margin-left:auto;border:0;border-radius:10px;background:var(--black);color:var(--green);padding:10px 13px;font-weight:900}
.hero{position:relative;overflow:hidden;background:var(--black);color:var(--white)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(156,255,192,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(156,255,192,.07) 1px,transparent 1px);background-size:48px 48px;animation:gridMove 14s linear infinite;mask-image:linear-gradient(#000,transparent 90%)}.hero:after{content:"";position:absolute;width:650px;height:650px;right:-180px;top:-250px;border-radius:50%;background:radial-gradient(circle,rgba(85,233,154,.22),transparent 68%);filter:blur(15px)}.hero-inner{position:relative;z-index:2;min-height:650px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;padding:80px 0}.eyebrow{font-size:.72rem;font-weight:950;letter-spacing:.18em;color:var(--green2);text-transform:uppercase}.hero h1{font-size:clamp(3.4rem,7vw,6.8rem);line-height:.88;letter-spacing:-.075em;margin:18px 0 28px;max-width:820px}.hero h1 em{font-style:normal;color:var(--green)}.hero p{font-size:1.08rem;line-height:1.75;color:#b7c7bd;max-width:680px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--green2);background:var(--green);color:#061009;padding:14px 20px;border-radius:999px;font-weight:950;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(85,233,154,.22)}.btn.dark{background:transparent;color:white;border-color:rgba(156,255,192,.35)}
.orbit{position:relative;width:min(470px,80vw);aspect-ratio:1;border:1px solid rgba(156,255,192,.22);border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 100px rgba(85,233,154,.06),0 0 100px rgba(85,233,154,.08);animation:float 7s ease-in-out infinite}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid rgba(156,255,192,.18);border-radius:50%;inset:12%;transform:rotate(35deg)}.orbit:after{inset:26%;transform:rotate(-55deg)}.core{width:32%;aspect-ratio:1;border-radius:28%;background:linear-gradient(145deg,#cffff0,#45d97f);display:grid;place-items:center;color:#061009;font-weight:1000;box-shadow:0 0 70px rgba(85,233,154,.45);animation:pulse 2.8s ease-in-out infinite}.node{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 24px var(--green);animation:node 2.3s ease-in-out infinite}.n1{top:13%;left:24%}.n2{right:10%;top:44%;animation-delay:.7s}.n3{bottom:13%;left:34%;animation-delay:1.2s}
.section{padding:96px 0}.section.soft{background:var(--soft)}.section.dark{background:var(--black);color:white}.section h2{font-size:clamp(2.4rem,5vw,4.8rem);line-height:.92;letter-spacing:-.065em;margin:12px 0 20px;max-width:820px}.lead{max-width:700px;color:var(--muted);font-size:1.05rem;line-height:1.8}.dark .lead,.dark .card p{color:#a9b8af}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.card{position:relative;padding:28px;border:1px solid var(--line);border-radius:22px;background:white;box-shadow:var(--shadow);overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}.card:after{content:"";position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 42%,rgba(156,255,192,.22) 50%,transparent 58%);transform:translateX(-55%) rotate(8deg);transition:transform .8s}.card:hover{transform:translateY(-7px);box-shadow:0 30px 80px rgba(6,20,12,.15);border-color:#9fe7ba}.card:hover:after{transform:translateX(55%) rotate(8deg)}.dark .card{background:#0e1912;border-color:rgba(156,255,192,.13);box-shadow:none}.num{font-size:.72rem;font-weight:950;letter-spacing:.14em;color:#21a85b}.card h3{font-size:1.35rem;margin:22px 0 10px}.card p{color:var(--muted);line-height:1.7}.link{display:inline-flex;margin-top:15px;font-weight:900;color:#148a4b}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:35px;border:1px solid rgba(156,255,192,.15);background:rgba(156,255,192,.15)}.metric{padding:28px;background:var(--black2)}.metric strong{display:block;color:var(--green);font-size:3rem;letter-spacing:-.07em}.metric span{color:#95a79c;font-size:.85rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.cta{padding:55px;border-radius:28px;background:linear-gradient(120deg,#0a1710,#12251a);position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:500px;height:500px;right:-250px;top:-250px;border-radius:50%;background:rgba(85,233,154,.15);filter:blur(12px)}.footer{background:#030704;color:#9aaca0;padding:55px 0}.footer strong{color:white}.wa{position:fixed;right:20px;bottom:20px;z-index:1100;background:#19b85b;color:white;padding:13px 18px;border-radius:999px;font-weight:950;box-shadow:0 15px 35px rgba(0,0,0,.22);animation:waPulse 2.4s infinite}.reveal{opacity:0;transform:translateY(28px);transition:.7s ease}.reveal.show{opacity:1;transform:none}
@keyframes gridMove{to{background-position:48px 48px}}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes pulse{50%{box-shadow:0 0 85px rgba(85,233,154,.65)}}@keyframes node{50%{transform:scale(1.45);opacity:1}}@keyframes waPulse{0%,100%{box-shadow:0 15px 35px rgba(0,0,0,.22)}50%{box-shadow:0 15px 35px rgba(25,184,91,.38),0 0 0 8px rgba(25,184,91,.08)}}
@media(max-width:1050px){.nav{display:none}.menu{display:block}.nav.open{display:flex;position:absolute;left:4vw;right:4vw;top:68px;background:white;border:1px solid var(--line);padding:10px;border-radius:18px;box-shadow:0 25px 70px rgba(0,0,0,.15);flex-direction:column;align-items:stretch}.nav.open a{padding:13px}.hero-inner{grid-template-columns:1fr}.orbit{margin:auto}.grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.nav-wrap{min-height:66px}.hero-inner{min-height:auto;padding:70px 0 85px}.hero h1{font-size:clamp(3.2rem,16vw,5rem)}.grid,.metrics,.split{grid-template-columns:1fr}.section{padding:70px 0}.wa{right:13px;bottom:13px;font-size:.82rem;padding:12px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero:before,.orbit,.core,.node,.waPulse{animation:none}.reveal{opacity:1;transform:none;transition:none}.card,.btn{transition:none}}

/* AWEBZONE UNIVERSAL ANIME-TECH GLASS SYSTEM */
:root{
 --glass:rgba(255,255,255,.58);
 --glass-dark:rgba(10,18,13,.58);
 --glass-line:rgba(156,255,192,.28);
 --neon:#9cffc0;
 --neon2:#55e99a;
}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:
 radial-gradient(circle at 10% 15%,rgba(85,233,154,.08),transparent 24%),
 radial-gradient(circle at 88% 72%,rgba(156,255,192,.08),transparent 22%);}
.page-masthead{position:relative;overflow:hidden;background:
 linear-gradient(120deg,#06100a 0%,#0a1710 52%,#07100b 100%);color:#fff;border-bottom:1px solid rgba(156,255,192,.16)}
.page-masthead:before{content:"";position:absolute;inset:0;background-image:
 linear-gradient(rgba(156,255,192,.055) 1px,transparent 1px),
 linear-gradient(90deg,rgba(156,255,192,.055) 1px,transparent 1px);
 background-size:42px 42px;animation:azGrid 16s linear infinite;mask-image:linear-gradient(#000,transparent 92%)}
.page-masthead:after{content:"";position:absolute;width:520px;height:520px;right:-150px;top:-220px;border-radius:50%;
 background:radial-gradient(circle,rgba(85,233,154,.25),transparent 65%);filter:blur(20px);animation:azBreath 5s ease-in-out infinite}
.page-masthead-inner{min-height:410px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;padding:58px 0;position:relative;z-index:2}
.masthead-copy h1{font-size:clamp(2.7rem,5.4vw,5.4rem);line-height:.92;letter-spacing:-.065em;margin:16px 0 20px;max-width:850px}
.masthead-copy p{max-width:700px;color:#b8c8be;line-height:1.75;font-size:1.05rem}
.page-masthead .actions{margin-top:26px}
.glass-visual{height:330px;position:relative;display:grid;place-items:center}
.glass-ring{position:absolute;border:1px solid rgba(156,255,192,.28);border-radius:50%;box-shadow:0 0 50px rgba(85,233,154,.08),inset 0 0 40px rgba(85,233,154,.06);backdrop-filter:blur(4px)}
.ring-1{width:285px;height:285px;animation:azSpin 18s linear infinite}
.ring-2{width:190px;height:190px;animation:azSpinReverse 12s linear infinite}
.glass-orb{width:120px;height:120px;border-radius:32%;display:grid;place-items:center;
 background:linear-gradient(145deg,rgba(207,255,240,.92),rgba(69,217,127,.66));
 border:1px solid rgba(255,255,255,.7);box-shadow:0 0 70px rgba(85,233,154,.34),inset 0 1px 18px rgba(255,255,255,.65);
 transform:rotate(45deg);animation:azFloat 5s ease-in-out infinite}
.glass-orb span{transform:rotate(-45deg);font-weight:1000;color:#061009;letter-spacing:.08em}
.glass-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--neon);box-shadow:0 0 24px var(--neon);animation:azDot 2.4s ease-in-out infinite}
.gd1{top:17%;left:25%}.gd2{right:14%;top:48%;animation-delay:.7s}.gd3{bottom:16%;left:33%;animation-delay:1.3s}
.section:not(.dark) .card{background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(244,255,249,.52));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:rgba(12,28,18,.10)}
.section.dark .card{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(156,255,192,.035));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:rgba(156,255,192,.16)}
.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.25),transparent 32%,transparent 70%,rgba(156,255,192,.06));pointer-events:none}
.card:hover{transform:translateY(-9px) scale(1.012);box-shadow:0 28px 70px rgba(7,24,14,.15);border-color:rgba(85,233,154,.38)}
.section.dark .card:hover{box-shadow:0 28px 70px rgba(0,0,0,.28)}
.btn{box-shadow:0 0 0 rgba(85,233,154,0);position:relative}
.btn:before{content:"";position:absolute;inset:-2px;border-radius:inherit;border:1px solid rgba(156,255,192,.35);opacity:0;transform:scale(.94);transition:.3s}
.btn:hover:before{opacity:1;transform:scale(1.08)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.2,1)}
.reveal.is-visible{opacity:1;transform:none}
.grid .card{animation:azCardIn .7s both;animation-delay:calc(var(--i,0) * 80ms)}
.grid .card:nth-child(2){--i:1}.grid .card:nth-child(3){--i:2}.grid .card:nth-child(4){--i:3}.grid .card:nth-child(5){--i:4}.grid .card:nth-child(6){--i:5}.grid .card:nth-child(7){--i:6}.grid .card:nth-child(8){--i:7}
@keyframes azGrid{to{background-position:42px 42px,42px 42px}}
@keyframes azBreath{0%,100%{transform:scale(.92);opacity:.6}50%{transform:scale(1.08);opacity:1}}
@keyframes azSpin{to{transform:rotate(360deg)}}
@keyframes azSpinReverse{to{transform:rotate(-360deg)}}
@keyframes azFloat{0%,100%{transform:rotate(45deg) translateY(0)}50%{transform:rotate(49deg) translateY(-12px)}}
@keyframes azDot{0%,100%{transform:scale(.75);opacity:.55}50%{transform:scale(1.4);opacity:1}}
@keyframes azCardIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:900px){
 .page-masthead-inner{grid-template-columns:1fr;min-height:auto;padding:54px 0 46px}
 .glass-visual{height:220px;max-width:420px;margin:auto;width:100%}
 .ring-1{width:200px;height:200px}.ring-2{width:135px;height:135px}.glass-orb{width:88px;height:88px}
}
@media(prefers-reduced-motion:reduce){
 .page-masthead:before,.page-masthead:after,.glass-ring,.glass-orb,.glass-dot,.grid .card{animation:none!important}
 .reveal{opacity:1;transform:none;transition:none}
}

.glass-panel{padding:34px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(156,255,192,.16));border:1px solid rgba(85,233,154,.28);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 25px 80px rgba(7,30,17,.12);position:relative;overflow:hidden}
.glass-panel:after{content:"";position:absolute;width:180px;height:180px;right:-80px;top:-80px;border-radius:50%;background:rgba(85,233,154,.16);filter:blur(18px)}
.dark .glass-panel{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(156,255,192,.05));color:#fff}
.client-benefits{padding-top:25px}

.nav-services{position:relative}.nav-services>a{display:flex;align-items:center;gap:5px}.nav-caret{font-size:.8em;opacity:.65}
.service-menu{position:absolute;top:calc(100% + 10px);left:-10px;width:300px;padding:10px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.96);backdrop-filter:blur(20px);box-shadow:0 25px 70px rgba(0,0,0,.14);opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s ease}
.nav-services:hover .service-menu,.nav-services:focus-within .service-menu{opacity:1;visibility:visible;transform:none}.service-menu a{display:block!important;padding:11px 12px!important;border-radius:10px}.service-menu a:hover{background:var(--mint)}
.trust-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px;color:#9fb2a6;font-size:.78rem;font-weight:800}.trust-row span{padding:7px 10px;border:1px solid rgba(156,255,192,.15);border-radius:999px;background:rgba(255,255,255,.035)}
.center-cta{text-align:center;margin-top:35px}.small-note{color:#819289;font-size:.78rem;line-height:1.6;margin-top:20px;max-width:850px}.footer-grid{display:grid;grid-template-columns:1.6fr .8fr .8fr 1fr;gap:40px}.footer-grid>div{display:flex;flex-direction:column;gap:9px}.footer-grid p{line-height:1.7;margin:6px 0}.footer-grid a{color:#b9c8bf}.footer-grid a:hover{color:var(--green)}.footer-label{font-size:.7rem;letter-spacing:.15em;color:var(--green);font-weight:950}.footer-bottom{border-top:1px solid rgba(156,255,192,.1);margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:.75rem}
.faq-list{max-width:900px;margin:auto}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-q{width:100%;border:0;background:none;padding:22px 0;display:flex;justify-content:space-between;text-align:left;font:inherit;font-weight:900;font-size:1.05rem;cursor:pointer;color:var(--ink)}.faq-q span{color:#21a85b;font-size:1.4rem}.faq-a{display:grid;grid-template-rows:0fr;transition:.3s ease}.faq-a p{overflow:hidden;margin:0;color:var(--muted);line-height:1.75}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-item.open .faq-q span{transform:rotate(45deg)}
.az-form{display:grid;gap:15px}.az-form label{font-size:.78rem;font-weight:900;letter-spacing:.02em}.az-form input,.az-form select,.az-form textarea{display:block;width:100%;margin-top:7px;border:1px solid rgba(12,28,18,.14);background:rgba(255,255,255,.7);border-radius:14px;padding:13px 14px;font:inherit;outline:none}.az-form input:focus,.az-form select:focus,.az-form textarea:focus{border-color:#55e99a;box-shadow:0 0 0 4px rgba(85,233,154,.1)}.success{padding:13px 15px;border-radius:14px;background:#e8fff0;border:1px solid #a9e8bf;color:#16703b;margin-bottom:18px;font-weight:800}.contact-details{display:grid;gap:14px;margin-top:25px}
@media(max-width:1050px){.nav-services{width:100%}.service-menu{position:static;width:100%;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;margin:4px 0 5px}.nav-services.open .service-menu{display:block}.nav-services>a{justify-content:space-between}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.trust-row{font-size:.72rem}.service-menu a{font-size:.82rem!important}}

.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}