/* V22 homepage art direction: a product-led hero, reliable category imagery and crisp icons. */
body.rra-home-body .rra-hero { background:#061a31; }
body.rra-home-body .rra-hero__content {
  position:relative;
  min-height:660px;
  padding-right:clamp(430px,45%,540px);
}
body.rra-home-body .rra-hero__copy { max-width:650px; }
body.rra-home-body .rra-hero h1 { max-width:650px; font-size:clamp(48px,6vw,78px); }
body.rra-home-body .rra-hero__showcase {
  position:absolute;
  top:50%;
  right:8px;
  z-index:2;
  width:min(43%,510px);
  padding:16px;
  overflow:hidden;
  border:1px solid rgba(205,231,255,.28);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.055));
  box-shadow:0 30px 90px rgba(0,8,20,.35),inset 0 1px rgba(255,255,255,.16);
  backdrop-filter:blur(16px);
  transform:translateY(-50%);
}
body.rra-home-body .rra-hero__showcase-top,
body.rra-home-body .rra-hero__showcase-bottom { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:12px; color:#c4d9ee; }
body.rra-home-body .rra-hero__showcase-top { padding:2px 2px 13px; font-size:9px; font-weight:900; letter-spacing:.16em; }
body.rra-home-body .rra-hero__live { display:inline-flex; align-items:center; gap:7px; padding:6px 9px; border:1px solid rgba(255,255,255,.16); border-radius:99px; color:#e7f3ff; font-size:9px; letter-spacing:.04em; }
body.rra-home-body .rra-hero__live b { width:6px; height:6px; border-radius:50%; background:#38d894; box-shadow:0 0 0 4px rgba(56,216,148,.14); }
body.rra-home-body .rra-hero__showcase-product { position:relative; z-index:1; display:grid; min-height:270px; place-items:center; overflow:hidden; border:1px solid rgba(255,255,255,.65); border-radius:19px; background:radial-gradient(ellipse at 50% 42%,#fff 0%,#eef4fa 78%); }
body.rra-home-body .rra-hero__showcase-product img { display:block; width:100%; height:270px; padding:22px; object-fit:contain; mix-blend-mode:multiply; }
body.rra-home-body .rra-hero__showcase-bottom { padding:15px 3px 2px; }
body.rra-home-body .rra-hero__showcase-bottom small { display:block; color:#91b9df; font-size:8px; font-weight:850; letter-spacing:.12em; }
body.rra-home-body .rra-hero__showcase-bottom strong { display:block; margin-top:4px; color:#fff; font-size:13px; letter-spacing:.015em; }
body.rra-home-body .rra-hero__showcase-mark { color:#fff; font-size:24px; font-weight:950; letter-spacing:-.09em; }
body.rra-home-body .rra-hero__showcase-mark span { margin-left:2px; vertical-align:top; font-size:9px; letter-spacing:0; }
body.rra-home-body .rra-hero__orbit { position:absolute; z-index:0; width:210px; height:210px; border:1px solid rgba(135,194,248,.18); border-radius:50%; pointer-events:none; }
body.rra-home-body .rra-hero__orbit--one { top:-145px; right:-90px; box-shadow:0 0 0 24px rgba(148,204,255,.035),0 0 0 50px rgba(148,204,255,.025); }
body.rra-home-body .rra-hero__orbit--two { bottom:-170px; left:-128px; width:245px; height:245px; }
body.rra-home-body .rra-hero-stats { margin-top:-52px; }
body.rra-home-body .rra-hero-stats__grid { border-radius:20px; box-shadow:0 26px 70px rgba(8,31,56,.13); }
body.rra-home-body .rra-stat__icon svg,
body.rra-home-body .rra-solution-card__icon svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
body.rra-home-body .rra-stat__icon { color:#0877f9; }
body.rra-home-body .rra-category-grid { gap:20px; }
body.rra-home-body .rra-category-card { min-height:282px; border-radius:20px; }
body.rra-home-body .rra-category-card__media { height:188px; }
body.rra-home-body .rra-category-card__media img { padding:18px; object-fit:contain; mix-blend-mode:multiply; }
body.rra-home-body .rra-category-card__body { min-height:88px; padding:16px 18px; }
body.rra-home-body .rra-category-card__body strong { font-size:15px; }
body.rra-home-body .rra-category-card__body small { font-size:11px; line-height:1.5; }
body.rra-home-body .rra-category-card__arrow { width:38px; height:38px; border:1px solid #deebfa; border-radius:12px; }
body.rra-home-body .rra-category-card__fallback { display:grid; width:100%; height:100%; place-items:center; background:radial-gradient(ellipse,#fff,#edf3f9); }
body.rra-home-body .rra-category-card__fallback svg { width:46px; height:46px; fill:none; stroke:#7db6f2; stroke-width:1.5; }
body.rra-home-body .rra-solutions { padding-block:108px; background:radial-gradient(ellipse at 84% 0%,rgba(28,111,200,.36),transparent 35%),linear-gradient(135deg,#06192e,#082c50 58%,#073966); }
body.rra-home-body .rra-solution-grid { gap:16px; }
body.rra-home-body .rra-solution-card { min-height:246px; padding:25px 23px; border-color:rgba(182,218,251,.17); border-radius:19px; background:linear-gradient(150deg,rgba(255,255,255,.095),rgba(255,255,255,.035)); box-shadow:inset 0 1px rgba(255,255,255,.06); }
body.rra-home-body .rra-solution-card:hover { border-color:rgba(108,177,255,.58); background:linear-gradient(150deg,rgba(255,255,255,.15),rgba(255,255,255,.06)); box-shadow:0 18px 40px rgba(0,8,20,.18),inset 0 1px rgba(255,255,255,.1); }
body.rra-home-body .rra-solution-card__icon { width:50px; height:50px; margin-bottom:25px; border:1px solid rgba(114,180,255,.18); border-radius:15px; background:linear-gradient(145deg,rgba(39,133,255,.25),rgba(39,133,255,.08)); color:#83bcff; }
body.rra-home-body .rra-solution-card h3 { font-size:16px; letter-spacing:-.01em; }
body.rra-home-body .rra-solution-card p { min-height:60px; font-size:12px; }
body.rra-home-body .rra-solution-card a { margin-top:14px; color:#8fc6ff; }
body.rra-home-body .rra-solution-card a span { font-size:17px; line-height:1; transition:transform .18s ease; }
body.rra-home-body .rra-solution-card a:hover span { transform:translate(2px,-2px); }
body.rra-home-body .rra-cta__actions .rra-whatsapp-mark { width:18px; height:18px; fill:currentColor; flex:0 0 auto; }
body.rra-home-body .rra-cta__actions a.rra-btn--white { min-height:50px; border-color:rgba(255,255,255,.72)!important; background:#f6faff!important; color:#082441!important; }
body.rra-home-body .rra-cta__actions a.rra-btn--white:hover { background:#fff!important; }
@media (max-width: 1000px) {
  body.rra-home-body .rra-hero__content { min-height:0; padding:66px 0 100px; }
  body.rra-home-body .rra-hero__copy { max-width:760px; }
  body.rra-home-body .rra-hero__showcase { position:relative; top:auto; right:auto; width:min(100%,620px); margin:34px 0 0 auto; transform:none; }
  body.rra-home-body .rra-hero__showcase-product, body.rra-home-body .rra-hero__showcase-product img { min-height:220px; height:clamp(220px,32vw,300px); }
  body.rra-home-body .rra-hero-stats { margin-top:-48px; }
}
@media (max-width: 880px) {
  body.rra-home-body .rra-hero__content { padding-top:52px; }
  body.rra-home-body .rra-hero__showcase { margin-inline:auto; }
}
@media (max-width: 640px) {
  body.rra-home-body .rra-hero__content { padding:42px 0 80px; }
  body.rra-home-body .rra-hero h1 { font-size:clamp(40px,12vw,54px); }
  body.rra-home-body .rra-hero__showcase { padding:11px; border-radius:20px; }
  body.rra-home-body .rra-hero__showcase-product, body.rra-home-body .rra-hero__showcase-product img { min-height:185px; height:185px; }
  body.rra-home-body .rra-hero__showcase-product img { padding:13px; }
  body.rra-home-body .rra-hero-stats { margin-top:-36px; }
  body.rra-home-body .rra-stat__icon svg { width:19px; height:19px; }
  body.rra-home-body .rra-category-card { min-height:250px; }
  body.rra-home-body .rra-category-card__media { height:168px; }
  body.rra-home-body .rra-solution-card { min-height:0; }
  body.rra-home-body .rra-solution-card p { min-height:0; }
}
@media (prefers-reduced-motion: reduce) {
  body.rra-home-body .rra-solution-card a span { transition:none; }
}
