/*
Theme Name: Riyadh Leak Pro
Theme URI: https://example.com/riyadh-leak-pro
Author: Eng. Nagwa Ibrahim
Author URI: https://wa.me/201029095046
Description: قالب عربي احترافي لشركات كشف تسربات المياه والعزل في الرياض، متجاوب وقابل للتعديل من تخصيص ووردبريس.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: riyadh-leak-pro
Tags: rtl-language-support, custom-logo, custom-menu, featured-images, one-column, two-columns, translation-ready
*/

:root {
  --rlp-primary: #c59a45;
  --rlp-accent: #16a6a1;
  --rlp-dark: #071b2d;
  --rlp-ink: #102235;
  --rlp-muted: #64748b;
  --rlp-bg: #f5f8fb;
  --rlp-white: #ffffff;
  --rlp-border: rgba(7, 27, 45, .11);
  --rlp-shadow: 0 18px 50px rgba(7, 27, 45, .12);
  --rlp-radius: 24px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  direction: rtl;
  color: var(--rlp-ink);
  background: var(--rlp-white);
  font-family: Tahoma, Arial, "Segoe UI", sans-serif;
  line-height: 1.85;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
img[loading="lazy"] { content-visibility: auto; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
::selection { background: var(--rlp-primary); color: var(--rlp-dark); }

.rlp-container { width: min(1180px, calc(100% - 36px)); margin-inline: auto; }
.rlp-section { padding: 92px 0; }
.rlp-section--soft { background: var(--rlp-bg); }
.rlp-section-heading { max-width: 760px; margin: 0 auto 44px; text-align: center; }
.rlp-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
  color: var(--rlp-accent);
  font-size: .9rem;
  font-weight: 800;
  letter-spacing: .04em;
}
.rlp-kicker::before { content: ""; width: 28px; height: 2px; background: currentColor; border-radius: 99px; }
.rlp-section-heading h2, .rlp-split__content h2 {
  margin: 0 0 14px;
  color: var(--rlp-dark);
  font-size: clamp(1.8rem, 4vw, 3rem);
  line-height: 1.25;
}
.rlp-section-heading p { margin: 0; color: var(--rlp-muted); font-size: 1.04rem; }
.rlp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 52px;
  padding: 12px 23px;
  border: 1px solid transparent;
  border-radius: 14px;
  font-weight: 800;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.rlp-btn:hover { transform: translateY(-2px); }
.rlp-btn--primary { background: var(--rlp-primary); color: var(--rlp-dark); box-shadow: 0 12px 26px rgba(197, 154, 69, .28); }
.rlp-btn--primary:hover { box-shadow: 0 16px 36px rgba(197, 154, 69, .35); }
.rlp-btn--outline { border-color: rgba(255,255,255,.35); color: #fff; background: rgba(255,255,255,.06); backdrop-filter: blur(10px); }
.rlp-btn--dark { background: var(--rlp-dark); color: #fff; }
.rlp-btn svg { width: 20px; height: 20px; }

/* Header */
.rlp-site-header {
  position: sticky;
  top: 0;
  z-index: 999;
  background: rgba(255,255,255,.94);
  border-bottom: 1px solid var(--rlp-border);
  backdrop-filter: blur(14px);
}
.admin-bar .rlp-site-header { top: 32px; }
.rlp-topbar { background: var(--rlp-dark); color: rgba(255,255,255,.84); font-size: .88rem; }
.rlp-topbar__inner { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.rlp-topbar__item { display: inline-flex; align-items: center; gap: 8px; }
.rlp-topbar svg { width: 17px; height: 17px; color: var(--rlp-primary); }
.rlp-header-main { min-height: 80px; display: flex; align-items: center; justify-content: space-between; gap: 26px; }
.rlp-brand { display: flex; align-items: center; gap: 12px; min-width: 200px; }
.rlp-brand .custom-logo { width: auto; max-height: 58px; }
.rlp-brand__mark {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(145deg, var(--rlp-primary), #f2d289);
  color: var(--rlp-dark);
  box-shadow: 0 10px 22px rgba(197,154,69,.25);
}
.rlp-brand__mark svg { width: 29px; height: 29px; }
.rlp-brand__text strong { display: block; color: var(--rlp-dark); font-size: 1.02rem; line-height: 1.35; }
.rlp-brand__text span { display: block; color: var(--rlp-muted); font-size: .76rem; }
.rlp-nav { margin-inline-start: auto; }
.rlp-nav ul { display: flex; align-items: center; gap: 7px; list-style: none; margin: 0; padding: 0; }
.rlp-nav a { display: block; padding: 10px 11px; border-radius: 9px; color: var(--rlp-ink); font-size: .93rem; font-weight: 700; }
.rlp-nav a:hover, .rlp-nav .current-menu-item > a { color: var(--rlp-accent); background: rgba(22,166,161,.08); }
.rlp-header-actions { display: flex; align-items: center; gap: 10px; }
.rlp-menu-toggle { display: none; width: 46px; height: 46px; border: 1px solid var(--rlp-border); border-radius: 13px; background: #fff; }
.rlp-menu-toggle span, .rlp-menu-toggle::before, .rlp-menu-toggle::after { content: ""; display: block; width: 22px; height: 2px; margin: 5px auto; border-radius: 99px; background: var(--rlp-dark); transition: .2s ease; }

/* Hero */
.rlp-hero {
  position: relative;
  isolation: isolate;
  min-height: 720px;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #fff;
  background: var(--rlp-dark);
}
.rlp-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -3;
  background-image: var(--rlp-hero-image, none);
  background-size: cover;
  background-position: center;
  opacity: .3;
}
.rlp-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(circle at 15% 20%, rgba(22,166,161,.28), transparent 34%),
    radial-gradient(circle at 80% 70%, rgba(197,154,69,.22), transparent 32%),
    linear-gradient(105deg, rgba(7,27,45,.98) 20%, rgba(7,27,45,.82) 60%, rgba(7,27,45,.92));
}
.rlp-hero__shape { position: absolute; z-index: -1; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; }
.rlp-hero__shape--one { width: 480px; height: 480px; inset-inline-end: -160px; top: -150px; }
.rlp-hero__shape--two { width: 300px; height: 300px; inset-inline-start: -140px; bottom: -100px; }
.rlp-hero__grid { display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: 70px; padding: 90px 0; }
.rlp-hero__content { text-align: center; }
.rlp-hero__badge { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 18px; padding: 8px 14px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(255,255,255,.07); color: #dbe9ef; font-size: .9rem; font-weight: 700; }
.rlp-hero__badge::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--rlp-accent); box-shadow: 0 0 0 6px rgba(22,166,161,.13); }
.rlp-hero h1 { margin: 0 auto 20px; max-width: 760px; font-size: clamp(2.4rem, 6vw, 5rem); line-height: 1.12; letter-spacing: -.03em; }
.rlp-hero h1 em { color: var(--rlp-primary); font-style: normal; }
.rlp-hero__lead { max-width: 690px; margin: 0 auto 30px; color: rgba(255,255,255,.78); font-size: clamp(1rem, 2vw, 1.18rem); }
.rlp-hero__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.rlp-hero__trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px 26px; margin-top: 30px; padding: 0; list-style: none; color: rgba(255,255,255,.8); font-size: .9rem; }
.rlp-hero__trust li { display: flex; align-items: center; gap: 8px; }
.rlp-hero__trust svg { width: 18px; height: 18px; color: var(--rlp-primary); }
.rlp-hero-card {
  position: relative;
  text-align: center;
  padding: 30px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 30px;
  background: rgba(255,255,255,.08);
  box-shadow: 0 30px 80px rgba(0,0,0,.25);
  backdrop-filter: blur(16px);
}
.rlp-hero-card__icon { width: 82px; height: 82px; display: grid; place-items: center; margin: 0 auto 25px; border-radius: 24px; color: var(--rlp-dark); background: linear-gradient(145deg, var(--rlp-primary), #f0d28d); }
.rlp-hero-card__icon svg { width: 44px; height: 44px; }
.rlp-hero-card__title { margin: 0 0 8px; font-size: 1.35rem; }
.rlp-hero-card p { margin: 0 0 22px; color: rgba(255,255,255,.7); }
.rlp-hero-card__phone { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 18px; border-radius: 16px; background: rgba(7,27,45,.62); direction: ltr; }
.rlp-hero-card__phone strong { font-size: 1.3rem; letter-spacing: .04em; }
.rlp-hero-card__phone span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: var(--rlp-accent); }
.rlp-hero-card__phone svg { width: 20px; height: 20px; }

/* Services */
.rlp-services { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.rlp-service-card { position: relative; overflow: hidden; min-height: 285px; border: 1px solid var(--rlp-border); border-radius: var(--rlp-radius); background: #fff; box-shadow: 0 10px 34px rgba(7,27,45,.06); text-align: center; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; contain: layout paint; }
.rlp-service-card::after { content: ""; position: absolute; z-index: 0; width: 115px; height: 115px; inset-inline-end: -45px; bottom: -45px; border-radius: 50%; background: rgba(22,166,161,.08); transition: transform .25s ease; }
.rlp-service-card:hover { transform: translateY(-7px); border-color: rgba(197,154,69,.55); box-shadow: var(--rlp-shadow); }
.rlp-service-card:hover::after { transform: scale(1.25); }
.rlp-service-card__media { position: relative; z-index: 1; margin: 0; aspect-ratio: 3 / 2; overflow: hidden; background: var(--rlp-bg); }
.rlp-service-card__image { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.rlp-service-card:hover .rlp-service-card__image { transform: scale(1.035); }
.rlp-service-card__body { position: relative; z-index: 1; padding: 28px; }
.rlp-service-card__number { position: absolute; inset-inline-end: 22px; top: 18px; color: rgba(7,27,45,.07); font-size: 3.3rem; font-weight: 900; line-height: 1; }
.rlp-service-card__icon { width: 58px; height: 58px; display: grid; place-items: center; margin: 0 auto 20px; border-radius: 18px; background: rgba(197,154,69,.14); color: var(--rlp-primary); }
.rlp-service-card__icon svg { width: 30px; height: 30px; }
.rlp-service-card h3 { margin: 0 0 10px; color: var(--rlp-dark); font-size: 1.22rem; }
.rlp-service-card p { margin: 0; color: var(--rlp-muted); font-size: .95rem; }

/* About and features */
.rlp-split { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.rlp-visual { position: relative; min-height: 520px; border-radius: 34px; overflow: hidden; background: linear-gradient(145deg, var(--rlp-dark), #123b57); box-shadow: var(--rlp-shadow); }
.rlp-visual::before { content: ""; position: absolute; width: 360px; height: 360px; border-radius: 50%; inset-inline-end: -120px; top: -80px; background: rgba(22,166,161,.22); }
.rlp-visual::after { content: ""; position: absolute; width: 280px; height: 280px; border-radius: 50%; inset-inline-start: -120px; bottom: -120px; border: 44px solid rgba(197,154,69,.16); }
.rlp-visual__center { position: absolute; inset: 0; display: grid; place-items: center; padding: 45px; text-align: center; color: #fff; }
.rlp-visual__drop { width: 170px; height: 200px; display: grid; place-items: center; margin: auto; border-radius: 55% 45% 58% 42% / 65% 47% 53% 35%; transform: rotate(45deg); background: linear-gradient(135deg, var(--rlp-accent), #57d8d2); box-shadow: 0 30px 60px rgba(0,0,0,.22); }
.rlp-visual__drop svg { width: 86px; height: 86px; transform: rotate(-45deg); }
.rlp-visual--image { background: #dfe8ee; }
.rlp-visual--image::before, .rlp-visual--image::after { display: none; }
.rlp-about-image { display: block; width: 100%; height: 100%; min-height: 520px; object-fit: cover; }
.rlp-visual__label { position: absolute; inset-inline-start: 28px; bottom: 28px; max-width: 240px; padding: 16px 18px; border: 1px solid rgba(255,255,255,.14); border-radius: 16px; background: rgba(255,255,255,.1); backdrop-filter: blur(12px); text-align: right; }
.rlp-visual__label strong { display: block; color: var(--rlp-primary); }
.rlp-split__content { text-align: center; }
.rlp-about-copy, .rlp-about-copy p { color: var(--rlp-muted); }
.rlp-about-copy p:last-child { margin-bottom: 0; }
.rlp-checks { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 26px 0 30px; padding: 0; list-style: none; }
.rlp-checks li { display: flex; align-items: flex-start; justify-content: center; gap: 10px; text-align: center; padding: 12px 14px; border-radius: 13px; background: var(--rlp-bg); font-weight: 700; }
.rlp-checks svg { flex: 0 0 20px; width: 20px; height: 20px; margin-top: 4px; color: var(--rlp-accent); }

.rlp-process { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; counter-reset: step; }
.rlp-step { position: relative; padding: 26px 22px; text-align: center; border-radius: 20px; background: #fff; border: 1px solid var(--rlp-border); }
.rlp-step::before { counter-increment: step; content: "0" counter(step); display: grid; place-items: center; width: 50px; height: 50px; margin: 0 auto 18px; border-radius: 15px; background: var(--rlp-dark); color: var(--rlp-primary); font-weight: 900; }
.rlp-step h3 { margin: 0 0 8px; color: var(--rlp-dark); font-size: 1.08rem; }
.rlp-step p { margin: 0; color: var(--rlp-muted); font-size: .91rem; }

.rlp-features { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.rlp-feature { padding: 25px 20px; border: 1px solid var(--rlp-border); border-radius: 19px; background: #fff; text-align: center; }
.rlp-feature__icon { width: 54px; height: 54px; display: grid; place-items: center; margin: 0 auto 15px; border-radius: 16px; background: rgba(22,166,161,.1); color: var(--rlp-accent); }
.rlp-feature__icon svg { width: 27px; height: 27px; }
.rlp-feature h3 { margin: 0 0 7px; color: var(--rlp-dark); font-size: 1.03rem; }
.rlp-feature p { margin: 0; color: var(--rlp-muted); font-size: .88rem; }


/* Latest articles */
.rlp-blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.rlp-blog-card { overflow: hidden; border: 1px solid var(--rlp-border); border-radius: var(--rlp-radius); background: #fff; box-shadow: 0 10px 34px rgba(7,27,45,.06); text-align: center; contain: layout paint; }
.rlp-blog-card__media { display: block; aspect-ratio: 12 / 7; overflow: hidden; background: linear-gradient(145deg, var(--rlp-dark), #123b57); }
.rlp-blog-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.rlp-blog-card:hover .rlp-blog-card__media img { transform: scale(1.035); }
.rlp-blog-card__placeholder { display: grid; place-items: center; width: 100%; height: 100%; color: var(--rlp-primary); }
.rlp-blog-card__placeholder svg { width: 66px; height: 66px; }
.rlp-blog-card__body { padding: 24px; }
.rlp-blog-card time { color: var(--rlp-accent); font-size: .82rem; font-weight: 800; }
.rlp-blog-card h3 { margin: 8px 0 10px; color: var(--rlp-dark); font-size: 1.18rem; line-height: 1.45; }
.rlp-blog-card p { margin: 0 0 16px; color: var(--rlp-muted); font-size: .92rem; }
.rlp-blog-card__link { display: inline-flex; align-items: center; gap: 7px; color: var(--rlp-accent); font-weight: 800; }
.rlp-blog-empty { max-width: 760px; margin: auto; padding: 28px; border: 1px dashed rgba(7,27,45,.2); border-radius: 18px; color: var(--rlp-muted); background: #fff; text-align: center; }

/* Areas & FAQ */
.rlp-area-box { display: grid; text-align: center; grid-template-columns: .9fr 1.1fr; gap: 35px; align-items: center; padding: 45px; border-radius: 30px; color: #fff; background: linear-gradient(135deg, var(--rlp-dark), #103b59); box-shadow: var(--rlp-shadow); }
.rlp-area-box h2 { margin: 0 0 10px; font-size: clamp(1.7rem, 4vw, 2.7rem); }
.rlp-area-box p { margin: 0; color: rgba(255,255,255,.72); }
.rlp-area-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.rlp-area-tags span { padding: 9px 13px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; background: rgba(255,255,255,.08); font-size: .9rem; }
.rlp-faq { max-width: 900px; margin: auto; display: grid; gap: 13px; }
.rlp-faq details { border: 1px solid var(--rlp-border); border-radius: 17px; background: #fff; overflow: hidden; }
.rlp-faq summary { position: relative; padding: 19px 54px 19px 20px; color: var(--rlp-dark); font-weight: 800; list-style: none; cursor: pointer; }
.rlp-faq summary::-webkit-details-marker { display: none; }
.rlp-faq summary::before, .rlp-faq summary::after { content: ""; position: absolute; inset-inline-start: 20px; top: 50%; width: 15px; height: 2px; background: var(--rlp-accent); transition: transform .2s ease; }
.rlp-faq summary::after { transform: rotate(90deg); }
.rlp-faq details[open] summary::after { transform: rotate(0); }
.rlp-faq__answer { padding: 0 20px 20px; color: var(--rlp-muted); }

/* CTA */
.rlp-cta { padding: 0 0 92px; }
.rlp-cta__box { position: relative; overflow: hidden; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 35px; padding: 48px; border-radius: 30px; color: var(--rlp-dark); background: linear-gradient(135deg, var(--rlp-primary), #f2d38e); }
.rlp-cta__box::after { content: ""; position: absolute; width: 260px; height: 260px; inset-inline-end: -90px; top: -100px; border: 30px solid rgba(255,255,255,.2); border-radius: 50%; }
.rlp-cta__content { position: relative; z-index: 1; text-align: center; }
.rlp-cta h2 { margin: 0 0 7px; font-size: clamp(1.7rem, 4vw, 2.8rem); line-height: 1.25; }
.rlp-cta p { margin: 0; opacity: .78; }
.rlp-cta__actions { position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }

/* Footer */
.rlp-footer { color: rgba(255,255,255,.75); background: var(--rlp-dark); }
.rlp-footer__main { display: grid; grid-template-columns: 1.3fr .7fr .8fr; gap: 55px; padding: 65px 0 45px; }
.rlp-footer h3 { margin: 0 0 16px; color: #fff; font-size: 1.05rem; }
.rlp-footer p { margin: 0; }
.rlp-footer__links { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.rlp-footer__links a:hover { color: var(--rlp-primary); }
.rlp-footer__contact { display: grid; gap: 12px; }
.rlp-footer__contact a { display: flex; align-items: center; gap: 9px; direction: ltr; justify-content: flex-end; }
.rlp-footer__contact svg { width: 18px; height: 18px; color: var(--rlp-primary); }
.rlp-footer__bottom { padding: 21px 0 24px; border-top: 1px solid rgba(255,255,255,.1); text-align: center; font-size: .88rem; }
.rlp-designer-credit { margin-bottom: 5px; color: rgba(255,255,255,.72); }
.rlp-designer-credit a { color: var(--rlp-primary); font-weight: 800; }
.rlp-copyright { margin: 0; }

/* Floating actions */
.rlp-floating { position: fixed; z-index: 998; inset-inline-end: 22px; bottom: 22px; display: grid; gap: 10px; }
.rlp-float-btn { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 18px; color: #fff; box-shadow: 0 14px 30px rgba(7,27,45,.24); transition: transform .2s ease; }
.rlp-float-btn:hover { transform: translateY(-3px) scale(1.03); }
.rlp-float-btn--wa { background: #20b95a; }
.rlp-float-btn--call { background: var(--rlp-accent); }
.rlp-float-btn svg { width: 25px; height: 25px; }

/* Content */
.rlp-content-wrap { padding: 70px 0; }
.rlp-content-grid { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 34px; }
.rlp-article { min-width: 0; }
.rlp-entry-card { padding: 30px; margin-bottom: 24px; border: 1px solid var(--rlp-border); border-radius: 22px; background: #fff; box-shadow: 0 8px 26px rgba(7,27,45,.05); }
.rlp-entry-title { margin: 0 0 10px; color: var(--rlp-dark); line-height: 1.35; }
.rlp-entry-meta { margin-bottom: 18px; color: var(--rlp-muted); font-size: .86rem; }
.rlp-entry-content { overflow-wrap: anywhere; }
.rlp-entry-content a { color: var(--rlp-accent); text-decoration: underline; }
.rlp-entry-content h2, .rlp-entry-content h3, .rlp-entry-content h4 { color: var(--rlp-dark); line-height: 1.4; }
.rlp-entry-content blockquote { margin: 25px 0; padding: 17px 20px; border-right: 4px solid var(--rlp-primary); background: var(--rlp-bg); }
.rlp-sidebar .widget { padding: 23px; margin-bottom: 20px; border: 1px solid var(--rlp-border); border-radius: 18px; background: #fff; }
.rlp-sidebar .widget-title { margin-top: 0; color: var(--rlp-dark); }
.rlp-pagination { margin-top: 30px; }
.rlp-pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.rlp-pagination a, .rlp-pagination span { padding: 8px 13px; border: 1px solid var(--rlp-border); border-radius: 10px; }
.rlp-pagination .current { background: var(--rlp-dark); color: #fff; }
.rlp-empty { text-align: center; padding: 80px 20px; }

.rlp-reveal { opacity: 0; transform: translateY(22px); transition: opacity .6s ease, transform .6s ease; }
.rlp-reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 1050px) {
  .rlp-nav { position: fixed; inset: 118px 18px auto; max-height: calc(100vh - 145px); overflow-y: auto; padding: 18px; border: 1px solid var(--rlp-border); border-radius: 20px; background: #fff; box-shadow: var(--rlp-shadow); opacity: 0; visibility: hidden; transform: translateY(-12px); transition: .2s ease; }
  .admin-bar .rlp-nav { inset-block-start: 150px; }
  .menu-open .rlp-nav { opacity: 1; visibility: visible; transform: none; }
  .rlp-nav ul { display: grid; gap: 5px; }
  .rlp-menu-toggle { display: block; }
  .rlp-header-actions .rlp-btn { display: none; }
  .rlp-hero__grid { grid-template-columns: 1fr; }
  .rlp-hero-card { max-width: 620px; margin-inline: auto; }
  .rlp-services, .rlp-blog-grid { grid-template-columns: repeat(2, 1fr); }
  .rlp-features { grid-template-columns: repeat(2, 1fr); }
  .rlp-process { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 782px) { .admin-bar .rlp-site-header { top: 46px; } }
@media (max-width: 760px) {
  .rlp-topbar__inner { justify-content: center; }
  .rlp-topbar__item:last-child { display: none; }
  .rlp-header-main { min-height: 72px; }
  .rlp-brand__text span { display: none; }
  .rlp-brand__mark { width: 44px; height: 44px; }
  .rlp-nav { inset-block-start: 110px; }
  .admin-bar .rlp-nav { inset-block-start: 156px; }
  .rlp-hero { min-height: auto; }
  .rlp-hero__grid { padding: 72px 0; gap: 42px; }
  .rlp-hero-card { padding: 24px; }
  .rlp-section { padding: 70px 0; }
  .rlp-services, .rlp-blog-grid, .rlp-split, .rlp-area-box, .rlp-cta__box, .rlp-footer__main, .rlp-content-grid { grid-template-columns: 1fr; }
  .rlp-split { gap: 38px; }
  .rlp-visual, .rlp-about-image { min-height: 430px; }
  .rlp-site-header, .rlp-hero-card, .rlp-visual__label, .rlp-btn--outline { backdrop-filter: none; }
  .rlp-service-card, .rlp-blog-card, .rlp-area-box { box-shadow: 0 8px 22px rgba(7,27,45,.08); }
  .rlp-area-box, .rlp-cta__box { padding: 32px 24px; }
  .rlp-cta__actions { width: 100%; }
  .rlp-cta__actions .rlp-btn { flex: 1; }
  .rlp-footer__main { gap: 32px; }
  .rlp-footer__contact a { justify-content: flex-start; }
  .rlp-floating { inset-inline-end: 14px; bottom: 14px; }
}
@media (max-width: 520px) {
  .rlp-container { width: min(100% - 24px, 1180px); }
  .rlp-hero h1 { font-size: 2.35rem; }
  .rlp-hero__actions .rlp-btn { width: 100%; }
  .rlp-hero__trust { display: grid; gap: 10px; }
  .rlp-services, .rlp-blog-grid, .rlp-features, .rlp-process, .rlp-checks { grid-template-columns: 1fr; }
  .rlp-service-card { min-height: auto; }
  .rlp-service-card__body, .rlp-blog-card__body { padding: 22px 18px; }
  .rlp-visual, .rlp-about-image { min-height: 370px; }
  .rlp-visual__drop { width: 135px; height: 160px; }
  .rlp-visual__drop svg { width: 68px; height: 68px; }
  .rlp-visual__label { inset-inline: 18px; bottom: 18px; max-width: none; }
  .rlp-cta__actions { display: grid; }
  .rlp-float-btn { width: 50px; height: 50px; border-radius: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .rlp-reveal { opacity: 1; transform: none; }
}