
:root{--va-black:#0b0f14;--va-deep:#0d1218;--va-panel:#11171e;--va-gold:#f5b041;--va-gold2:#ffd27a;--va-text:#f3f5f6;--va-muted:#aeb7bf;--va-line:rgba(255,255,255,.08);--va-max:1240px}
#vista-homepage{background:var(--va-black);color:var(--va-text);font-family:Manrope,Arial,sans-serif;line-height:1.65}
#vista-homepage *{box-sizing:border-box}#vista-homepage a{text-decoration:none}
.va-container{width:min(var(--va-max),calc(100% - 48px));margin:auto}.va-section{padding:105px 0;background:var(--va-black)}.va-dark{background:#080c11}.va-soft{background:#0e141b}
.va-eyebrow{display:inline-flex;color:var(--va-gold);font-size:11px;font-weight:800;letter-spacing:.14em;border:1px solid rgba(245,176,65,.25);padding:8px 13px;border-radius:999px;background:rgba(245,176,65,.045)}
.va-head{max-width:820px;margin-bottom:48px}.va-head h2,.va-final h2,.va-enquiry h2{font-family:"Plus Jakarta Sans",Arial,sans-serif;font-size:clamp(34px,5vw,64px);line-height:1.04;letter-spacing:-.045em;margin:18px 0;color:#fff}.va-head h2:after{content:"";display:block;width:78px;height:3px;margin-top:24px;background:linear-gradient(90deg,var(--va-gold),transparent)}.va-head p,.va-final p,.va-enquiry p{font-size:18px;color:var(--va-muted);max-width:740px}.va-center{text-align:center;margin-left:auto;margin-right:auto}.va-center h2:after{margin-left:auto;margin-right:auto}
.va-hero{min-height:calc(100vh - 80px);display:grid;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 25%,rgba(245,176,65,.12),transparent 25%),linear-gradient(135deg,#0b0f14,#0d1218 55%,#080b0f)}.va-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:70px;align-items:center;padding:72px 0 82px}.va-hero h1{font-family:"Plus Jakarta Sans",Arial,sans-serif;font-size:clamp(48px,6.5vw,86px);line-height:.98;letter-spacing:-.065em;margin:22px 0}.va-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--va-gold2),var(--va-gold));-webkit-background-clip:text;color:transparent}.va-lead{font-size:19px;color:#c2cbd1;max-width:700px}.va-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.va-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:13px 19px;border-radius:14px;font-weight:800}.va-primary{background:linear-gradient(135deg,var(--va-gold2),var(--va-gold));color:#111;box-shadow:0 12px 28px rgba(245,176,65,.25)}.va-secondary{color:#fff;border:1px solid var(--va-line);background:rgba(255,255,255,.035)}.va-proof{display:flex;gap:22px;flex-wrap:wrap;color:#b9c2c8;font-size:13px}.va-hero-media{position:relative}.va-image-frame{padding:12px;border:1px solid rgba(245,176,65,.18);border-radius:30px;background:rgba(255,255,255,.025);box-shadow:0 30px 80px rgba(0,0,0,.5)}.va-image-frame img{width:100%;height:520px;object-fit:cover;border-radius:22px}.va-floating{position:absolute;background:rgba(11,15,20,.92);border:1px solid rgba(245,176,65,.25);border-radius:16px;padding:13px 16px;box-shadow:0 18px 45px rgba(0,0,0,.5)}.va-top{left:-35px;top:35px}.va-bottom{right:-22px;bottom:35px}.va-top small{display:block;color:var(--va-gold);font-size:9px;letter-spacing:.14em}.va-top strong{font-size:13px}.va-bottom i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--va-gold);margin-right:7px}.va-mini-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.va-mini-row div{padding:11px 13px;border:1px solid var(--va-line);background:rgba(255,255,255,.025);border-radius:13px}.va-mini-row b{display:block;color:var(--va-gold)}.va-mini-row span{font-size:11px;color:#8f9aa3}
.va-trust{background:#090d12;border-top:1px solid var(--va-line);border-bottom:1px solid var(--va-line)}.va-trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.va-trust-grid>div{padding:24px 18px;border-right:1px solid var(--va-line)}.va-trust-grid b{display:block;font-size:13px}.va-trust-grid small{color:#7f8a93;font-size:11px}
.va-path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.va-card{min-height:320px;padding:25px;border:1px solid var(--va-line);border-radius:24px;background:linear-gradient(145deg,#11171e,#0d1218);position:relative;display:flex;flex-direction:column;transition:.3s}.va-card:hover{transform:translateY(-7px);border-color:rgba(245,176,65,.5)}.va-card.va-featured{background:linear-gradient(150deg,rgba(245,176,65,.14),#11171e 50%)}.va-num{position:absolute;right:20px;top:18px;color:rgba(245,176,65,.35);font-weight:800}.va-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(245,176,65,.08);color:var(--va-gold);border:1px solid rgba(245,176,65,.15)}.va-card h3{font-size:25px;margin:22px 0 5px}.va-card p{color:#d3d9dd;margin:0 0 16px}.va-card b{color:#89959e;font-size:13px;flex:1}.va-card a,.va-service a,.va-project-feature a,.va-course-grid a{color:var(--va-gold);font-weight:800;margin-top:18px}
.va-service-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.va-service{min-height:255px;padding:30px;border:1px solid var(--va-line);border-radius:25px;background:#10161d;position:relative}.va-service-main{grid-row:span 2;min-height:524px;background:radial-gradient(circle at 70% 20%,rgba(245,176,65,.12),transparent 35%),#10161d}.va-service>span{position:absolute;right:25px;top:24px;color:#4d5660;font-weight:800}.va-service h3{font-size:25px;margin:28px 0 10px}.va-service p{color:var(--va-muted)}
.va-two-col{display:grid;grid-template-columns:.92fr 1.08fr;gap:80px;align-items:center}.va-photo{position:relative}.va-photo img{width:100%;height:560px;object-fit:cover;border-radius:28px;border:1px solid var(--va-line)}.va-photo>div{position:absolute;bottom:18px;left:18px;right:18px;padding:15px;background:rgba(8,12,17,.85);border:1px solid var(--va-line);border-radius:15px}.va-photo small{display:block;color:#8e989f}.va-check-list{display:grid;gap:13px}.va-check-list>div{padding:17px;border:1px solid var(--va-line);border-radius:18px;background:rgba(255,255,255,.018)}.va-check-list b{font-size:16px}.va-check-list p{margin:4px 0 0;color:#8f9aa3;font-size:13px}
.va-skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.va-skill-grid>div{padding:23px;border:1px solid var(--va-line);border-radius:19px;background:#10161d}.va-skill-grid b,.va-skill-grid span{display:block}.va-skill-grid b{font-size:15px}.va-skill-grid span{color:#8e989f;font-size:13px;margin-top:5px}
.va-roadmap{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--va-line);border-left:1px solid var(--va-line);border-radius:20px;overflow:hidden}.va-roadmap>div{min-height:240px;padding:28px;border-right:1px solid var(--va-line);border-bottom:1px solid var(--va-line);background:#0f151b}.va-roadmap b{color:var(--va-gold);font-size:20px}.va-roadmap h3{font-size:20px;margin:24px 0 9px}.va-roadmap p{color:#8e989f;font-size:14px}
.va-project-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:14px;border:1px solid rgba(245,176,65,.16);border-radius:28px;background:linear-gradient(110deg,rgba(245,176,65,.08),rgba(255,255,255,.015));margin-bottom:20px}.va-project-feature img{width:100%;height:380px;object-fit:cover;border-radius:20px}.va-project-feature>div{padding:25px}.va-project-feature h3{font-size:31px;line-height:1.1}.va-project-feature p{color:#909aa3}.va-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.va-project-grid article{padding:23px;border:1px solid var(--va-line);border-radius:19px;background:#10161d;min-height:190px}.va-project-grid article>b{color:#59636c}.va-project-grid h3{font-size:17px}.va-project-grid p{color:#8e989f;font-size:13px}
.va-career-grid,.va-success-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.va-support{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.va-support>div{padding:22px;border:1px solid var(--va-line);border-radius:19px;background:#10161d}.va-support p,.va-success-cards p{color:#8e989f;font-size:12px;margin:5px 0}.va-success-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.va-success-cards article{padding:23px;border:1px solid var(--va-line);border-radius:19px;background:#10161d}.va-success-cards h3{color:var(--va-gold);margin:0 0 5px}.va-success-cards b{font-size:13px}
.va-course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.va-course-grid article{padding:24px;border:1px solid var(--va-line);border-radius:21px;background:#10161d;min-height:315px;display:flex;flex-direction:column}.va-course-grid article>b{color:var(--va-gold)}.va-course-grid h3{font-size:22px}.va-course-grid strong{font-size:11px}.va-course-grid p{color:#8e989f;flex:1}
.va-faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.va-faq details{border-bottom:1px solid var(--va-line)}.va-faq summary{padding:20px 4px;font-weight:800;cursor:pointer}.va-faq p{color:#8e989f;font-size:14px;margin:0 0 20px}
.va-final{padding:75px 0;background:linear-gradient(110deg,#17130c,#0e1218 50%,#111820);border-top:1px solid rgba(245,176,65,.18);border-bottom:1px solid rgba(245,176,65,.18)}.va-final-inner{display:flex;justify-content:space-between;gap:40px;align-items:center}.va-final h2{max-width:800px}
.va-enquiry{padding:85px 0 110px;background:#080c11}.va-enquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.va-enquiry h2{max-width:650px}.va-form-note{border:1px solid var(--va-line);background:#10161d;border-radius:24px;padding:30px}.va-form-note h3{font-size:24px}.va-form-note p{font-size:14px}
@media(max-width:1050px){.va-hero-grid,.va-two-col,.va-career-grid,.va-success-grid,.va-faq-layout,.va-enquiry-grid{grid-template-columns:1fr;gap:45px}.va-path-grid,.va-course-grid{grid-template-columns:repeat(2,1fr)}.va-service-grid{grid-template-columns:1fr 1fr}.va-service-main{grid-row:auto;min-height:300px}.va-skill-grid,.va-project-grid,.va-roadmap{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.va-container{width:calc(100% - 30px)}.va-section{padding:75px 0}.va-hero-grid{padding:50px 0 60px}.va-hero h1{font-size:clamp(42px,13vw,62px)}.va-lead{font-size:16px}.va-image-frame img{height:330px}.va-top{left:10px;top:15px}.va-bottom{right:10px;bottom:15px}.va-path-grid,.va-skill-grid,.va-project-grid,.va-roadmap,.va-course-grid,.va-service-grid,.va-support,.va-success-cards{grid-template-columns:1fr}.va-project-feature{grid-template-columns:1fr}.va-project-feature img{height:260px}.va-photo img{height:390px}.va-final-inner{display:grid}.va-final .va-actions{margin:10px 0}.va-trust-grid{grid-template-columns:1fr 1fr}.va-trust-grid>div{padding:18px 10px;border-right:0;border-bottom:1px solid var(--va-line)}}


/* Contact section */
.va-contact{background:linear-gradient(135deg,rgba(245,176,65,.055),rgba(255,255,255,.012));border-top:1px solid rgba(245,176,65,.12);border-bottom:1px solid rgba(245,176,65,.12)}
.va-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.va-contact-card{display:flex;align-items:flex-start;gap:16px;padding:24px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:20px;transition:transform .3s ease,border-color .3s ease,background .3s ease}
.va-contact-card:hover{transform:translateY(-5px);border-color:rgba(245,176,65,.45);background:rgba(245,176,65,.045)}
.va-contact-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(245,176,65,.1);font-size:22px;flex:0 0 46px}
.va-contact-card h3{margin:0 0 7px;color:#f5b041;font-size:18px}
.va-contact-card p{margin:0;color:#b0b8bc;line-height:1.7;font-size:15px}
.va-contact-card a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(245,176,65,.35);transition:color .2s ease,border-color .2s ease}
.va-contact-card a:hover{color:#f5b041;border-color:#f5b041}
@media(max-width:900px){.va-contact-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.va-contact-grid{grid-template-columns:1fr}.va-contact-card{padding:20px}}

.va-seo-content{background:#0b1016;border-top:1px solid var(--va-line)}
.va-seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.va-seo-grid article{padding:24px;border:1px solid var(--va-line);border-radius:20px;background:#10161d}
.va-seo-grid h3{font-size:19px;margin:0 0 9px;color:#fff}
.va-seo-grid p{font-size:13px;color:#8e989f;margin:0}
@media(max-width:700px){.va-seo-grid{grid-template-columns:1fr}}

.va-contact{padding:90px 0 110px;background:#080c11;border-top:1px solid var(--va-line)}
.va-contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:stretch}
.va-contact h2{font-family:"Plus Jakarta Sans",Arial,sans-serif;font-size:clamp(34px,5vw,60px);line-height:1.04;letter-spacing:-.045em;margin:18px 0}
.va-contact> .va-container>div>p{font-size:18px;color:var(--va-muted);max-width:680px}
.va-contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.va-map{border-color:rgba(245,176,65,.35)!important;color:var(--va-gold)!important}
.va-contact-card{padding:30px;border:1px solid rgba(245,176,65,.2);border-radius:25px;background:linear-gradient(145deg,#11171e,#0c1117);box-shadow:0 25px 60px rgba(0,0,0,.35)}
.va-contact-card h3{font-size:28px;margin:0 0 25px}
.va-contact-row{display:flex;gap:15px;padding:17px 0;border-bottom:1px solid var(--va-line)}
.va-contact-row>span{font-size:20px}.va-contact-row b{font-size:13px}.va-contact-row p{margin:3px 0 0;color:#9aa4ab;font-size:14px}
.va-contact-row a{color:#fff}.va-map-card{display:block;margin-top:22px;padding:13px 15px;text-align:center;border-radius:13px;background:rgba(245,176,65,.1);border:1px solid rgba(245,176,65,.2);color:var(--va-gold);font-weight:800}
@media(max-width:700px){.va-contact-grid{grid-template-columns:1fr}.va-contact-actions{flex-direction:column}.va-contact-actions .va-btn{width:100%}}

/* IMAGE VISIBILITY FIX — supplied Vista images are shown completely */
.va-image-frame img,.va-project-feature img,.va-career-grid>img,.va-service-grid>img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;object-position:center;background:#0b0f14;}
.va-image-frame img{min-height:0;border-radius:22px;}
.va-service-grid>img{height:100%;min-height:524px;padding:12px;border:1px solid var(--va-line);border-radius:25px;background:#10161d;}
.va-career-grid>img{border:1px solid var(--va-line);border-radius:25px;background:#10161d;}
.va-photo-panel{min-height:420px;display:grid;place-items:center;border:1px solid rgba(245,176,65,.2);border-radius:28px;background:radial-gradient(circle at 30% 30%,rgba(245,176,65,.13),transparent 35%),linear-gradient(145deg,#11171e,#0b0f14);}
.va-photo-panel-inner{padding:42px;display:grid;gap:18px;text-align:center;}
.va-photo-panel-inner strong{font-size:clamp(32px,4vw,54px);line-height:1.05;color:var(--va-gold);}
.va-photo-panel-inner p{color:#9aa4ab;font-size:16px;line-height:1.7;}
.va-contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;margin-top:34px;align-items:stretch;}
.va-contact-info{display:grid;gap:14px;}
.va-map-wrap{overflow:hidden;border:1px solid rgba(245,176,65,.2);border-radius:25px;background:#10161d;min-height:420px;}
.va-map-wrap iframe{display:block;width:100%;height:100%;min-height:420px;}
@media(max-width:900px){.va-contact-layout{grid-template-columns:1fr}.va-map-wrap,.va-map-wrap iframe{min-height:360px;height:360px}.va-service-grid>img{min-height:300px;height:auto;}}
@media(max-width:700px){.va-image-frame img{max-height:420px}.va-photo-panel{min-height:300px}.va-service-grid>img{min-height:260px;}}

/* Hero image: show the complete source image without cropping */
.va-hero-image{
  width:100%;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block;
}
