/* =========================================================
   Rei Hosting v4.0 — Brand & UX Consolidation
   Direction: fewer surfaces, stronger hierarchy, less glow.
   ========================================================= */

:root{
  --v4-bg:#06080d;
  --v4-surface:#0b0f17;
  --v4-surface-2:#101620;
  --v4-line:rgba(255,255,255,.09);
  --v4-line-strong:rgba(255,255,255,.15);
  --v4-text:#f4f7fb;
  --v4-muted:#9aa7b8;
  --v4-accent:#7b6cff;
  --v4-accent-2:#34c7e8;
  --v4-success:#55d98c;
  --v4-radius:18px;
  --v4-radius-sm:11px;
  --v4-shadow:0 24px 70px rgba(0,0,0,.26);
}

body.v4{
  background:var(--v4-bg);
  color:var(--v4-text);
  font-size:15px;
  letter-spacing:-.01em;
}
body.v4::before{display:none!important}
body.v4 .wrap{width:min(1160px,calc(100% - 40px))}
body.v4 h1,body.v4 h2,body.v4 h3{
  letter-spacing:-.035em;
  text-wrap:balance;
}
body.v4 p{color:var(--v4-muted)}
body.v4 .section{padding:88px 0}
body.v4 .section.alt{background:transparent}
body.v4 .section-heading{margin-bottom:34px}
body.v4 .section-heading h2,
body.v4 section>.wrap>h2{max-width:760px}
body.v4 .lead{max-width:720px;font-size:17px;line-height:1.7}
body.v4 .eyebrow{
  color:#c8d0dc;
  font-size:12px;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-weight:800;
}
body.v4 .eyebrow-icon{opacity:.75}

