/*
Theme Name: ViberCloud
Theme URI: https://www.vibercloud.in/
Author: ViberCloud
Description: Custom hosting-company theme for ViberCloud. ViberNet-style design language, no page builder required.
Version: 5.0.2
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: vibercloud
*/

:root{
	--brand:#720094;--brand-d:#58006f;--brand-l:#f3e6fa;--brand-xl:#faf5ff;--brand-2:#a21ec8;
	--dark:#2a0a38;--deep:#0b0316;--ink:#0f0a14;--mute:#46404f;--soft:#6b6478;
	--line:#ece6f0;--bg:#fff;--bg-2:#faf5ff;--grey:#f6f4f8;--ok:#16a34a;
	--r:10px;--r-lg:20px;
	--font:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);color:var(--mute);background:var(--bg);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto}
a{color:var(--brand);text-decoration:none}
.hl{color:var(--brand)}
a:hover{color:var(--brand-d)}
h1,h2,h3,h4{color:var(--ink);line-height:1.12;margin:0 0 .5em;letter-spacing:-.025em;font-weight:500}
h1{font-size:clamp(2.3rem,5vw,3.9rem)}
h2{font-size:clamp(1.8rem,3.4vw,2.6rem)}
h3{font-size:1.12rem;font-weight:600;letter-spacing:-.01em}
p{margin:0 0 1em}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.screen-reader-text,.vc-skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.vc-skip:focus{position:fixed;top:8px;left:8px;z-index:999;background:#fff;padding:8px 14px;border-radius:var(--r)}
.vc-wrap{width:min(1200px,100% - 40px);margin-inline:auto}
.vc-wrap--narrow{width:min(820px,100% - 40px)}
.vc-center{text-align:center}
.vc-i{flex:none;vertical-align:middle}

/* buttons */
.vc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:500 .92rem/1 var(--font);padding:14px 24px;border-radius:var(--r);border:1px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s;text-decoration:none!important;white-space:nowrap}
.vc-btn--lg{padding:17px 30px;font-size:.98rem}
.vc-btn--block{display:flex;width:100%}
.vc-btn--primary{background:var(--brand);color:#fff}
.vc-btn--primary:hover{background:var(--brand-d);color:#fff}
.vc-btn--outline{border-color:var(--brand);color:var(--brand);background:transparent}
.vc-btn--outline:hover{background:var(--brand-xl);color:var(--brand-d)}
.vc-btn--white{background:#fff;color:var(--ink)}
.vc-btn--white:hover{background:var(--brand-l);color:var(--ink)}
.vc-btn--ghost{color:var(--ink);padding:12px 16px}
.vc-btn--ghost:hover{color:var(--brand)}
.vc-btn--line-light{border-color:rgba(255,255,255,.4);color:#fff}
.vc-btn--line-light:hover{background:rgba(255,255,255,.1);color:#fff}

/* header */
.vc-header{position:relative;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.vc-header__bar{display:flex;align-items:center;gap:30px;height:72px}
.vc-logo img{display:block;height:34px;width:auto}
.vc-nav ul{display:flex;gap:2px;align-items:center}
.vc-nav a,.vc-nav__btn{display:inline-flex;align-items:center;gap:4px;padding:10px 12px;border-radius:var(--r);color:var(--ink);font:500 .93rem var(--font);background:none;border:0;cursor:pointer;text-decoration:none}
.vc-nav a:hover,.vc-nav__btn:hover{color:var(--brand)}
.has-sub{position:relative}
.vc-mega{position:absolute;top:100%;left:0;width:min(640px,92vw);background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 24px 60px rgba(15,5,30,.16);padding:10px;display:none;grid-template-columns:1fr 1fr;gap:2px;margin-top:6px}
.vc-mega::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
.vc-mega--sm{width:340px;grid-template-columns:1fr}
.has-sub.open .vc-mega,.has-sub:hover .vc-mega,.has-sub:focus-within .vc-mega{display:grid}
.vc-mega a{display:flex;gap:12px;align-items:center;padding:12px;border-radius:10px;color:var(--ink)}
.vc-mega a:hover{background:var(--brand-xl)}
.vc-mega a strong{display:block;font-weight:600;font-size:.95rem;line-height:1.25}
.vc-mega a small{display:block;color:var(--soft);font-size:.8rem;margin-top:1px}
.vc-mega__ic{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--brand-l);color:var(--brand);flex:none}
.vc-mega__promo{grid-column:1/-1;margin:6px 0 0;padding:12px;border-top:1px solid var(--line);font-size:.85rem;color:var(--soft)}
.vc-mega__promo strong{color:var(--ink)}
.vc-header__cta{display:flex;gap:6px;align-items:center;margin-left:auto}
.vc-burger{display:none;background:none;border:0;color:var(--ink);padding:8px;cursor:pointer}
.vc-drawer[hidden]{display:none}
.vc-drawer{position:fixed;inset:0;z-index:100;background:rgba(15,5,30,.55)}
.vc-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(340px,88vw);background:#fff;padding:64px 20px 24px;overflow:auto;display:flex;flex-direction:column;gap:2px}
.vc-drawer__panel a:not(.vc-btn){display:block;padding:12px 8px;color:var(--ink);font-weight:600;border-radius:var(--r)}
.vc-drawer__panel a.sub{font-weight:500;padding-left:22px;color:var(--mute)}
.vc-drawer__h{margin:14px 8px 2px;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--soft);font-weight:700}
.vc-drawer__close{position:absolute;top:14px;right:14px;background:none;border:0;cursor:pointer;color:var(--ink)}
.vc-drawer .vc-btn{margin-top:14px}

/* top bar (gradient purple, like vibernet.in) */
.vc-topbar{background:linear-gradient(90deg,#58006f,#8a1cb0 60%,#a21ec8);color:#f3dcff;font-size:.78rem}
.vc-topbar .vc-wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 0}
.vc-topbar a,.vc-topbar span{display:inline-flex;align-items:center;gap:7px;color:#f3dcff}
.vc-topbar a:hover{color:#fff}
.vc-topbar__l,.vc-topbar__r{display:flex;gap:22px;align-items:center}

/* hero: deep purple, centered, domain search + product cards */
body.vc-dark-hero .vc-header{background:#14041f;border-bottom:1px solid rgba(255,255,255,.08)}
body.vc-dark-hero .vc-logo img{filter:brightness(0) invert(1)}
body.vc-dark-hero .vc-nav a,body.vc-dark-hero .vc-nav__btn,body.vc-dark-hero .vc-btn--ghost{color:#fff}
body.vc-dark-hero .vc-nav a:hover,body.vc-dark-hero .vc-nav__btn:hover{color:#e9c9f5}
/* dropdown panels are white: keep their text dark even under the dark homepage header */
body .vc-nav .vc-mega a,body.vc-dark-hero .vc-nav .vc-mega a{color:var(--ink)}
body .vc-nav .vc-mega a strong,body.vc-dark-hero .vc-nav .vc-mega a strong{color:var(--ink)}
body .vc-nav .vc-mega a small,body.vc-dark-hero .vc-nav .vc-mega a small{color:var(--soft)}
body .vc-nav .vc-mega a:hover,body.vc-dark-hero .vc-nav .vc-mega a:hover{color:var(--ink);background:var(--brand-xl)}
body .vc-nav .vc-mega a:hover strong,body.vc-dark-hero .vc-nav .vc-mega a:hover strong{color:var(--brand)}
body.vc-dark-hero .vc-burger{color:#fff}
body.vc-dark-hero .vc-header__cta .vc-btn--primary{background:#fff;color:var(--ink)}
body.vc-dark-hero .vc-header__cta .vc-btn--primary:hover{background:var(--brand-l)}
.vc-hero{position:relative;color:#d9c6e4;text-align:center;padding:40px 0 0;background:radial-gradient(900px 520px at 50% 0,rgba(162,30,200,.45),transparent 65%),linear-gradient(180deg,#14041f 0%,#3b0a52 55%,#58006f 100%);overflow:hidden}
.vc-hero>.vc-wrap{position:relative;z-index:1}
.vc-hero__kosh{display:inline-flex;align-items:center;gap:14px;margin:0 0 14px;font:400 1.35rem/1.6 "Noto Nastaliq Urdu",serif;color:#f5c76a;direction:rtl}
.vc-hero__kosh::before,.vc-hero__kosh::after{content:"";width:46px;height:1px;background:linear-gradient(90deg,transparent,#f5a623)}
.vc-hero__kosh::after{transform:scaleX(-1)}
.vc-hero h1{color:#fff;font-size:clamp(2.4rem,5.4vw,4.1rem);font-weight:500;letter-spacing:-.03em;max-width:880px;margin:0 auto .35em}
.vc-hero__lead{font-size:1.1rem;max-width:620px;margin:0 auto 28px}
.vc-hero__cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:18px}
.vc-hero .vc-btn{border-radius:999px}
.vc-hero__guar{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;margin-bottom:26px;color:#ecd9f5}
.vc-domainbar{max-width:880px;margin:0 auto 46px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 7px 7px 20px;text-align:left}
.vc-domainbar:focus-within{border-color:#fff}
.vc-domainbar .vc-i{color:#e9c9f5}
.vc-domainbar input[type=text]{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font:400 1rem var(--font);padding:12px 6px}
.vc-domainbar input::placeholder{color:#cdb4dc}
.vc-domainbar select{background:rgba(255,255,255,.12);color:#fff;border:0;border-radius:999px;padding:10px 12px;font:500 .88rem var(--font)}
.vc-domainbar select option{color:var(--ink)}
.vc-domainbar .vc-btn{padding:13px 26px}
.vc-domainbar__note{font-size:.75rem;color:#cdb4dc;margin-left:10px;max-width:130px;line-height:1.3}
.vc-rating{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 38px;color:#ecd9f5;font-size:.95rem;flex-wrap:wrap}
.vc-rating strong{color:#fff;font-weight:600}
.vc-stars{display:inline-flex;gap:3px;color:#f5a623}
.vc-herocards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:-1px}
.vc-hc{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:260px;padding:22px;text-align:left;border-radius:var(--r-lg) var(--r-lg) 0 0;color:#fff;text-decoration:none!important;overflow:hidden;background:linear-gradient(160deg,#8a1cb0,#3b0a52);border:1px solid rgba(255,255,255,.14);border-bottom:0;transition:transform .2s}
.vc-hc:hover{transform:translateY(-4px);color:#fff}
.vc-hc:nth-child(2){background:linear-gradient(160deg,#a21ec8,#58006f)}
.vc-hc:nth-child(3){background:linear-gradient(160deg,#5a0a78,#240638)}
.vc-hc:nth-child(4){background:linear-gradient(160deg,#7a1599,#3b0a52)}
.vc-hc__ic{position:absolute;top:22px;left:22px;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.16);color:#fff}
.vc-hc__big{position:absolute;right:-24px;top:-10px;opacity:.12}
.vc-hc small{display:block;font-size:.76rem;color:#e0c8ec;margin-bottom:4px}
.vc-hc h3{color:#fff;margin:0 0 4px;font-size:1.25rem;font-weight:500}
.vc-hc p{margin:0;font-size:.88rem;color:#ecd9f5}
.vc-hc strong{color:#fff;font-weight:600}

/* sections */
.vc-section{padding:96px 0;background:#fff}
.vc-section--grey{background:var(--grey)}
.vc-section--lav{background:linear-gradient(180deg,#f6ebfb,#faf5ff)}
.vc-section--dark{background:var(--deep);color:#c3bbe3}
.vc-section--dark h2,.vc-section--dark h3{color:#fff}
.vc-sechead{max-width:700px;margin-bottom:48px}
.vc-sechead.is-center{margin-inline:auto;text-align:center}
.vc-sechead p{font-size:1.06rem;margin:0}
.vc-eyebrow{display:inline-block;padding:6px 12px;border-radius:6px;background:var(--brand-l);color:var(--brand-d);font-size:.76rem;font-weight:700;margin-bottom:16px}
.vc-section--dark .vc-eyebrow{background:rgba(255,255,255,.1);color:#e9c9f5}

/* inner page hero (Hostinger product page style) */
.vc-pagehero{background:linear-gradient(135deg,#fff,#faf5ff);padding:56px 0 64px;border-bottom:1px solid var(--line)}
.vc-pagehero__grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.vc-pagehero--plain .vc-pagehero__grid{grid-template-columns:1fr}
.vc-crumb{font-size:.82rem;margin-bottom:20px;color:var(--soft)}
.vc-crumb a{color:var(--soft)}.vc-crumb a:hover{color:var(--brand)}
.vc-crumb span{margin:0 6px}
.vc-pagehero .vc-pill{display:inline-block;padding:6px 12px;border-radius:6px;background:var(--grey);color:var(--mute);font-size:.8rem;font-weight:500;margin-bottom:18px}
.vc-pagehero h1{font-size:clamp(2rem,4vw,3rem);max-width:640px}
.vc-pagehero p.lead{font-size:1.08rem;max-width:560px}
.vc-checks{display:grid;gap:9px;margin:20px 0 22px}
.vc-checks li{display:flex;gap:10px;align-items:center;color:var(--ink);font-size:.97rem}
.vc-checks .vc-i{color:var(--ok)}
.vc-startat{margin:0 0 16px;color:var(--soft)}
.vc-startat strong{color:var(--ink);font-size:1.3rem;font-weight:600}
.vc-pagehero__art{position:relative}
.vc-pagehero__img{aspect-ratio:16/11;border-radius:var(--r-lg);overflow:hidden;background:linear-gradient(135deg,#d8ccff,#9d7cff)}
.vc-pagehero__img img{display:block;width:100%;height:100%;object-fit:cover}
.vc-status{position:absolute;right:-12px;bottom:-22px;z-index:2;background:#fff;border-radius:var(--r-lg);padding:18px 20px;min-width:220px;box-shadow:0 18px 44px rgba(15,5,30,.2)}
.vc-status small{display:flex;align-items:center;gap:7px;font-size:.72rem;font-weight:700;color:var(--soft);margin-bottom:8px}
.vc-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(0,176,144,.2)}
.vc-status dl{margin:0;display:grid;grid-template-columns:auto auto;gap:5px 22px;font-size:.86rem}
.vc-status dt{color:var(--soft)}.vc-status dd{margin:0;color:var(--ink);font-weight:700;text-align:right}
.vc-trust{padding:30px 0;text-align:center;font-size:.95rem;color:var(--ink)}
.vc-trust .vc-rating{color:var(--ink);margin:0}

/* bento tiles */
.vc-bento{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}
.vc-bento__stack{display:grid;gap:16px}
.vc-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;border-radius:var(--r-lg);background:var(--brand-xl);color:var(--mute);text-decoration:none!important;min-height:190px;transition:transform .2s}
.vc-tile:hover{transform:translateY(-3px)}
.vc-tile--hero{background:linear-gradient(135deg,#58006f,#a21ec8);color:#f3dcff;min-height:400px}
.vc-tile--hero h3{color:#fff;font-size:1.7rem;font-weight:500}
.vc-tile--hero p{max-width:420px}
.vc-tag{align-self:flex-start;background:rgba(255,255,255,.2);color:#fff;font-size:.74rem;font-weight:700;padding:5px 10px;border-radius:6px;margin-bottom:auto}
.vc-tile:not(.vc-tile--hero) .vc-tag{background:var(--brand-l);color:var(--brand-d)}
.vc-tile h3{margin:14px 0 6px}
.vc-tile p{margin:0 0 16px;font-size:.94rem}
.vc-tile__arrow{position:absolute;top:22px;right:24px;color:var(--ink)}
.vc-tile--hero .vc-tile__arrow{display:none}

/* tabs + plans */
.vc-tabs{display:inline-flex;flex-wrap:wrap;gap:2px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px;margin-bottom:34px;box-shadow:0 6px 18px rgba(15,5,30,.06)}
.vc-tabs button{border:0;background:none;padding:10px 20px;border-radius:999px;font:600 .88rem var(--font);color:var(--mute);cursor:pointer}
.vc-tabs button.is-on{background:var(--ink);color:#fff}
.vc-tabpanel[hidden]{display:none}
.vc-toggle{display:inline-flex;margin:0 0 30px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:3px}
.vc-plans .vc-toggle{display:flex;width:max-content;margin:0 auto 30px}
.vc-toggle button{border:0;background:none;padding:9px 18px;border-radius:6px;font:600 .86rem var(--font);color:var(--mute);cursor:pointer}
.vc-toggle button.is-on{background:var(--brand);color:#fff}
.vc-toggle em{font-style:normal;font-size:.68rem;background:var(--brand-l);color:var(--brand-d);padding:2px 6px;border-radius:4px;margin-left:6px}
.vc-plans__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.vc-plan{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--r-lg);padding:28px 26px;box-shadow:0 1px 0 var(--line),0 10px 30px rgba(15,5,30,.05)}
.vc-plan__head{display:block}
.vc-plan__body{display:flex;flex-direction:column;flex:1}
.vc-plan__body .vc-btn{order:-1;margin:0 0 22px}
.vc-plan__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.vc-plan h3{margin:0;font-size:1.2rem;font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--ink)}
.vc-plan__badge{background:var(--brand-l);color:var(--brand-d);font-size:.72rem;font-weight:600;padding:4px 9px;border-radius:6px}
.vc-plan__sub{color:var(--soft);font-size:.9rem;margin:0 0 18px;min-height:2.6em}
.vc-plan__was{font-size:.9rem;color:var(--soft);text-decoration:line-through;min-height:1.4em;margin:0}
.vc-plan__price{display:flex;align-items:baseline;gap:2px;margin:0 0 2px;color:var(--ink)}
.vc-plan__price strong{font-size:2.6rem;font-weight:600;letter-spacing:-.03em;line-height:1.1}
.vc-plan__cur{font-size:1.4rem;font-weight:600}
.vc-plan__per{color:var(--soft);font-size:.95rem;margin-left:3px}
.vc-plan__note{font-size:.8rem;color:var(--soft);margin:0 0 20px;min-height:2.4em}
.vc-plan ul{display:grid;gap:11px;border-top:1px solid var(--line);padding-top:22px}
.vc-plan li{display:flex;gap:10px;font-size:.93rem;align-items:flex-start;color:var(--ink)}
.vc-plan li .vc-i{color:var(--brand);margin-top:5px}
.vc-plan__why{margin-top:22px;padding:16px;border-radius:12px;background:rgba(255,255,255,.08);font-size:.86rem}
.vc-plan__why strong{display:block;font-weight:600;margin-bottom:3px;color:#fff}
.vc-plan.is-pop{background:var(--ink);color:#d9d2e0}
.vc-plan.is-pop h3,.vc-plan.is-pop .vc-plan__price,.vc-plan.is-pop li{color:#fff}
.vc-plan.is-pop .vc-plan__sub,.vc-plan.is-pop .vc-plan__was,.vc-plan.is-pop .vc-plan__per,.vc-plan.is-pop .vc-plan__note{color:#a99db3}
.vc-plan.is-pop .vc-plan__badge{background:#8a1cb0;color:#fff}
.vc-plan.is-pop ul{border-top-color:rgba(255,255,255,.14)}
.vc-plan.is-pop li .vc-i{color:#d58af0}
.vc-plans__fine{text-align:center;color:var(--soft);font-size:.84rem;margin-top:26px}

/* comparison table */
.vc-compare{overflow-x:auto;background:#fff;border-radius:var(--r-lg);box-shadow:0 1px 0 var(--line),0 10px 30px rgba(15,5,30,.05)}
.vc-compare table{width:100%;border-collapse:collapse;min-width:760px;font-size:.92rem}
.vc-compare th,.vc-compare td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line);color:var(--ink)}
.vc-compare thead th{font-weight:600;font-size:.95rem;background:#fff;position:sticky;top:0}
.vc-compare thead th small{display:block;font-weight:400;color:var(--soft);font-size:.78rem;margin-top:2px}
.vc-compare tbody th{font-weight:500;color:var(--soft);width:22%}
.vc-compare tbody tr:last-child td,.vc-compare tbody tr:last-child th{border-bottom:0}
.vc-compare td .vc-i{color:var(--brand)}
.vc-compare .no{color:#c7c0cf}
.vc-compare td.is-hl,.vc-compare th.is-hl{background:var(--brand-xl)}

/* tools tabs */
.vc-tools{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.vc-tools h3{font-size:1.7rem;font-weight:500;letter-spacing:-.02em;margin-bottom:12px}
.vc-tools p{max-width:440px}
.vc-tools .vc-card__more{margin-top:8px}
.vc-minis{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vc-mini{padding:22px;background:#fff;border-radius:var(--r-lg);box-shadow:0 1px 0 var(--line),0 10px 30px rgba(15,5,30,.05)}
.vc-mini .vc-i{color:var(--brand);margin-bottom:14px}
.vc-mini h4{font-size:1rem;font-weight:600;margin:0 0 4px;letter-spacing:-.01em}
.vc-mini p{margin:0;font-size:.9rem;color:var(--soft)}

/* features: soft rounded cards */
.vc-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.vc-feature{padding:28px;background:var(--brand-xl);border-radius:var(--r-lg)}
.vc-section--grey .vc-feature,.vc-section--lav .vc-feature{background:#fff}
.vc-feature__ic{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--brand-l);color:var(--brand);margin-bottom:16px}
.vc-feature h3{margin-bottom:6px}
.vc-feature p{margin:0;font-size:.95rem}

/* stats */
.vc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
.vc-stats>div{padding:26px;background:rgba(255,255,255,.07);border-radius:var(--r-lg)}
.vc-stats strong{display:block;font-size:2.4rem;font-weight:500;color:#fff;letter-spacing:-.03em}
.vc-stats span{font-size:.88rem}
.vc-stats--grid{grid-template-columns:1fr 1fr;margin:0}
.vc-stats--grid>div{background:var(--brand-xl)}
.vc-stats--grid strong{color:var(--brand)}

/* domain card */
.vc-domain{display:flex;align-items:center;gap:8px;max-width:780px;margin:0 auto;background:#fff;border:2px solid var(--brand);border-radius:999px;padding:6px 6px 6px 20px}
.vc-domain__ic{color:var(--soft);display:flex}
.vc-domain input[type=text]{flex:1;min-width:0;border:0;outline:0;font:500 1rem var(--font);padding:12px 4px;background:transparent;color:var(--ink)}
.vc-domain select{border:0;background:var(--grey);border-radius:999px;padding:10px 12px;font:600 .88rem var(--font);color:var(--ink)}
.vc-domain .vc-btn{border-radius:999px}
.vc-tlds{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin-top:22px;font-weight:700;color:var(--ink)}

/* split / steps / ticks */
.vc-split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.vc-ticks{display:grid;gap:12px;margin:0 0 28px}
.vc-ticks li{display:flex;gap:12px;align-items:center;color:var(--ink);font-weight:500}
.vc-ticks .vc-i{color:var(--ok)}
.vc-steps{display:grid;gap:12px}
.vc-steps>div{display:flex;gap:18px;padding:22px;background:#fff;border-radius:var(--r-lg);border:1px solid var(--line)}
.vc-section--grey .vc-steps>div,.vc-section--lav .vc-steps>div{border-color:transparent}
.vc-steps b{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--brand);color:#fff;font-weight:700}
.vc-steps h3{margin:0 0 3px}.vc-steps p{margin:0;font-size:.94rem}
.vc-steps--wide{margin-bottom:36px}
.vc-quote{max-width:720px;margin:0 auto;background:var(--brand-xl);border-radius:var(--r-lg);padding:38px}
.vc-prose{font-size:1.02rem}
.vc-content img{border-radius:var(--r)}
.vc-content h2,.vc-content h3{margin-top:1.8em}
.vc-content a{text-decoration:underline}

/* faq */
.vc-faq{display:grid;gap:10px}
.vc-faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:0 24px}
.vc-section--grey .vc-faq details,.vc-section--lav .vc-faq details{border-color:transparent}
.vc-faq summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:20px 0;font-weight:600;font-size:1.04rem;color:var(--ink);list-style:none}
.vc-faq summary::-webkit-details-marker{display:none}
.vc-faq summary .vc-i{transition:transform .2s;color:var(--brand)}
.vc-faq details[open] summary .vc-i{transform:rotate(180deg)}
.vc-faq details p{margin:0 0 22px;max-width:680px}

/* cta band */
.vc-band{padding:0 0 96px;background:#fff}
.vc-band__in{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;background:linear-gradient(120deg,#58006f,#720094 55%,#a21ec8);color:#f3dcff;border-radius:28px;padding:52px}
.vc-band h2{color:#fff;margin-bottom:8px}.vc-band p{margin:0}

/* contact */
.vc-contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
.vc-contact__info li{display:flex;gap:14px;margin-top:24px}
.vc-contact__info .vc-i{color:var(--brand);margin-top:3px}
.vc-contact__info strong{display:block;color:var(--ink)}
.vc-form{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:34px;display:grid;gap:16px;box-shadow:0 10px 30px rgba(15,5,30,.05)}
.vc-form h2{font-size:1.6rem;margin:0}
.vc-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vc-form label{display:grid;gap:6px;font-weight:600;font-size:.86rem;color:var(--ink)}
.vc-form input,.vc-form select,.vc-form textarea{font:400 1rem var(--font);padding:13px 14px;border:1px solid #d6d3e6;border-radius:var(--r);background:#fff;color:var(--ink)}
.vc-form input:focus,.vc-form select:focus,.vc-form textarea:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px rgba(114,0,148,.15)}
.vc-hp{position:absolute;left:-9999px}
.vc-alert{padding:12px 16px;border-radius:var(--r);margin:0;font-size:.92rem}
.vc-alert--ok{background:#e3f7f1;color:#0a5c47}.vc-alert--err{background:#fdeaea;color:#8a1c1c}

/* blog */
.vc-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vc-post{background:#fff;border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 0 var(--line),0 10px 30px rgba(15,5,30,.05)}
.vc-post__img img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.vc-post__body{padding:24px;display:flex;flex-direction:column;gap:6px;flex:1}
.vc-post time,.vc-meta{font-size:.78rem;color:var(--soft)}
.vc-post h2{font-size:1.25rem;margin:0}.vc-post h2 a{color:var(--ink)}
.vc-post p{font-size:.93rem;margin:0}
.vc-card__more{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.9rem;color:var(--brand)}
.vc-post .vc-card__more{margin-top:auto;padding-top:10px}
.vc-single__img{width:100%;border-radius:var(--r-lg);margin:0 0 28px}
.vc-pager{margin-top:40px;text-align:center}
.vc-pager .page-numbers{display:inline-block;padding:8px 14px;margin:0 2px;border-radius:var(--r);border:1px solid var(--line)}
.vc-pager .current{background:var(--brand);color:#fff;border-color:var(--brand)}

/* footer */
.vc-footer{background:var(--deep);color:#b4abd8;padding:76px 0 28px}
.vc-footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:44px}
.vc-footer h3{color:#fff;font-size:.95rem;font-weight:600;margin-bottom:16px}
.vc-footer li{margin-bottom:10px;font-size:.93rem}
.vc-footer a{color:#b4abd8}.vc-footer a:hover{color:#fff}
.vc-footer__logo{filter:brightness(0) invert(1);margin-bottom:18px}
.vc-footer__brand p{max-width:300px;font-size:.93rem}
.vc-footer__line{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;margin-bottom:10px}
.vc-footer__line .vc-i{margin-top:4px;color:#d58af0}
.vc-footer__bar a{color:#fff;font-weight:600}
.vc-footer__bar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:52px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:.82rem}

/* responsive */
@media (max-width:1024px){
	.vc-nav{display:none}
	.vc-burger{display:inline-flex}
	.vc-split,.vc-contact,.vc-pagehero__grid,.vc-bento{grid-template-columns:1fr;gap:44px}
	.vc-herocards{grid-template-columns:repeat(2,1fr)}
	.vc-hc{border-radius:var(--r-lg);margin-bottom:0;min-height:200px}
	.vc-hero{padding-bottom:40px}
	.vc-features,.vc-posts{grid-template-columns:repeat(2,1fr)}
	.vc-plans__grid{grid-template-columns:1fr;max-width:480px;margin-inline:auto}
	.vc-footer__grid{grid-template-columns:1fr 1fr}
	.vc-status{right:8px}
}
@media (max-width:640px){
	.vc-hide-sm,.vc-domainbar__note{display:none}
	.vc-section{padding:64px 0}
	.vc-features,.vc-posts,.vc-form__row,.vc-herocards{grid-template-columns:1fr}
	.vc-topbar__l a:nth-child(2),.vc-topbar__r span{display:none}
	.vc-stats{grid-template-columns:1fr 1fr}
	.vc-domainbar,.vc-domain{flex-wrap:wrap;border-radius:20px;padding:12px}
	.vc-domainbar input[type=text],.vc-domain input[type=text]{flex-basis:calc(100% - 40px)}
	.vc-domainbar .vc-btn,.vc-domain .vc-btn{flex:1}
	.vc-domainbar{flex-wrap:wrap;border-radius:20px;padding:12px}
	.vc-domainbar input[type=text]{flex-basis:calc(100% - 40px)}
	.vc-domainbar .vc-btn{flex:1}
	.vc-footer__grid{grid-template-columns:1fr}
	.vc-minis{grid-template-columns:1fr}
	.vc-band__in{padding:34px 24px}
	.vc-tabs{border-radius:16px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ==========================================================
   v5 - AWS-style structure in ViberCloud purple.
   Utility bar, pill CTAs, soft gradient hero with frosted card,
   rounded lift into white, lavender-grey rounded cards.
   ========================================================== */
:root{
	--brand:#720094;--brand-d:#58006f;--brand-l:#f3e6fa;--brand-xl:#faf5ff;--brand-2:#a21ec8;
	--ink:#1b1024;--mute:#3d3447;--soft:#6b6478;--line:#e8e2ee;--card:#f5f1f9;
	--dark:#1b0a28;--deep:#150820;--grey:#faf7fd;--bg-2:#faf7fd;
	--r:10px;--r-lg:18px;--saf:#f5a623;
	--mono:"DM Mono",ui-monospace,Menlo,Consolas,monospace;
}
h1,h2,h3{font-weight:500;letter-spacing:-.02em}
h1{font-size:clamp(2.3rem,4.6vw,3.7rem);line-height:1.08}
h2{font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.12}
.hl{color:var(--brand)}

/* pill buttons */
.vc-btn{border-radius:999px;font-weight:500}
.vc-btn--primary{background:var(--brand);color:#fff}
.vc-btn--primary:hover{background:var(--brand-d);color:#fff}
.vc-btn--outline{border-color:var(--ink);color:var(--ink)}
.vc-btn--outline:hover{background:var(--ink);color:#fff}
.vc-btn--white{background:#fff;color:var(--ink)}
.vc-btn--white:hover{background:var(--brand-l);color:var(--ink)}

/* utility bar + nav */
.vc-topbar{background:var(--dark);color:#d9c6e4;font-size:.8rem}
.vc-topbar .vc-wrap{justify-content:flex-end;gap:26px;padding:12px 0}
.vc-topbar__l,.vc-topbar__r{gap:26px}
.vc-topbar a,.vc-topbar span{color:#e9d9f5}
body.vc-dark-hero .vc-header,.vc-header{background:#fff;border-bottom:0;box-shadow:0 1px 0 var(--line)}
body.vc-dark-hero .vc-logo img{filter:none}
body.vc-dark-hero .vc-nav a,body.vc-dark-hero .vc-nav__btn,body.vc-dark-hero .vc-btn--ghost,body.vc-dark-hero .vc-burger{color:var(--ink)}
body.vc-dark-hero .vc-nav a:hover,body.vc-dark-hero .vc-nav__btn:hover{color:var(--brand)}
body.vc-dark-hero .vc-header__cta .vc-btn--primary{background:var(--dark);color:#fff}
body.vc-dark-hero .vc-header__cta .vc-btn--primary:hover{background:var(--brand)}
.vc-header__bar{height:76px}
.vc-nav a,.vc-nav__btn{font-weight:400}

/* hero: soft gradient + frosted card + art */
.vc-hero{position:relative;padding:72px 0 150px;text-align:left;color:var(--mute);overflow:hidden;
	background:radial-gradient(900px 600px at 82% 38%,rgba(255,255,255,.55),transparent 62%),linear-gradient(172deg,#f1e4f9 0%,#d9a8ee 38%,#9a3fc2 72%,#5a1478 100%)}
.vc-hero::before,.vc-hero::after{display:none}
.vc-hero__grid{position:relative;display:block}
.vc-hero__card{position:relative;z-index:2;max-width:640px;padding:44px 44px 40px;border-radius:var(--r-lg);background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.7) inset}
.vc-hero__kosh{display:block;direction:ltr;text-align:left;width:auto;margin:0 0 6px;font:400 1.2rem/1.7 "Noto Nastaliq Urdu",serif;color:var(--brand)}
.vc-hero h1{color:var(--ink);font-size:clamp(2.3rem,4.2vw,3.3rem);max-width:none;margin:0 0 .45em}
.vc-hero__lead{color:var(--mute);font-size:1.12rem;margin:0 0 26px;max-width:none}
.vc-domainbar{max-width:none;margin:0 0 16px;background:#fff;border:1px solid #d8cde2;border-radius:999px;padding:6px 6px 6px 20px;overflow:visible;gap:8px}
.vc-domainbar:focus-within{border-color:var(--brand)}
.vc-domainbar .vc-i{color:var(--soft);margin:0}
.vc-domainbar input[type=text]{color:var(--ink);padding:12px 6px;font:400 1rem var(--font)}
.vc-domainbar input::placeholder{color:#8b8296}
.vc-domainbar select{background:var(--card);color:var(--ink);border:0;border-radius:999px;padding:10px 14px;font:500 .9rem var(--font)}
.vc-domainbar .vc-btn{background:var(--dark);color:#fff;padding:14px 26px;border-radius:999px}
.vc-domainbar .vc-btn:hover{background:var(--brand)}
.vc-hero__guar{display:flex;gap:8px;align-items:center;color:var(--mute);font-size:.9rem;margin:0}
.vc-hero__guar .vc-i{color:var(--brand)}
.vc-hero__art{position:absolute;right:-20px;top:-10px;bottom:-60px;height:calc(100% + 70px);width:min(600px,52%);object-fit:contain;object-position:right center;z-index:1;pointer-events:none}
.vc-lift{position:relative;z-index:3;margin-top:-72px;background:#fff;border-radius:72px 72px 0 0;overflow:hidden}
.vc-domainbar__note{position:absolute;left:-9999px}
.vc-pcard__art .vc-chip{max-width:calc(100% - 28px)}

/* sections */
.vc-section{padding:96px 0;background:#fff}
.vc-section--grey,.vc-section--lav{background:var(--grey)}
.vc-sechead{max-width:760px;margin-bottom:44px}
.vc-sechead.is-center{margin-inline:auto;text-align:center}
.vc-eyebrow{background:var(--card);color:var(--mute);border-radius:4px;font:400 .72rem var(--mono);letter-spacing:.04em;padding:5px 10px}
.vc-chip{display:inline-block;background:rgba(255,255,255,.88);color:var(--ink);border-radius:4px;font:400 .72rem var(--mono);padding:4px 8px;letter-spacing:.02em}

/* product cards */
.vc-pcards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.vc-pcard{display:flex;flex-direction:column;background:var(--card);border-radius:var(--r-lg);overflow:hidden;color:var(--ink);text-decoration:none!important;transition:transform .2s,box-shadow .2s}
.vc-pcard:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(27,16,36,.10);color:var(--ink)}
.vc-pcard__art{position:relative;height:190px;display:grid;place-items:center;color:#fff;overflow:hidden}
.vc-pcard__art .vc-chip{position:absolute;top:14px;left:14px}
.vc-pcard__art::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;bottom:-120px;background:rgba(255,255,255,.18)}
.vc-pcard__art::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;left:-30px;top:-40px;background:rgba(255,255,255,.12)}
.vc-pcard:nth-child(1) .vc-pcard__art{background:linear-gradient(135deg,#a21ec8,#4a0a68)}
.vc-pcard:nth-child(2) .vc-pcard__art{background:linear-gradient(135deg,#ff7ad9,#8a1cb0)}
.vc-pcard:nth-child(3) .vc-pcard__art{background:linear-gradient(135deg,#7a3cff,#3a0a55)}
.vc-pcard:nth-child(4) .vc-pcard__art{background:linear-gradient(135deg,#f5a623,#a21ec8)}
.vc-pcard__art .vc-i{position:relative;z-index:1}
.vc-pcard__body{display:flex;flex-direction:column;gap:6px;padding:24px 24px 22px;flex:1}
.vc-pcard h3{margin:0;font-size:1.2rem}
.vc-pcard p{margin:0;color:var(--mute);font-size:.94rem}
.vc-pcard__foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;font-size:.92rem;color:var(--soft)}
.vc-pcard__foot strong{color:var(--ink);font-weight:600}

/* feature banner */
.vc-banner{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:480px;padding:56px;border-radius:24px;overflow:hidden;color:#f0e2f8;text-decoration:none!important;
	background:radial-gradient(700px 420px at 85% 20%,rgba(255,255,255,.28),transparent 60%),linear-gradient(135deg,#2a0a38 0%,#58006f 55%,#a21ec8 100%)}
.vc-banner img{position:absolute;right:-30px;top:-20px;height:115%;width:auto;max-width:60%;object-fit:contain;opacity:.95}
.vc-banner .vc-chip{align-self:flex-start;margin-bottom:auto;position:relative}
.vc-banner h3{position:relative;color:#fff;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:500;max-width:620px;margin:0 0 10px}
.vc-banner p{position:relative;max-width:520px;margin:0 0 22px}
.vc-banner .vc-btn{position:relative;align-self:flex-start}
.vc-split-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.vc-split-head .vc-sechead{margin:0}
.vc-link{color:var(--brand);text-decoration:underline;text-underline-offset:3px;font-weight:500}
.vc-link:hover{color:var(--brand)}

/* dropdown menus: sleek, light, list-like */
.vc-mega{width:min(520px,92vw);padding:8px;border-radius:14px;box-shadow:0 18px 48px rgba(27,16,36,.12);border:1px solid var(--line);gap:0}
.vc-mega--sm{width:290px}
.vc-mega a{gap:12px;padding:10px 12px;border-radius:8px}
.vc-mega__ic{width:auto;height:auto;background:none;border-radius:0;color:var(--soft)}
.vc-mega__ic svg{width:18px;height:18px}
.vc-mega a strong{font-weight:400;font-size:.94rem;line-height:1.3;color:var(--ink)}
.vc-mega a small{font-size:.78rem;font-weight:400;color:var(--soft);margin-top:0}
.vc-mega a:hover{background:var(--card)}
.vc-mega a:hover .vc-mega__ic{color:var(--brand)}
.vc-mega__promo{font-size:.8rem;font-weight:400;margin:6px 4px 0;padding:12px 8px 6px}
.vc-mega__promo strong{font-weight:500}

/* surfaces: lavender-grey cards, no borders or shadows */
.vc-plan{background:var(--card);box-shadow:none;border-radius:var(--r-lg)}
.vc-section--grey .vc-plan{background:#fff}
.vc-plan.is-pop{background:var(--dark);color:#d9c6e4}
.vc-plan.is-pop .vc-plan__badge{background:var(--brand-2);color:#fff}
.vc-mini,.vc-feature,.vc-steps>div,.vc-faq details,.vc-compare,.vc-post,.vc-form{box-shadow:none}
.vc-feature{background:var(--card)}
.vc-section--grey .vc-feature,.vc-section--lav .vc-feature{background:#fff}
.vc-tabs{background:var(--card);border:0;box-shadow:none}
.vc-tabs button.is-on{background:var(--dark)}
.vc-toggle button.is-on{background:var(--dark)}
.vc-band__in{background:linear-gradient(120deg,#2a0a38,#58006f 60%,#8a1cb0);border-radius:var(--r-lg)}
.vc-footer{background:var(--dark)}
.vc-footer__logo{filter:brightness(0) invert(1)}

@media (max-width:1024px){
	.vc-pcards{grid-template-columns:repeat(2,1fr)}
	.vc-hero{padding:48px 0 130px}
	.vc-hero__art{opacity:.55;width:70%}
	.vc-banner{padding:36px;min-height:420px}
	.vc-lift{border-radius:40px 40px 0 0}
}
@media (max-width:640px){
	.vc-pcards{grid-template-columns:1fr}
	.vc-hero__card{padding:28px 22px}
	.vc-hero__art{display:none}
	.vc-domainbar{border-radius:20px;padding:10px;flex-wrap:wrap}
	.vc-domainbar input[type=text]{flex:1 1 70%}
	.vc-domainbar .vc-btn{flex:1 1 100%}
	.vc-topbar .vc-wrap{gap:16px}
	.vc-section{padding:64px 0}
}

/* domain search results */
.vc-dresults{max-width:780px;margin:28px auto 0;display:grid;gap:10px}
.vc-dresult{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:var(--card);border-radius:var(--r-lg);padding:18px 22px}
.vc-dresult.is-first{outline:2px solid var(--brand)}
.vc-dresult strong{font-size:1.1rem;color:var(--ink);font-weight:600;margin-right:12px}
.vc-dstatus{font:400 .72rem var(--mono);padding:4px 8px;border-radius:4px;background:#fff;color:var(--mute)}
.vc-dresult.is-available .vc-dstatus{background:#e3f7f1;color:#0a5c47}
.vc-dresult.is-taken{opacity:.75}
.vc-dresult.is-taken strong{text-decoration:line-through;text-decoration-color:#b8aebf}
.vc-dact{display:flex;align-items:center;gap:14px}
.vc-dprice{color:var(--mute);font-weight:500}
.vc-dfine{font-size:.84rem;color:var(--soft);margin:6px 0 0;text-align:center}
@media (max-width:640px){.vc-dact{width:100%}.vc-dact .vc-btn{flex:1}}


/* snow */
.vc-snow{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:60}
.vc-snowbtn{position:fixed;left:18px;bottom:18px;z-index:70;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--brand);cursor:pointer;box-shadow:0 8px 24px rgba(27,16,36,.14);transition:transform .15s,opacity .15s}
.vc-snowbtn:hover{transform:scale(1.06)}
.vc-snowbtn.is-off{opacity:.55;color:var(--soft)}
.vc-snowbtn[hidden]{display:none}
@media print{.vc-snow,.vc-snowbtn{display:none!important}}

/* ---------- Home hero v2: light, snowy, globe + floating cards ---------- */
.vc-hero2{position:relative;overflow:hidden;text-align:center;padding:76px 0 0;background:radial-gradient(900px 520px at 50% 108%,rgba(114,0,148,.16),transparent 70%),linear-gradient(180deg,#f2f4ff 0%,#fbfbff 55%,#fff 100%)}
.vc-hero2__in{position:relative;z-index:3}
.vc-hero2 .vc-hero__kosh{display:block;text-align:center;margin:0 0 6px}
.vc-hero2 h1{font-size:clamp(2.6rem,5.6vw,4.6rem);font-weight:400;letter-spacing:-.035em;line-height:1.05;margin:0 auto .4em;max-width:900px;color:var(--ink)}
.vc-hero2__lead{max-width:600px;margin:0 auto 28px;font-size:1.15rem;color:var(--mute)}
.vc-hero2__search{max-width:640px;margin:0 auto 18px}
.vc-hero2 .vc-domainbar{max-width:none;margin:0;background:#fff;border:1px solid #d9dbf0;box-shadow:0 14px 40px rgba(74,60,140,.10)}
.vc-hero2__ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:0}
.vc-hero2__stage{position:relative;max-width:1240px;margin:-10px auto 0;height:600px}
.vc-globe{position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:min(1240px,100%);height:600px;z-index:1;
	background:radial-gradient(closest-side at 50% 118%,#e4e9fb 0 52%,#c9d2f4 53%,rgba(201,210,244,0) 70%)}
.vc-globe__canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}
.vc-globe.is-live{background:none}
.vc-fcard{position:absolute;z-index:2;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:16px 18px;box-shadow:0 18px 44px rgba(60,50,120,.16),0 0 0 1px rgba(255,255,255,.8) inset;text-align:left;animation:vcfloat 7s ease-in-out infinite}
.vc-fcard__t{margin:0 0 6px;font-size:.78rem;color:var(--soft);font-weight:500}
.vc-fcard__big{margin:0;font-size:1.9rem;font-weight:500;letter-spacing:-.03em;color:var(--ink);line-height:1.1}
.vc-fcard__big small{font-size:.85rem;color:var(--soft);font-weight:400;margin-left:2px}
.vc-fcard ul{margin:0;padding:0;display:grid;gap:9px}
.vc-fcard li{display:flex;gap:10px;align-items:center;font-size:.83rem;color:var(--mute)}
.vc-fcard li b{color:var(--ink);font-weight:600}
.vc-fi{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#fff3d6;color:#b07408;flex:none}
.vc-fcard__bar{display:block;height:6px;border-radius:6px;background:#eceefb;margin-top:12px;overflow:hidden}
.vc-fcard__bar i{display:block;height:100%;width:62%;border-radius:6px;background:linear-gradient(90deg,#720094,#f5a623)}
.vc-route{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--ink);font-weight:500}
.vc-route i{flex:1;min-width:22px;height:2px;background:linear-gradient(90deg,#720094,#f5a623);border-radius:2px;position:relative}
.vc-fcard--a{left:3%;top:34px;width:272px;transform:rotate(-5deg)}
.vc-fcard--b{left:9%;top:330px;width:170px;transform:rotate(-7deg);animation-delay:-2s}
.vc-fcard--c{left:50%;top:150px;margin-left:-130px;width:260px;transform:rotate(3deg);animation-delay:-4s}
.vc-fcard--d{right:9%;top:60px;width:150px;transform:rotate(4deg);animation-delay:-1s}
.vc-fcard--e{right:6%;top:360px;width:200px;transform:rotate(-6deg);animation-delay:-3s}
@keyframes vcfloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
.vc-incl{position:relative;z-index:3;display:flex;flex-wrap:wrap;justify-content:space-around;gap:14px 26px;margin:-64px auto 38px;background:#fff;border-radius:20px;padding:22px 28px;box-shadow:0 20px 50px rgba(60,50,120,.12);list-style:none}
.vc-incl li{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:500;font-size:.95rem}
.vc-incl .vc-i{color:var(--brand)}
.vc-lift2{position:relative;background:#fff}

/* ---------- Kashmir data-centre section: photo + interior panels ---------- */
.vc-cine{position:relative;margin:0 auto 96px;width:min(1240px,100% - 40px);border-radius:28px;overflow:hidden;background:#0c0a24;color:#e8e2f6}
.vc-cine__photo{position:relative;min-height:640px}
.vc-cine__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%;display:block}
.vc-cine__photo::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(10,8,32,.82) 0%,rgba(10,8,32,.45) 40%,rgba(10,8,32,0) 66%),linear-gradient(180deg,rgba(10,8,32,.35),rgba(10,8,32,0) 40%)}
.vc-cine__copy{position:relative;z-index:2;padding:56px 56px 0;max-width:640px}
.vc-cine h2{color:#fff;font-size:clamp(2.2rem,4.4vw,3.6rem);font-weight:300;letter-spacing:-.03em;line-height:1.04;margin:14px 0 14px}
.vc-cine p{margin:0 0 20px;font-size:1.05rem;color:#e0d9f2}
.vc-cine__cap{position:absolute;right:16px;bottom:14px;z-index:2;font:400 .7rem var(--mono);letter-spacing:.04em;color:#e0d9f2;background:rgba(10,8,32,.55);padding:5px 9px;border-radius:4px}
.vc-link--light{color:#fff;text-decoration:underline;text-underline-offset:3px;margin-left:14px}
.vc-inside{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;background:#0c0a24}
.vc-inpanel{position:relative;overflow:hidden;min-height:230px}
.vc-inpanel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.vc-inpanel:hover img{transform:scale(1.05)}
.vc-inpanel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,32,.1) 20%,rgba(10,8,32,.92) 100%)}
.vc-inpanel__t{position:absolute;left:16px;right:12px;bottom:16px;z-index:2;display:flex;gap:10px;align-items:flex-start;color:#fff}
.vc-inpanel__t .vc-i{margin-top:2px;flex:none;color:#f5c76a}
.vc-inpanel__t strong{display:block;font-size:.9rem;font-weight:600;line-height:1.25;letter-spacing:.01em}
.vc-inpanel__t span{display:block;font-size:.72rem;color:#c9c2e0;margin-top:3px;line-height:1.35}

@media (max-width:1024px){
	.vc-hero2__stage{height:470px}.vc-globe{height:470px}
	.vc-fcard--a,.vc-fcard--e{display:none}
	.vc-fcard--b{left:4%;top:230px}.vc-fcard--c{margin-left:-110px;top:190px;width:220px}.vc-fcard--d{right:4%;top:40px}
	.vc-cine__photo{min-height:480px}.vc-inside{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
	.vc-hero2{padding-top:44px}
	.vc-fcard--b,.vc-fcard--d{display:none}
	.vc-hero2__stage{height:380px;margin-top:0}.vc-globe{height:380px}
	.vc-fcard--c{top:20px;margin-left:-100px;width:200px}
	.vc-incl{margin-top:-30px;justify-content:flex-start}
	.vc-cine__copy{padding:34px 24px 0}.vc-cine__photo{min-height:420px}.vc-inside{grid-template-columns:repeat(2,1fr)}
}
@media (prefers-reduced-motion:reduce){.vc-fcard{animation:none}}

/* Urdu word inside the headline */
.vc-ur{font-family:"Noto Sans Arabic","Noto Naskh Arabic",system-ui,sans-serif;font-weight:500;font-size:.94em;line-height:1;color:var(--brand);display:inline-block;vertical-align:baseline;margin:0 .06em;unicode-bidi:isolate;letter-spacing:0}

/* ---------- Phase 1: one primary colour, one hero action ---------- */
body.vc-dark-hero .vc-header__cta .vc-btn--primary{background:var(--brand);color:#fff}
body.vc-dark-hero .vc-header__cta .vc-btn--primary:hover{background:var(--brand-d);color:#fff}
.vc-domainbar .vc-btn,.vc-hero2 .vc-domainbar .vc-btn{background:var(--brand);color:#fff}
.vc-domainbar .vc-btn:hover{background:var(--brand-d)}
.vc-tabs button.is-on,.vc-toggle button.is-on{background:var(--brand);color:#fff}
.vc-hero2__ctas{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;margin:6px 0 0;font-size:.98rem}
.vc-hero2__ctas a{color:var(--ink);font-weight:500;text-decoration:underline;text-decoration-color:rgba(114,0,148,.35);text-underline-offset:5px;text-decoration-thickness:2px}
.vc-hero2__ctas a:hover{color:var(--brand);text-decoration-color:var(--brand)}
.vc-hero2__ctas a::after{content:" \2192"}

/* ---------- Phase 2: palette discipline, radius system, rhythm ---------- */
:root{--r:12px;--r-lg:18px;--grey:#f6f1fb;--font:"DM Sans","Noto Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
/* product cards: one purple family, saffron only as the accent */
.vc-pcard:nth-child(1) .vc-pcard__art{background:linear-gradient(135deg,#8a1cb0,#4a0a68)}
.vc-pcard:nth-child(2) .vc-pcard__art{background:linear-gradient(135deg,#9a2bc4,#58006f)}
.vc-pcard:nth-child(3) .vc-pcard__art{background:linear-gradient(135deg,#6a1aa8,#2a0a4a)}
.vc-pcard:nth-child(4) .vc-pcard__art{background:linear-gradient(135deg,#7a1599,#3a0a52)}
.vc-pcard__art .vc-i{color:#fff;filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}
.vc-pcard__art::before{background:rgba(245,166,35,.22)}
.vc-pcard__foot{align-items:flex-end;border-top:1px solid var(--line);margin-top:auto;padding-top:14px}
.vc-pcard__price{display:flex;align-items:baseline;gap:4px;color:var(--soft)}
.vc-pcard__price small{font-size:.8rem}
.vc-pcard__price strong{font-size:1.7rem;font-weight:600;letter-spacing:-.03em;color:var(--ink)}
.vc-pcard__price em{font-style:normal;font-size:.85rem}
.vc-pcard__go{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--brand);transition:background .2s,color .2s}
.vc-pcard:hover .vc-pcard__go{background:var(--brand);color:#fff}
.vc-chip{max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* consistent tilt, only the cards that add information */
.vc-fcard--a{transform:rotate(-4deg)}
.vc-fcard--c{transform:rotate(0deg)}
.vc-fcard--e{transform:rotate(4deg);right:7%;top:300px}
/* rhythm */
.vc-section--tight{padding:72px 0}
.vc-cine{margin-top:24px;margin-bottom:120px}
/* plan controls: tabs left, billing toggle right on one row */
.vc-plans .vc-toggle{margin:0 0 22px auto;width:max-content}
@media (min-width:900px){
	#plans .vc-center{text-align:left}
	#plans .vc-tabs{margin-bottom:0}
	#plans .vc-plans .vc-toggle{margin:-52px 0 26px auto;position:relative}
	#plans .vc-plans__grid{margin-top:0}
}
/* plan footers: every card ends with a note, so heights read as intentional */
.vc-plan__why--soft{display:flex;align-items:center;gap:8px;margin-top:auto;padding:12px 14px;border-radius:12px;background:var(--brand-xl);color:var(--mute);font-size:.84rem}
.vc-plan__why--soft .vc-i{color:var(--brand)}
.vc-plan__body{flex:1}
.vc-plan ul{margin-bottom:22px}

/* ---------- Phase 3: legibility, tracking, imagery, fallbacks ---------- */
/* 11: nothing below ~12.5px on photo overlays and chips */
.vc-chip,.vc-eyebrow,.vc-cine__cap{font-size:.78rem}
.vc-inpanel__t strong{font-size:.95rem}
.vc-inpanel__t span{font-size:.8rem;color:#e0d9f2}
.vc-fcard__t{font-size:.82rem}
.vc-fcard li{font-size:.88rem}
.vc-plans__fine,.vc-footer__bar{font-size:.88rem}
/* 12: looser display tracking so letters never touch */
h1,h2{letter-spacing:-.022em}
.vc-hero2 h1{letter-spacing:-.025em}
.vc-sechead h2{letter-spacing:-.02em}
/* 13: product-page hero image: tint the stock rack photo into the brand */
.vc-pagehero__img{position:relative}
.vc-pagehero__img img{filter:saturate(.35) contrast(1.05)}
.vc-pagehero__img::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(58,10,92,.62),rgba(114,0,148,.28));mix-blend-mode:multiply;pointer-events:none}
/* product-card accent circle: cleaner than orange-on-purple mud */
.vc-pcard__art::before{background:rgba(255,255,255,.12)}
/* 14: slim page head used by the order form */
.vcc-slimhead{background:var(--grey);padding:34px 0 8px}
.vcc-slimhead h1{font-size:clamp(1.8rem,3vw,2.4rem);margin:6px 0 4px}
.vcc-slimhead p{margin:0;color:var(--mute)}
.vc-section--grey:has(.vcc-order){padding-top:28px}
/* 15: when the 3D globe is not running (phones without WebGL, reduced motion), draw a calm sphere instead of blank space */
.vc-globe:not(.is-live){background:
	radial-gradient(closest-side at 50% 100%,rgba(255,255,255,.9) 0 50%,transparent 51%),
	radial-gradient(closest-side at 50% 118%,#b9c6f2 0 74%,#8fa1e6 75%,rgba(143,161,230,0) 76%)}
@media (max-width:640px){
	.vc-hero2__stage{height:330px}
	.vc-globe{height:330px}
	.vc-hero2 h1{font-size:2.35rem}
}

/* ---------- pricing: one view at a time ---------- */
.vc-viewbar{display:flex;justify-content:space-between;align-items:center;gap:16px 24px;flex-wrap:wrap;margin-bottom:30px}
.vc-tabs--link{margin:0}
.vc-tabs--link a{padding:10px 20px;border-radius:999px;font:600 .9rem var(--font);color:var(--mute);text-decoration:none}
.vc-tabs--link a:hover{color:var(--ink)}
.vc-tabs--link a.is-on{background:var(--brand);color:#fff}
.vc-viewbar__note{margin:0;font-size:.88rem;color:var(--soft)}
.vc-viewbar__note a{color:var(--brand);font-weight:500}
.vc-viewhead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 28px;flex-wrap:wrap;margin-bottom:26px}
.vc-viewhead h2{margin:10px 0 6px}
.vc-viewhead p{margin:0;max-width:620px;color:var(--mute)}
.vc-viewpanel[hidden]{display:none}
.vc-viewpanel:not([hidden]){animation:vcview .25s ease}
@keyframes vcview{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:640px){.vc-tabs--link{overflow-x:auto;max-width:100%;flex-wrap:nowrap}.vc-tabs--link a{white-space:nowrap}}
@media (prefers-reduced-motion:reduce){.vc-viewpanel:not([hidden]){animation:none}}

.vc-link{color:var(--brand)}
.vc-link:hover{color:var(--brand-d)}