/* ===== Redesign v3: curved navy hero, angled laptop, glass tiles, card grid ===== */

/* Transparent nav over the homepage hero; turns white once the page scrolls */
.rv-home .rv-nav{position:fixed;left:0;right:0;top:0;background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .2s ease,border-color .2s ease;}
.rv-home .rv-nav .rv-logo,.rv-home .rv-nav .rv-logo svg{color:#fff;}
.rv-home .rv-nav.is-scrolled{background:rgba(255,255,255,.94);border-bottom-color:var(--line-l);backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);}
.rv-home .rv-nav.is-scrolled .rv-logo{color:var(--ink);}
.rv-home .rv-nav.is-scrolled .rv-logo svg{color:var(--blue);}
.rv-home .rv-nav-cta{background:var(--navy);}
.rv-home .rv-nav-cta:hover{background:var(--navy-3);}

/* Hero */
.rv-hero3{position:relative;overflow:hidden;background:linear-gradient(180deg,#F7F4FF 0%,#F1ECFD 100%);padding:150px 0 80px;min-height:760px;}
.rv-hero3-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.rv-hero3-in{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center;}
.rv-hero3-copy{color:#fff;}
.rv-kicker{display:block;font-size:14px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--fog-2);margin-bottom:22px;}
.rv-hero3 .rv-h1{font-size:66px;max-width:none;color:#fff;}
.rv-hero3 .rv-hero-sub{color:var(--fog-2);max-width:44ch;}
.rv-btn-white{background:#fff;color:var(--ink);box-shadow:0 12px 28px -14px rgba(0,0,0,.6);}
.rv-btn-white:hover{background:#EFEBF8;color:var(--ink);}
.rv-hero3 .rv-btn-ghost{color:#fff;border-color:rgba(255,255,255,.55);background:transparent;}
.rv-hero3 .rv-btn-ghost:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.06);}
.rv-play{width:22px;height:22px;border-radius:50%;border:1.5px solid currentColor;display:inline-flex;align-items:center;justify-content:center;padding-left:2px;}
.rv-checks{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px 28px;}
.rv-checks li{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--fog-2);}
.rv-checks svg{width:16px;height:16px;color:var(--volt);flex:none;}

/* Stage: angled laptop on a pedestal with glass tiles */
.rv-stage3{position:relative;height:540px;perspective:1800px;}
.rv-laptop3{position:absolute;left:12%;right:4%;top:70px;transform:rotateY(-16deg) rotateX(7deg) rotateZ(-1deg);transform-style:preserve-3d;z-index:2;}
.rv-laptop3 .rv-laptop-lid{box-shadow:0 60px 90px -50px rgba(18,11,46,.65);}
.rv-pedestal{position:absolute;left:4%;right:0;bottom:24px;height:110px;border-radius:26px;background:linear-gradient(180deg,#FFFFFF 0%,#ECE7F7 100%);box-shadow:0 40px 60px -40px rgba(18,11,46,.45),inset 0 2px 0 #fff;z-index:1;}
.rv-tile{position:absolute;z-index:3;width:128px;padding:18px 12px 14px;border-radius:20px;text-align:center;font-size:13.5px;font-weight:600;color:var(--ink);background:rgba(255,255,255,.74);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 44px -22px rgba(18,11,46,.45);display:flex;flex-direction:column;align-items:center;gap:10px;line-height:1.25;}
.rv-tile-ic{width:44px;height:44px;border-radius:14px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 18px -10px rgba(124,58,237,.9);}
.rv-tile-ic svg{width:22px;height:22px;}
.rv-tile-1{left:0;top:10px;}
.rv-tile-2{left:-36px;top:170px;}
.rv-tile-3{left:2px;top:330px;}
.rv-tile-4{right:-20px;top:40px;}
.rv-tile-5{right:-28px;top:250px;}
.rv-example3{position:absolute;right:8px;bottom:0;z-index:3;}

/* Feature band (stands in for a logo strip: no third-party logos or client claims) */
.rv-band{background:#fff;border-bottom:1px solid var(--line-l);}
.rv-band-list{list-style:none;margin:0;padding:26px 0;display:grid;grid-template-columns:auto repeat(4,minmax(0,1fr));gap:20px;align-items:center;}
.rv-band-list li{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:var(--ink);}
.rv-band-list .rv-band-label{display:block;font-family:var(--display);font-size:16px;line-height:1.25;padding-right:28px;margin-right:8px;border-right:1px solid var(--line-l);}

/* Services card grid */
.rv-svc-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:56px;}
.rv-scard{position:relative;display:flex;flex-direction:column;padding:28px 24px 72px;border-radius:18px;background:#fff;border:1px solid var(--line-l);text-decoration:none;color:var(--ink);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;}
.rv-scard:hover{color:var(--ink);transform:translateY(-3px);border-color:#DDD0FF;box-shadow:0 24px 40px -30px rgba(18,11,46,.45);}
.rv-scard-ic{color:var(--blue);margin-bottom:18px;}
.rv-scard-ic svg{width:30px;height:30px;}
.rv-scard h3{font-size:20px;font-weight:700;}
.rv-scard p{color:var(--ink-2);margin-top:8px;font-size:15.5px;}
.rv-scard-go{position:absolute;left:24px;bottom:22px;width:34px;height:34px;border-radius:50%;background:var(--mist);color:var(--ink);display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease;}
.rv-scard:hover .rv-scard-go{background:var(--blue);color:#fff;}
.rv-scard.is-feature{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 30px 50px -30px rgba(18,11,46,.7);}
.rv-scard.is-feature:hover{color:#fff;}
.rv-scard.is-feature .rv-scard-ic{color:var(--volt);}
.rv-scard.is-feature p{color:var(--fog-2);}
.rv-scard.is-feature .rv-scard-go{background:rgba(255,255,255,.14);color:#fff;}
.rv-center .rv-pill-eyebrow{margin-left:auto;margin-right:auto;}

/* Inner page heroes: navy with the same blue glow */
.rv-phero{background:radial-gradient(900px 420px at 92% 110%,rgba(124,58,237,.45),transparent 60%),radial-gradient(600px 300px at 100% 0%,rgba(167,139,250,.18),transparent 70%),linear-gradient(160deg,#120B2E 0%,#1A1040 70%,#2A1A5E 100%);color:#fff;border-bottom:0;}
.rv-phero.rv-grid-bg::before{background-image:linear-gradient(rgba(167,139,250,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(167,139,250,.06) 1px,transparent 1px);}
.rv-phero h1,.rv-phero .rv-h2{color:#fff;}
.rv-phero .rv-hero-sub,.rv-phero .rv-lede{color:var(--fog-2);}
.rv-phero .rv-eyebrow{color:var(--volt);}
.rv-phero .rv-hl{color:var(--volt);}
.rv-phero .rv-btn-ghost{color:#fff;border-color:rgba(255,255,255,.55);background:transparent;}
.rv-phero .rv-btn-ghost:hover{border-color:#fff;color:#fff;}
.rv-phero .rv-chip{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.25);color:var(--fog-2);}
.rv-phero .rv-chip:hover{border-color:var(--volt);color:#fff;}
.rv-phero .rv-plan{border-color:transparent;}

/* Responsive */
@media (max-width:1180px){
  .rv-tile-2{left:-8px;}
  .rv-tile-4,.rv-tile-5{right:-6px;}
}
@media (max-width:1080px){
  .rv-hero3{padding:120px 0 64px;background:linear-gradient(170deg,#120B2E 0%,#1A1040 55%,#2A1A5E 100%);}
  .rv-hero3-bg{display:none;}
  .rv-hero3-in{grid-template-columns:minmax(0,1fr);gap:24px;}
  .rv-hero3 .rv-h1{font-size:56px;}
  .rv-stage3{height:470px;max-width:680px;width:100%;margin:0 auto;}
  .rv-pedestal{background:linear-gradient(180deg,#2A1C5C 0%,#1A1040 100%);box-shadow:none;}
  .rv-band-list{grid-template-columns:repeat(2,minmax(0,1fr));}
  .rv-band-list .rv-band-label{grid-column:1 / -1;border-right:0;padding-right:0;}
  .rv-svc-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:900px){
  .rv-home .rv-burger{color:#fff;border-color:rgba(255,255,255,.35);}
  .rv-home .rv-nav.is-scrolled .rv-burger,.rv-home .rv-nav.is-open .rv-burger{color:var(--ink);border-color:var(--line-l);}
  .rv-home .rv-nav.is-open{background:#fff;}
  .rv-home .rv-nav.is-open .rv-logo{color:var(--ink);}
  .rv-home .rv-nav.is-open .rv-logo svg{color:var(--blue);}
}
@media (max-width:640px){
  .rv-hero3{padding:104px 0 48px;}
  .rv-hero3 .rv-h1{font-size:42px;}
  .rv-kicker{font-size:12px;letter-spacing:.18em;}
  .rv-stage3{height:300px;perspective:1200px;}
  .rv-laptop3{left:0;right:0;top:20px;transform:rotateY(-10deg) rotateX(5deg);}
  .rv-pedestal{left:0;height:70px;bottom:0;}
  .rv-tile{display:none;}
  .rv-example3{bottom:-22px;}
  .rv-band-list{grid-template-columns:minmax(0,1fr);gap:14px;}
  .rv-svc-cards{grid-template-columns:minmax(0,1fr);}
}
@media (prefers-reduced-motion:reduce){.rv-scard,.rv-scard-go{transition:none !important;}}
@media (min-width:901px){
  .rv-home .rv-nav:not(.is-scrolled) .rv-links a{color:var(--fog-2);}
  .rv-home .rv-nav:not(.is-scrolled) .rv-links a:hover{color:#fff;background:rgba(255,255,255,.08);}
}
.rv-hero3{min-height:800px;}
.rv-tile{background:rgba(255,255,255,.93);}

/* Powered-by row: platforms REPLYVANE actually runs on, shown as neutral text wordmarks (no third-party logo files) */
.rv-powered{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;padding:18px 0 26px;border-top:1px solid var(--line-l);}
.rv-powered-label{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#5A6A8A;}
.rv-powered-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:44px;flex-wrap:wrap;justify-content:center;}
.rv-wm{font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-0.02em;color:#7A88A6;}
.rv-wm-n8n{font-size:24px;letter-spacing:0;}
.rv-wm-google{font-weight:600;}
.rv-band-list{padding-bottom:22px;}
@media (max-width:640px){.rv-powered{gap:12px;}.rv-powered-list{gap:24px;}.rv-wm{font-size:18px;}}