/* Header */
body.v4 .promo-bar{
  min-height:34px;
  background:#0c111b;
  border-bottom:1px solid var(--v4-line);
  color:#d6dce7;
  font-size:12px;
}
body.v4 .promo-bar strong{color:#fff}
body.v4 .promo-bar a{color:#fff;text-decoration:underline;text-underline-offset:3px}
body.v4 .top{
  background:rgba(6,8,13,.88);
  border-bottom:1px solid var(--v4-line);
  backdrop-filter:blur(18px);
  box-shadow:none;
}
body.v4 .nav{min-height:68px;gap:18px}
body.v4 .brand{font-size:15px;letter-spacing:.03em}
body.v4 .crown-icon{color:var(--v4-accent)}
body.v4 .main-nav>a,
body.v4 .nav-parent{
  color:#c5cdd9;
  font-size:13px;
  font-weight:700;
}
body.v4 .main-nav>a:hover,
body.v4 .nav-parent:hover{color:#fff}
body.v4 .nav-account{color:#b7c0ce}
body.v4 .btn{
  border-radius:10px;
  box-shadow:none;
  font-weight:800;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
body.v4 .btn:hover{transform:translateY(-1px)}
body.v4 .btn:not(.ghost){
  background:#f3f6fb;
  color:#090d14;
  border:1px solid #f3f6fb;
}
body.v4 .btn.ghost{
  background:transparent;
  color:#e8edf5;
  border:1px solid var(--v4-line-strong);
}
body.v4 .btn.ghost:hover{border-color:rgba(255,255,255,.3)}
body.v4 .mega-menu{
  background:#0b1018;
  border:1px solid var(--v4-line);
  box-shadow:var(--v4-shadow);
  border-radius:14px;
}
body.v4 .mega-head{border-bottom:1px solid var(--v4-line)}
body.v4 .mega-link{
  border-radius:10px;
  background:transparent;
}
body.v4 .mega-link:hover{background:#111823}
body.v4 .mega-icon{
  background:transparent!important;
  border:1px solid var(--v4-line);
}

/* Home hero */
body.v4[data-page-slug="home"] .hero{
  padding:82px 0 72px;
  border-bottom:1px solid var(--v4-line);
  background:linear-gradient(180deg,#070a10 0%,#06080d 100%);
}
body.v4[data-page-slug="home"] .hero-grid{
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.78fr);
  gap:70px;
}
body.v4[data-page-slug="home"] .hero h1{
  max-width:820px;
  font-size:clamp(44px,5.4vw,66px);
  line-height:.98;
  margin:16px 0 22px;
}
body.v4[data-page-slug="home"] .hero-copy>p{
  max-width:690px;
  font-size:18px;
  line-height:1.7;
}
body.v4 .status-pill{
  background:transparent;
  border:0;
  padding:0;
  color:#9ba8b8;
  font-size:12px;
}
body.v4 .status-pill i{background:var(--v4-success);box-shadow:none}
body.v4 .hero-trust-row{
  margin-top:30px;
  padding-top:24px;
  border-top:1px solid var(--v4-line);
  gap:26px;
}
body.v4 .hero-trust-row>div{
  border:0!important;
  background:transparent!important;
  padding:0!important;
}
body.v4 .hero-trust-row span{color:#aeb8c6}
body.v4 .hero-trust-row b{font-size:13px}
body.v4 .hero-trust-row small{font-size:11px;color:#7f8b9b}
body.v4 .hero-art{
  min-height:420px;
  border-radius:22px;
  border:1px solid var(--v4-line);
  background:#090d14;
  overflow:hidden;
  box-shadow:none;
}
body.v4 .hero-art img{opacity:.76;filter:saturate(.78) contrast(1.03)}
body.v4 .hero-art-overlay{
  background:linear-gradient(180deg,transparent 45%,rgba(6,8,13,.88));
}
body.v4 .hero-art-card{
  border:1px solid var(--v4-line);
  background:rgba(9,13,20,.88);
  box-shadow:none;
  backdrop-filter:blur(12px);
  border-radius:14px;
}

/* Solutions: editorial product cards */
body.v4[data-page-slug="home"] .v33-solutions{
  padding:92px 0 56px;
}
body.v4 .solution-grid{
  gap:18px;
}
body.v4 .solution-card{
  border:1px solid var(--v4-line)!important;
  background:var(--v4-surface)!important;
  border-radius:var(--v4-radius);
  box-shadow:none!important;
  overflow:hidden;
  transform:none!important;
}
body.v4 .solution-card:hover{
  border-color:rgba(255,255,255,.18)!important;
  transform:translateY(-2px)!important;
}
body.v4 .solution-art{
  background:#090d14;
  border-bottom:1px solid var(--v4-line);
}
body.v4 .solution-art img{filter:saturate(.78);opacity:.9}
body.v4 .solution-icon{
  background:transparent!important;
  border:1px solid var(--v4-line)!important;
  color:#d7dde8!important;
}
body.v4 .solution-badge,
body.v4 .badge,
body.v4 .authority-badge{
  background:#161c27!important;
  border:1px solid var(--v4-line-strong)!important;
  color:#dfe5ee!important;
  box-shadow:none!important;
}
body.v4 .solution-price b{color:#fff}
body.v4 .solution-link{color:#dce3ec}

/* Consolidated trust rail */
body.v4 .v4-trust-rail{
  padding:0 0 52px;
}
body.v4 .v4-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--v4-line);
  border-bottom:1px solid var(--v4-line);
}
body.v4 .v4-trust-grid>a{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:92px;
  padding:20px 22px;
  color:#e9edf4;
  text-decoration:none;
  border-right:1px solid var(--v4-line);
}
body.v4 .v4-trust-grid>a:last-child{border-right:0}
body.v4 .v4-trust-grid>a:hover{background:#090d14}
body.v4 .v4-trust-grid>a>span{color:#aeb8c7}
body.v4 .v4-trust-grid b{display:block;font-size:13px}
body.v4 .v4-trust-grid small{display:block;color:#7f8b9c;margin-top:2px;line-height:1.35}

/* Support: one strong split, not a pile of cards */
body.v4[data-page-slug="home"] .v33-support{
  padding:68px 0 92px;
  background:transparent;
}
body.v4 .premium-split{
  padding:34px;
  border:1px solid var(--v4-line);
  background:var(--v4-surface);
  border-radius:22px;
  gap:56px;
}
body.v4 .support-visual{
  border-radius:16px;
  border:1px solid var(--v4-line);
  overflow:hidden;
  box-shadow:none;
}
body.v4 .support-visual img{filter:saturate(.7);opacity:.82}
body.v4 .support-image-caption{
  background:rgba(7,10,16,.9);
  border-top:1px solid var(--v4-line);
}
body.v4 .premium-list>div{
  border:0!important;
  border-top:1px solid var(--v4-line)!important;
  border-radius:0!important;
  background:transparent!important;
  padding:14px 0!important;
}
body.v4 .premium-list>div:first-child{border-top:0!important}

/* Testimonials */
body.v4 .v332-testimonials{
  border-top:1px solid var(--v4-line);
  background:transparent;
}
body.v4 .social-proof-head{margin-bottom:34px}
body.v4 .rating-summary{
  background:transparent;
  border:0;
  padding:0;
}
body.v4 .testimonial-grid{gap:16px}
body.v4 .testimonial{
  background:transparent!important;
  border:1px solid var(--v4-line)!important;
  border-radius:16px!important;
  box-shadow:none!important;
  transform:none!important;
}
body.v4 .quote-icon{opacity:.35}
body.v4 .stars{color:#d7dde7}
body.v4 .verified-badge{
  color:#b8c4d3;
  background:transparent;
  border:1px solid var(--v4-line);
}

/* Blog: quieter editorial rhythm */
body.v4 .v33-blog{
  background:#080b11;
  border-top:1px solid var(--v4-line);
  border-bottom:1px solid var(--v4-line);
}
body.v4 .blog-grid{gap:18px}
body.v4 .blog-card{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
}
body.v4 .blog-thumb{
  border:1px solid var(--v4-line);
  border-radius:14px;
  overflow:hidden;
  margin-bottom:18px;
  background:#0c1119;
}
body.v4 .blog-thumb img{filter:saturate(.55);opacity:.82}
body.v4 .blog-card h3{font-size:20px}
body.v4 .blog-card>a{color:#e1e7f0}

/* FAQ: flat separators instead of card stack */
body.v4 .v33-faq{background:transparent}
body.v4 .faq{
  border-top:1px solid var(--v4-line);
}
body.v4 .faq details{
  border:0!important;
  border-bottom:1px solid var(--v4-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.v4 .faq summary{
  padding:20px 0!important;
  font-size:15px;
}
body.v4 .faq details p{padding:0 0 22px 0!important}

/* Final CTA */
body.v4 .v33-cta-section{padding:54px 0 98px}
body.v4 .v33-cta{
  background:#0d121b!important;
  border:1px solid var(--v4-line-strong)!important;
  border-radius:20px!important;
  box-shadow:none!important;
}
body.v4 .cta-icon{
  background:transparent!important;
  border:1px solid var(--v4-line)!important;
}

/* Product pages */
body.v4 .product-hero{
  background:linear-gradient(180deg,#070a10,#06080d);
  border-bottom:1px solid var(--v4-line);
}
body.v4 .product-hero h1{font-size:clamp(40px,5vw,62px)}
body.v4 .product-sales-console,
body.v4 .product-noc-card,
body.v4 .product-migration-shell{
  background:var(--v4-surface)!important;
  border:1px solid var(--v4-line)!important;
  box-shadow:none!important;
  border-radius:18px!important;
}
body.v4 .product-sales-plan{
  background:var(--v4-surface)!important;
  border:1px solid var(--v4-line)!important;
  box-shadow:none!important;
  border-radius:16px!important;
  transform:none!important;
}
body.v4 .product-sales-plan:hover{border-color:rgba(255,255,255,.18)!important}
body.v4 .product-use-grid,
body.v4 .product-benefit-grid{gap:0!important;border-top:1px solid var(--v4-line)}
body.v4 .product-use-grid article,
body.v4 .product-benefit-grid article{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--v4-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.v4 .system-pills>div{
  background:transparent!important;
  border:1px solid var(--v4-line)!important;
  box-shadow:none!important;
}
body.v4 .product-compare-scroll{
  border:1px solid var(--v4-line);
  border-radius:14px;
  background:#090d14;
}
body.v4 .product-compare table{background:transparent}
body.v4 .product-seo-copy{
  background:transparent!important;
  border-top:1px solid var(--v4-line);
}

/* Network / Anti-DDoS: preserve structure, harmonize surfaces */
body.v4 .rhni-console,
body.v4 .rhni-noc-card,
body.v4 .rhni-feature-grid article,
body.v4 .rhni-facts article{
  box-shadow:none!important;
}
body.v4 .rhni-section{background:transparent}
body.v4 .rhni-feature-grid article,
body.v4 .rhni-facts article{
  border-color:var(--v4-line)!important;
  background:var(--v4-surface)!important;
}

/* Footer */
body.v4 .premium-footer{
  background:#05070b;
  border-top:1px solid var(--v4-line);
}
body.v4 .footer-premium-grid{padding-top:58px}
body.v4 .footer-col a,
body.v4 .footer-trust-links a,
body.v4 .footer-bottom a{color:#8e99aa}
body.v4 .footer-status{
  background:transparent;
  border:0;
  padding-left:0;
}
body.v4 .footer-trust-links{
  border-top:1px solid var(--v4-line);
  border-bottom:1px solid var(--v4-line);
}
body.v4 .footer-bottom{color:#788596}

/* Floating WhatsApp */
body.v4 .wa{
  background:#111823!important;
  color:#edf2f7!important;
  border:1px solid var(--v4-line-strong);
  box-shadow:0 14px 38px rgba(0,0,0,.3)!important;
}

/* Remove old vibe-coded motion/glow patterns */
body.v4 [data-rh-tilt]{transform:none!important}
body.v4 .is-visible{transform:none}
body.v4 .card{box-shadow:none}
body.v4 .accent,
body.v4 .section.accent{background:transparent}

/* Tablet / mobile */
@media(max-width:980px){
  body.v4 .wrap{width:min(100% - 28px,1160px)}
  body.v4[data-page-slug="home"] .hero-grid{grid-template-columns:1fr;gap:36px}
  body.v4[data-page-slug="home"] .hero-art{min-height:360px}
  body.v4 .v4-trust-grid{grid-template-columns:1fr 1fr}
  body.v4 .v4-trust-grid>a:nth-child(2){border-right:0}
  body.v4 .v4-trust-grid>a:nth-child(-n+2){border-bottom:1px solid var(--v4-line)}
  body.v4 .premium-split{padding:24px;gap:34px}
}
@media(max-width:650px){
  body.v4 .section{padding:64px 0}
  body.v4[data-page-slug="home"] .hero{padding:54px 0 48px}
  body.v4[data-page-slug="home"] .hero h1{font-size:clamp(38px,12vw,50px)}
  body.v4[data-page-slug="home"] .hero-copy>p{font-size:16px}
  body.v4[data-page-slug="home"] .hero-art{min-height:300px}
  body.v4 .hero-trust-row{display:grid;grid-template-columns:1fr;gap:12px}
  body.v4 .v4-trust-grid{grid-template-columns:1fr}
  body.v4 .v4-trust-grid>a{
    border-right:0!important;
    border-bottom:1px solid var(--v4-line);
    min-height:76px;
    padding:16px 6px;
  }
  body.v4 .v4-trust-grid>a:last-child{border-bottom:0}
  body.v4 .premium-split{padding:18px;border-radius:16px}
  body.v4 .v33-cta{padding:24px!important}
}
@media(prefers-reduced-motion:reduce){
  body.v4 *,body.v4 *::before,body.v4 *::after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}