/* Scoped homepage redesign imported from supplied static handover. */
/* ============================================================
   Ragado.com — Homepage redesign
   Same tokens as the Review LP (premium navy + gold + blue)
   Minimal-change variant that keeps the existing structure:
   topbar, hero, three pillars, problem panel, products, footer.
   ============================================================ */
.home-redesign{
--navy-900:#0E0F28;
  --navy-800:#171a3a;
  --navy-700:#222657;
  --ink-900:#0e1330;
  --ink-700:#3d4664;
  --ink-500:#6b7390;
  --ink-300:#a5acc4;
  --line:#e3e7f2;
  --line-strong:#cdd3e6;

  --blue-600:#2A3EF4;
  --blue-500:#4555f7;
  --blue-50:#eef0ff;

  --gold-500:#b48a3c;
  --gold-50:#fbf6ec;

  --green-600:#157a3a;
  --green-50:#eaf6ef;

  --bg:#ffffff;
  --bg-soft:#f6f8fd;

  --radius-lg:18px;
  --radius-md:14px;
  --radius-sm:10px;

  --shadow-sm:0 1px 2px rgba(14,15,40,.05), 0 1px 1px rgba(14,15,40,.03);
  --shadow-md:0 8px 24px -8px rgba(14,15,40,.14), 0 2px 6px rgba(14,15,40,.05);
  --shadow-lg:0 24px 48px -12px rgba(14,15,40,.18), 0 8px 16px -8px rgba(14,15,40,.08);

  --container:1180px;
}
.home-redesign, .home-redesign *{
box-sizing:border-box
}
.home-redesign{
-webkit-text-size-adjust:100%;scroll-behavior:smooth
}
.home-redesign{
margin:0;background:var(--bg);color:var(--ink-900);
  font-family:'Inter','Helvetica Neue',Arial,sans-serif;
  font-size:16px;line-height:1.55;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.home-redesign img, .home-redesign svg{
display:block;max-width:100%
}
.home-redesign a{
color:inherit;text-decoration:none
}
.home-redesign strong{
font-weight:700
}
.home-redesign .container{
max-width:var(--container);margin:0 auto;padding:0 22px
}
/* ============================================================
   Topbar
   ============================================================ */
.home-redesign .topbar{
background:var(--navy-900);color:#fff;
  padding:14px 0;position:sticky;top:0;z-index:50;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.home-redesign .topbar__row{
display:flex;align-items:center;justify-content:space-between;gap:16px
}
.home-redesign .logo{
display:inline-flex;align-items:baseline;gap:2px;letter-spacing:.04em
}
.home-redesign .logo__word{
font-weight:900;font-size:22px
}
.home-redesign .logo__tm{
font-size:10px;color:var(--ink-300);transform:translateY(-7px)
}
.home-redesign .topbar__nav{
display:flex;align-items:center;gap:28px
}
.home-redesign .topbar__nav a{
color:#e6e8f4;font-size:14.5px;font-weight:500;
  opacity:.85;transition:opacity .15s ease;
}
.home-redesign .topbar__nav a:hover{
opacity:1
}
.home-redesign .topbar__cta{
display:inline-flex;align-items:center;gap:8px;
  background:#fff;color:var(--navy-900);
  padding:9px 18px;border-radius:999px;
  font-size:14px;font-weight:700;
  transition:transform .15s ease;
}
.home-redesign .topbar__cta:hover{
transform:translateY(-1px)
}
.home-redesign .menu-btn{
display:none;background:transparent;border:1px solid rgba(255,255,255,.18);
  color:#fff;width:42px;height:42px;border-radius:10px;align-items:center;justify-content:center;
  cursor:pointer;
}
@media (max-width: 860px){
.home-redesign .topbar__nav, .home-redesign .topbar__cta{
display:none
}
.home-redesign .menu-btn{
display:inline-flex
}

}
/* ============================================================
   Hero
   ============================================================ */
.home-redesign .hero{
position:relative;
  background:
    radial-gradient(900px 600px at 90% -10%, rgba(42,62,244,.28), transparent 60%),
    radial-gradient(700px 500px at -10% 100%, rgba(42,62,244,.18), transparent 60%),
    linear-gradient(180deg, #0E0F28 0%, #14163b 100%);
  color:#fff;
  padding:80px 0 96px;
  overflow:hidden;
}
.home-redesign .eyebrow{
display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;
  color:var(--gold-500);padding:6px 12px;border-radius:999px;
  background:rgba(180,138,60,.12);border:1px solid rgba(180,138,60,.35);
  margin-bottom:22px;
}
.home-redesign .hero__title{
font-size:clamp(36px, 5.6vw, 64px);font-weight:800;line-height:1.04;
  letter-spacing:-.024em;margin:0 0 22px;max-width:880px;
}
.home-redesign .hero__title .accent{
color:var(--blue-500);display:block
}
.home-redesign .hero__sub{
font-size:clamp(17px, 1.4vw, 19px);line-height:1.55;
  color:#cfd3ea;max-width:680px;margin:0 0 32px;
}
.home-redesign .hero__sub strong{
color:#fff
}
.home-redesign .hero__cta-row{
display:flex;flex-wrap:wrap;gap:14px;margin-bottom:36px
}
/* Buttons */
.home-redesign .btn{
display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 26px;border-radius:12px;
  font-size:15.5px;font-weight:700;
  cursor:pointer;border:1px solid transparent;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
  white-space:nowrap;
}
.home-redesign .btn--primary{
background:var(--blue-600);color:#fff;box-shadow:0 8px 24px -8px rgba(42,62,244,.5)
}
.home-redesign .btn--primary:hover{
background:var(--blue-500);transform:translateY(-1px)
}
.home-redesign .btn--gold{
background:var(--gold-500);color:#fff;box-shadow:0 8px 24px -8px rgba(180,138,60,.6)
}
.home-redesign .btn--gold:hover{
background:#c79a48;transform:translateY(-1px)
}
.home-redesign .btn--ghost-light{
background:transparent;color:#fff;
  border-color:rgba(255,255,255,.25);
}
.home-redesign .btn--ghost-light:hover{
background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.4)
}
.home-redesign .btn--ghost{
background:transparent;color:var(--navy-900);border-color:var(--line-strong);
}
.home-redesign .btn--ghost:hover{
background:var(--bg-soft)
}
.home-redesign .hero__pills{
display:flex;flex-wrap:wrap;gap:12px
}
.home-redesign .trust-pill{
display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;border-radius:999px;
  font-size:13px;font-weight:600;color:#e6e8f4;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
}
.home-redesign .trust-pill .dot{
width:8px;height:8px;border-radius:50%;background:var(--green-600);
  box-shadow:0 0 0 3px rgba(21,122,58,.18);
}
/* ============================================================
   Three pillars (replaces the existing weak cards)
   ============================================================ */
.home-redesign .pillars{
padding:64px 0;background:var(--bg);
  border-bottom:1px solid var(--line);
}
.home-redesign .pillars__head{
text-align:center;max-width:720px;margin:0 auto 40px
}
.home-redesign .pillars__kicker{
display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;
  color:var(--blue-600);padding:6px 12px;border-radius:999px;
  background:var(--blue-50);margin-bottom:16px;
}
.home-redesign .pillars__title{
font-size:clamp(28px,3.2vw,36px);font-weight:800;letter-spacing:-.02em;
  margin:0 0 12px;line-height:1.15;
}
.home-redesign .pillars__lead{
color:var(--ink-700);font-size:17px;margin:0
}
.home-redesign .pillars__grid{
display:grid;grid-template-columns:repeat(3,1fr);gap:20px
}
@media (max-width:860px){
.home-redesign .pillars__grid{
grid-template-columns:1fr
}

}
.home-redesign .pillar{
background:var(--bg);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:28px;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.home-redesign .pillar:hover{
transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--line-strong)
}
.home-redesign .pillar__icon{
width:48px;height:48px;border-radius:12px;
  background:var(--blue-50);color:var(--blue-600);
  display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px;
}
.home-redesign .pillar__title{
font-size:20px;font-weight:700;margin:0 0 8px;letter-spacing:-.01em
}
.home-redesign .pillar__body{
color:var(--ink-700);margin:0;font-size:15.5px;line-height:1.55
}
/* ============================================================
   "What we see" — problems panel
   ============================================================ */
.home-redesign .problems{
padding:80px 0;
  background:linear-gradient(180deg,#0E0F28 0%, #14163b 100%);
  color:#fff;
}
.home-redesign .problems__head{
max-width:720px;margin:0 auto 44px;text-align:center
}
.home-redesign .problems__kicker{
display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;
  color:var(--gold-500);padding:6px 12px;border-radius:999px;
  background:rgba(180,138,60,.12);border:1px solid rgba(180,138,60,.35);
  margin-bottom:16px;
}
.home-redesign .problems__title{
font-size:clamp(28px,3.2vw,38px);font-weight:800;letter-spacing:-.02em;
  margin:0 0 12px;line-height:1.15;
}
.home-redesign .problems__lead{
color:#cfd3ea;font-size:17px;margin:0
}
.home-redesign .problems__grid{
display:grid;grid-template-columns:repeat(3,1fr);gap:20px
}
@media (max-width:860px){
.home-redesign .problems__grid{
grid-template-columns:1fr
}

}
.home-redesign .problem{
background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);
  border-radius:var(--radius-lg);padding:28px;
}
.home-redesign .problem__icon{
width:54px;height:54px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px;
  border:2px solid currentColor;
}
.home-redesign .problem--warn .problem__icon{
color:#e6b94f
}
.home-redesign .problem--cost .problem__icon{
color:#ff7a59
}
.home-redesign .problem--risk .problem__icon{
color:#7e8bff
}
.home-redesign .problem__title{
font-size:20px;font-weight:700;margin:0 0 8px;color:#fff;letter-spacing:-.01em
}
.home-redesign .problem__body{
color:#cfd3ea;margin:0;font-size:15.5px;line-height:1.55
}
/* ============================================================
   Product router (Pool + Review)
   ============================================================ */
.home-redesign .products{
padding:80px 0;background:var(--bg)
}
.home-redesign .products__head{
text-align:center;max-width:780px;margin:0 auto 44px
}
.home-redesign .products__kicker{
display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;
  color:var(--blue-600);padding:6px 12px;border-radius:999px;
  background:var(--blue-50);margin-bottom:16px;
}
.home-redesign .products__title{
font-size:clamp(28px,3.2vw,38px);font-weight:800;letter-spacing:-.02em;
  margin:0 0 12px;line-height:1.15;
}
.home-redesign .products__lead{
color:var(--ink-700);font-size:17px;margin:0
}
.home-redesign .products__grid{
display:grid;grid-template-columns:repeat(3,1fr);gap:22px
}
@media (max-width:1100px){
.home-redesign .products__grid{
grid-template-columns:1fr 1fr
}

}
@media (max-width:760px){
.home-redesign .products__grid{
grid-template-columns:1fr
}

}
.home-redesign .product-card{
position:relative;
  display:flex;flex-direction:column;
  background:var(--bg);border:1px solid var(--line);
  border-radius:20px;padding:36px 32px;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  overflow:hidden;
}
.home-redesign .product-card:hover{
transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--line-strong)
}
.home-redesign .product-card--premium{
background:linear-gradient(180deg,#fff 0%, #fbfbff 100%);
  border-color:rgba(180,138,60,.4);
}
.home-redesign .product-card--premium::before{
content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(400px 200px at 100% 0%, rgba(180,138,60,.08), transparent 60%);
}
.home-redesign .product-card__badge{
display:inline-flex;align-self:flex-start;gap:6px;align-items:center;
  font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  padding:5px 11px;border-radius:999px;margin-bottom:18px;
}
.home-redesign .product-card__badge--blue{
background:var(--blue-50);color:var(--blue-600)
}
.home-redesign .product-card__badge--gold{
background:var(--gold-50);color:var(--gold-500);border:1px solid rgba(180,138,60,.3)
}
.home-redesign .product-card__badge--green{
background:rgba(21,122,58,.08);color:var(--green-600);border:1px solid rgba(21,122,58,.25)
}
.home-redesign .product-card__title{
font-size:26px;font-weight:800;margin:0 0 6px;letter-spacing:-.02em;
}
.home-redesign .product-card__strap{
font-size:14px;font-weight:600;color:var(--ink-500);
  margin:0 0 18px;letter-spacing:.02em;
}
.home-redesign .product-card__body{
color:var(--ink-700);margin:0 0 22px;font-size:15.5px;line-height:1.6;
  flex-grow:1;
}
.home-redesign .product-card__list{
list-style:none;padding:0;margin:0 0 28px;display:grid;gap:10px
}
.home-redesign .product-card__list li{
display:flex;align-items:flex-start;gap:10px;
  font-size:14.5px;color:var(--ink-700);
}
.home-redesign .product-card__list svg{
flex-shrink:0;color:var(--green-600);margin-top:3px;
}
.home-redesign .product-card__cta{
display:inline-flex;align-items:center;justify-content:space-between;gap:14px;
  width:100%;padding:14px 22px;border-radius:12px;
  font-size:15px;font-weight:700;
  border:1px solid transparent;
  transition:transform .15s ease, background .15s ease;
}
.home-redesign .product-card__cta--blue{
background:var(--blue-600);color:#fff
}
.home-redesign .product-card__cta--blue:hover{
background:var(--blue-500);transform:translateX(2px)
}
.home-redesign .product-card__cta--gold{
background:var(--gold-500);color:#fff
}
.home-redesign .product-card__cta--gold:hover{
background:#c79a48;transform:translateX(2px)
}
.home-redesign .product-card__cta--green{
background:var(--green-600);color:#fff
}
.home-redesign .product-card__cta--green:hover{
background:#0f6730;transform:translateX(2px)
}
.home-redesign .product-card__cta.is-disabled{
opacity:.62;cursor:not-allowed;background:rgba(21,122,58,.18);color:var(--green-600);border:1px dashed rgba(21,122,58,.55)
}
.home-redesign .product-card__cta.is-disabled:hover{
transform:none;background:rgba(21,122,58,.18)
}
.home-redesign .product-card__cta.is-disabled .product-card__cta-arrow{
transform:none
}
/* Warnings card — soft watermark and green accent line */
.home-redesign .product-card--warnings{
background:linear-gradient(180deg,#fff 0%, #f6fbf7 100%);
  border-color:rgba(21,122,58,.28);
}
.home-redesign .product-card--warnings::before{
content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(420px 220px at 100% 0%, rgba(21,122,58,.08), transparent 60%);
}
.home-redesign .product-card__cta-arrow{
transition:transform .15s ease
}
.home-redesign .product-card__cta:hover .product-card__cta-arrow{
transform:translateX(3px)
}
/* ============================================================
   Trust strip (small, low band)
   ============================================================ */
.home-redesign .trust-strip{
background:#0a0c22;color:#fff;padding:28px 0;
}
.home-redesign .trust-strip__row{
display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center
}
.home-redesign .trust-stat{
text-align:center;flex:1 1 160px
}
.home-redesign .trust-stat__num{
font-size:24px;font-weight:800;letter-spacing:-.01em;line-height:1.1
}
.home-redesign .trust-stat__lbl{
font-size:12px;color:var(--ink-300);margin-top:4px;letter-spacing:.04em
}
/* ============================================================
   CTA band
   ============================================================ */
.home-redesign .cta-band{
background:
    radial-gradient(700px 400px at 90% 50%, rgba(42,62,244,.25), transparent 60%),
    linear-gradient(180deg, #0E0F28 0%, #14163b 100%);
  color:#fff;padding:72px 0;
}
.home-redesign .cta-band__row{
display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;
}
.home-redesign .cta-band__title{
font-size:clamp(24px,2.6vw,32px);font-weight:800;letter-spacing:-.02em;margin:0 0 8px;
}
.home-redesign .cta-band__sub{
color:#cfd3ea;margin:0;font-size:16px;max-width:560px
}
.home-redesign .cta-band__actions{
display:flex;gap:12px;flex-wrap:wrap
}
/* ============================================================
   Footer
   ============================================================ */
.home-redesign .footer{
background:#0a0c22;color:#9aa3c3;padding:36px 0 28px;font-size:13px
}
.home-redesign .footer__row{
display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;align-items:center
}
.home-redesign .footer__brand{
color:#fff;font-weight:700;letter-spacing:.04em;font-size:14px
}
.home-redesign .footer__links{
display:flex;gap:18px
}
.home-redesign .footer__links a{
color:#cfd3ea
}
.home-redesign .footer__links a:hover{
color:#fff
}
.home-redesign .footer__legal{
margin-top:20px;font-size:12px;color:#6b7390;line-height:1.55
}
/* ============================================================
   Reduced motion
   ============================================================ */
@media (prefers-reduced-motion: reduce){
.home-redesign, .home-redesign *{
animation-duration:.001ms !important;transition-duration:.001ms !important
}
.home-redesign{
scroll-behavior:auto
}

}