/* Virusha v2: service page template (31 service pages). Loads after v2-shell.css + v2-kit.css */
.pg-cap{text-transform:lowercase}
.pg-cap::first-letter{text-transform:uppercase}

/* Hero: copy + Zoho form */
.pg-hero{padding-bottom:clamp(48px,6vw,88px)}
.pg-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(32px,5vw,72px);align-items:start}
.pg-h1{font-size:clamp(40px,4.6vw,70px);line-height:1.02}
.pg-hero-list{list-style:none;margin:4px 0 6px;padding:0;display:flex;flex-direction:column;gap:12px;max-width:620px}
.pg-hero-list li{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#C4C7CF;font-size:16px;line-height:1.55}
.pg-hero-list li p{margin:0}
.pg-hero-list strong{color:#FFFFFF;font-weight:600}
.pg-tick{flex:none;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#FFFFFF;background:linear-gradient(135deg,#7C3AED,#4F46E5 55%,#0EA5E9);margin-top:1px}
.pg-hero-form{position:relative;justify-self:end;width:100%;max-width:440px;border-radius:var(--r);background:#FFFFFF;padding:10px 6px;box-shadow:0 40px 80px -40px rgba(0,0,0,.7);min-height:520px;overflow:hidden}
.pg-hero-form iframe{display:block;max-width:100%}

/* In-page nav */
.pg-sub{position:sticky;top:96px;z-index:40;margin-top:-28px;pointer-events:none}
.pg-sub-in{display:flex;align-items:center;gap:10px}
.pg-sub-links{pointer-events:auto;flex:1 1 auto;min-width:0;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;background:#FFFFFF;border:1px solid var(--line);border-radius:999px;padding:5px;box-shadow:0 18px 40px -24px rgba(31,27,90,.35)}
.pg-sub-links::-webkit-scrollbar{display:none}
.pg-sub-links a{flex:none;white-space:nowrap;font-size:14px;font-weight:500;color:var(--mid)!important;text-decoration:none;padding:9px 14px;border-radius:999px;transition:background .2s,color .2s}
.pg-sub-links a:hover{background:#EEF2FF;color:var(--ink)!important}
.pg-sub-links a[aria-current]{background:var(--ink);color:#FFFFFF!important}
.pg-sub-btn{pointer-events:auto;flex:none;box-shadow:0 18px 40px -24px rgba(31,27,90,.6)}
.v2 section[id]{scroll-margin-top:170px}

/* About */
.pg-about{padding-top:clamp(72px,8vw,120px)}
.pg-about-l{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.pg-about-img{width:100%;aspect-ratio:1200/630;margin-top:10px;box-shadow:0 30px 60px -36px rgba(31,27,90,.45)}
.pg-about-r{display:flex;flex-direction:column;gap:22px}
.pg-about-r .v2-prose > :first-child{margin-top:0}
.pg-points .v2-card,.pg-points .v2-glass{gap:8px}
.pg-points h3{font-size:19px}
.pg-points p{font-size:15px}
.pg-head-r{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.pg-lead p{margin:0 0 .6em;font-size:18px;color:var(--mid)}
.v2-sec-dark .pg-lead p,.v2-sec-dark .v2-prose{color:#C4C7CF}
.v2-sec-dark .v2-prose strong{color:#FFFFFF}

/* Report download card */
.pg-report{margin-top:clamp(48px,6vw,80px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px 48px;align-items:center;padding:clamp(24px,3.4vw,48px);border-radius:var(--r);color:#FFFFFF;background:radial-gradient(60% 90% at 0% 0%,rgba(124,58,237,.5),transparent 70%),radial-gradient(50% 80% at 100% 100%,rgba(14,165,233,.3),transparent 70%),var(--dark)}
.pg-report-text h3{margin:0 0 10px;line-height:1.15;font-size:clamp(24px,2.4vw,34px);font-weight:500;letter-spacing:-.03em;color:#FFFFFF}
.pg-report-text p{margin:0;color:#C4C7CF}
.pg-report-text strong{color:#FFFFFF}
.pg-report-form{display:flex;flex-direction:column;gap:10px}
.pg-report-row{display:flex;gap:8px;padding:6px;border-radius:999px;background:#FFFFFF}
.pg-report-row input{flex:1 1 auto;min-width:0;border:0;background:transparent;font:inherit;font-size:16px;padding:10px 16px;color:var(--ink)}
.pg-report-row input:focus{outline:none}
.pg-report-row:focus-within{outline:2px solid #A5B4FC;outline-offset:2px}
.pg-report-note,.pg-form-ok,.pg-form-fail{margin:0;font-size:14px;color:#9CA3AF;padding-left:12px}
.pg-report-note a{color:#C7D2FE}
.pg-form-ok{color:#86EFAC}
.pg-form-fail{color:#FCA5A5}

/* Client logos */
.pg-logos{background:#FFFFFF;padding:clamp(36px,4vw,56px) 0;border-block:1px solid var(--line)}
.pg-logos-t{margin:0 0 22px;text-align:center;font-family:'Inconsolata',monospace;font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.pg-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.pg-marquee-track{display:flex;align-items:center;gap:18px;width:max-content;animation:pgMq 40s linear infinite}
.pg-marquee-track img{height:92px;width:auto;opacity:.7;filter:grayscale(1)}
@keyframes pgMq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Feature cards, deliverables */
.pg-feature .v2-ic{font-family:'Inconsolata',monospace;font-weight:600;font-size:14px;letter-spacing:.06em}
.pg-feature h3{margin-top:8px}
.pg-deliver-item{flex-direction:row;align-items:flex-start;gap:16px}
.pg-deliver-item h3{font-size:19px;margin-bottom:4px}
.pg-deliver-item p{font-size:15px}

/* Tools */
.pg-tool-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.pg-tool{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:20px;background:#FFFFFF;border:1px solid var(--line);transition:transform .3s,box-shadow .3s}
.v2-sec-white .pg-tool{background:var(--bg);border-color:transparent}
.pg-tool:hover{transform:translateY(-3px);box-shadow:0 20px 40px -26px rgba(31,27,90,.4)}
.pg-tool img{width:44%;height:auto;max-height:64px;object-fit:contain}

/* Process steps */
.pg-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:14px;counter-reset:none}
.pg-step{gap:12px}
.pg-step-n{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:'Inconsolata',monospace;font-weight:600;font-size:15px;color:#FFFFFF;background:linear-gradient(135deg,#7C3AED,#4F46E5 55%,#0EA5E9)}
.pg-step h3{font-size:20px}
.pg-step ul{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.55;color:var(--mid)}
.pg-step ul li{position:relative;padding-left:16px}
.pg-step ul li::before{content:'';position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--indigo)}
.v2-glass.pg-step ul{color:#9CA3AF}
.pg-step strong{color:var(--ink);font-weight:600}
.v2-glass.pg-step strong{color:#FFFFFF}
.pg-outro{margin-top:24px}

/* Case study */
.pg-case-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start}
.pg-case-img{position:sticky;top:120px;border-radius:var(--r);overflow:hidden;border:1px solid rgba(255,255,255,.14)}
.pg-case-img img{width:100%;height:auto}
.pg-case-text{font-size:16px}
.pg-case-text > p:first-child strong{display:block;font-size:clamp(26px,2.6vw,38px);font-weight:500;line-height:1.1;letter-spacing:-.03em;margin-bottom:6px}
.pg-case-text p > strong:only-child{display:inline-block;margin-top:8px;font-family:'Inconsolata',monospace;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#A5B4FC}
.pg-case-text > p:first-child > strong:only-child{display:block;margin-top:0;font-family:inherit;font-size:clamp(26px,2.6vw,38px);text-transform:none;color:#FFFFFF;letter-spacing:-.03em}
.pg-case-text ul{padding-left:1.1em}
.pg-case-text li::marker{color:#A5B4FC}

/* Team */
.pg-member{padding:10px 10px 22px;gap:10px}
.pg-member-img{border-radius:18px;overflow:hidden;aspect-ratio:5/6;background:linear-gradient(160deg,#EEF2FF,#F5F3FF);display:flex;align-items:center;justify-content:center;padding:14px}
.pg-member-img img{width:100%;height:100%;object-fit:contain}
.pg-member-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:6px 8px 0}
.pg-member h3{font-size:20px}
.pg-role{font-size:14px;font-weight:600;color:var(--indigo)}
.pg-member p{padding:0 8px;font-size:14.5px}
.pg-in{flex:none;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);color:var(--ink)!important;transition:background .2s,color .2s}
.pg-in:hover{background:var(--ink);color:#FFFFFF!important}
.pg-ask{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:clamp(22px,2.6vw,32px);border-radius:var(--r);background:#FFFFFF;border:1px solid var(--line)}
.v2-sec-white .pg-ask{background:var(--bg);border-color:transparent}
.pg-ask h3{margin:0 0 4px;font-weight:500;font-size:22px;color:var(--ink)}
.pg-ask p{margin:0;color:var(--mid)}

/* Partners */
.pg-partner-logo{height:56px;display:flex;align-items:center}
.pg-partner-logo img{height:48px;width:auto;max-width:180px;object-fit:contain;border-radius:8px}

/* Testimonials */
.pg-stars{display:flex;gap:2px}
.pg-quotes .v2-quote{margin:0}
.pg-quotes .v2-quote blockquote{font-size:17px}
.v2-sec-white .v2-quote{background:var(--bg);border-color:transparent}

/* FAQ */
.pg-faq-l{display:flex;flex-direction:column;gap:16px;align-items:flex-start}

/* Blogs */
.pg-blog{padding:10px 10px 22px;gap:10px}
.pg-blog-img{display:block;margin:0;aspect-ratio:16/10}
.pg-blog-meta{padding:4px 10px 0;font-family:'Inconsolata',monospace;font-size:13px;letter-spacing:.08em;color:var(--indigo);min-height:1.4em}
.pg-blog h3{padding:0 10px;font-size:19px;min-height:2.5em}
.pg-blog:not(.is-loaded) h3{background:linear-gradient(90deg,#ECECF1,#F6F6F9,#ECECF1);border-radius:8px;margin:0 10px;min-height:2.5em}

/* Closing band */
.pg-cta{margin-bottom:12px}
.pg-avatars{display:flex}
.pg-avatars img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #17171F;margin-left:-10px}
.pg-avatars img:first-child{margin-left:0}

@media (max-width:1100px){
  .pg-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pg-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .pg-hero-grid,.pg-report,.pg-case-in{grid-template-columns:1fr}
  .pg-sub{top:84px}
  .pg-sub-btn{display:none}
  .pg-case-img{position:static}
  .pg-hero-form{min-height:0;justify-self:stretch;max-width:none}
}
@media (max-width:640px){
  .pg-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pg-steps{grid-template-columns:1fr}
  .pg-report-row{flex-direction:column;border-radius:20px}
  .pg-report-row .v2-btn{justify-content:center}
  .pg-hero-list li{font-size:15px}
}
@media (prefers-reduced-motion:reduce){.pg-marquee-track{animation:none}}

/* Tailwind-era service pages (ui-ux-design, product-strategy): intro panel in the hero */
.pg-tw-intro{align-self:center;display:flex;flex-direction:column;gap:14px;padding:clamp(22px,2.6vw,34px);border-radius:var(--r);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:#C4C7CF;font-size:17px;line-height:1.65}
.pg-tw-intro p{margin:0}
.pg-tw-intro span{color:#FFFFFF;font-weight:600}
.pg-tw-sec .pg-step .v2-num{margin-top:-4px}
.pg-tw-sec .pg-step p{margin:0;font-size:15px;color:var(--mid)}
.pg-tw-sec .v2-glass.pg-step p{color:#9CA3AF}