/* Vikshree Computers — approved Emerald & Saffron identity */
:root {
  --navy: #07533f;
  --navy2: #0a634a;
  --ink: #123e32;
  --muted: #687e74;
  --accent: #e87d0d;
  --mint: #139b79;
  --paper: #f6f9f4;
  --line: #dae8de;
  --emerald: #07533f;
  --emerald-dark: #043d31;
  --emerald-soft: #eaf5ed;
  --saffron: #e87d0d;
  --saffron-soft: #fff2e1;
}

body { background: #f8faf6; color: var(--ink); }
::selection { background: #f9c88b; color: #073d2e; }
h2 span, .intro h2 span, .services h2 span, .amc-copy h2 span,
.why h2 span, .process-heading h2 span { color: #087654; }
.eyebrow, .intro .eyebrow, .services .eyebrow, .amc-copy .eyebrow { color: #a8630b; }
.eyebrow-line { background: var(--saffron); }

/* Use the approved bilingual signature, rather than the old abstract V. */
.topbar { background: #064735; color: #e5f1e8; }
.pulse-dot { background: var(--saffron); box-shadow: 0 0 0 3px #e87d0d32; }
.topbar a { color: #e8f4ec; }
.topbar a:hover { color: #ffc27e; }
.site-header { background: #fffefa; border-bottom-color: #dceadf; }
.header-inner { gap: 18px; }
.brand { gap: 9px; }
.brand-logo-crop {
  display: block;
  position: relative;
  width: 128px;
  height: 51px;
  overflow: hidden;
  flex-shrink: 0;
  background: #fff;
}
.brand-logo-crop img { display: block; width: 128px; max-width: none; height: auto; }
.site-header .brand-text { padding-top: 3px; }
.site-header .brand-text strong { color: #074e3d; letter-spacing: .055em; font-size: 16px; }
.site-header .brand-text small { color: #c36a0c; letter-spacing: .29em; }
.desktop-nav a { color: #285b49; }
.desktop-nav a:hover { color: #bd6707; }
.header-cta { background: #075d45; color: #fff; }
.header-cta:hover { background: #0a7959; }
.menu-toggle { color: #07533f; }
.mobile-nav { background: #fffefa; color: #07533f; }

.hero { background: #f8faf5; }
.hero:before { border-color: #d3e8d7; box-shadow: 0 0 0 110px #ecf5e94d; }
.hero h1 { color: #064735; }
.hero h1 em { color: #cd6d00; font-size: .87em; }
.hero-eyebrow { color: #a9610c; }
.hero-content > p { color: #5c7569; }
.hero .btn-accent { color: #fff; background: #086548; }
.hero .btn-accent:hover { background: #0d7c58; }
.hero .btn-outline { border-color: #c9ddd0; color: #07513d; background: #fffefa; }
.hero .btn-outline:hover { background: #fff3e5; border-color: #f0c38c; }
.hero-assurance { color: #34694d; }
.hero-assurance .icon { color: #d7780c; }
.hero-capabilities { border-color: #dceadf; }
.hero-capabilities strong { color: #0a533f; }
.hero-capabilities > div + div { border-left-color: #e2ece3; }
.cap-number { color: #d7a56e; }

.audience-section { background: #f4f8f1; }
.audience-card { border-color: #dce9dc; }
.audience-card:hover { border-color: #74b693; }
.audience-card strong { color: #0d4d3a; }
.audience-icon, .service-icon { background: #e8f5eb; color: #087654; border-color: #cde7d5; }
.audience-link, .service-card > a, .text-link { color: #08704f; }
.feature-strip > div { background: #f2f8f1; }

/* Review attribution: a dated Google snapshot, linked to the original listing. */
.google-rating-section{background:#fffefa;padding:83px 0 91px;border-top:1px solid #e7efe6;border-bottom:1px solid #e7efe6}
.google-rating-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:9%;align-items:center}
.google-rating-score{background:#07533f;border-radius:17px;color:#fff;padding:34px 37px 31px;position:relative;overflow:hidden;min-height:294px;display:flex;flex-direction:column;justify-content:center}
.google-rating-score:before{content:"";position:absolute;right:-112px;top:-135px;width:350px;height:350px;border:1px solid #7bd2ac45;border-radius:50%;box-shadow:0 0 0 65px #ffffff08}
.google-rating-source{position:relative;font:800 10px Manrope,sans-serif;letter-spacing:.19em;color:#ffd097}
.google-rating-number{position:relative;display:flex;align-items:baseline;gap:10px;margin:14px 0 0}
.google-rating-number strong{font:800 clamp(70px,8vw,102px)/1.07 Manrope,sans-serif;letter-spacing:-.085em}
.google-rating-number>span{font:700 24px Manrope,sans-serif;color:#b6d8c8}
.google-rating-stars{font-size:29px;line-height:1.2;letter-spacing:.055em;color:#ffb75e;position:relative}
.google-rating-count{font:700 12px Manrope,sans-serif;color:#c8dfd2;margin-top:9px;position:relative}
.google-rating-copy>.eyebrow{margin-bottom:19px}
.google-rating-copy h2{font-size:clamp(32px,3.7vw,53px);color:#07533f;margin:0 0 17px}
.google-rating-copy h2 span{color:#b66b13}
.google-rating-copy>p{font-size:14px;line-height:1.85;color:#5f786a;max-width:610px;margin:0 0 23px}
.google-rating-link{font:800 13px Manrope,sans-serif;color:#086148;display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid #086148;padding-bottom:8px}
.google-rating-link:hover{color:#c47713;border-bottom-color:#c47713}
.google-rating-link .icon{width:17px;height:17px}
.google-rating-copy>small{display:block;margin-top:15px;font-size:10px;line-height:1.5;color:#899e90}

.services { background: #eef6ee; color: #124c3a; }
.services h2 span { color: #d27707; }
.service-card { border-color: #dcebdd; color: #174b3a; }
.service-card:hover { border-color: #91c5a4; }
.service-card h3 { color: #124b37; }
.service-index { color: #c7a27a; }

.products { background: #064b38; color: #fff; }
.products h2 span { color: #ffbe6a; }
.products .eyebrow { color: #ffbf77; }
.product-head > p, .product-note { color: #c9e3d1; }
.product-note .text-link { color: #ffc781; border-color: #ffc781; }
.product-visual { background: linear-gradient(145deg,#f3f7ef,#d6e9d7); }
.product-card-2 .product-visual { background: linear-gradient(145deg,#f6f4e9,#e8e5d3); }
.product-card-3 .product-visual { background: linear-gradient(145deg,#e3f3e4,#cfe4d1); }
.product-card-4 .product-visual { background: linear-gradient(145deg,#fff0db,#f0dfc6); }
.product-icon { stroke: #0f6550; }
.product-label { color: #ae680c; }

.amc-section { background: #fff0df; }
.amc-copy h2 span { color: #bc6508; }
.amc-copy > p { color: #665f4f; }
.amc-panel { background: #07533f; box-shadow: 23px 22px 0 #f1c798; }
.amc-panel-top, .amc-row > span { color: #bfe6ce; }
.amc-spark, .amc-row .icon { color: #ffb860; }
.why { background: #fffefa; }
.why h2 span { color: #d17608; }
.process { background: #f1f6ee; }
.process-heading h2 span { color: #d17608; }
.process-step { background: #f1f6ee; }
.contact { background: #064332; }
.contact .eyebrow { color: #ffbe6c; }
.contact .btn-accent, .form-submit { background: #e87d0d; color: #102d20; }
.contact .btn-accent:hover, .form-submit:hover { background: #fda43b; }
.footer { background: #033328; }
.footer-logo-link { display: inline-flex; padding: 0; }
.footer-logo { width: 210px; height: auto; display: block; background: #fff; border-radius: 12px; }
.footer-brand p { max-width: 350px; }
.floating-whatsapp { background: #25d366; }

@media (max-width: 1100px) {
  .brand-logo-crop { width: 109px; height: 47px; }
  .brand-logo-crop img { width: 109px; }
  .header-inner { gap: 10px; }
  .desktop-nav { gap: 18px; margin-right: 5px; }
}
@media (max-width: 850px) {
  .site-header .brand-text { display: none; }
  .google-rating-grid{gap:5%}
  .google-rating-score{padding:25px;min-height:260px}
}
@media (max-width: 600px) {
  .site-header { height: 70px; }
  .brand-logo-crop { width: 122px; height: 52px; }
  .brand-logo-crop img { width: 122px; }
  .site-header .header-cta { padding: 11px 13px; font-size: 11px; }
  .hero-capabilities > div + div { border-left: none; border-top: 1px solid #e1ebe5; }
  .amc-panel { box-shadow: 12px 12px 0 #f1c798; }
  .footer-logo { width: 190px; }
  .google-rating-section{padding:65px 0}
  .google-rating-grid{grid-template-columns:1fr;gap:35px}
  .google-rating-score{min-height:235px;max-width:none}
  .google-rating-number strong{font-size:76px}
  .google-rating-copy h2{font-size:clamp(32px,9vw,43px)}
}