/*
Theme Name: Virella Informatics SEO Pro
Theme URI: https://virellainfo.site/
Description: Editable, SEO-ready business theme for Virella Informatics with local SEO focus for Guntur and Vijayawada.
Version: 3.0.0
Author: Virella Informatics
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: virella-informatics
*/
:root{--blue:#12b8ff;--blue2:#1476e8;--cyan:#54e6ff;--ink:#071019;--dark:#05090e;--text:#101923;--muted:#71808d;--line:#dfe5e9;--soft:#f5f8fb;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);line-height:1.65;background:#fff}a{text-decoration:none;color:inherit}.vi-container{width:min(1180px,92%);margin:auto}.vi-skip{position:absolute;left:-9999px}.vi-skip:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:999}
.vi-header{position:sticky;top:0;z-index:99;background:rgba(5,9,14,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.vi-nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}.vi-logo{width:190px;display:block}.vi-menu{display:flex;gap:25px;align-items:center;color:#c7d4df;font-size:14px}.vi-menu a:hover,.vi-menu .current-menu-item>a{color:#fff}.vi-menu .cta{padding:10px 17px;border:1px solid rgba(84,230,255,.45);border-radius:999px;color:#fff}.vi-toggle{display:none;background:none;border:0;cursor:pointer}.vi-toggle i{display:block;width:25px;height:2px;background:#fff;margin:5px}
.vi-hero{background:radial-gradient(circle at 78% 32%,rgba(20,118,232,.24),transparent 32%),linear-gradient(135deg,#05090e,#08131d 55%,#05090e);color:#fff;min-height:720px;display:flex;align-items:center;overflow:hidden}.vi-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:50px;align-items:center;padding:95px 0}.vi-kicker{font-size:11px;letter-spacing:.20em;font-weight:800;color:var(--cyan)}.vi-kicker:before{content:"";display:inline-block;width:34px;height:1px;background:var(--cyan);vertical-align:middle;margin-right:10px}.vi-hero h1{font-size:clamp(45px,6vw,76px);line-height:1.02;letter-spacing:-.045em;margin:20px 0}.vi-hero p{max-width:650px;color:#aebdca;font-size:18px}.vi-actions{display:flex;gap:13px;flex-wrap:wrap;margin:30px 0}.vi-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:999px;padding:14px 22px;font-weight:800;font-size:14px;transition:.25s}.vi-primary{background:linear-gradient(90deg,var(--blue2),var(--blue));color:#fff;box-shadow:0 15px 45px rgba(18,184,255,.18)}.vi-primary:hover{transform:translateY(-2px)}.vi-ghost{border:1px solid rgba(255,255,255,.16);color:#fff}.vi-trust{font-size:12px;color:#8093a4}.vi-trust b{color:var(--cyan)}
.vi-art{min-height:490px;position:relative;display:grid;place-items:center}.vi-art-card{width:min(450px,90%);padding:25px;border-radius:35px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 100px rgba(0,0,0,.35);transform:rotate(2deg);position:relative;z-index:2}.vi-art-card img{width:100%;display:block}.vi-orbit{position:absolute;width:470px;height:470px;border:1px solid rgba(18,184,255,.20);border-radius:50%;transform:rotate(-20deg)}.vi-float{position:absolute;z-index:4;background:rgba(8,17,27,.9);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 17px;box-shadow:0 18px 50px rgba(0,0,0,.35);display:flex;flex-direction:column}.vi-float b{font-size:14px}.vi-float span{font-size:10px;color:#8fa1b1}.vi-fa{left:2%;top:20%}.vi-fb{right:0;bottom:18%}
.vi-strip{background:#0a121b;color:#fff;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.vi-strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}.vi-strip-grid div{padding:22px 25px;border-right:1px solid rgba(255,255,255,.1);display:flex;gap:15px;align-items:center}.vi-strip-grid div:last-child{border:0}.vi-strip strong{color:var(--cyan);font-size:12px}.vi-strip span{font-size:13px;color:#c6d3dd}
.vi-section{padding:110px 0}.vi-section-head{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:end;margin-bottom:48px}.vi-section h2{font-size:clamp(34px,4.3vw,58px);line-height:1.05;letter-spacing:-.04em;margin:10px 0}.vi-section-head>p{color:var(--muted);margin:0}.vi-services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.vi-service{min-height:280px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.3s;background:#fff}.vi-service:hover{background:#f5fbff;transform:translateY(-4px)}.vi-number{color:#128ce7;font-size:12px;font-weight:800}.vi-service h3{font-size:20px;margin:30px 0 10px}.vi-service p{font-size:14px;color:var(--muted)}.vi-service a{font-size:12px;font-weight:800;color:#167dd1}
.vi-dark{background:var(--dark);color:#fff}.vi-two{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.vi-dark p{color:#9eacb9}.vi-link{color:var(--cyan);font-weight:800}.vi-process{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.vi-step{padding:30px;background:#f5f8fa;border:1px solid #e2e8ed;border-radius:18px}.vi-step span{font-size:12px;color:#168de9;font-weight:900}.vi-step h3{margin:28px 0 7px}.vi-step p{font-size:14px;color:var(--muted);margin:0}
.vi-local{background:linear-gradient(135deg,#eefaff,#fff)}.vi-local-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.vi-location-card{background:#fff;border:1px solid #dfe9ef;border-radius:20px;padding:28px;box-shadow:0 14px 40px rgba(7,16,25,.05)}.vi-location-card h3{margin-top:0}.vi-location-card p{color:var(--muted)}.vi-pill{display:inline-block;border:1px solid #cfe5f2;border-radius:999px;padding:7px 11px;margin:4px;font-size:12px;color:#176d9d;background:#f7fcff}
.vi-work{background:#f5f8fb}.vi-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.vi-project{min-height:310px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:22px;background:linear-gradient(145deg,#0a1723,#07101a);color:#fff;position:relative;overflow:hidden}.vi-project:before{content:"";position:absolute;inset:-30% 20% auto -10%;height:180px;background:radial-gradient(circle,rgba(18,184,255,.30),transparent 65%)}.vi-project>*{position:relative}.vi-project small{color:var(--cyan);font-weight:900;letter-spacing:.18em}.vi-project h3{font-size:27px;margin:10px 0}.vi-project p{color:#9eafbd;margin:0}
.vi-faq{border-top:1px solid rgba(255,255,255,.13)}.vi-faq details{border-bottom:1px solid rgba(255,255,255,.13);padding:20px 0}.vi-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-weight:700}.vi-faq summary::-webkit-details-marker{display:none}.vi-faq summary span{color:var(--cyan);font-size:22px}.vi-faq p{color:#94a5b3;margin:12px 25px 0 0}
.vi-contact{background:linear-gradient(135deg,#edf9ff,#fff)}.vi-contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.vi-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.vi-cards>*{padding:18px;border:1px solid #dfe9ef;border-radius:14px;background:#fff;display:flex;flex-direction:column;gap:4px}.vi-cards span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#7b8a97;font-weight:800}.vi-cards b{font-size:13px;word-break:break-word}.vi-form-card{background:#071019;color:#fff;border-radius:25px;padding:32px;box-shadow:0 25px 70px rgba(7,16,25,.16)}.vi-form{display:flex;flex-direction:column;gap:16px}.vi-form label{font-size:12px;color:#a9b7c2;font-weight:700}.vi-form input,.vi-form textarea{display:block;width:100%;margin-top:7px;background:#0d1a26;border:1px solid rgba(255,255,255,.11);border-radius:10px;padding:13px 14px;color:#fff;outline:0}.vi-form input:focus,.vi-form textarea:focus{border-color:var(--blue)}.vi-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vi-alert{padding:12px;border-radius:10px;font-size:13px}.vi-ok{background:rgba(29,190,113,.13);color:#6df0ad}.vi-error{background:rgba(255,80,80,.12);color:#ff9d9d}
.vi-content{padding:100px 0}.vi-content h1{font-size:clamp(40px,5vw,68px);line-height:1.05;letter-spacing:-.04em;margin:0 0 25px}.vi-content h2{font-size:34px;margin-top:55px}.vi-content h3{font-size:23px;margin-top:35px}.vi-content p,.vi-content li{color:#52616d}.vi-content ul{padding-left:22px}.vi-breadcrumb{font-size:12px;color:#7b8a97;margin-bottom:20px}.vi-service-hero{background:linear-gradient(135deg,#05090e,#08131d);color:#fff;padding:105px 0}.vi-service-hero p{max-width:800px;color:#aebdca;font-size:18px}.vi-service-hero h1{font-size:clamp(43px,6vw,72px);line-height:1.02;letter-spacing:-.045em;margin:15px 0}.vi-cta-band{background:#071019;color:#fff;padding:70px 0}.vi-cta-band h2{margin:0 0 12px}.vi-cta-band p{color:#9eacb9}
.vi-footer{background:#03070b;color:#fff;padding:70px 0 20px}.vi-footer-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr 1fr;gap:50px;padding-bottom:55px}.vi-footer-logo{width:190px}.vi-footer p,.vi-footer a,.vi-footer span{color:#7f8f9d;font-size:13px}.vi-footer a{display:block;margin:9px 0}.vi-footer a:hover{color:#fff}.vi-footer h4{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.vi-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:#60707e}.vi-whatsapp{position:fixed;right:20px;bottom:20px;z-index:100;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#16c47b;color:#fff;font-size:20px;font-weight:900;box-shadow:0 12px 35px rgba(0,0,0,.25)}
@media(max-width:1000px){.vi-services{grid-template-columns:repeat(2,1fr)}.vi-process{grid-template-columns:repeat(2,1fr)}.vi-projects{grid-template-columns:1fr 1fr}.vi-footer-grid{grid-template-columns:1fr 1fr}.vi-hero-grid{grid-template-columns:1fr}.vi-art{min-height:430px}.vi-section-head{grid-template-columns:1fr}.vi-contact-grid,.vi-local-grid{grid-template-columns:1fr}}
@media(max-width:700px){.vi-nav{min-height:72px}.vi-logo{width:155px}.vi-toggle{display:block}.vi-menu{display:none;position:absolute;top:72px;left:0;right:0;padding:18px 5%;background:#071019;flex-direction:column;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.1)}.vi-menu.open{display:flex}.vi-menu a{width:100%;padding:7px 0}.vi-hero{min-height:auto}.vi-hero-grid{padding:70px 0}.vi-hero h1{font-size:43px}.vi-art{min-height:350px}.vi-art-card{width:80%}.vi-orbit{width:330px;height:330px}.vi-strip-grid{grid-template-columns:1fr 1fr}.vi-strip-grid div{padding:17px}.vi-section{padding:75px 0}.vi-services,.vi-process,.vi-projects{grid-template-columns:1fr}.vi-two{grid-template-columns:1fr;gap:40px}.vi-cards,.vi-grid2{grid-template-columns:1fr}.vi-footer-grid{grid-template-columns:1fr 1fr;gap:30px}.vi-bottom{flex-direction:column}.vi-whatsapp{right:15px;bottom:15px}}