/* =========================================================
   REDSPY — SURVEILLANCE PAGE V2
   Page-specific CSS only
========================================================= */

:root{
  --sv-gold:#c9a24d;
  --sv-gold2:#e1c578;
  --sv-red:#a81729;
  --sv-dark:#10090b;
  --sv-ink:#20191b;
  --sv-muted:#6a6460;
  --sv-cream:#f7f4ee;
}

.sv-hero{position:relative;min-height:760px;display:flex;align-items:center;overflow:hidden;background:#10090b}
.sv-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sv-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,4,5,.95),rgba(8,4,5,.78) 43%,rgba(8,4,5,.36) 78%,rgba(8,4,5,.62))}
.sv-hero-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(201,162,77,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(201,162,77,.18) 1px,transparent 1px);background-size:70px 70px}
.sv-hero-content{position:relative;z-index:2;max-width:920px;padding:120px 0 85px}
.sv-eyebrow,.sv-kicker{font-size:11px;font-weight:800;letter-spacing:3.5px;color:var(--sv-gold);text-transform:uppercase}
.sv-eyebrow{display:inline-block;padding:10px 17px;border:1px solid rgba(201,162,77,.5);border-radius:40px;margin-bottom:22px}
.sv-hero h1{margin:0 0 24px;color:#fff;font:700 clamp(45px,6vw,78px)/1.05 Georgia,serif}
.sv-hero h1 span{display:block;color:var(--sv-gold2)}
.sv-hero p{max-width:760px;color:rgba(255,255,255,.86);font-size:18px;line-height:1.85;margin:0 0 30px}
.sv-buttons{display:flex;flex-wrap:wrap;gap:14px}
.sv-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;border-radius:5px;text-decoration:none;font-weight:700;font-size:14px;transition:.25s}
.sv-btn-red{background:var(--sv-red);color:#fff;border:1px solid var(--sv-red)}
.sv-btn-red:hover{transform:translateY(-2px);background:#be1c31}
.sv-btn-outline{color:#fff;border:1px solid var(--sv-gold);background:rgba(20,10,12,.45)}
.sv-btn-outline:hover{background:rgba(201,162,77,.14)}
.sv-btn-dark{background:#191113;color:#fff;border:1px solid #191113}
.sv-hero-meta{display:flex;flex-wrap:wrap;gap:26px;margin-top:42px;padding-top:20px;border-top:1px solid rgba(201,162,77,.28)}
.sv-hero-meta span{font-size:11px;letter-spacing:1.5px;color:rgba(255,255,255,.7)}
.sv-hero-meta i{color:var(--sv-gold);margin-right:7px}

.sv-trust{background:#fff;border-bottom:1px solid rgba(0,0,0,.08)}
.sv-trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.sv-trust-grid>div{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:25px 20px;border-right:1px solid rgba(0,0,0,.08)}
.sv-trust-grid>div:last-child{border:0}
.sv-trust i{color:var(--sv-gold);font-size:21px;padding-top:2px}
.sv-trust strong,.sv-trust span{display:block}
.sv-trust strong{font-size:15px;color:var(--sv-ink)}
.sv-trust span{font-size:13px;line-height:1.5;color:#77716c;margin-top:3px}

.sv-intro{background:var(--sv-cream)}
.sv-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.sv-feature-image{position:relative}
.sv-feature-image img{display:block;width:100%;height:520px;object-fit:cover;border-radius:2px;box-shadow:0 25px 55px rgba(30,15,15,.12)}
.sv-image-caption{position:absolute;bottom:18px;left:18px;padding:10px 14px;background:rgba(12,7,8,.82);color:var(--sv-gold2);font:700 10px monospace;letter-spacing:2px}
.sv-feature-content h2,.sv-evidence-content h2{margin:12px 0 18px;font:700 clamp(37px,4.5vw,55px)/1.12 Georgia,serif;color:var(--sv-ink)}
.sv-feature-content h2 strong,.sv-evidence-content h2 strong,.sv-heading h2 strong,.sv-final-inner h2 strong{color:#b8872f}
.sv-feature-content>p,.sv-evidence-content>p{color:var(--sv-muted);font-size:17px;line-height:1.85}
.sv-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}
.sv-mini-grid div{padding:17px;border-top:1px solid rgba(184,135,47,.3)}
.sv-mini-grid i{color:var(--sv-red);font-size:19px}
.sv-mini-grid h3{margin:8px 0 5px;font:700 20px Georgia,serif;color:var(--sv-ink)}
.sv-mini-grid p{margin:0;color:#716b66;font-size:14px;line-height:1.6}

.sv-heading{text-align:center;max-width:820px;margin:0 auto 48px}
.sv-heading h2{margin:12px 0 15px;font:700 clamp(38px,5vw,58px)/1.1 Georgia,serif;color:var(--sv-ink)}
.sv-heading p{margin:0;color:var(--sv-muted);line-height:1.8;font-size:16px}

.sv-situations{background:#fff}
.sv-situation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.sv-situation-card{background:#faf9f6;border:1px solid rgba(184,135,47,.14);overflow:hidden;box-shadow:0 12px 35px rgba(20,10,10,.045)}
.sv-card-image{height:300px;overflow:hidden}
.sv-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.sv-situation-card:hover img{transform:scale(1.035)}
.sv-card-body{padding:28px 30px 32px}
.sv-card-body>span{color:#b8872f;font:800 11px monospace;letter-spacing:2px}
.sv-card-body h3{margin:8px 0 9px;font:700 27px Georgia,serif;color:var(--sv-ink)}
.sv-card-body p{margin:0 0 17px;color:var(--sv-muted);font-size:15px;line-height:1.7}
.sv-card-body a{color:#9b1627;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.5px}

.sv-intelligence{position:relative;overflow:hidden;min-height:410px;display:flex;align-items:center;background:linear-gradient(125deg,#10090b,#241417)}
.sv-intelligence-inner{position:relative;z-index:2;padding:80px 0;max-width:720px}
.sv-intelligence-inner>span{color:var(--sv-gold);font-size:11px;font-weight:800;letter-spacing:4px}
.sv-intelligence h2{margin:15px 0;color:#fff;font:700 clamp(39px,5vw,60px)/1.08 Georgia,serif}
.sv-intelligence h2 strong{color:var(--sv-gold2)}
.sv-intelligence p{max-width:620px;color:rgba(255,255,255,.68);font-size:17px;line-height:1.8}
.sv-radar{position:absolute;right:-150px;top:50%;width:600px;height:600px;transform:translateY(-50%);border:1px solid rgba(201,162,77,.2);border-radius:50%;box-shadow:0 0 0 75px rgba(201,162,77,.035),0 0 0 150px rgba(201,162,77,.025),0 0 0 225px rgba(201,162,77,.018)}
.sv-radar:after{content:"";position:absolute;left:50%;bottom:50%;width:2px;height:45%;background:linear-gradient(var(--sv-gold),transparent);transform-origin:bottom;transform:rotate(35deg)}
.sv-coordinates{position:absolute;right:40px;bottom:35px;color:rgba(201,162,77,.35);font:10px monospace;letter-spacing:2px}

.sv-evidence{background:#f5f1e9}
.sv-evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.sv-evidence-content ul{list-style:none;padding:0;margin:25px 0 30px}
.sv-evidence-content li{display:flex;gap:11px;margin:0 0 13px;color:#4f4945;font-size:15px}
.sv-evidence-content li i{color:var(--sv-red);margin-top:3px}
.sv-evidence-image{position:relative}
.sv-evidence-image img{display:block;width:100%;height:500px;object-fit:cover}
.sv-confidential-stamp{position:absolute;right:22px;bottom:22px;padding:10px 15px;color:#d0ac5a;border:1px solid #d0ac5a;background:rgba(12,7,8,.78);font:800 11px monospace;letter-spacing:3px;transform:rotate(-5deg)}

.sv-method{background:#fff}
.sv-process{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sv-process article{position:relative;padding:32px 27px;background:#faf9f6;border:1px solid rgba(184,135,47,.15)}
.sv-process b{display:flex;align-items:center;justify-content:center;width:43px;height:43px;background:var(--sv-red);border-radius:50%;color:#fff;font-size:11px}
.sv-process i{position:absolute;right:24px;top:34px;color:rgba(184,135,47,.5);font-size:21px}
.sv-process h3{margin:20px 0 9px;font:700 21px Georgia,serif;color:var(--sv-ink)}
.sv-process p{margin:0;color:var(--sv-muted);font-size:14px;line-height:1.7}

.sv-ethics{background:#f7f4ee}
.sv-ethics-box{display:grid;grid-template-columns:90px 1fr;gap:28px;align-items:start;padding:45px;background:#fff;border-left:4px solid var(--sv-red);box-shadow:0 15px 45px rgba(30,10,10,.06)}
.sv-ethics-icon{width:68px;height:68px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--sv-red);color:#fff;font-size:25px}
.sv-ethics-box h2{margin:10px 0 12px;font:700 39px Georgia,serif;color:var(--sv-ink)}
.sv-ethics-box h2 strong{color:#b8872f}
.sv-ethics-box p{max-width:900px;margin:0;color:var(--sv-muted);line-height:1.8;font-size:15px}

.sv-why{background:#fff}
.sv-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sv-why-grid div{padding:30px 27px;border-top:2px solid rgba(201,162,77,.5);background:#faf9f6}
.sv-why-grid i{color:#b8872f;font-size:23px}
.sv-why-grid h3{margin:14px 0 8px;font:700 20px Georgia,serif;color:var(--sv-ink)}
.sv-why-grid p{margin:0;color:var(--sv-muted);font-size:14px;line-height:1.7}

.sv-faq{background:#faf9f6}
.sv-faq-list{max-width:950px;margin:auto}
.sv-faq-list details{border-bottom:1px solid rgba(184,135,47,.2)}
.sv-faq-list summary{display:flex;justify-content:space-between;gap:20px;padding:21px 4px;cursor:pointer;list-style:none;color:var(--sv-ink);font-weight:700;font-size:16px}
.sv-faq-list summary::-webkit-details-marker{display:none}
.sv-faq-list summary i{color:#b8872f}
.sv-faq-list p{margin:0 0 18px;color:var(--sv-muted);font-size:15px;line-height:1.8}
.sv-centre-button{text-align:center;margin-top:30px}

.sv-final-cta{position:relative;overflow:hidden;padding:105px 0;background:linear-gradient(135deg,#10090b,#251417);color:#fff;text-align:center}
.sv-final-pattern{position:absolute;right:-180px;top:-160px;width:550px;height:550px;border:1px solid rgba(201,162,77,.15);border-radius:50%;box-shadow:0 0 0 70px rgba(201,162,77,.025),0 0 0 140px rgba(201,162,77,.018)}
.sv-final-inner{position:relative;z-index:2;max-width:850px;margin:auto}
.sv-final-inner>span{color:var(--sv-gold2);font-size:11px;font-weight:800;letter-spacing:4px}
.sv-final-inner h2{margin:16px 0;font:700 clamp(40px,5vw,61px)/1.08 Georgia,serif}
.sv-final-inner h2 strong{display:block}
.sv-final-inner p{max-width:720px;margin:0 auto 28px;color:rgba(255,255,255,.7);font-size:17px;line-height:1.8}

.sv-next{background:#fff}
.sv-next-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.sv-next-grid a{padding:28px 30px;background:#faf9f6;border:1px solid rgba(184,135,47,.14);text-decoration:none}
.sv-next-grid a:last-child{text-align:right}
.sv-next-grid span{display:block;color:#b8872f;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.sv-next-grid strong{display:block;margin-top:8px;color:var(--sv-ink);font:700 22px Georgia,serif}

@media(max-width:1000px){
  .sv-trust-grid{grid-template-columns:repeat(2,1fr)}
  .sv-trust-grid>div:nth-child(2){border-right:0}
  .sv-feature-grid,.sv-evidence-grid{grid-template-columns:1fr;gap:45px}
  .sv-situation-grid{grid-template-columns:1fr 1fr}
  .sv-process{grid-template-columns:1fr 1fr}
  .sv-why-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .sv-hero{min-height:670px}
  .sv-hero-content{padding:90px 0 65px}
  .sv-hero h1{font-size:42px}
  .sv-hero p{font-size:15px}
  .sv-buttons{flex-direction:column}
  .sv-btn{width:100%}
  .sv-hero-meta{gap:12px;flex-direction:column}
  .sv-trust-grid,.sv-situation-grid,.sv-process,.sv-why-grid,.sv-next-grid{grid-template-columns:1fr}
  .sv-trust-grid>div{border-right:0;border-bottom:1px solid rgba(0,0,0,.08)}
  .sv-trust-grid>div:last-child{border-bottom:0}
  .sv-mini-grid{grid-template-columns:1fr}
  .sv-feature-image img,.sv-evidence-image img{height:360px}
  .sv-radar{right:-310px}
  .sv-coordinates{display:none}
  .sv-ethics-box{grid-template-columns:1fr;padding:32px 25px}
  .sv-next-grid a:last-child{text-align:left}
}


/* =========================================================
   TYPOGRAPHY POLISH — SURVEILLANCE V2.1
   Slightly larger reading size for desktop and mobile.
========================================================= */
@media(max-width:700px){
  .sv-hero p{font-size:16px}
  .sv-trust strong{font-size:15px}
  .sv-trust span{font-size:13px}
  .sv-feature-content>p,.sv-evidence-content>p{font-size:16px}
  .sv-mini-grid p{font-size:14px}
  .sv-card-body p{font-size:15px}
  .sv-process p,.sv-why-grid p{font-size:14px}
  .sv-faq-list summary{font-size:15px}
  .sv-faq-list p{font-size:15px}
  .sv-final-inner p{font-size:16px}
}


/* =========================================================
   REDSPY — SURVEILLANCE V2.2
   PREMIUM CARD + BUTTON POLISH
   Append-only overrides: no HTML changes required.
========================================================= */

/* ---------- PREMIUM BUTTON SYSTEM ---------- */

.sv-btn{
  position:relative;
  overflow:hidden;
  min-height:50px;
  padding:15px 27px;
  border-radius:8px;
  letter-spacing:.15px;
  box-shadow:0 8px 22px rgba(25,10,12,.14);
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    background .25s ease,
    border-color .25s ease;
}

.sv-btn::before{
  content:"";
  position:absolute;
  top:0;
  left:-130%;
  width:75%;
  height:100%;
  background:linear-gradient(
    105deg,
    transparent,
    rgba(255,255,255,.18),
    transparent
  );
  transform:skewX(-20deg);
  transition:left .55s ease;
}

.sv-btn:hover::before{
  left:145%;
}

.sv-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 30px rgba(25,10,12,.20);
}

.sv-btn-red{
  background:linear-gradient(135deg,#a81729,#c51d32);
  border-color:#d02a3e;
}

.sv-btn-red:hover{
  background:linear-gradient(135deg,#b91b2f,#d0273d);
}

.sv-btn-outline{
  border:1px solid rgba(225,197,120,.78);
  background:linear-gradient(
    135deg,
    rgba(30,14,17,.84),
    rgba(55,25,27,.72)
  );
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 8px 24px rgba(0,0,0,.20);
}

.sv-btn-dark{
  background:linear-gradient(135deg,#171012,#28171a);
  border-color:rgba(201,162,77,.42);
}


/* ---------- SERVICE IMAGE CARDS ---------- */

.sv-situation-card{
  position:relative;
  border:1px solid rgba(184,135,47,.24);
  border-radius:5px;
  background:linear-gradient(145deg,#fff,#f8f5ef);
  box-shadow:
    0 12px 30px rgba(30,15,15,.055),
    0 2px 5px rgba(30,15,15,.035);
  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease;
}

.sv-situation-card::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:linear-gradient(
    90deg,
    transparent,
    #b8872f 25%,
    #d9bb72 50%,
    #b8872f 75%,
    transparent
  );
  opacity:.7;
}

.sv-situation-card:hover{
  transform:translateY(-7px);
  border-color:rgba(184,135,47,.48);
  box-shadow:
    0 22px 48px rgba(30,15,15,.13),
    0 4px 10px rgba(30,15,15,.06);
}

.sv-card-image{
  position:relative;
}

.sv-card-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    to top,
    rgba(10,5,7,.24),
    transparent 45%
  );
  pointer-events:none;
}

.sv-card-body{
  position:relative;
  padding:29px 30px 34px;
}

.sv-card-body>span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  border:1px solid rgba(184,135,47,.28);
  border-radius:20px;
  background:rgba(201,162,77,.07);
  color:#a77721;
  font-size:11px;
  letter-spacing:1.8px;
}

.sv-card-body h3{
  margin:13px 0 10px;
}

.sv-card-body a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding-top:4px;
  color:#9b1627;
  transition:gap .2s ease,color .2s ease;
}

.sv-card-body a::after{
  content:"→";
  font-size:16px;
}

.sv-card-body a:hover{
  gap:11px;
  color:#bd1c32;
}


/* ---------- SIX-STEP PROCESS CARDS ---------- */

.sv-process{
  gap:22px;
}

.sv-process article{
  min-height:205px;
  padding:30px 27px 28px;
  border:1px solid rgba(184,135,47,.22);
  border-radius:5px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,246,241,.98));
  box-shadow:
    0 10px 28px rgba(30,15,15,.045),
    inset 0 1px 0 rgba(255,255,255,.9);
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease;
}

.sv-process article::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:48px;
  height:3px;
  background:linear-gradient(90deg,#a81729,#d1ad5c);
}

.sv-process article:hover{
  transform:translateY(-6px);
  border-color:rgba(184,135,47,.45);
  box-shadow:
    0 20px 40px rgba(30,15,15,.10),
    0 2px 5px rgba(30,15,15,.04);
}

.sv-process b{
  width:48px;
  height:48px;
  background:linear-gradient(145deg,#a81729,#c51d32);
  border:2px solid rgba(225,197,120,.65);
  box-shadow:
    0 6px 14px rgba(168,23,41,.20),
    inset 0 1px 2px rgba(255,255,255,.18);
}

.sv-process i{
  right:24px;
  top:31px;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(184,135,47,.24);
  border-radius:50%;
  background:rgba(201,162,77,.07);
  color:#b8872f;
}

.sv-process h3{
  margin-top:20px;
}


/* ---------- WHY REDSPY PREMIUM CARDS ---------- */

.sv-why-grid{
  gap:22px;
}

.sv-why-grid div{
  position:relative;
  padding:31px 28px 29px;
  border:1px solid rgba(184,135,47,.20);
  border-top:3px solid #c9a24d;
  border-radius:4px;
  background:linear-gradient(145deg,#fff,#faf8f3);
  box-shadow:0 10px 28px rgba(30,15,15,.045);
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease;
}

.sv-why-grid div::after{
  content:"";
  position:absolute;
  right:16px;
  bottom:14px;
  width:34px;
  height:34px;
  border-right:1px solid rgba(184,135,47,.18);
  border-bottom:1px solid rgba(184,135,47,.18);
}

.sv-why-grid div:hover{
  transform:translateY(-6px);
  border-color:rgba(184,135,47,.42);
  box-shadow:0 20px 42px rgba(30,15,15,.10);
}

.sv-why-grid i{
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border-radius:50%;
  background:linear-gradient(
    145deg,
    rgba(201,162,77,.17),
    rgba(201,162,77,.05)
  );
  border:1px solid rgba(184,135,47,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}


/* ---------- ETHICS / FEATURE CALLOUT ---------- */

.sv-ethics-box{
  border:1px solid rgba(184,135,47,.18);
  border-left:4px solid var(--sv-red);
  border-radius:5px;
  box-shadow:
    0 18px 45px rgba(30,10,10,.08),
    0 2px 8px rgba(30,10,10,.03);
}

.sv-ethics-icon{
  border:2px solid rgba(225,197,120,.55);
  box-shadow:0 8px 18px rgba(168,23,41,.16);
}


/* ---------- TRUST STRIP: MORE PREMIUM, LESS FLAT ---------- */

.sv-trust-grid>div{
  position:relative;
  transition:background .25s ease;
}

.sv-trust-grid>div::after{
  content:"";
  position:absolute;
  left:20px;
  right:20px;
  bottom:0;
  height:2px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(201,162,77,.5),
    transparent
  );
  opacity:0;
  transition:opacity .25s ease;
}

.sv-trust-grid>div:hover{
  background:linear-gradient(
    180deg,
    rgba(201,162,77,.035),
    transparent
  );
}

.sv-trust-grid>div:hover::after{
  opacity:1;
}


/* ---------- PREVIOUS / NEXT SERVICE CARDS ---------- */

.sv-next-grid{
  gap:22px;
}

.sv-next-grid a{
  position:relative;
  border:1px solid rgba(184,135,47,.20);
  border-radius:4px;
  background:linear-gradient(145deg,#fff,#faf8f3);
  box-shadow:0 10px 25px rgba(30,15,15,.04);
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease;
}

.sv-next-grid a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:3px;
  background:linear-gradient(90deg,#a81729,#c9a24d);
  transition:width .3s ease;
}

.sv-next-grid a:hover{
  transform:translateY(-5px);
  border-color:rgba(184,135,47,.42);
  box-shadow:0 18px 38px rgba(30,15,15,.09);
}

.sv-next-grid a:hover::after{
  width:100%;
}


/* ---------- CENTRE BUTTON / CTA BUTTONS ---------- */

.sv-centre-button .sv-btn,
.sv-final-cta .sv-btn{
  min-width:210px;
}


/* ---------- MOBILE SAFETY ---------- */

@media(max-width:700px){
  .sv-process article,
  .sv-why-grid div,
  .sv-situation-card{
    transform:none;
  }

  .sv-process article:hover,
  .sv-why-grid div:hover,
  .sv-situation-card:hover{
    transform:translateY(-3px);
  }

  .sv-btn{
    min-height:52px;
    padding:15px 22px;
  }
}


/* =========================================================
   REDSPY SURVEILLANCE V2.3 — PREMIUM FINAL POLISH
   Fixes trust-strip layout + upgrades cards, typography
   and CTA buttons without changing the HTML.
========================================================= */

/* ---------- 1. TRUST STRIP: CORRECT GRID PLACEMENT ---------- */

.sv-trust-grid>div{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:13px;
  row-gap:6px;
  align-items:start;
  padding:27px 25px 29px;
  min-height:150px;
  position:relative;
}

.sv-trust-grid>div>i{
  grid-column:1;
  grid-row:1 / span 2;
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  margin-top:1px;
  border-radius:50%;
  background:linear-gradient(
    145deg,
    rgba(201,162,77,.18),
    rgba(201,162,77,.045)
  );
  border:1px solid rgba(184,135,47,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}

.sv-trust-grid>div>strong{
  grid-column:2;
  grid-row:1;
  font-size:17px;
  line-height:1.25;
  letter-spacing:.05px;
}

.sv-trust-grid>div>span{
  grid-column:2;
  grid-row:2;
  font-size:14px;
  line-height:1.6;
  margin:0;
  max-width:245px;
}


/* ---------- 2. MINI SURVEILLANCE SERVICE CARDS ---------- */

.sv-mini-grid{
  gap:16px;
  margin-top:32px;
}

.sv-mini-grid>div{
  position:relative;
  min-height:155px;
  padding:22px 21px 20px;
  border:1px solid rgba(184,135,47,.22);
  border-top:2px solid rgba(184,135,47,.48);
  border-radius:5px;
  background:linear-gradient(
    145deg,
    rgba(255,255,255,.98),
    rgba(249,247,241,.96)
  );
  box-shadow:
    0 9px 25px rgba(35,18,18,.045),
    inset 0 1px 0 rgba(255,255,255,.95);
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

.sv-mini-grid>div::after{
  content:"";
  position:absolute;
  right:13px;
  bottom:12px;
  width:22px;
  height:22px;
  border-right:1px solid rgba(184,135,47,.22);
  border-bottom:1px solid rgba(184,135,47,.22);
}

.sv-mini-grid>div:hover{
  transform:translateY(-5px);
  border-color:rgba(184,135,47,.48);
  box-shadow:0 17px 34px rgba(35,18,18,.09);
}

.sv-mini-grid i{
  display:flex;
  align-items:center;
  justify-content:center;
  width:39px;
  height:39px;
  margin-bottom:11px;
  border-radius:50%;
  background:rgba(168,23,41,.07);
  border:1px solid rgba(168,23,41,.17);
  font-size:17px;
}

.sv-mini-grid h3{
  margin:0 0 7px;
  font-size:19px;
  line-height:1.25;
}

.sv-mini-grid p{
  font-size:15px;
  line-height:1.6;
}


/* ---------- 3. PREMIUM BUTTONS ---------- */

.sv-buttons{
  gap:14px;
  margin-top:30px;
}

.sv-btn{
  min-height:54px;
  padding:16px 28px;
  border-radius:7px;
  font-size:15px;
  letter-spacing:.1px;
  border-width:1px;
  box-shadow:
    0 9px 22px rgba(28,12,14,.14),
    inset 0 1px 0 rgba(255,255,255,.12);
}

.sv-btn-red{
  background:linear-gradient(
    135deg,
    #a71529 0%,
    #c21c32 55%,
    #a91529 100%
  );
  border-color:#d12b40;
}

.sv-btn-red:hover{
  background:linear-gradient(
    135deg,
    #bd1b30,
    #d2263d,
    #b7192e
  );
}

.sv-btn-outline{
  background:linear-gradient(
    135deg,
    rgba(24,12,14,.92),
    rgba(48,23,26,.90)
  );
  border-color:rgba(201,162,77,.78);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 9px 24px rgba(20,8,10,.20);
}

.sv-btn-dark{
  background:linear-gradient(135deg,#180d10,#30171b);
  border-color:rgba(201,162,77,.55);
}

.sv-btn i{
  font-size:14px;
}


/* ---------- 4. MAIN CONTENT TYPOGRAPHY ---------- */

.sv-feature-content>p,
.sv-evidence-content>p{
  font-size:18px;
  line-height:1.85;
}

.sv-card-body p{
  font-size:16px;
  line-height:1.75;
}

.sv-process p,
.sv-why-grid p{
  font-size:15px;
  line-height:1.75;
}

.sv-heading p{
  font-size:17px;
  line-height:1.8;
}

.sv-ethics-box p{
  font-size:16px;
  line-height:1.85;
}

.sv-faq-list p{
  font-size:16px;
  line-height:1.8;
}


/* ---------- 5. PROCESS CARDS: MORE EXECUTIVE ---------- */

.sv-process{
  gap:24px;
}

.sv-process article{
  min-height:220px;
  padding:31px 29px 30px;
  border-radius:6px;
  background:
    linear-gradient(145deg,#fff,#f9f7f2);
  border:1px solid rgba(184,135,47,.24);
  box-shadow:
    0 12px 30px rgba(35,18,18,.055),
    inset 0 1px 0 rgba(255,255,255,.95);
}

.sv-process article::before{
  height:3px;
  width:62px;
  background:linear-gradient(90deg,#a81729,#c9a24d);
}

.sv-process b{
  width:48px;
  height:48px;
  font-size:12px;
  border:2px solid rgba(225,197,120,.65);
  box-shadow:
    0 7px 16px rgba(168,23,41,.18),
    inset 0 1px 2px rgba(255,255,255,.18);
}

.sv-process i{
  width:43px;
  height:43px;
  top:30px;
  right:25px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(184,135,47,.24);
  background:rgba(201,162,77,.07);
}

.sv-process h3{
  margin:20px 0 10px;
  font-size:23px;
}


/* ---------- 6. WHY REDSPY CARDS ---------- */

.sv-why-grid{
  gap:23px;
}

.sv-why-grid>div{
  min-height:190px;
  padding:31px 29px;
  border:1px solid rgba(184,135,47,.21);
  border-top:3px solid #c9a24d;
  border-radius:5px;
  background:linear-gradient(145deg,#fff,#faf8f3);
  box-shadow:
    0 11px 29px rgba(35,18,18,.05),
    inset 0 1px 0 rgba(255,255,255,.9);
}

.sv-why-grid i{
  width:46px;
  height:46px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  border:1px solid rgba(184,135,47,.27);
  background:rgba(201,162,77,.075);
}

.sv-why-grid h3{
  font-size:21px;
  line-height:1.3;
}


/* ---------- 7. PREVIOUS / NEXT CARDS ---------- */

.sv-next-grid{
  gap:24px;
}

.sv-next-grid a{
  min-height:125px;
  padding:30px 32px;
  border-radius:5px;
  border:1px solid rgba(184,135,47,.22);
  background:linear-gradient(145deg,#fff,#faf8f3);
  box-shadow:0 10px 27px rgba(35,18,18,.045);
}

.sv-next-grid strong{
  font-size:24px;
  line-height:1.25;
}


/* ---------- 8. MOBILE ---------- */

@media(max-width:700px){
  .sv-trust-grid>div{
    min-height:120px;
    padding:23px 20px;
  }

  .sv-trust-grid>div>strong{
    font-size:16px;
  }

  .sv-trust-grid>div>span{
    font-size:14px;
    max-width:none;
  }

  .sv-mini-grid>div{
    min-height:auto;
  }

  .sv-feature-content>p,
  .sv-evidence-content>p{
    font-size:16px;
  }

  .sv-btn{
    width:100%;
    min-height:54px;
  }

  .sv-process article{
    min-height:190px;
  }

  .sv-why-grid>div{
    min-height:auto;
  }
}