/*
Theme Name: Vova Quest
Theme URI: https://vovaquest.com
Author: Vova Quest
Description: Minimal, elegant business theme for Vova Quest — network infrastructure, hosting, and voice services.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: vova-quest
*/

:root{
  --vq-teal:#1fb0a6;
  --vq-green:#7ed957;
  --vq-navy:#0b2530;
  --vq-navy-2:#123a3d;
  --vq-ink:#0b2530;
  --vq-body:#5a7278;
  --vq-muted:#75898f;
  --vq-line:#eef2f2;
  --vq-bg-soft:#f7fbfa;
  --vq-grad: linear-gradient(135deg,var(--vq-teal),var(--vq-green));
}

*{box-sizing:border-box;}
body{margin:0; font-family:'Inter',sans-serif; color:var(--vq-ink); background:#fff; overflow-x:hidden;}
h1,h2,h3{font-family:'Poppins',sans-serif; margin:0; text-transform:uppercase;}
a{color:var(--vq-teal); text-decoration:none;}
a:hover{color:#0f6b65;}
img{max-width:100%; display:block;}
::selection{background:#bfe9c8;}
.vq-wrap{width:100%;}

/* NAV */
.vq-nav{display:flex; align-items:center; justify-content:space-between; padding:20px 64px; border-bottom:1px solid var(--vq-line); position:sticky; top:0; background:rgba(255,255,255,.92); backdrop-filter:blur(8px); z-index:50;}
.vq-nav .vq-logo img{height:40px; width:auto;}
.vq-menu{display:flex; align-items:center; gap:40px; list-style:none; margin:0; padding:0;}
.vq-menu li a{font-family:'Poppins',sans-serif; font-weight:600; font-size:15px; color:var(--vq-ink); text-transform:uppercase;}
.vq-nav-cta{display:flex; align-items:center; gap:16px;}
.vq-btn{font-family:'Poppins',sans-serif; font-weight:700; font-size:14px; color:#fff; background:var(--vq-grad); padding:12px 24px; border-radius:8px; box-shadow:0 8px 20px -8px rgba(31,176,166,.5); display:inline-block;}
.vq-btn:hover{color:#fff; opacity:.92;}

/* HERO */
.vq-hero{position:relative; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:24px; padding:96px 64px 100px; background:radial-gradient(circle at 85% 15%, rgba(126,217,87,.10), transparent 45%), radial-gradient(circle at 10% 90%, rgba(31,176,166,.08), transparent 45%);}
.vq-eyebrow{display:inline-flex; align-items:center; gap:8px; padding:8px 16px; border-radius:999px; background:#eafaf3; border:1px solid #cdeedc; font-size:13px; font-weight:600; color:#1a8f56; font-family:'Poppins',sans-serif; margin-bottom:28px;}
.vq-hero h1{font-weight:800; font-size:56px; line-height:1.08; letter-spacing:-.02em; margin:0 0 24px;}
.vq-hero p{font-size:18px; line-height:1.7; color:var(--vq-body); max-width:520px; margin:0 0 36px;}
.vq-hero-actions{display:flex; gap:16px; align-items:center;}
.vq-link-underline{font-family:'Poppins',sans-serif; font-weight:700; font-size:16px; color:var(--vq-ink); padding:16px 8px; border-bottom:2px solid var(--vq-ink);}
.vq-stats{display:flex; gap:40px; margin-top:56px;}
.vq-stat b{font-family:'Poppins',sans-serif; font-weight:800; font-size:30px; display:block;}
.vq-stat span{font-size:13px; color:var(--vq-muted);}
.vq-hero-card{position:relative; width:440px; max-width:100%; border-radius:20px; background:var(--vq-navy); box-shadow:0 40px 80px -30px rgba(11,37,48,.4); padding:28px;}
.vq-hero-visual{display:flex; align-items:center; justify-content:center;}
.vq-dots{display:flex; gap:8px; margin-bottom:16px;}
.vq-dots span{width:10px; height:10px; border-radius:50%; display:block;}
.vq-status{border-radius:12px; background:rgba(255,255,255,.04); padding:20px;}
.vq-status-row{display:flex; justify-content:space-between; font-size:13px; color:#c7d6d8; margin-bottom:6px;}
.vq-bar{height:6px; border-radius:3px; background:rgba(255,255,255,.08); margin-bottom:14px;}
.vq-bar i{display:block; height:100%; border-radius:3px; background:var(--vq-grad);}

/* HERO ANIMATION */
.vq-hero-visual{position:relative;}
.vq-hero-orbit{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; pointer-events:none;}
.vq-ring{position:absolute; border-radius:50%; border:1px solid rgba(31,176,166,.3);}
.vq-ring-1{width:340px; height:340px; animation:vq-spin 18s linear infinite;}
.vq-ring-2{width:420px; height:420px; border-color:rgba(126,217,87,.22); animation:vq-spin 26s linear infinite reverse;}
.vq-ring-3{width:500px; height:500px; border-color:rgba(31,176,166,.14); animation:vq-spin 34s linear infinite;}
@keyframes vq-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.vq-hero-card{animation:vq-float 5s ease-in-out infinite;}
@keyframes vq-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
.vq-live-dot{animation:vq-pulse 1.6s ease-in-out infinite;}
@keyframes vq-pulse{0%,100%{opacity:1;}50%{opacity:.4;}}
.vq-bar-anim{animation:vq-fill 2.4s ease-in-out infinite alternate;}
.vq-bar-anim-2{animation-delay:.4s;}
@keyframes vq-fill{from{filter:brightness(.85);}to{filter:brightness(1.25);}}
.vq-waveform{display:flex; align-items:flex-end; gap:4px; height:32px; margin-top:16px;}
.vq-waveform span{flex:1; background:var(--vq-grad); border-radius:2px; animation:vq-wave 1.2s ease-in-out infinite;}
.vq-waveform span:nth-child(1){height:40%; animation-delay:0s;}
.vq-waveform span:nth-child(2){height:70%; animation-delay:.1s;}
.vq-waveform span:nth-child(3){height:100%; animation-delay:.2s;}
.vq-waveform span:nth-child(4){height:55%; animation-delay:.3s;}
.vq-waveform span:nth-child(5){height:85%; animation-delay:.4s;}
.vq-waveform span:nth-child(6){height:35%; animation-delay:.5s;}
.vq-waveform span:nth-child(7){height:90%; animation-delay:.6s;}
.vq-waveform span:nth-child(8){height:50%; animation-delay:.7s;}
.vq-waveform span:nth-child(9){height:75%; animation-delay:.8s;}
.vq-waveform span:nth-child(10){height:45%; animation-delay:.9s;}
@keyframes vq-wave{0%,100%{transform:scaleY(.5);}50%{transform:scaleY(1);}}

/* LOGO STRIP */
.vq-logostrip{padding:32px 64px; border-top:1px solid var(--vq-line); border-bottom:1px solid var(--vq-line); display:flex; align-items:center; justify-content:center; gap:64px; opacity:.55; flex-wrap:wrap;}
.vq-logostrip span{font-weight:700; color:#4a6169;}

/* SECTION HEADS */
.vq-section{padding:120px 64px;}
.vq-section-head{text-align:center; max-width:640px; margin:0 auto 64px;}
.vq-eyebrow2{font-family:'Poppins',sans-serif; font-weight:700; font-size:13px; letter-spacing:.1em; color:#1a8f88; margin-bottom:16px;}
.vq-section-head h2{font-weight:800; font-size:38px; line-height:1.2; margin:0 0 16px;}
.vq-section-head p{color:var(--vq-body); font-size:17px; line-height:1.6; margin:0;}

/* SERVICES */
.vq-services-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px; max-width:1200px; margin:0 auto;}
.vq-card{background:#fff; border:1px solid var(--vq-line); border-radius:16px; padding:36px; box-shadow:0 4px 20px -12px rgba(11,37,48,.08);}
.vq-icon{width:52px; height:52px; border-radius:12px; background:var(--vq-grad); margin-bottom:24px; display:flex; align-items:center; justify-content:center;}
.vq-card h3{font-weight:700; font-size:19px; margin:0 0 12px;}
.vq-card p{color:var(--vq-body); font-size:15px; line-height:1.65; margin:0;}

/* ABOUT */
.vq-about{display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:64px; padding:120px 64px;}
.vq-about-media{border-radius:20px; height:420px; overflow:hidden; background:var(--vq-navy);}
.vq-about-media img{width:100%; height:100%; object-fit:cover;}
.vq-about h2{font-weight:800; font-size:34px; line-height:1.25; margin:0 0 20px;}
.vq-about p{color:var(--vq-body); font-size:16px; line-height:1.75; margin:0 0 20px;}
.vq-checks{display:flex; gap:32px; flex-wrap:wrap;}
.vq-check{display:flex; align-items:center; gap:12px; font-size:15px; font-weight:600;}
.vq-check i{width:10px; height:10px; border-radius:50%; background:var(--vq-green); display:block;}

/* PRICING */
.vq-pricing{padding:120px 64px; background:var(--vq-navy);}
.vq-pricing .vq-section-head h2{color:#fff;}
.vq-pricing .vq-section-head p{color:#9db3b8;}
.vq-pricing .vq-eyebrow2{color:var(--vq-green);}
.vq-price-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px; max-width:1100px; margin:0 auto;}
.vq-plan{background:#12333a; border:1px solid #1e454c; border-radius:18px; padding:40px;}
.vq-plan h3{color:#fff; font-weight:700; font-size:18px; margin:0 0 8px;}
.vq-plan .vq-plan-sub{color:#9db3b8; font-size:14px; margin:0 0 24px;}
.vq-plan .vq-price{font-family:'Poppins',sans-serif; font-weight:800; font-size:42px; color:#fff; margin-bottom:24px;}
.vq-plan .vq-price small{font-size:16px; color:#9db3b8; font-weight:500;}
.vq-plan ul{list-style:none; margin:0 0 32px; padding:0; display:flex; flex-direction:column; gap:14px;}
.vq-plan li{color:#c7d6d8; font-size:14px;}
.vq-plan-btn{display:block; text-align:center; padding:14px; border-radius:10px; border:1px solid #2b5a61; color:#fff; font-family:'Poppins',sans-serif; font-weight:600; font-size:15px;}
.vq-plan-btn:hover{color:#fff;}
.vq-plan.vq-featured{background:linear-gradient(160deg,var(--vq-teal),#189b8f); position:relative; transform:translateY(-12px); box-shadow:0 30px 60px -20px rgba(31,176,166,.5); border:none;}
.vq-featured-badge{position:absolute; top:-14px; right:32px; background:var(--vq-green); color:var(--vq-navy); font-size:12px; font-weight:700; padding:6px 14px; border-radius:999px; font-family:'Poppins',sans-serif;}
.vq-featured .vq-plan-sub{color:#dff5f0;}
.vq-featured li{color:#fff;}
.vq-featured .vq-plan-btn{background:#fff; color:#0b8f80; border:none;}

/* TESTIMONIAL */
.vq-testimonial{padding:100px 64px; text-align:center; max-width:800px; margin:0 auto;}
.vq-quote-mark{font-size:56px; font-family:'Poppins',sans-serif; color:#cdeedc; line-height:1; margin-bottom:16px;}
.vq-testimonial blockquote{font-family:'Poppins',sans-serif; font-weight:600; font-size:26px; line-height:1.5; margin:0 0 28px;}
.vq-testimonial cite{font-style:normal; font-weight:700; display:block;}
.vq-testimonial .vq-role{font-size:14px; color:var(--vq-muted);}

/* BLOG */
.vq-blog{padding:0 64px 120px;}
.vq-blog-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px; max-width:1200px; margin:0 auto;}
.vq-post{border-radius:16px; overflow:hidden; border:1px solid var(--vq-line);}
.vq-post-thumb{height:180px; background:var(--vq-grad); overflow:hidden;}
.vq-post-thumb img{width:100%; height:100%; object-fit:cover;}
.vq-post-body{padding:24px;}
.vq-post-cat{font-size:13px; color:#1a8f88; font-weight:700; margin-bottom:10px; text-transform:uppercase;}
.vq-post-body h3{font-weight:700; font-size:17px; margin:0 0 10px;}
.vq-post-body p{color:var(--vq-body); font-size:14px; margin:0;}

/* CTA */
.vq-cta{margin:0 64px 120px; border-radius:24px; background:var(--vq-grad); padding:72px; display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap;}
.vq-cta h2{font-weight:800; font-size:32px; color:#fff; margin:0 0 12px;}
.vq-cta p{color:#eafaf3; font-size:16px; margin:0; max-width:460px;}
.vq-cta-btn{flex-shrink:0; font-family:'Poppins',sans-serif; font-weight:700; font-size:16px; color:#0b8f80; background:#fff; padding:18px 36px; border-radius:10px;}
.vq-cta-btn:hover{color:#0b8f80;}

/* FOOTER */
.vq-footer{background:var(--vq-navy); padding:64px; display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px;}
.vq-footer img{height:36px; margin-bottom:16px; filter:brightness(1.1);}
.vq-footer p{color:#8ba3a8; font-size:14px; line-height:1.7; max-width:280px;}
.vq-fcol-title{font-family:'Poppins',sans-serif; font-weight:700; font-size:14px; color:#fff; margin-bottom:18px;}
.vq-fcol ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px;}
.vq-fcol a{color:#8ba3a8; font-size:14px;}
.vq-fbottom{grid-column:1/-1; border-top:1px solid #1e454c; padding-top:24px; display:flex; justify-content:space-between; color:#5f7d83; font-size:13px; flex-wrap:wrap; gap:8px;}

/* GENERIC PAGE (About/Services/Pricing/Contact fallback content) */
.vq-page-header{padding:80px 64px 40px; text-align:center;}
.vq-page-header h1{font-weight:800; font-size:44px; margin:0 0 16px;}
.vq-page-content{padding:0 64px 100px; max-width:860px; margin:0 auto; font-size:17px; line-height:1.8; color:var(--vq-body);}
.vq-page-content h2{font-size:28px; color:var(--vq-ink); margin:40px 0 16px;}

/* SUBPAGE HERO (Services/Pricing/Contact/Features) */
.vq-subhero{background:var(--vq-navy); padding:80px 64px; text-align:center; position:relative; overflow:hidden;}
.vq-subhero::before{content:""; position:absolute; inset:0; background:radial-gradient(circle at 85% 20%, rgba(126,217,87,.14), transparent 45%), radial-gradient(circle at 10% 90%, rgba(31,176,166,.14), transparent 45%);}
.vq-subhero-inner{position:relative;}
.vq-subhero .vq-eyebrow2{color:var(--vq-green); font-size:22px; margin-bottom:12px;}
.vq-subhero h1{color:#fff; font-weight:700; font-size:26px; margin:0 0 16px;}
.vq-subhero p{color:#9db3b8; font-size:17px; max-width:560px; margin:0 auto; line-height:1.6;}

/* SERVICES PAGE GRID (9 items) */
.vq-services-grid-9{display:grid; grid-template-columns:repeat(3,1fr); gap:28px; max-width:1200px; margin:0 auto;}

/* PRICING PAGE — usage plan */
.vq-usage-card{max-width:640px; margin:0 auto; background:#12333a; border:1px solid #1e454c; border-radius:20px; padding:48px;}
.vq-usage-card h3{color:#fff; font-weight:700; font-size:22px; margin:0 0 8px;}
.vq-usage-card .vq-usage-sub{color:#9db3b8; font-size:14px; margin:0 0 28px;}
.vq-usage-list{list-style:none; margin:0 0 32px; padding:0; display:flex; flex-direction:column; gap:16px;}
.vq-usage-list li{color:#dbe8e9; font-size:15px; display:flex; gap:12px; align-items:flex-start;}
.vq-usage-list li i{color:var(--vq-green); font-style:normal;}
.vq-payment-methods{display:flex; gap:12px; flex-wrap:wrap; margin-bottom:20px;}
.vq-payment-methods span{background:rgba(255,255,255,.06); color:#c7d6d8; font-size:13px; font-weight:600; padding:8px 16px; border-radius:999px;}
.vq-usage-note{color:#8ba3a8; font-size:13px; line-height:1.6;}

/* PLAN CARDS (SIP / Auto Dialer) */
.vq-plans-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:1400px; margin:0 auto; padding-top:56px;}
.vq-plan-card{background:#12333a; border:1px solid #1e454c; border-radius:20px; padding:36px; display:flex; flex-direction:column;}
.vq-plan-tag{font-family:'Poppins',sans-serif; font-weight:700; font-size:12px; letter-spacing:.08em; color:var(--vq-green); margin-bottom:10px;}
.vq-plan-card h3{color:#fff; font-weight:700; font-size:22px; margin:0 0 20px;}
.vq-plan-features{display:flex; flex-direction:column; gap:12px; margin-bottom:20px; flex:1;}
.vq-plan-features div{color:#dbe8e9; font-size:14px; display:flex; gap:10px;}
.vq-plan-features div span{color:var(--vq-green);}
.vq-plan-block{border-top:1px solid #1e454c; padding-top:14px; margin-bottom:14px;}
.vq-plan-block-label{color:#9db3b8; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.06em; margin-bottom:8px;}
.vq-plan-total{display:flex; justify-content:space-between; color:#fff; font-family:'Poppins',sans-serif; font-weight:700; font-size:17px; margin-bottom:2px;}
.vq-plan-warning{background:rgba(255,255,255,.05); border-radius:10px; padding:14px; margin-bottom:20px;}
.vq-plan-warning p{color:#9db3b8; font-size:12px; line-height:1.6; margin:0 0 8px;}
.vq-plan-warning .vq-plan-total{color:#f0a95c;}
.vq-plan-cta{background:var(--vq-grad); color:#fff; border:none; font-family:'Poppins',sans-serif; font-weight:700; font-size:15px; padding:14px 32px; border-radius:10px; display:inline-block; text-align:center;}

/* LEADS DATA TIERS */
.vq-leads-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:1200px; margin:0 auto;}
.vq-leads-card{background:#fff; border:1px solid var(--vq-line); border-radius:16px; padding:32px; box-shadow:0 4px 20px -12px rgba(11,37,48,.08);}
.vq-leads-card h3{font-weight:700; font-size:18px; margin:0 0 20px; color:var(--vq-ink);}
.vq-leads-row{border-top:1px solid var(--vq-line); padding-top:14px; margin-top:14px;}
.vq-leads-row:first-child{border-top:none; margin-top:0; padding-top:0;}
.vq-leads-row .vq-leads-count{font-family:'Poppins',sans-serif; font-weight:700; font-size:15px; color:var(--vq-ink); margin-bottom:4px;}
.vq-leads-row .vq-leads-prices{display:flex; gap:16px; font-size:13px; color:var(--vq-body);}
.vq-leads-row .vq-leads-prices b{color:#1a8f88;}

/* CONTACT PAGE */
.vq-contact-grid{display:grid; grid-template-columns:1fr 1.2fr; gap:56px; max-width:1100px; margin:0 auto; padding:100px 64px;}
.vq-contact-cards{display:flex; flex-direction:column; gap:20px;}
.vq-contact-card{display:flex; align-items:center; gap:16px; background:var(--vq-bg-soft); border:1px solid var(--vq-line); border-radius:14px; padding:20px 24px;}
.vq-contact-card .vq-icon{margin-bottom:0; flex-shrink:0;}
.vq-contact-card h4{margin:0 0 4px; font-family:'Poppins',sans-serif; font-weight:700; font-size:15px;}
.vq-contact-card p{margin:0; color:var(--vq-body); font-size:14px;}
.vq-form{display:flex; flex-direction:column; gap:18px;}
.vq-form-row{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
.vq-form label{font-family:'Poppins',sans-serif; font-weight:600; font-size:13px; color:var(--vq-ink); margin-bottom:6px; display:block;}
.vq-form input, .vq-form textarea{width:100%; border:1px solid var(--vq-line); border-radius:10px; padding:14px 16px; font-family:'Inter',sans-serif; font-size:15px; color:var(--vq-ink); background:#fff;}
.vq-form input:focus, .vq-form textarea:focus{outline:2px solid var(--vq-teal); outline-offset:1px;}
.vq-form textarea{resize:vertical; min-height:120px;}
.vq-form-submit{font-family:'Poppins',sans-serif; font-weight:700; font-size:15px; color:#fff; background:var(--vq-grad); padding:14px 32px; border-radius:10px; border:none; cursor:pointer; align-self:flex-start;}
.vq-form-note{padding:14px 18px; border-radius:10px; background:#eafaf3; border:1px solid #cdeedc; color:#1a8f56; font-size:14px; margin-bottom:8px;}

/* RESPONSIVE */
@media (max-width:1024px){
  .vq-menu{display:none;}
  .vq-hero, .vq-about, .vq-contact-grid{grid-template-columns:1fr;}
  .vq-services-grid, .vq-services-grid-9, .vq-price-grid, .vq-blog-grid{grid-template-columns:1fr;}
  .vq-nav, .vq-hero, .vq-section, .vq-about, .vq-blog, .vq-footer, .vq-subhero{padding-left:24px; padding-right:24px;}
  .vq-cta{margin-left:24px; margin-right:24px; padding:40px;}
  .vq-form-row{grid-template-columns:1fr;}
  .vq-contact-grid{padding:60px 24px;}
  .vq-plans-grid, .vq-leads-grid{grid-template-columns:1fr;}
}