/* ===== Veerya inner-page system (namespaced vpg-, additive) ===== */
.vpg-hero{position:relative;overflow:hidden;background:#0d2f54;color:#fff;border-bottom:3px solid var(--amber);min-height:clamp(320px,42vw,560px)}
.vpg-hero .vpg-bg{position:absolute;inset:0;background:var(--vpg-bg) center/cover no-repeat;opacity:.28;background-size:cover;background-position:center center}
.vpg-hero .vpg-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,46,91,.92),rgba(11,46,91,.55) 60%,rgba(11,46,91,.35))}
.vpg-hero .wrap{position:relative;z-index:2;padding:clamp(54px,8vw,92px) var(--gut) clamp(48px,7vw,78px);max-width:1280px}
@media(max-width:900px){.vpg-hero{min-height:420px}.vpg-hero h1{font-size:clamp(30px,7vw,44px)}}
@media(max-width:560px){.vpg-hero{min-height:340px}.vpg-hero h1{font-size:clamp(26px,9vw,36px)}.vpg-hero p{font-size:15px;max-width:100%}}
.vpg-crumbs{font-family:"Archivo";font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--d-muted);margin-bottom:16px}
.vpg-crumbs a:hover{color:var(--amber)}
.vpg-crumbs span{color:var(--amber);margin:0 8px}
.vpg-hero h1{font-family:"Archivo";font-weight:800;text-transform:uppercase;font-size:clamp(34px,5.5vw,58px);line-height:1;color:#fff;margin-top:8px}
.vpg-hero h1 .amber{color:var(--amber)}
.vpg-hero p{color:#d9e2f2;font-size:16.5px;margin-top:20px;max-width:62ch}
/* lead / prose */
.vpg-lead{color:var(--body);font-size:17px;line-height:1.8;max-width:74ch}
.vpg-prose{max-width:80ch}
.vpg-prose h3{font-family:"Archivo";font-size:18px;text-transform:uppercase;letter-spacing:.02em;color:var(--ink);margin:30px 0 10px}
.vpg-prose p{color:var(--body);margin-bottom:14px;line-height:1.8}
.vpg-prose ul{list-style:none;margin:6px 0 14px;padding:0;display:flex;flex-direction:column;gap:10px}
.vpg-prose li{position:relative;padding-left:26px;color:var(--body);line-height:1.7}
.vpg-prose li::before{content:"";position:absolute;left:0;top:9px;width:12px;height:12px;border-radius:3px;background:var(--amber)}
.vpg-prose li b{color:var(--ink)}
/* card grid */
.vpg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}
.vpg-grid.two{grid-template-columns:repeat(2,1fr)}
.vpg-grid.four{grid-template-columns:repeat(4,1fr)}
@media(max-width:980px){.vpg-grid,.vpg-grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.vpg-grid,.vpg-grid.two,.vpg-grid.four{grid-template-columns:1fr}}
.vpg-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:26px 24px;transition:.2s;box-shadow:0 8px 24px rgba(20,20,16,.04)}
.vpg-card:hover{border-color:var(--amber);transform:translateY(-3px);box-shadow:0 18px 40px rgba(20,20,16,.09)}
.section.dark .vpg-card{background:rgba(255,255,255,.04);border-color:var(--d-line)}
.vpg-card .vpg-ic{width:52px;height:52px;border-radius:9px;background:var(--dark);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.vpg-card .vpg-ic svg{width:26px;height:26px;stroke:var(--amber);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vpg-card h3{font-family:"Archivo";font-size:17px;text-transform:uppercase;letter-spacing:.02em;color:var(--ink);margin-bottom:9px}
.section.dark .vpg-card h3{color:#fff}
.vpg-card p{color:var(--body);font-size:14.5px;line-height:1.7}
.section.dark .vpg-card p{color:var(--d-muted)}
.vpg-card .vpg-no{font-family:"Archivo";font-weight:800;font-size:13px;color:var(--amber);letter-spacing:.1em;display:block;margin-bottom:10px}
/* alternating media/text split */
.vpg-split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:52px}
.vpg-split.rev .vpg-split-media{order:2}
@media(max-width:860px){.vpg-split{grid-template-columns:1fr;gap:28px}.vpg-split.rev .vpg-split-media{order:0}}
.vpg-split-media{border-radius:12px;overflow:hidden;min-height:300px;background:var(--bg-2) var(--vpg-mimg,none) center/cover no-repeat;border:1px solid var(--line)}
.vpg-split h2{font-family:"Archivo";font-weight:800;text-transform:uppercase;font-size:clamp(24px,3vw,34px);line-height:1.05;margin:14px 0 14px}
.vpg-split p{color:var(--body);line-height:1.8;margin-bottom:12px}
/* checklist */
.vpg-list{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:12px}
.vpg-list li{position:relative;padding-left:32px;color:var(--body);line-height:1.6}
.vpg-list li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--amber);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>") center/14px no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>") center/14px no-repeat}
/* stats strip */
.vpg-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--dark);border-radius:12px;overflow:hidden;margin-top:48px;box-shadow:0 26px 50px rgba(0,0,0,.18)}
@media(max-width:600px){.vpg-stats{grid-template-columns:1fr}}
.vpg-stats .s{padding:32px 26px;text-align:center;border-right:1px solid var(--d-line)}
.vpg-stats .s:last-child{border-right:0}
.vpg-stats .num{font-family:"Archivo";font-weight:800;font-size:clamp(30px,4vw,44px);color:var(--amber);line-height:1}
.vpg-stats .lbl{font-family:"Inter";font-size:13.5px;color:var(--d-muted);margin-top:8px;letter-spacing:.02em}
/* contact grid */
.vpg-cgrid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin-top:8px}
@media(max-width:860px){.vpg-cgrid{grid-template-columns:1fr;gap:28px}}
.vpg-cinfo li{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px}
.vpg-cinfo .ci{width:44px;height:44px;border-radius:50%;background:#104c8d;flex:none;display:flex;align-items:center;justify-content:center}
.vpg-cinfo .ci svg{width:19px;height:19px;fill:#fff}
.vpg-cinfo h4{font-family:"Archivo";font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink);margin-bottom:3px}
.vpg-cinfo p,.vpg-cinfo a{color:var(--body);font-size:14.5px;line-height:1.6}
.vpg-cinfo a:hover{color:var(--amber-d)}
.vpg-map{border-radius:12px;overflow:hidden;border:1px solid var(--line);min-height:340px}
.vpg-map iframe{width:100%;height:100%;min-height:340px;border:0;display:block}
/* enquiry form (demo) */
.vpg-form{background:#104c8d;border:1px solid var(--line);border-radius:12px;padding:28px;box-shadow:0 8px 24px rgba(20,20,16,.05)}
.vpg-form .fld{margin-bottom:16px}
.vpg-form label{font-family:"Archivo";font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#cbdae7;display:block;margin-bottom:7px}
.vpg-form input,.vpg-form select,.vpg-form textarea{width:100%;font-family:"Inter";font-size:15px;color:#787575;background:#dbe7f2;border:1px solid var(--line-2);border-radius:8px;padding:12px 14px}
.vpg-form input:focus,.vpg-form select:focus,.vpg-form textarea:focus{outline:2px solid var(--amber);outline-offset:1px;border-color:var(--amber)}
.vpg-form .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:520px){.vpg-form .two{grid-template-columns:1fr}}
.vpg-note{font-family:"IBM Plex Mono",monospace;font-size:12.5px;margin-top:10px;display:none}
/* jobs (careers) */
.vpg-jobs{display:flex;flex-direction:column;gap:16px;margin-top:44px}
.vpg-job{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 8px 24px rgba(20,20,16,.04)}
.vpg-job>button{width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.vpg-job h3{font-family:"Archivo";font-size:18px;text-transform:uppercase;color:var(--ink)}
.vpg-job .meta{font-family:"Inter";font-size:13px;color:var(--muted);margin-top:4px;font-weight:400;text-transform:none;letter-spacing:0}
.vpg-job .ic{width:30px;height:30px;flex:none;border-radius:50%;background:var(--bg-2);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--dark);transition:.2s}
.vpg-job.open .ic{background:var(--amber);color:var(--darker);transform:rotate(45deg)}
.vpg-job .body{max-height:0;overflow:hidden;transition:max-height .35s ease}
.vpg-job .body-in{padding:0 24px 24px}
.vpg-job .body-in h4{font-family:"Archivo";font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--amber-d);margin:16px 0 8px}
.vpg-job .body-in p{color:var(--body);font-size:14.5px;margin-bottom:6px}
.vpg-job .body-in ul{list-style:none;padding:0;margin:4px 0;display:flex;flex-direction:column;gap:7px}
.vpg-job .body-in li{position:relative;padding-left:22px;color:var(--body);font-size:14px;line-height:1.6}
.vpg-job .body-in li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:2px;background:var(--amber)}
.vpg-cta-band{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.vpg-cta-band h2{color:#fff;font-family:"Archivo";font-weight:800;text-transform:uppercase;font-size:clamp(24px,3vw,36px);line-height:1.05}
.vpg-cta-band p{color:var(--d-muted);margin-top:8px;max-width:52ch}

@media(max-width:560px){
.vpg-hero h1 {
    font-family: "Archivo";
    font-weight: 800;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    margin-top: 8px;
}
    .vbc-host {
        height: 500px !important;
        --vbc-gap: auto;
    }
    .vbc-host>.wrap {
    padding-top: 150px !important;
}
}
   
@media (max-width: 767px) {
    .contact-hero .vpg-bg {
        background-image: url('../../../img/contact-mob1.jpg') !important;background-position: bottom !important;
    }
}