/* RAvto unified interior design v4 — 2026-10-13 */
body.ravto-unified-v4{
  --rv-bg:#07111b;
  --rv-surface:#0b1723;
  --rv-surface-2:#101e2c;
  --rv-card:#0d1a27;
  --rv-line:#26394c;
  --rv-line-strong:#35536e;
  --rv-text:#f5f8fc;
  --rv-muted:#afc0d2;
  --rv-blue:#72b9ff;
  --rv-red:#ef2638;
  background:var(--rv-bg);
  color:var(--rv-text);
}
.ravto-unified-v4 header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(5,13,23,.96);
  border-bottom:1px solid #1e3042;
  backdrop-filter:blur(14px);
}
.ravto-unified-v4 header .nav{
  min-height:88px;
  max-width:1240px;
}
.ravto-unified-v4 header .brand img{width:158px;height:auto}
.ravto-unified-v4 header .menu{gap:20px}
.ravto-unified-v4 header .menu a{
  position:relative;
  color:#b9c5d2;
  font-size:12px;
  font-weight:700;
  transition:color .2s ease;
}
.ravto-unified-v4 header .menu a:hover,
.ravto-unified-v4 header .menu a.active{color:#fff}
.ravto-unified-v4 header .menu a.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-12px;
  height:2px;
  border-radius:2px;
  background:var(--rv-red);
}
.ravto-unified-v4 header .phone{
  color:#fff;
  font-size:18px;
  font-weight:800;
  white-space:nowrap;
}
.ravto-unified-v4 .header-socials{gap:7px}
.ravto-unified-v4 .social-icon-link{
  width:28px;
  height:28px;
  border-color:#31465a;
  background:#0d1b29;
}
.ravto-unified-v4 main{overflow:hidden}
.ravto-unified-v4 .hero,
.ravto-unified-v4 .case-hero{
  position:relative;
  isolation:isolate;
  min-height:470px;
  display:flex;
  align-items:center;
  overflow:hidden;
  border-bottom:1px solid var(--rv-line);
  background:
    linear-gradient(90deg,rgba(4,12,21,.98) 0%,rgba(4,12,21,.88) 46%,rgba(4,12,21,.34) 100%),
    var(--page-image) center/cover no-repeat,
    #081522;
}
.ravto-unified-v4 .hero::before,
.ravto-unified-v4 .case-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    radial-gradient(circle at 78% 30%,rgba(62,145,225,.17),transparent 36%),
    linear-gradient(180deg,transparent 58%,rgba(6,15,25,.62));
}
.ravto-unified-v4 .hero>.wrap,
.ravto-unified-v4 .case-hero>.container{
  position:relative;
  z-index:1;
  width:min(1240px,calc(100% - 48px));
  margin-inline:auto;
  padding:78px 0 72px;
}
.ravto-unified-v4 .eyebrow,
.ravto-unified-v4 .case-eyebrow,
.ravto-unified-v4 .rb-kicker{
  color:var(--rv-blue);
  font-size:11px;
  font-weight:800;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.ravto-unified-v4 .hero h1,
.ravto-unified-v4 .case-hero h1{
  max-width:920px;
  margin:15px 0 18px;
  color:#fff;
  font-size:clamp(42px,5.1vw,68px);
  line-height:1.02;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.ravto-unified-v4 .hero h1 span,
.ravto-unified-v4 .case-hero h1 span{color:var(--rv-red)}
.ravto-unified-v4 .hero .lead,
.ravto-unified-v4 .case-hero__lead{
  max-width:720px;
  margin:0;
  color:#c4d2df;
  font-size:clamp(17px,1.65vw,21px);
  line-height:1.6;
}
.ravto-unified-v4 .actions,
.ravto-unified-v4 .case-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.ravto-unified-v4 .btn,
.ravto-unified-v4 .case-button{
  min-height:50px;
  padding:13px 20px;
  border-radius:7px;
  font-size:13px;
  font-weight:800;
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.ravto-unified-v4 .btn:hover,
.ravto-unified-v4 .case-button:hover{transform:translateY(-2px)}
.ravto-unified-v4 .btn-red,
.ravto-unified-v4 .case-button:not(.case-button--secondary){
  background:#d91f32;
  border-color:#d91f32;
  color:#fff;
}
.ravto-unified-v4 .btn-dark,
.ravto-unified-v4 .case-button--secondary{
  background:#0c1824;
  border:1px solid #41576d;
  color:#fff;
}
.ravto-unified-v4 .rb-section,
.ravto-unified-v4 .case-section,
.ravto-unified-v4 .tariffs-section,
.ravto-unified-v4 .exclusions-section{
  padding:74px 24px;
  background:var(--rv-bg);
}
.ravto-unified-v4 .rb-section.rb-alt,
.ravto-unified-v4 .case-section:nth-of-type(even),
.ravto-unified-v4 .tariffs-section{
  background:
    radial-gradient(circle at 92% 10%,rgba(35,105,168,.11),transparent 34%),
    #091521;
  border-block:1px solid rgba(52,75,96,.55);
}
.ravto-unified-v4 .rb-wrap,
.ravto-unified-v4 .case-section>.container,
.ravto-unified-v4 .tariffs-section>.wrap,
.ravto-unified-v4 .exclusions-section>.wrap{
  width:min(1200px,100%);
  margin-inline:auto;
}
.ravto-unified-v4 .rb-heading,
.ravto-unified-v4 .case-section__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,430px);
  gap:32px;
  align-items:end;
  margin-bottom:30px;
}
.ravto-unified-v4 .rb-heading h2,
.ravto-unified-v4 .case-section__head h2,
.ravto-unified-v4 .section-title{
  margin:9px 0 0;
  color:#fff;
  font-size:clamp(30px,3.4vw,46px);
  line-height:1.08;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.ravto-unified-v4 .rb-heading p,
.ravto-unified-v4 .case-section__intro,
.ravto-unified-v4 .section-intro{
  color:var(--rv-muted);
  font-size:15px;
  line-height:1.7;
}
.ravto-unified-v4 .rb-grid{
  gap:18px;
}
.ravto-unified-v4 .rb-card,
.ravto-unified-v4 .seo-fact,
.ravto-unified-v4 .seo-step,
.ravto-unified-v4 .seo-check,
.ravto-unified-v4 .coverage-card,
.ravto-unified-v4 .tariff-card,
.ravto-unified-v4 .battery-card,
.ravto-unified-v4 .exclusions-card{
  position:relative;
  overflow:hidden;
  border:1px solid var(--rv-line);
  border-radius:16px;
  background:linear-gradient(155deg,var(--rv-surface-2),var(--rv-card));
  box-shadow:0 18px 48px rgba(0,0,0,.18);
}
.ravto-unified-v4 .rb-card::before,
.ravto-unified-v4 .coverage-card::before,
.ravto-unified-v4 .tariff-card::before{
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  top:0;
  width:74px;
  height:3px;
  background:linear-gradient(90deg,var(--rv-red),var(--rv-blue));
}
.ravto-unified-v4 .rb-card:hover,
.ravto-unified-v4 .project-card:hover,
.ravto-unified-v4 .featured-case:hover{
  border-color:#466783;
  transform:translateY(-3px);
}
.ravto-unified-v4 .rb-card,
.ravto-unified-v4 .project-card,
.ravto-unified-v4 .featured-case{
  transition:transform .22s ease,border-color .22s ease;
}
.ravto-unified-v4 .rb-media{
  border:0;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#07111b;
}
.ravto-unified-v4 .rb-media img,
.ravto-unified-v4 .rb-story-image,
.ravto-unified-v4 .featured-case__image img,
.ravto-unified-v4 .project-card__image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.ravto-unified-v4 .rb-card-body{padding:24px}
.ravto-unified-v4 .rb-card h3,
.ravto-unified-v4 .seo-fact h3,
.ravto-unified-v4 .seo-step h3,
.ravto-unified-v4 .seo-check h3{
  margin:0 0 10px;
  color:#fff;
  font-size:20px;
  line-height:1.25;
}
.ravto-unified-v4 .rb-card p,
.ravto-unified-v4 .seo-fact p,
.ravto-unified-v4 .seo-step p,
.ravto-unified-v4 .seo-check p{
  color:var(--rv-muted);
  font-size:14px;
  line-height:1.68;
}
.ravto-unified-v4 .rb-story{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);
  gap:40px;
  align-items:center;
  padding:34px;
  border:1px solid var(--rv-line);
  border-radius:18px;
  background:linear-gradient(145deg,#101f2e,#091521);
}
.ravto-unified-v4 .rb-story h2{
  margin:10px 0 16px;
  color:#fff;
  font-size:clamp(30px,3vw,44px);
  line-height:1.08;
  letter-spacing:-.04em;
}
.ravto-unified-v4 .rb-story p{color:var(--rv-muted);font-size:15px;line-height:1.72}
.ravto-unified-v4 .rb-story-image{aspect-ratio:16/10;border-radius:13px}
.ravto-unified-v4 .rb-callout{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
  padding:30px 32px;
  border:1px solid var(--rv-line-strong);
  border-left:3px solid var(--rv-red);
  border-radius:14px;
  background:#0e1e2e;
}
.ravto-unified-v4 .rb-callout p{margin:0;color:#d5e0ea;font-size:16px;line-height:1.7}
.ravto-unified-v4 .rb-note,
.ravto-unified-v4 .case-note,
.ravto-unified-v4 .case-disclaimer,
.ravto-unified-v4 .reading-note,
.ravto-unified-v4 .hero-note{
  color:#91a6ba;
  font-size:12px;
  line-height:1.65;
}
.ravto-unified-v4 #social nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px!important}
.ravto-unified-v4 #social nav a{
  justify-content:center!important;
  min-height:72px!important;
  padding:16px!important;
  border:1px solid var(--rv-line)!important;
  border-radius:12px!important;
  background:#0d1a27!important;
  font-size:14px!important;
}
/* Cases */
.ravto-unified-v4 .case-page{background:var(--rv-bg)}
.ravto-unified-v4 .case-summary{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}
.ravto-unified-v4 .case-summary>*{
  padding:9px 12px;
  border:1px solid #36516a;
  border-radius:999px;
  background:rgba(8,20,32,.72);
  color:#d9e6f1;
}
.ravto-unified-v4 .featured-cases{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.ravto-unified-v4 .featured-case{
  overflow:hidden;
  border:1px solid var(--rv-line);
  border-radius:17px;
  background:var(--rv-card);
}
.ravto-unified-v4 .featured-case__image{aspect-ratio:16/10;overflow:hidden}
.ravto-unified-v4 .featured-case__content{padding:26px}
.ravto-unified-v4 .case-label{color:var(--rv-blue);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.ravto-unified-v4 .featured-case h2,
.ravto-unified-v4 .project-card h3{color:#fff;line-height:1.15;letter-spacing:-.025em}
.ravto-unified-v4 .featured-case p,
.ravto-unified-v4 .project-card p{color:var(--rv-muted);line-height:1.65}
.ravto-unified-v4 .featured-case__bottom,
.ravto-unified-v4 .project-card__footer{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:18px;
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid var(--rv-line);
}
.ravto-unified-v4 .case-price{color:#fff;font-size:23px;font-weight:800}
.ravto-unified-v4 .project-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.ravto-unified-v4 .project-card{
  overflow:hidden;
  border:1px solid var(--rv-line);
  border-radius:16px;
  background:linear-gradient(155deg,#101f2d,#0b1723);
}
.ravto-unified-v4 .project-card__image{aspect-ratio:16/9;overflow:hidden}
.ravto-unified-v4 .project-card__top,
.ravto-unified-v4 .project-card__footer,
.ravto-unified-v4 .project-card>h3,
.ravto-unified-v4 .project-card>p{margin-left:22px;margin-right:22px}
.ravto-unified-v4 .project-card__top{margin-top:20px}
.ravto-unified-v4 .project-card__footer{margin-bottom:22px}
/* Guarantee */
.ravto-unified-v4 .guarantee-page>section:not(.hero){
  padding:72px 24px;
  background:var(--rv-bg);
}
.ravto-unified-v4 .guarantee-page>section:nth-of-type(odd):not(.hero){
  background:#091521;
  border-block:1px solid rgba(52,75,96,.55);
}
.ravto-unified-v4 .guarantee-page>section>.wrap{width:min(1200px,100%);margin-inline:auto}
.ravto-unified-v4 .guarantee-logo-panel{
  border:1px solid var(--rv-line);
  border-radius:16px;
  background:#0c1926;
}
.ravto-unified-v4 .guarantee-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.ravto-unified-v4 .guarantee-pills span{
  padding:9px 12px;
  border:1px solid #35516a;
  border-radius:999px;
  background:rgba(8,20,32,.72);
  color:#d9e6f1;
}
.ravto-unified-v4 .coverage-grid,
.ravto-unified-v4 .tariff-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.ravto-unified-v4 .coverage-card,
.ravto-unified-v4 .tariff-card,
.ravto-unified-v4 .battery-card,
.ravto-unified-v4 .exclusions-card{padding:26px}
.ravto-unified-v4 .coverage-card h3,
.ravto-unified-v4 .tariff-card h3,
.ravto-unified-v4 .battery-card h3,
.ravto-unified-v4 .exclusions-card h3{color:#fff;font-size:21px}
.ravto-unified-v4 .coverage-card p,
.ravto-unified-v4 .tariff-card p,
.ravto-unified-v4 .battery-card p,
.ravto-unified-v4 .exclusions-card p,
.ravto-unified-v4 .coverage-card li,
.ravto-unified-v4 .tariff-card li,
.ravto-unified-v4 .battery-card li,
.ravto-unified-v4 .exclusions-card li{color:var(--rv-muted);line-height:1.65}
.ravto-unified-v4 .battery-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ravto-unified-v4 .premium-table{
  overflow-x:auto;
  border:1px solid var(--rv-line);
  border-radius:14px;
  background:#0b1723;
}
.ravto-unified-v4 .premium-table table{width:100%;border-collapse:collapse}
.ravto-unified-v4 .premium-table th,
.ravto-unified-v4 .premium-table td{padding:15px 17px;border-bottom:1px solid var(--rv-line);text-align:left}
.ravto-unified-v4 .premium-table th{color:#fff;background:#101f2d}
.ravto-unified-v4 .premium-table td{color:#b8c8d8}
.ravto-unified-v4 .guarantee-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:26px;
  align-items:center;
  padding:34px;
  border:1px solid var(--rv-line-strong);
  border-left:3px solid var(--rv-red);
  border-radius:16px;
  background:linear-gradient(145deg,#102337,#0b1825);
}
/* Privacy */
.ravto-unified-v4.privacy-page main{background:var(--rv-bg)}
.ravto-unified-v4 .privacy-document{
  width:min(920px,calc(100% - 48px));
  margin:72px auto;
  padding:42px;
  border:1px solid var(--rv-line);
  border-radius:18px;
  background:linear-gradient(155deg,#101e2c,#0a1622);
  box-shadow:0 22px 62px rgba(0,0,0,.2);
}
.ravto-unified-v4 .prose h2{margin:36px 0 14px;color:#fff;font-size:28px;line-height:1.2}
.ravto-unified-v4 .prose h3{margin:26px 0 10px;color:#fff;font-size:20px}
.ravto-unified-v4 .prose p,
.ravto-unified-v4 .prose li{color:#bccbd9;font-size:15px;line-height:1.75}
.ravto-unified-v4 .note{
  padding:18px 20px;
  border:1px solid #385470;
  border-left:3px solid var(--rv-blue);
  border-radius:12px;
  background:#0d1d2c;
}
/* Footer */
.ravto-unified-v4 footer{
  padding-top:52px;
  background:#050d17;
  border-top:1px solid #253a4e;
}
.ravto-unified-v4 footer>.wrap{max-width:1240px}
.ravto-unified-v4 .foot{
  display:grid;
  grid-template-columns:1.45fr .8fr .9fr;
  gap:48px;
}
.ravto-unified-v4 .foot img{width:160px;height:auto}
.ravto-unified-v4 .foot strong{color:#fff}
.ravto-unified-v4 .foot p,
.ravto-unified-v4 .foot a{color:#9fb1c3;line-height:1.7}
.ravto-unified-v4 .legal{
  display:flex;
  justify-content:space-between;
  gap:24px;
  margin-top:40px;
  padding:22px 0;
  border-top:1px solid #213346;
  color:#8297ab;
  font-size:12px;
}
.ravto-unified-v4 .ravto-official-social{
  width:min(1240px,calc(100% - 48px));
  margin:0 auto;
  padding:18px 0 28px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 18px;
  border-top:1px solid #162738;
  color:#9fb1c3;
}
.ravto-unified-v4 .ravto-official-social strong{color:#fff;margin-right:8px}
.ravto-unified-v4 .ravto-official-social a{display:inline-flex;align-items:center;gap:7px}
@media(max-width:1050px){
  .ravto-unified-v4 header .menu{gap:13px}
  .ravto-unified-v4 header .menu a{font-size:11px}
  .ravto-unified-v4 .header-socials{display:none}
  .ravto-unified-v4 #social nav{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
  .ravto-unified-v4 header .nav{min-height:72px}
  .ravto-unified-v4 header .brand img{width:136px}
  .ravto-unified-v4 .hero,
  .ravto-unified-v4 .case-hero{min-height:430px}
  .ravto-unified-v4 .hero>.wrap,
  .ravto-unified-v4 .case-hero>.container{width:min(100% - 32px,1240px);padding:58px 0}
  .ravto-unified-v4 .hero h1,
  .ravto-unified-v4 .case-hero h1{font-size:clamp(38px,9vw,56px)}
  .ravto-unified-v4 .rb-section,
  .ravto-unified-v4 .case-section,
  .ravto-unified-v4 .tariffs-section,
  .ravto-unified-v4 .exclusions-section,
  .ravto-unified-v4 .guarantee-page>section:not(.hero){padding:56px 18px}
  .ravto-unified-v4 .rb-heading,
  .ravto-unified-v4 .case-section__head{grid-template-columns:1fr;gap:12px}
  .ravto-unified-v4 .rb-story{grid-template-columns:1fr;padding:25px}
  .ravto-unified-v4 .featured-cases,
  .ravto-unified-v4 .coverage-grid,
  .ravto-unified-v4 .tariff-grid{grid-template-columns:1fr}
  .ravto-unified-v4 .project-grid,
  .ravto-unified-v4 .battery-grid{grid-template-columns:1fr}
  .ravto-unified-v4 .rb-callout,
  .ravto-unified-v4 .guarantee-cta{grid-template-columns:1fr}
  .ravto-unified-v4 .foot{grid-template-columns:1fr 1fr}
  .ravto-unified-v4 .foot>div:first-child{grid-column:1 / -1}
}
@media(max-width:560px){
  .ravto-unified-v4 .hero h1,
  .ravto-unified-v4 .case-hero h1{font-size:38px}
  .ravto-unified-v4 .hero .lead,
  .ravto-unified-v4 .case-hero__lead{font-size:16px}
  .ravto-unified-v4 .actions .btn,
  .ravto-unified-v4 .case-actions .case-button{width:100%}
  .ravto-unified-v4 .rb-card-body,
  .ravto-unified-v4 .featured-case__content,
  .ravto-unified-v4 .coverage-card,
  .ravto-unified-v4 .tariff-card,
  .ravto-unified-v4 .battery-card,
  .ravto-unified-v4 .exclusions-card{padding:21px}
  .ravto-unified-v4 #social nav{grid-template-columns:1fr!important}
  .ravto-unified-v4 .privacy-document{width:calc(100% - 28px);margin:42px auto;padding:24px}
  .ravto-unified-v4 .foot{grid-template-columns:1fr;gap:28px}
  .ravto-unified-v4 .foot>div:first-child{grid-column:auto}
  .ravto-unified-v4 .legal{display:grid}
  .ravto-unified-v4 .ravto-official-social{width:calc(100% - 32px)}
}

/* Unified button icon system */
.ravto-unified-v4 .button-icon,.reference-design .button-icon{width:18px;height:18px;object-fit:contain;flex:0 0 18px}
.ravto-unified-v4 .btn,.ravto-unified-v4 .case-button,.ravto-unified-v4 .back-link{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.ravto-unified-v4 .hero{background-position:center!important}
.ravto-unified-v4.guarantee-page .hero{background-position:center 58%!important}

/* Prevent duplicate generated social icons */
.ravto-unified-v4 .header-socials a::before,
.ravto-unified-v4 .foot a::before,
.ravto-unified-v4 .ravto-official-social a::before{display:none!important}