/* Brand Ratna — Premium Layer v4
 * Trust bar redesign, work-grid alignment, case study polish, responsive fixes.
 * Additive only. */

/* ---------- Trust bar v4 (three-slot, marquee-safe, sticky-clean) ---------- */
.pv-trustbar{
  background:linear-gradient(90deg,#0f1425 0%,#181414 55%,#241e1e 100%);
  color:#f6f4ef;font-size:.83rem;line-height:1.35;
  padding:10px 16px;text-align:center;letter-spacing:.015em;
  border-bottom:1px solid rgba(255,255,255,.06);
  display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;
  position:relative;z-index:70;
}
.pv-trustbar .tb-slot{display:inline-flex;align-items:center;gap:8px;opacity:.95}
.pv-trustbar .tb-slot b{color:#fff;font-weight:600}
.pv-trustbar .tb-slot .tb-badge{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,92,0,.14);border:1px solid rgba(255,92,0,.35);
  color:#ffb488;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.08em;
}
.pv-trustbar .tb-slot .tb-dot{width:5px;height:5px;border-radius:50%;background:#FF5C00;box-shadow:0 0 10px rgba(255,92,0,.6)}
.pv-trustbar .tb-sep{color:rgba(246,244,239,.28);margin:0 2px}
.pv-trustbar a.tb-cta{
  color:#fff;text-decoration:none;font-weight:600;
  background:linear-gradient(90deg,#FF5C00,#ff7a2c);
  padding:6px 14px;border-radius:999px;font-size:.78rem;letter-spacing:.02em;
  box-shadow:0 6px 18px -8px rgba(255,92,0,.6);
  transition:transform .2s ease, box-shadow .2s ease;
  white-space:nowrap;
}
.pv-trustbar a.tb-cta:hover{transform:translateY(-1px);box-shadow:0 10px 22px -8px rgba(255,92,0,.75)}
@media (max-width:820px){
  .pv-trustbar{gap:8px;padding:9px 12px;font-size:.78rem}
  .pv-trustbar .tb-sep, .pv-trustbar .tb-slot.tb-hide-md{display:none}
}
@media (max-width:520px){
  .pv-trustbar{padding:8px 10px;font-size:.72rem}
  .pv-trustbar .tb-slot.tb-hide-sm{display:none}
  .pv-trustbar a.tb-cta{padding:5px 10px;font-size:.72rem}
}

/* ---------- Work grid — bulletproof responsive alignment ---------- */
.work-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
  gap:24px;align-items:stretch;
}
.work-grid .work-card{
  display:flex;flex-direction:column;overflow:hidden;
  border-radius:20px;border:1px solid var(--line,#e6e1d3);
  background:#fff;transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  min-width:0;text-decoration:none;color:inherit;
}
.work-grid .work-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -20px rgba(21,72,144,.28);border-color:#c9bfa8}
.work-grid .work-card .img{position:relative;aspect-ratio:4/3;overflow:hidden;background:#f2ede4}
.work-grid .work-card .img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.work-grid .work-card:hover .img img{transform:scale(1.04)}
.work-grid .work-card .body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:6px;flex:1}
.work-grid .work-card .body small{
  font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  color:#8a7f66;font-weight:600;
}
.work-grid .work-card .body h3{
  font-family:"Fraunces",serif;font-size:1.25rem;line-height:1.2;
  margin:2px 0 4px;color:#181414;font-weight:600;
}
.work-grid .work-card .body p{color:#4a4a4a;font-size:.9rem;line-height:1.5;margin:0}
@media (max-width:600px){
  .work-grid{grid-template-columns:1fr;gap:18px}
  .work-grid .work-card .body h3{font-size:1.1rem}
}

/* Filter bar polish */
.filterbar{
  display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;
  padding:6px;background:rgba(21,72,144,.04);border-radius:999px;
  border:1px solid var(--line,#e6e1d3);width:fit-content;max-width:100%;
}
.filterbar button{
  border:0;background:transparent;font:inherit;font-size:.85rem;font-weight:500;
  color:#4a4a4a;padding:8px 16px;border-radius:999px;cursor:pointer;
  transition:all .2s ease;white-space:nowrap;
}
.filterbar button:hover{color:#154890;background:rgba(21,72,144,.06)}
.filterbar button.is-on{background:#154890;color:#fff;box-shadow:0 4px 12px -4px rgba(21,72,144,.4)}
@media (max-width:600px){
  .filterbar{padding:5px;gap:4px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .filterbar button{font-size:.78rem;padding:7px 12px}
}

/* Page hero — tighter mobile */
@media (max-width:640px){
  .page-hero h1{font-size:clamp(1.8rem,7vw,2.4rem);line-height:1.1}
  .page-hero .lead{font-size:.98rem}
}

/* CTA band responsive */
.cta-band{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center}
@media (max-width:820px){
  .cta-band{grid-template-columns:1fr;text-align:center}
  .cta-band .actions{justify-content:center;display:flex;flex-wrap:wrap;gap:10px}
}

/* Case study metrics grid mobile */
@media (max-width:640px){
  .metrics{grid-template-columns:repeat(2,1fr)!important;gap:14px}
  .metrics .metric{padding:14px}
  .metrics .metric .v{font-size:1.6rem}
}

/* Related block responsive */
@media (max-width:640px){
  .related-block{padding:2.25rem 0}
  .related-block .rgrid{grid-template-columns:1fr!important;gap:12px}
}

/* Kill any leftover pricing pill */
.svchub .pillar .price,.pillar-grid .pillar .price,.price-anchor,.svchub-hero .price{display:none!important}

/* ============ Premium trust bar v2 ============ */
.pv-trustbar.pv-trustbar--v2{
  position:relative; z-index:60;
  background:linear-gradient(90deg,#0b1f3a 0%,#154890 55%,#1e64c3 100%);
  color:#fff; font-size:.85rem; line-height:1.3;
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 2px 12px rgba(0,0,0,.08);
}
.pv-trustbar.pv-trustbar--v2 .tb-inner{
  max-width:1400px; margin:0 auto; padding:.55rem 1.1rem;
  display:flex; align-items:center; gap:1rem; flex-wrap:nowrap;
}
.pv-trustbar.pv-trustbar--v2 .tb-lead{ display:flex; align-items:center; gap:.7rem; flex-shrink:0; }
.pv-trustbar.pv-trustbar--v2 .tb-badge{
  display:inline-flex; align-items:center; gap:.4rem;
  background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.22);
  padding:.24rem .6rem; border-radius:999px;
  font-size:.72rem; letter-spacing:.05em; text-transform:uppercase; font-weight:600;
  backdrop-filter:blur(6px);
}
.pv-trustbar.pv-trustbar--v2 .tb-dot{
  width:6px; height:6px; border-radius:50%; background:#22c55e;
  box-shadow:0 0 0 0 rgba(34,197,94,.7); animation:tbPulse 2s infinite;
}
@keyframes tbPulse{ 0%{box-shadow:0 0 0 0 rgba(34,197,94,.7);} 70%{box-shadow:0 0 0 8px rgba(34,197,94,0);} 100%{box-shadow:0 0 0 0 rgba(34,197,94,0);} }
.pv-trustbar.pv-trustbar--v2 .tb-headline{ font-weight:600; font-size:.9rem; white-space:nowrap; }
.pv-trustbar.pv-trustbar--v2 .tb-ticker{
  flex:1 1 auto; overflow:hidden; position:relative;
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.pv-trustbar.pv-trustbar--v2 .tb-track{
  display:inline-flex; gap:.55rem; padding-left:1rem;
  animation:tbScroll 42s linear infinite; white-space:nowrap;
}
.pv-trustbar.pv-trustbar--v2:hover .tb-track{ animation-play-state:paused; }
@keyframes tbScroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }
.pv-trustbar.pv-trustbar--v2 .tb-chip{
  display:inline-flex; align-items:center;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14);
  padding:.24rem .7rem; border-radius:999px; font-size:.78rem; font-weight:500;
}
.pv-trustbar.pv-trustbar--v2 .tb-cta{
  flex-shrink:0; background:#FF5C00; color:#fff; text-decoration:none;
  padding:.42rem .95rem; border-radius:8px; font-weight:600; font-size:.82rem;
  transition:transform .2s ease, background .2s ease;
  box-shadow:0 4px 12px rgba(255,92,0,.35);
}
.pv-trustbar.pv-trustbar--v2 .tb-cta:hover{ background:#ff7a2a; transform:translateY(-1px); }
.pv-trustbar.pv-trustbar--v2 .tb-close{
  flex-shrink:0; background:transparent; color:rgba(255,255,255,.7);
  border:0; width:28px; height:28px; border-radius:50%; cursor:pointer;
  font-size:1.15rem; line-height:1; padding:0;
}
.pv-trustbar.pv-trustbar--v2 .tb-close:hover{ color:#fff; background:rgba(255,255,255,.12); }
@media (max-width:820px){
  .pv-trustbar.pv-trustbar--v2 .tb-ticker{ display:none; }
  .pv-trustbar.pv-trustbar--v2 .tb-headline{ font-size:.82rem; }
  .pv-trustbar.pv-trustbar--v2 .tb-badge{ font-size:.66rem; padding:.2rem .5rem; }
  .pv-trustbar.pv-trustbar--v2 .tb-cta{ font-size:.75rem; padding:.36rem .7rem; }
  .pv-trustbar.pv-trustbar--v2 .tb-inner{ gap:.55rem; padding:.5rem .8rem; }
}
@media (max-width:480px){
  .pv-trustbar.pv-trustbar--v2 .tb-badge{ display:none; }
  .pv-trustbar.pv-trustbar--v2 .tb-close{ display:none; }
}
@media (prefers-reduced-motion: reduce){
  .pv-trustbar.pv-trustbar--v2 .tb-track{ animation:none; }
  .pv-trustbar.pv-trustbar--v2 .tb-dot{ animation:none; }
}

/* ============ Resources ============ */
.rg-wrap{max-width:960px;margin:0 auto;padding:0 1.25rem}
.rg-hero{padding:64px 0 32px;text-align:center}
.rg-hero .eyebrow{color:#FF5C00;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.rg-hero h1{font-family:Fraunces,serif;font-size:clamp(2rem,4vw,3rem);color:#154890;margin:.4rem 0 .6rem}
.rg-hero p{font-size:1.05rem;color:#0f1e33;max-width:65ch;margin:0 auto}
.rg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;padding:24px 0 40px}
.rg-card{background:#fff;border:1px solid #e6e1d3;border-radius:18px;padding:1.6rem 1.4rem;text-decoration:none;color:inherit;transition:.25s ease;display:flex;flex-direction:column;gap:.6rem}
.rg-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(21,72,144,.12);border-color:#154890}
.rg-card .rg-tag{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#8a7f66;font-weight:700}
.rg-card h3{font-family:Fraunces,serif;color:#154890;font-size:1.25rem;margin:0}
.rg-card p{color:#495569;font-size:.95rem;margin:0}
.rg-card .rg-cta{margin-top:auto;color:#FF5C00;font-weight:600;font-size:.9rem}
.rg-panel{background:#fff;border:1px solid #e6e1d3;border-radius:18px;padding:2rem;margin:24px 0 48px;box-shadow:0 8px 28px rgba(21,72,144,.06)}
.rg-two{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem}
@media (max-width:820px){.rg-two{grid-template-columns:1fr}}
.rg-form label{display:block;font-size:.82rem;font-weight:600;color:#0f1e33;margin:.8rem 0 .3rem}
.rg-form input,.rg-form select{width:100%;padding:.65rem .85rem;border:1px solid #d7cfba;border-radius:10px;font:inherit;background:#fbfaf6}
.rg-form input:focus,.rg-form select:focus{outline:2px solid #154890;border-color:#154890}
.rg-form .rg-btn{margin-top:1.2rem;background:#154890;color:#fff;border:0;padding:.85rem 1.4rem;border-radius:10px;font-weight:600;cursor:pointer;font-size:1rem;width:100%;transition:.2s ease}
.rg-form .rg-btn:hover{background:#0f3a75}
.rg-form .rg-err{display:none;background:#fee2e2;color:#a11212;padding:.55rem .8rem;border-radius:8px;font-size:.85rem;margin-top:.6rem}
.rg-tos{font-size:.75rem;color:#6b6353;margin-top:.6rem}
.rg-thanks{display:block;background:#eef7f0;border:1px solid #b9dcc4;border-radius:14px;padding:1.6rem;text-align:center}
.rg-thanks h3{color:#0e6b3a;margin:0 0 .6rem;font-family:Fraunces,serif}
.rg-download{display:inline-block;margin-top:.8rem;background:#FF5C00;color:#fff;padding:.9rem 1.5rem;border-radius:10px;font-weight:700;text-decoration:none}
.rg-download:hover{background:#ff7a2a}
/* Brand Health calculator */
.bh-q{display:flex;gap:.6rem;padding:.55rem 0;border-bottom:1px dashed #e6e1d3;font-size:.94rem;color:#0f1e33;cursor:pointer;align-items:flex-start}
.bh-q input{margin-top:.25rem;accent-color:#154890}
#bh-out{font-size:1.35rem;font-family:Fraunces,serif;margin:.6rem 0}
.bh-progress{background:#eee6d0;height:10px;border-radius:999px;overflow:hidden;margin:.4rem 0 1rem}
#bh-bar{height:100%;width:0;background:#154890;transition:width .3s ease,background .3s ease}
.bh-cat{display:flex;justify-content:space-between;padding:.35rem 0;border-bottom:1px dashed #e6e1d3;font-size:.9rem;color:#495569}
.bh-cat b{color:#154890}

/* Small: ensure trust bar doesn't push nav on ultra-narrow */
@media (max-width:380px){
  .pv-trustbar.pv-trustbar--v2 .tb-cta{ display:none; }
}