/* ============================================================================
   RISERVATI IDENTITY LAYER  —  re-skins the Evalo template as Riservati.
   Loaded LAST. Warm terracotta system · Fraunces + Inter · Lucide icon chips.
   Owns: palette, type, rhythm, kills purple/Poppins/Evalo motifs.
   ========================================================================== */

:root{
  --rs-terra:#C45A38;        /* primary terracotta            */
  --rs-terra-deep:#A8492E;   /* hover / active                */
  --rs-terra-tint:#F3E3DA;   /* subtle fill / chips           */
  --rs-clay:#D98E6B;         /* warm accent                   */
  --rs-clay-light:#E8B79B;
  --rs-cream:#FAF6EF;        /* canvas                        */
  --rs-paper:#FFFDF9;        /* elevated cards                */
  --rs-ink:#241F19;          /* headings / body               */
  --rs-muted:#6E6358;        /* secondary text                */
  --rs-hairline:#E7DED0;     /* dividers / borders            */
  --rs-espresso:#2A2018;     /* deep anchor                   */
  --rs-ok:#2E7D5B; --rs-warn:#B45309; --rs-danger:#C0392B;
  --rs-shadow:0 1px 1px rgba(45,32,22,.03), 0 26px 60px -34px rgba(45,32,22,.22);
  --rs-radius:18px;
  --rs-font-display:"Fraunces","Source Serif Pro",Georgia,serif;
  --rs-font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
}

/* ---- Typography ---------------------------------------------------------- */
body,p,span,a,li,input,textarea,button,select,.f-700,.secondary-color,
.secondary-color2,.secondary-color3,div{font-family:var(--rs-font-sans);}
body{background:var(--rs-cream)!important;color:var(--rs-ink);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5,h6,.f-700.black-color,.slider-content h1,.section-title h2,
.price-title,.testimonial-text2 h4{font-family:var(--rs-font-display)!important;color:var(--rs-ink);letter-spacing:-.01em;line-height:1.12;font-weight:600;}
h1,.slider-content h1{font-size:clamp(40px,6vw,72px);font-weight:600;}
h2{font-size:clamp(30px,3.6vw,46px);}
p,.secondary-color{color:var(--rs-muted);}
a{color:var(--rs-terra);} a:hover{color:var(--rs-terra-deep);}

/* ---- Map Evalo theme utilities -> terracotta ---------------------------- */
.theme-color,.theme-hover:hover,.fal.fa-check,.fas.fa-quote-right,
.service-content .ser-title:hover{color:var(--rs-terra)!important;}
.theme-bg,.video-play.theme-bg{background:var(--rs-terra)!important;color:#fff!important;}
.theme-border{border-color:var(--rs-terra)!important;}
.primary-bg{background:var(--rs-terra-tint)!important;}
.black-color{color:var(--rs-ink)!important;}
.white-color{color:#fff!important;}
.f-700{font-weight:600;}
.f-700.theme-color{font-family:var(--rs-font-sans)!important;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:13px;}

/* ---- Buttons ------------------------------------------------------------- */
.btn,.btn-2,a.btn{font-family:var(--rs-font-sans)!important;font-weight:600!important;
  border-radius:999px!important;letter-spacing:.01em;transition:transform .25s cubic-bezier(.2,1,.3,1),box-shadow .25s,background .2s;}
.btn.theme-bg,a.theme-bg.btn,.theme-bg.btn{background:var(--rs-terra)!important;color:#fff!important;
  box-shadow:0 14px 30px -14px rgba(196,90,56,.6);}
.btn.theme-bg:hover,.theme-bg.btn:hover{background:var(--rs-terra-deep)!important;transform:translateY(-2px);}
.btn-2{color:var(--rs-terra)!important;}
.btn-2:hover{color:var(--rs-terra-deep)!important;}

/* ---- Kill Evalo's purple geometric scatter + dotted motifs --------------- */
#scene,.hm2-shape,.hm3-bg-shape,.hm2-bg-shape1,.hm2-bg-shape2,.hm2-bg-shape3,
.hm2-bg-shape4,.hm2-bg-shape5,.hm2-bg-shape6,.hm2-bg-shape7,.hm2-bg-shape8,
.hm2-bg-shape9,.hm2-bg-shape10,.hm2-bg-shape11,.hm2-bg-shape12,
.hm2-middle-dotted,.hm2-left-dotted,.hm2-right-dotted,.s-shape{display:none!important;}

/* ---- Hero ---------------------------------------------------------------- */
.slider-area{background:
   radial-gradient(1100px 520px at 50% -8%, var(--rs-terra-tint) 0%, transparent 60%),
   linear-gradient(180deg,#FFFDF9 0%, var(--rs-cream) 100%)!important;
  padding-top:40px!important;}
.single-slider{background:none!important;}
.slider-content h1 .accent,.slider-content h1 b{color:var(--rs-terra);}
.slider-content p{font-size:clamp(18px,1.5vw,21px);max-width:620px;margin:0 auto;color:var(--rs-muted);}
.slider-img img{border-radius:22px;box-shadow:0 44px 96px -46px rgba(45,32,22,.42);border:1px solid var(--rs-hairline);}
.video-play{box-shadow:0 12px 30px -10px rgba(196,90,56,.6);}

/* ---- Section rhythm + surfaces ------------------------------------------ */
.service-area,.feature-area,.work-area,.price-area,.sp-offer-area,
.testimonial-area,.brand-area{padding:clamp(80px,9vw,128px) 0!important;}
.work-area,.testimonial-area{background:var(--rs-paper)!important;}
.sp-offer-area{background:linear-gradient(180deg,var(--rs-terra) 0%,var(--rs-terra-deep) 100%)!important;}
.sp-offer-area,.sp-offer-area h2,.sp-offer-area p,.sp-offer-area .black-color{color:#fff!important;}

/* ---- Cards (service / feature / pricing) -------------------------------- */
.single-service-content,.price-menu-box,.testimonial-text2{
  background:var(--rs-paper)!important;border:1px solid var(--rs-hairline)!important;
  border-radius:var(--rs-radius)!important;box-shadow:var(--rs-shadow)!important;
  transition:transform .3s cubic-bezier(.2,1,.3,1),box-shadow .3s;}
.single-service-content:hover,.price-menu-box:hover{transform:translateY(-6px);
  box-shadow:0 1px 1px rgba(45,32,22,.04),0 40px 80px -40px rgba(45,32,22,.34)!important;}

/* ---- Icon chips (replace Evalo PNG/flat icons look) --------------------- */
.ser-icon,.title-icon{width:64px!important;height:64px!important;display:inline-flex!important;
  align-items:center;justify-content:center;border-radius:16px!important;
  background:var(--rs-terra-tint)!important;color:var(--rs-terra)!important;}
.ser-icon img,.title-icon img{width:30px;height:30px;}
.ser-icon svg,.title-icon svg,.rs-ico svg{width:28px;height:28px;stroke:var(--rs-terra);stroke-width:2;fill:none;}
.rs-chip{width:56px;height:56px;border-radius:14px;background:var(--rs-terra-tint);
  display:inline-flex;align-items:center;justify-content:center;}

/* ---- Pricing ------------------------------------------------------------- */
.price-area{background:var(--rs-cream)!important;}
.price-menu-box.active,.price-menu-box.middle{border:2px solid var(--rs-terra)!important;
  box-shadow:0 40px 90px -40px rgba(196,90,56,.4)!important;}
.price-count,.price-title{color:var(--rs-ink)!important;}

/* ---- Brand / partner marquee strip -------------------------------------- */
.brand-area{background:var(--rs-cream)!important;}
.single-brand img{filter:grayscale(1) opacity(.55);transition:filter .3s;}
.single-brand:hover img{filter:grayscale(0) opacity(1);}

/* ---- Testimonials -------------------------------------------------------- */
.testi-avatar img,.testimonial-text2 .rounded-circle{border:3px solid var(--rs-terra-tint);}
.quit,.fas.fa-quote-right{color:var(--rs-clay)!important;}

/* ---- Stats counter ------------------------------------------------------- */
.counter,.footer-counder-wrapper .counter{font-family:var(--rs-font-display)!important;color:var(--rs-terra)!important;}

/* ---- Nav / header -------------------------------------------------------- */
.header-area,.transparent-header,.menu-bg{background:rgba(250,246,239,.85)!important;backdrop-filter:saturate(140%) blur(10px);}
.main-menu ul li a{font-family:var(--rs-font-sans)!important;color:var(--rs-ink)!important;font-weight:500;}
.main-menu ul li a:hover{color:var(--rs-terra)!important;}

/* ---- Footer -------------------------------------------------------------- */
.footer-area{background:var(--rs-espresso)!important;color:#E9E0D4;}
.footer-area h2,.footer-area h3,.footer-area h4,.footer-area .footer-title{color:#fff!important;font-family:var(--rs-font-display)!important;}
.footer-area p,.footer-area a,.footer-area li{color:#C9BCAB!important;}
.footer-area a:hover{color:var(--rs-clay-light)!important;}
.copyright-area{background:#1F1813!important;color:#9C8F7E;}

/* ---- Reduced motion ------------------------------------------------------ */
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}}

/* ============ RISERVATI NAV / HEADER (ported markup) ===================== */
#preloader{display:none!important}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;background:#fff;padding:8px 14px;z-index:2000;border-radius:8px}
.rsv-qd-bar{background:var(--rs-espresso);color:#F3E3DA;font-size:14px;text-align:center;padding:9px 16px}
.rsv-qd-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;position:relative}
.rsv-qd-bar strong{color:#fff}
.rsv-qd-cta{color:#fff!important;font-weight:600;border-bottom:1px solid rgba(255,255,255,.4)}
.rsv-qd-close{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:0;color:#C9BCAB;font-size:20px;cursor:pointer;line-height:1}
.rsv-nav{position:sticky;top:0;z-index:900;background:rgba(250,246,239,.88);backdrop-filter:saturate(150%) blur(12px);border-bottom:1px solid var(--rs-hairline)}
.rsv-nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:22px;padding:13px 24px}
.rsv-nav-brand img{height:32px;width:auto;display:block}
.rsv-nav-links{display:flex;gap:24px;margin-left:8px}
.rsv-nav-links a{color:var(--rs-ink);font-weight:500;font-size:15px;text-decoration:none}
.rsv-nav-links a:hover,.rsv-nav-links a[aria-current=page]{color:var(--rs-terra)}
.rsv-nav-link-hot{color:var(--rs-terra)!important;font-weight:600}
.rsv-nav-meta{margin-left:auto;display:flex;align-items:center;gap:14px}
.rsv-lang{display:inline-flex;gap:6px;font-size:13px;font-weight:600}
.rsv-lang a{color:var(--rs-muted);text-decoration:none;padding:2px 5px;border-radius:6px}
.rsv-lang a.is-active{color:var(--rs-terra);background:var(--rs-terra-tint)}
.rsv-nav-btn{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;padding:9px 16px;border-radius:999px;text-decoration:none;transition:transform .2s,background .2s,border-color .2s,color .2s}
.rsv-nav-btn-ghost{color:var(--rs-ink);border:1px solid var(--rs-hairline)}
.rsv-nav-btn-ghost:hover{border-color:var(--rs-terra);color:var(--rs-terra)}
.rsv-nav-btn-icon{padding:9px}
.rsv-nav-btn-primary{background:var(--rs-terra);color:#fff!important;box-shadow:0 12px 26px -12px rgba(196,90,56,.6)}
.rsv-nav-btn-primary:hover{background:var(--rs-terra-deep);transform:translateY(-1px)}
.rsv-nav-burger{display:none;flex-direction:column;gap:4px;background:none;border:0;cursor:pointer;padding:6px;margin-left:auto}
.rsv-nav-burger span{width:22px;height:2px;background:var(--rs-ink);border-radius:2px}
.rsv-mobile-menu{position:fixed;inset:0;z-index:1000;background:var(--rs-cream);padding:80px 28px 28px;display:flex;flex-direction:column;gap:18px}
.rsv-mobile-menu[hidden]{display:none}
.rsv-mobile-menu-close{position:absolute;top:18px;right:22px;background:none;border:0;font-size:30px;color:var(--rs-ink);cursor:pointer}
.rsv-mobile-menu-links{display:flex;flex-direction:column;gap:18px}
.rsv-mobile-menu-links a{color:var(--rs-ink);font-family:var(--rs-font-display);font-size:24px;text-decoration:none}
.rsv-mobile-menu-foot{margin-top:auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
@media(max-width:991px){.rsv-nav-links,.rsv-nav-meta .rsv-nav-btn-ghost,.rsv-nav-meta .rsv-lang{display:none}.rsv-nav-burger{display:flex}.rsv-nav-meta{margin-left:0}}
/* Small phones: drop the inline CTA too — keep nav to logo + burger (CTA lives in the burger menu). */
@media(max-width:480px){.rsv-nav-meta{display:none}.rsv-nav-inner{gap:12px;padding:13px 18px}.rsv-nav-burger{margin-left:auto}}

/* ---- Hero CTAs ----------------------------------------------------------- */
.slider-content{padding-top:90px!important;}
.hero-cta-row{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:38px;}
.hero-cta-row .btn{padding:15px 30px!important;font-size:16px;}
.hero-trial.btn-2{background:#fff!important;border:1px solid var(--rs-hairline)!important;color:var(--rs-ink)!important;box-shadow:var(--rs-shadow);}
.hero-trial.btn-2:hover{border-color:var(--rs-terra)!important;color:var(--rs-terra)!important;transform:translateY(-2px);}
.hero-ki-link{display:inline-flex;align-items:center;gap:9px;margin-top:24px;color:var(--rs-terra);font-weight:600;font-size:15px;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s;}
.hero-ki-link:hover{border-color:var(--rs-terra);}
.slider-content h1 .accent{color:var(--rs-terra)!important;}

/* ---- Feature lists + product shots -------------------------------------- */
.rs-list{list-style:none;padding:0;margin-top:28px;}
.rs-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;font-weight:600;color:var(--rs-ink);font-size:16px;}
.rs-check{color:var(--rs-terra);font-weight:700;flex:none;line-height:1.55;}
.feature-img img,.rs-shot{max-width:100%;height:auto;border-radius:18px;}
.rs-shot{box-shadow:0 40px 90px -50px rgba(45,32,22,.42);}
.feature-content .title h3{font-size:clamp(26px,2.6vw,38px);}
.service-area{padding-top:clamp(70px,8vw,120px)!important;}
.service-area .single-service-content p{font-size:15px;}
.title h4{font-size:clamp(26px,3vw,40px);}

/* ---- Pricing ------------------------------------------------------------- */
.packages{background:var(--rs-paper);border:1px solid var(--rs-hairline);border-radius:20px;box-shadow:var(--rs-shadow);padding-left:34px;padding-right:34px;transition:transform .3s cubic-bezier(.2,1,.3,1),box-shadow .3s;}
.packages:hover{transform:translateY(-6px);}
.packages.middle{border:2px solid var(--rs-terra);box-shadow:0 40px 90px -42px rgba(196,90,56,.45);}
.packages .price h3{font-family:var(--rs-font-display)!important;color:var(--rs-ink)!important;font-size:44px;}
.packages .price-header h5{font-family:var(--rs-font-display)!important;font-size:24px;}
.packages .p-p{font-size:18px;font-weight:500;}
.rs-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--rs-terra);color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 16px;border-radius:999px;}
.packages .price-item-list li{font-weight:500;color:var(--rs-muted);font-size:15px;}
.packages .btn.transparent-bg{border:1px solid var(--rs-hairline)!important;color:var(--rs-ink)!important;background:transparent!important;}
.packages .btn.transparent-bg:hover{border-color:var(--rs-terra)!important;color:var(--rs-terra)!important;}

/* ---- On terracotta band (Quandoo) --------------------------------------- */
.rs-check-w,.sp-offer-area .rs-list li,.sp-offer-area .rs-list li span{color:#fff!important;}
.rs-btn-onband{background:#fff!important;color:var(--rs-terra)!important;font-weight:700;}
.rs-btn-onband:hover{background:var(--rs-cream)!important;transform:translateY(-2px);}
.sp-offer-area .rs-shot{box-shadow:0 40px 90px -40px rgba(0,0,0,.5);}
.sp-offer-area .title span.f-700{color:#fff!important;}

/* ---- Testimonials -------------------------------------------------------- */
.testi-avatar img{width:54px;height:54px;object-fit:cover;border-radius:50%;border:2px solid var(--rs-terra-tint);}
.rs-avatar-initials{width:54px;height:54px;border-radius:50%;background:var(--rs-terra-tint);color:var(--rs-terra);display:inline-flex;align-items:center;justify-content:center;font-family:var(--rs-font-display);font-weight:700;}
.testimonial-text2 .font-italic{color:var(--rs-ink)!important;font-size:16px;line-height:1.7;}

/* ---- Partner marquee ----------------------------------------------------- */
.rs-marquee{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.rs-marquee-track{display:inline-flex;gap:56px;white-space:nowrap;animation:rsmarq 34s linear infinite;will-change:transform;padding-left:56px;}
.rs-marquee:hover .rs-marquee-track{animation-play-state:paused;}
.rs-marquee-track span{font-family:var(--rs-font-display);font-size:24px;color:var(--rs-muted);opacity:.62;font-weight:600;}
@keyframes rsmarq{to{transform:translateX(-50%);}}

/* ---- Final CTA + Footer -------------------------------------------------- */
.banner-wrapper{border-radius:22px!important;box-shadow:var(--rs-shadow)!important;border:1px solid var(--rs-hairline)!important;}
.banner-content h4{font-size:clamp(24px,2.4vw,34px);}
.footer-area .footer-title{font-family:var(--rs-font-sans)!important;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#C9BCAB!important;}
.footer-area .footer-info li{margin-bottom:9px;}
.footer-area .footer-info a{font-size:15px;}
.footer-area .social-link a{color:#C9BCAB;}
.footer-area .social-link a:hover{color:var(--rs-clay-light);}
.footer-counder-wrapper{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:36px 0;}
.footer-counder-wrapper .secondary-color{color:#C9BCAB!important;}
.copyright-area .rsv-lang a{color:#9C8F7E;}
@media (prefers-reduced-motion:reduce){.rs-marquee-track{animation:none;}}

/* ============ LOGO WALL · real tenant logos in white chips (2026-06-03) ============ */
#partner{padding-block:clamp(10px,1.5vw,16px)!important;}
.rs-trust-strip{max-width:1240px;margin-inline:auto;padding-inline:clamp(20px,5vw,48px);
  display:flex;align-items:center;gap:38px;}
.rs-trust-label{flex:none;max-width:172px;margin:0;font-size:12px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--rs-muted);line-height:1.45;}
#partner .rs-marquee{flex:1;min-width:0;}
.rs-marquee-track.rs-logo-track{display:inline-flex;align-items:center;gap:18px!important;padding-left:18px!important;animation-duration:42s;}
.rs-logo-chip{flex:none;height:64px;display:inline-flex;align-items:center;justify-content:center;
  padding:0 24px;background:#fff;border:1px solid var(--rs-hairline);border-radius:13px;
  box-shadow:0 10px 24px -16px rgba(45,32,22,.3);}
.rs-logo-chip img{height:48px;width:auto;max-width:180px;object-fit:contain;display:block;opacity:1;}
.rs-logo-chip.is-light img{filter:brightness(0) opacity(.72);}  /* light/white logos → dark so they're visible on white chip */
.rs-logo-chip:hover{transform:translateY(-3px);transition:transform .3s cubic-bezier(.2,1,.3,1);}
@media(max-width:768px){
  .rs-trust-strip{flex-direction:column;align-items:flex-start;gap:16px;}
  .rs-trust-label{max-width:none;}
  .rs-logo-chip{height:66px;padding:0 20px;}
  .rs-logo-chip img{height:40px;}
}

/* ============ WARMTH PASS + HERO POLAROIDS (less white) ================== */
:root{ --rs-cream:#F5EEE1; --rs-paper:#FBF5EA; --rs-hairline:#E7DBC8; }
body{background:#F5EEE1!important;}
.slider-area{background:radial-gradient(1100px 540px at 50% -10%, #F1DCCE 0%, transparent 62%), linear-gradient(180deg,#FBF5EA 0%, #F3EAD9 100%)!important;}
.work-area,.testimonial-area{background:#F0E5D3!important;}
.service-area,.price-area,.brand-area{background:#F5EEE1!important;}
.single-service-content,.packages,.testimonial-text2,.banner-wrapper{background:#FCF7EE!important;}
.feature-area{background:transparent!important;}
.rs-shot,.feature-img img{border:1px solid #E7DBC8;}
.rsv-nav{background:rgba(245,238,225,.9)!important;}
.rs-hero-polaroids{display:flex;justify-content:center;align-items:flex-start;gap:34px;margin-top:54px;flex-wrap:wrap;}
.rs-pola{background:#fff;padding:14px 14px 0;border-radius:6px;box-shadow:0 34px 72px -30px rgba(45,32,22,.5);margin:0;transition:transform .4s cubic-bezier(.2,1,.3,1);}
.rs-pola img{width:300px;height:330px;object-fit:cover;border-radius:2px;display:block;}
.rs-pola figcaption{font-family:var(--rs-font-display);font-size:18px;color:var(--rs-ink);padding:14px 4px 18px;text-align:center;}
.rs-pola-1{transform:rotate(-3deg);}
.rs-pola-2{transform:rotate(2.5deg);margin-top:26px;}
.rs-pola:hover{transform:rotate(0deg) translateY(-6px);}
@media(max-width:575px){.rs-pola img{width:240px;height:265px;}.rs-pola-2{margin-top:0;}}

/* ============ HERO "DA PAURA" — ambient glow + motion staging ============ */
.slider-area{position:relative;overflow:hidden;}
.slider-area::before{content:"";position:absolute;inset:-25%;z-index:0;pointer-events:none;
  background:radial-gradient(620px 440px at 24% 62%, rgba(216,142,107,.32), transparent 62%),
             radial-gradient(720px 520px at 82% 52%, rgba(196,90,56,.20), transparent 60%),
             radial-gradient(520px 420px at 62% 80%, rgba(232,183,155,.28), transparent 64%);
  animation:heroGlow 16s ease-in-out infinite alternate;filter:blur(8px);}
@keyframes heroGlow{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-2%,1.5%) scale(1.08)}100%{transform:translate(2%,-1%) scale(1.12)}}
.slider-area .container{position:relative;z-index:2;}
.slider-area::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background-image:radial-gradient(rgba(45,32,22,.035) 1px, transparent 1px);background-size:4px 4px;opacity:.5;}
/* hand motion the staging so there is no flash before JS */
.js-motion .slider-content > span.f-700,
.js-motion .slider-content h1,
.js-motion .slider-content p,
.js-motion .hero-cta-row,
.js-motion .hero-ki-link,
.js-motion .rs-pola{opacity:0;}
@media (prefers-reduced-motion:reduce){
  .slider-area::before{animation:none;}
  .js-motion .slider-content > span.f-700,.js-motion .slider-content h1,.js-motion .slider-content p,
  .js-motion .hero-cta-row,.js-motion .hero-ki-link,.js-motion .rs-pola{opacity:1;}
}

/* ============ HERO MOTION — pure CSS (no JS/CDN dependency) ============== */
.js-motion .slider-content > span.f-700,.js-motion .slider-content h1,.js-motion .slider-content p,
.js-motion .hero-cta-row,.js-motion .hero-ki-link,.js-motion .rs-pola{opacity:1;} /* neutralize old staging */
@keyframes rsRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes rsRiseBlur{from{opacity:0;transform:translateY(30px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes rsPolaIn1{from{opacity:0;transform:translateY(70px) rotate(-10deg) scale(.9)}to{opacity:1;transform:translateY(0) rotate(-3deg) scale(1)}}
@keyframes rsPolaIn2{from{opacity:0;transform:translateY(80px) rotate(9deg) scale(.9)}to{opacity:1;transform:translateY(0) rotate(2.5deg) scale(1)}}
@keyframes rsFloat1{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(-3deg)}}
@keyframes rsFloat2{0%,100%{transform:translateY(0) rotate(2.5deg)}50%{transform:translateY(-14px) rotate(2.5deg)}}
.slider-content > span.f-700{animation:rsRise .7s cubic-bezier(.16,1,.3,1) both .05s;}
.slider-content h1{animation:rsRiseBlur .9s cubic-bezier(.16,1,.3,1) both .18s;}
.slider-content p{animation:rsRise .7s cubic-bezier(.16,1,.3,1) both .40s;}
.hero-cta-row{animation:rsRise .7s cubic-bezier(.2,1.1,.4,1) both .55s;}
.hero-ki-link{animation:rsRise .6s ease-out both .70s;}
.rs-pola-1{animation:rsPolaIn1 .9s cubic-bezier(.2,1.08,.35,1) both .70s, rsFloat1 6s ease-in-out 1.7s infinite;}
.rs-pola-2{animation:rsPolaIn2 .9s cubic-bezier(.2,1.08,.35,1) both .90s, rsFloat2 7s ease-in-out 1.9s infinite;}
@media (prefers-reduced-motion:reduce){
  .slider-content > span.f-700,.slider-content h1,.slider-content p,.hero-cta-row,.hero-ki-link,.rs-pola-1,.rs-pola-2{animation:none!important;opacity:1!important;}
}

/* ============ ASYMMETRIC HERO (text left · product frame right) ========== */
.slider-area{padding-bottom:clamp(60px,7vw,104px)!important;}
.rs-hero-left{text-align:left!important;padding-top:30px!important;max-width:580px;}
.rs-hero-left .f-700.theme-color{text-align:left;}
.rs-hero-left h1{font-size:clamp(38px,4.4vw,60px)!important;text-align:left;line-height:1.08;}
.rs-hero-sub{font-size:clamp(17px,1.35vw,20px)!important;color:var(--rs-muted)!important;max-width:500px;margin:0 0 6px!important;text-align:left!important;}
.rs-hero-trust{display:flex;align-items:center;gap:9px;margin:16px 0 28px;font-size:14px;color:var(--rs-muted);}
.rs-stars{color:#E0A33A;letter-spacing:2px;font-size:15px;}
.rs-hero-left .hero-cta-row{justify-content:flex-start;margin-top:0;}
.rs-hero-left .hero-ki-link{margin-top:18px;}
.rs-founders{display:flex;align-items:center;gap:13px;margin-top:36px;padding-top:24px;border-top:1px solid var(--rs-hairline);}
.rs-founders-avatars{display:inline-flex;}
.rs-founders-avatars img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:3px solid var(--rs-cream);margin-left:-14px;box-shadow:0 3px 10px rgba(45,32,22,.22);}
.rs-founders-avatars img:first-child{margin-left:0;}
.rs-founders-text{font-size:13.5px;color:var(--rs-muted);line-height:1.45;}
.rs-founders-text strong{color:var(--rs-ink);font-weight:600;}
.rs-hero-visual{position:relative;padding:10px;}
.rs-hero-frame{border-radius:22px;overflow:hidden;box-shadow:0 50px 100px -42px rgba(45,32,22,.52);border:1px solid var(--rs-hairline);background:#fff;transform:rotate(1.2deg);}
.rs-hero-frame img{display:block;width:100%;height:auto;}
@keyframes rsFrameIn{from{opacity:0;transform:translateY(44px) rotate(3.5deg) scale(.95)}to{opacity:1;transform:translateY(0) rotate(1.2deg) scale(1)}}
@keyframes rsFrameFloat{0%,100%{transform:translateY(0) rotate(1.2deg)}50%{transform:translateY(-10px) rotate(1.2deg)}}
.rs-hero-frame{animation:rsFrameIn 1s cubic-bezier(.2,1,.3,1) both .5s, rsFrameFloat 7s ease-in-out 1.7s infinite;}
@media(max-width:991px){
  .rs-hero-left{text-align:center!important;max-width:none;margin:0 auto;}
  .rs-hero-left .f-700.theme-color,.rs-hero-left h1,.rs-hero-sub{text-align:center!important;}
  .rs-hero-sub{margin-left:auto!important;margin-right:auto!important;}
  .rs-hero-left .hero-cta-row,.rs-hero-trust,.rs-founders{justify-content:center;}
  .rs-hero-visual{margin-top:44px;}
}
@media (prefers-reduced-motion:reduce){.rs-hero-frame{animation:none!important;}}

/* ============================================================================
   COLOR BASE · "mescolati a ritmo"  (2026-06-03, Francesco's pick)
   Cream caldo dominante (deeper → fixes 'troppo chiaro') + 2 ancore espresso
   (#warum, #voicebot) + terracotta committed (quandoo già + #cta-final drenched).
   Appended last → wins the cascade.
   ========================================================================== */
:root{
  --rs-cream:#F3E9D9;      /* deeper warm canvas               */
  --rs-paper:#FBF4E8;      /* elevated / alt light band        */
  --rs-cream-2:#EEE2CE;    /* second light tone for rhythm     */
  --rs-hairline:#DDCDB4;
  --rs-espresso:#221A12;   /* dark anchors                     */
  --rs-dark-surf:#2C2118;  /* cards on dark                    */
  --rs-dark-line:#3D2F22;
  --rs-dark-text:#ECDFCC;
  --rs-dark-muted:#B6A48C;
}
body{background:var(--rs-cream)!important;}

/* light sections on the deeper cream + gentle alternation */
.slider-area{background:
   radial-gradient(1000px 620px at 80% 44%, rgba(216,142,107,.30) 0%, transparent 60%),
   linear-gradient(180deg,#F3E9D9 0%, #EEDFC9 100%)!important;}
.service-area,.price-area,.brand-area,.feature-area{background:var(--rs-cream)!important;}
#app{background:var(--rs-paper)!important;}
.testimonial-area{background:var(--rs-cream-2)!important;}
.single-service-content,.packages,.testimonial-text2{background:#FCF6EA!important;}

/* ---------- DARK ANCHOR 1: #warum (Problem→Solution) ---------------------- */
/* ---------- DARK ANCHOR 2: #voicebot (KI) -------------------------------- */
#warum,#voicebot{background:var(--rs-espresso)!important;color:var(--rs-dark-text)!important;}
#warum .title h4,#voicebot .title h3,#warum h4,#voicebot h3{color:#FBF4E8!important;}
#warum .accent,#voicebot .accent{color:var(--rs-clay)!important;}
#warum p,#voicebot p,#warum .service-text p,#voicebot .feature-content p{color:var(--rs-dark-muted)!important;}
#warum .theme-color.f-700,#voicebot .theme-color.f-700{color:var(--rs-clay)!important;}
#warum .single-service-content{background:var(--rs-dark-surf)!important;border-color:var(--rs-dark-line)!important;
  box-shadow:0 30px 60px -42px rgba(0,0,0,.6)!important;}
#warum .single-service-content:hover{box-shadow:0 44px 84px -42px rgba(0,0,0,.7)!important;}
#warum .service-text h6{color:#FBF4E8!important;}
#warum .ser-icon,#voicebot .title-icon{background:rgba(217,142,107,.16)!important;}
#warum .ser-icon svg,#voicebot .title-icon svg{stroke:var(--rs-clay)!important;}
#voicebot .rs-list li{color:var(--rs-dark-text)!important;}
#warum .rs-check,#voicebot .rs-check{color:var(--rs-clay)!important;}
#warum .rs-shot,#voicebot .rs-shot{border-color:var(--rs-dark-line)!important;}

/* ---------- TERRACOTTA CLOSER: #cta-final drenched ----------------------- */
#cta-final .banner-wrapper{background:linear-gradient(160deg,var(--rs-terra) 0%,var(--rs-terra-deep) 100%)!important;
  border:0!important;box-shadow:0 50px 100px -52px rgba(196,90,56,.6)!important;}
#cta-final .banner-content h4,#cta-final .banner-wrapper .accent{color:#FCF4EC!important;}
#cta-final .banner-content p{color:#FBE7DA!important;}
#cta-final .banner-wrapper .btn.theme-bg{background:#FCF4EC!important;color:var(--rs-terra-deep)!important;
  box-shadow:0 14px 30px -16px rgba(0,0,0,.35)!important;}
#cta-final .banner-wrapper .btn.theme-bg:hover{background:#fff!important;}
#cta-final .banner-wrapper .btn.btn-2,#cta-final .banner-wrapper .hero-trial{background:transparent!important;
  border:1px solid rgba(255,255,255,.55)!important;color:#FCF4EC!important;}
#cta-final .banner-wrapper .btn.btn-2:hover,#cta-final .banner-wrapper .hero-trial:hover{
  border-color:#fff!important;background:rgba(255,255,255,.08)!important;color:#fff!important;}

/* ============================================================================
   HERO v2 · "Editorial Stacking" + scroll-aware nav  (2026-06-03)
   Nav = transparent over the hero (takes the hero colour) → solid frosted bar
   on scroll. Hero = 45/55 asymmetric, charismatic Fraunces, warm product scene
   with a terracotta 0€ badge.
   ========================================================================== */
/* --- nav: transparent at top, solid on scroll --- */
.rsv-nav{background:transparent!important;border-bottom:1px solid transparent!important;
  box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  transition:background .35s ease,box-shadow .35s ease,border-color .35s ease,padding .3s ease;}
.rsv-nav.is-scrolled{background:rgba(243,233,217,.86)!important;
  -webkit-backdrop-filter:saturate(160%) blur(12px)!important;backdrop-filter:saturate(160%) blur(12px)!important;
  border-bottom:1px solid var(--rs-hairline)!important;box-shadow:0 12px 30px -24px rgba(33,26,18,.55)!important;}
.rsv-nav.is-scrolled .rsv-nav-inner{padding-top:9px!important;padding-bottom:9px!important;}

/* --- hero layout 45/55 + charismatic type --- */
@media(min-width:992px){
  .rs-hero-row>.col-xl-6:first-child{flex:0 0 45%;max-width:45%;}
  .rs-hero-row>.col-xl-6:last-child{flex:0 0 55%;max-width:55%;}
}
.slider-area{padding-top:30px!important;}
.rs-hero-left h1{font-size:clamp(30px,3vw,44px)!important;line-height:1.1;}
.rs-hero-left h1 .accent{color:var(--rs-terra)!important;}
.rs-hero-sub strong{color:var(--rs-ink);font-weight:600;}

/* --- editorial stack visual --- */
.rs-hero-visual{position:relative;padding:18px 14px;}
.rs-hero-scene{position:relative;margin:0;}
.rs-hero-scene img{width:100%;height:auto;display:block;border-radius:20px;border:1px solid rgba(45,32,22,.06);
  box-shadow:0 60px 120px -50px rgba(45,32,22,.55),0 18px 44px -32px rgba(45,32,22,.4);}
.rs-hero-badge{position:absolute;top:-22px;right:-6px;width:122px;height:122px;border-radius:50%;
  background:var(--rs-terra);color:#FCF4EC;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;box-shadow:0 22px 46px -16px rgba(196,90,56,.75);transform:rotate(-9deg);z-index:3;}
.rs-hero-badge b{font-family:var(--rs-font-display);font-weight:600;font-size:37px;line-height:.9;}
.rs-hero-badge>span{font-size:11px;font-weight:600;letter-spacing:.03em;line-height:1.18;margin-top:4px;}
@media (prefers-reduced-motion:no-preference){
  .rs-hero-scene{animation:rsSceneIn 1s cubic-bezier(.16,1,.3,1) both .45s;}
  @keyframes rsSceneIn{from{opacity:0;transform:translateY(34px) scale(.97)}to{opacity:1;transform:none}}
  .rs-hero-badge{animation:rsBadgeIn .8s cubic-bezier(.2,1.1,.35,1) both .85s, rsBadgeFloat 6s ease-in-out 1.8s infinite;}
  @keyframes rsBadgeIn{from{opacity:0;transform:rotate(22deg) scale(.5)}to{opacity:1;transform:rotate(-9deg) scale(1)}}
  @keyframes rsBadgeFloat{0%,100%{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(-9deg) translateY(-7px)}}
}
@media(max-width:991px){
  .rs-hero-visual{margin-top:42px;max-width:560px;margin-inline:auto;}
  .rs-hero-badge{width:98px;height:98px;}
  .rs-hero-badge b{font-size:29px;}
  .rs-hero-left h1{font-size:clamp(36px,9vw,52px)!important;}
}

/* --- hero hierarchy fixes: small eyebrow + subordinate subline --- */
.rs-hero-left .f-700.theme-color{font-size:13px!important;font-weight:600!important;
  letter-spacing:.18em!important;text-transform:uppercase;margin-bottom:20px!important;line-height:1.4;}
.rs-hero-left h1{margin-bottom:20px!important;}
.rs-hero-sub{font-size:clamp(16.5px,1.2vw,18.5px)!important;line-height:1.6!important;
  max-width:30rem!important;color:var(--rs-muted)!important;margin-bottom:26px!important;}

/* === FIX: Evalo responsive.css `.slider-content span{font-size:30px}` inflates hero text.
   Override with higher-specificity selectors so each span takes its element's real size. === */
.rs-hero-left h1 span{font-size:inherit!important;}
.rs-hero-left .rs-hero-sub span{font-size:inherit!important;}
.rs-hero-left .f-700.theme-color span{font-size:13px!important;}
.rs-hero-left .rs-hero-trust span{font-size:13.5px!important;}
.rs-hero-left .rs-hero-trust span.rs-stars{font-size:16px!important;letter-spacing:2px;}
.rs-hero-left .rs-founders-text{font-size:13.5px!important;}
.rs-hero-left .hero-ki-link span{font-size:15px!important;}

/* ============================================================================
   WARUM v2 · editorial dark (asymmetric intro + hairline list)  (2026-06-03)
   Replaces the generic 4-card grid. Cohesive with the hero's editorial split.
   ========================================================================== */
#warum{padding-top:clamp(52px,6vw,88px)!important;padding-bottom:clamp(56px,6vw,92px)!important;}
.rs-why-row{align-items:flex-start!important;}

/* ============ WARUM → ÖKOSYSTEM (legacy diagram styles) ============ */
#warum{background:#F3E6D6!important;}   /* match the diagram's exact cream so it blends seamlessly */
.rs-eco-head{max-width:780px;margin:0 auto;text-align:center;}
.rs-eco-head .theme-color.f-700{display:block;font-size:13px!important;font-weight:600!important;
  letter-spacing:.18em!important;text-transform:uppercase;color:var(--rs-terra-deep)!important;margin-bottom:16px;}
.rs-eco-head h2{font-family:var(--rs-font-display)!important;color:var(--rs-ink)!important;
  font-size:clamp(28px,3.4vw,44px)!important;line-height:1.1;letter-spacing:-.01em;margin:0 0 18px!important;font-weight:600;}
.rs-eco-head h2 .accent{color:var(--rs-terra)!important;}
.rs-eco-lede{color:#6E6358!important;font-size:clamp(15.5px,1.2vw,18px)!important;line-height:1.6;max-width:60ch;margin:0 auto;}
.rs-eco-diagram{margin:clamp(32px,5vw,58px) auto 0;max-width:1040px;}
.rs-eco-diagram img{width:100%;height:auto;display:block;}

/* ============ KI-VOICEBOT section · 'Sprich mit Riservati' (2026-06-03) ============ */
.feature-content .title h3 .accent,.feature-content h3 .accent{color:var(--rs-terra)!important;}
.rs-ki-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:30px;}
.rs-ki-call-btn{display:inline-flex;align-items:center;gap:11px;border:0;cursor:pointer;
  font-family:var(--rs-font-sans);font-weight:600;font-size:16px;padding:14px 28px;border-radius:999px;
  background:var(--rs-terra);color:#FCF4EC;box-shadow:0 16px 34px -16px rgba(196,90,56,.65);
  transition:transform .25s cubic-bezier(.2,1,.3,1),background .2s;}
.rs-ki-call-btn:hover{background:var(--rs-terra-deep);transform:translateY(-2px);}
.rs-ki-call-btn .rs-ki-dot{width:9px;height:9px;border-radius:50%;background:#fff;flex:none;
  box-shadow:0 0 0 0 rgba(255,255,255,.6);animation:kiPulseW 1.9s ease-out infinite;}
@keyframes kiPulseW{0%{box-shadow:0 0 0 0 rgba(255,255,255,.55)}70%{box-shadow:0 0 0 9px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.rs-ki-meta{font-size:13.5px;color:var(--rs-muted);}
.rs-ki-privacy{font-size:13px;color:var(--rs-muted);margin-top:14px;margin-bottom:0;}
@media(prefers-reduced-motion:reduce){.rs-ki-call-btn .rs-ki-dot{animation:none;}}
.rs-ki-call-btn.active{background:var(--rs-terra-deep);}
.rs-ki-count{font-variant-numeric:tabular-nums;opacity:.92;margin-left:2px;}
.rs-ki-end{display:inline-flex;align-items:center;border:1px solid var(--rs-hairline);background:transparent;
  color:var(--rs-muted);font-family:var(--rs-font-sans);font-weight:600;font-size:14px;padding:12px 18px;border-radius:999px;cursor:pointer;transition:.2s;}
.rs-ki-end:hover{border-color:var(--rs-danger);color:var(--rs-danger);}
.rs-ki-transcript{margin-top:20px;max-width:540px;max-height:220px;overflow-y:auto;
  background:var(--rs-paper);border:1px solid var(--rs-hairline);border-radius:14px;padding:16px 18px;font-size:14px;line-height:1.5;}
.rs-ki-transcript .vb-msg-bot,.rs-ki-transcript .vb-msg-user{margin-bottom:11px;}
.rs-ki-transcript .vb-msg-bot:last-child,.rs-ki-transcript .vb-msg-user:last-child{margin-bottom:0;}
.rs-ki-transcript strong{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;}
.rs-ki-transcript .vb-msg-bot strong{color:var(--rs-terra);}
.rs-ki-transcript .vb-msg-user strong{color:var(--rs-muted);}
.rs-ki-transcript .vb-msg-text{color:var(--rs-ink);}

/* ============ LIVE-DEMO section · chat-widget + voicebot tabs (2026-06-03) ============ */
.rs-demo-head{max-width:680px;margin:0 auto;text-align:center;}
.rs-demo-head .theme-color.f-700{display:block;font-size:13px!important;font-weight:600!important;letter-spacing:.18em;text-transform:uppercase;color:var(--rs-terra-deep)!important;margin-bottom:14px;}
.rs-demo-head h2{font-family:var(--rs-font-display)!important;color:var(--rs-ink)!important;font-size:clamp(28px,3.2vw,42px)!important;line-height:1.1;margin:0 0 16px!important;font-weight:600;}
.rs-demo-head h2 .accent{color:var(--rs-terra)!important;}
.rs-demo-lede{color:#6E6358!important;font-size:clamp(15px,1.1vw,17px)!important;line-height:1.6;max-width:62ch;margin:0 auto;}
.rs-demo-tabs{display:flex;justify-content:center;gap:10px;margin:34px auto 26px;flex-wrap:wrap;}
.rs-demo-tab{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--rs-hairline);background:var(--rs-paper);
  color:var(--rs-muted);font-family:var(--rs-font-sans);font-weight:600;font-size:15px;padding:11px 22px;border-radius:999px;cursor:pointer;transition:.2s;}
.rs-demo-tab svg{width:16px;height:16px;}
.rs-demo-tab:hover{border-color:var(--rs-terra);color:var(--rs-terra);}
.rs-demo-tab.active{background:var(--rs-terra);border-color:var(--rs-terra);color:#FCF4EC;box-shadow:0 12px 26px -14px rgba(196,90,56,.55);}
.rs-demo-stage{max-width:1080px;margin:0 auto;}
.rs-demo-pane[hidden]{display:none;}
.rs-demo-grid{display:grid;grid-template-columns:1fr .85fr;gap:clamp(28px,4vw,56px);align-items:center;}
/* framed as a warm browser window — kills the raw-white block (Fase 2) */
.rs-demo-frame{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 40px 90px -50px rgba(45,32,22,.5);border:1px solid var(--rs-hairline);background:var(--rs-espresso);padding-top:42px;}
.rs-demo-frame::before{content:"";position:absolute;top:0;left:0;right:0;height:42px;background:linear-gradient(180deg,#F2E8D8,#E9DCC6);border-bottom:1px solid var(--rs-hairline);z-index:2;}
.rs-demo-frame::after{content:"";position:absolute;top:17px;left:18px;width:9px;height:9px;border-radius:50%;background:#D9694A;box-shadow:15px 0 0 #E3A857,30px 0 0 #9CB38A;z-index:3;}
.rs-demo-frame iframe{position:relative;z-index:1;width:100%;height:540px;border:0;display:block;background:var(--rs-espresso);}
.rs-demo-voicecard{background:var(--rs-paper);border:1px solid var(--rs-hairline);border-radius:18px;padding:clamp(26px,3vw,42px);text-align:center;box-shadow:var(--rs-shadow);}
.rs-demo-voicecard .rs-ki-actions{margin-top:0;}
.rs-demo-vbstatus{display:block;margin-top:16px;}
.rs-demo-voicecard .rs-ki-transcript{margin-left:auto;margin-right:auto;text-align:left;}
.rs-demo-side .rs-demo-kicker{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--rs-terra-deep);margin-bottom:12px;}
.rs-demo-side h3{font-family:var(--rs-font-display)!important;font-size:clamp(22px,2.4vw,30px)!important;color:var(--rs-ink)!important;margin:0 0 14px!important;line-height:1.18;font-weight:600;}
.rs-demo-side p{color:var(--rs-muted);font-size:15.5px;line-height:1.6;margin:0 0 16px;}
.rs-demo-tip{font-size:13.5px!important;color:var(--rs-terra-deep)!important;background:var(--rs-terra-tint);display:inline-block;padding:8px 14px;border-radius:10px;margin-top:6px!important;}
.rs-demo-hint{text-align:center;font-size:13px;color:var(--rs-muted);margin-top:30px;}
@media(max-width:860px){ .rs-demo-grid{grid-template-columns:1fr;} .rs-demo-frame iframe{height:480px;} }
.rs-why-intro{max-width:30rem;}
.rs-why-intro .theme-color.f-700{display:block;font-size:13px!important;font-weight:600!important;
  letter-spacing:.18em!important;text-transform:uppercase;color:var(--rs-clay)!important;margin-bottom:18px;}
.rs-why-intro h2{font-family:var(--rs-font-display)!important;color:#FBF4E8!important;
  font-size:clamp(30px,3.3vw,46px)!important;line-height:1.08;letter-spacing:-.01em;margin:0 0 20px!important;font-weight:600;}
.rs-why-intro h2 .accent{color:var(--rs-clay)!important;}
.rs-why-lede{color:var(--rs-dark-muted)!important;font-size:16.5px!important;line-height:1.6;max-width:34ch;margin:0;}
.rs-why-list{list-style:none;margin:0;padding:0;}
.rs-why-list li{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;
  padding:24px 4px;border-top:1px solid var(--rs-dark-line);transition:transform .35s cubic-bezier(.2,1,.3,1),background .3s;}
.rs-why-list li:first-child{border-top:0;}
.rs-why-list li:hover{transform:translateX(8px);}
.rs-why-ico{width:52px;height:52px;border-radius:14px;flex:none;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(217,142,107,.15);}
.rs-why-ico svg{width:24px;height:24px;stroke:var(--rs-clay);stroke-width:2;fill:none;}
.rs-why-tx h3{font-family:var(--rs-font-display)!important;color:#FBF4E8!important;font-size:21px!important;
  margin:0 0 6px!important;font-weight:600;letter-spacing:-.005em;}
.rs-why-tx p{color:var(--rs-dark-muted)!important;font-size:15px!important;line-height:1.55;margin:0;}
@media(max-width:991px){
  .rs-why-intro{max-width:none;margin-bottom:38px;}
  .rs-why-list li:hover{transform:none;}
}

/* --- WARUM → warm light (Francesco: espresso non adatto, 2026-06-03) --- */
#warum{background:var(--rs-paper)!important;color:var(--rs-ink)!important;
  border-top:1px solid var(--rs-hairline);border-bottom:1px solid var(--rs-hairline);}
.rs-why-intro .theme-color.f-700{color:var(--rs-terra)!important;}
.rs-why-intro h2{color:var(--rs-ink)!important;}
.rs-why-intro h2 .accent{color:var(--rs-terra)!important;}
.rs-why-lede{color:#6E6358!important;}
.rs-why-list li{border-top-color:var(--rs-hairline)!important;}
.rs-why-ico{background:#F1DBCB!important;}
.rs-why-ico svg{stroke:var(--rs-terra)!important;}
.rs-why-tx h3{color:var(--rs-ink)!important;}
.rs-why-tx p{color:#6E6358!important;}

/* --- HERO image bigger (Francesco: più grande nell'hero, 2026-06-03) --- */
@media(min-width:992px){
  .rs-hero-row>.col-xl-6:first-child{flex:0 0 50%!important;max-width:50%!important;}
  .rs-hero-row>.col-xl-6:last-child{flex:0 0 50%!important;max-width:50%!important;}
}
.rs-hero-visual{padding:6px 0 6px 8px!important;}
.rs-hero-scene img{border-radius:18px!important;}
.rs-hero-badge{width:128px!important;height:128px!important;top:-26px!important;right:-10px!important;}
.rs-hero-badge b{font-size:38px!important;}

/* --- FOUNDERS block (Francesco: migliorare) — fix 30px span inflation + clean layout --- */
.rs-hero-left .rs-founders-text span{font-size:inherit!important;}
.rs-founders{display:flex!important;align-items:center;gap:15px;margin-top:30px!important;
  padding-top:22px!important;border-top:1px solid var(--rs-hairline)!important;max-width:none;}
.rs-founders-avatars{display:inline-flex;flex:none;}
.rs-founders-avatars img{width:50px!important;height:50px!important;border-radius:50%!important;object-fit:cover;
  border:3px solid var(--rs-cream)!important;margin-left:-14px;box-shadow:0 4px 12px rgba(45,32,22,.25);}
.rs-founders-avatars img:first-child{margin-left:0;object-position:center 14%;}
.rs-founders-text{font-size:13.5px!important;color:#6E6358!important;line-height:1.45;}
.rs-founders-text strong{display:block;font-size:15px!important;color:var(--rs-ink)!important;font-weight:600;margin-bottom:2px;}

/* --- HERO right column: app image higher + Davide/Michele as two polaroids (2026-06-03) --- */
@media(min-width:992px){
  .rs-hero-row{align-items:flex-start!important;}
  .rs-hero-left{padding-top:6px;}
}
.rs-hero-visual{padding:0 0 6px 8px!important;}
.rs-hero-scene{position:relative;}
.rs-hero-polas{position:absolute;right:-20px;bottom:-46px;display:flex;align-items:flex-end;z-index:4;}
.rs-hpola{background:#fff;padding:7px 7px 0;border-radius:4px;margin:0;
  box-shadow:0 24px 52px -22px rgba(45,32,22,.6);transition:transform .45s cubic-bezier(.2,1,.3,1);}
.rs-hpola img{width:112px;height:124px;object-fit:cover;display:block;border-radius:2px;}
.rs-hpola figcaption{font-family:var(--rs-font-display);font-size:12px;color:var(--rs-ink);text-align:center;padding:7px 3px 9px;}
.rs-hpola-1{transform:rotate(-5deg);z-index:1;}
.rs-hpola-1 img{object-position:center 14%;}
.rs-hpola-2{transform:rotate(4deg);margin-left:-24px;z-index:2;}
.rs-hpola:hover{transform:rotate(0) translateY(-6px) scale(1.03);z-index:5;}
.rs-hero-credit-slogan{font-family:var(--rs-font-display)!important;font-style:italic;font-weight:500;
  font-size:clamp(16px,1.35vw,20px)!important;color:var(--rs-ink)!important;line-height:1.35;margin:26px 0 0!important;max-width:26ch;}
.rs-hero-credit-slogan .rs-em{color:var(--rs-terra)!important;font-style:italic;white-space:nowrap;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2014'%3E%3Cpath%20d='M4,9%20C45,3%2070,12%20110,7%20C145,3%20175,11%20196,7'%20fill='none'%20stroke='%23C45A38'%20stroke-width='4'%20stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:0 1.02em;background-size:100% .4em;padding-bottom:.18em;}
/* typewriter cursor */
.tw-cur{color:var(--rs-terra)!important;font-weight:300;margin-left:3px;}
@media (prefers-reduced-motion:no-preference){.tw-cur{animation:twBlink 1.05s steps(1) infinite;}}
@keyframes twBlink{50%{opacity:0;}}
@media(max-width:991px){
  .rs-hero-polas{position:static;justify-content:center;margin-top:22px;}
  .rs-hpola-2{margin-left:-20px;}
  .rs-hero-credit-slogan{text-align:center;margin-inline:auto;}
}

/* --- HERO buttons: fix 30px span inflation + clean hierarchy (2026-06-03) --- */
.rs-hero-left .hero-cta-row .btn span{font-size:inherit!important;}
.rs-hero-left .hero-cta-row{gap:12px!important;margin-top:32px!important;flex-wrap:nowrap;}
.hero-cta-row .btn{font-size:16px!important;padding:13px 24px!important;font-weight:600!important;letter-spacing:0!important;white-space:nowrap;}
@media(max-width:520px){.rs-hero-left .hero-cta-row{flex-wrap:wrap;}}
.hero-cta-row .btn.theme-bg{box-shadow:0 16px 34px -16px rgba(196,90,56,.65)!important;}
.hero-cta-row .hero-trial.btn-2{background:transparent!important;border:1px solid var(--rs-hairline)!important;
  color:var(--rs-ink)!important;box-shadow:none!important;}
.hero-cta-row .hero-trial.btn-2:hover{border-color:var(--rs-terra)!important;color:var(--rs-terra)!important;background:transparent!important;transform:translateY(-2px);}
.rs-hero-left .hero-ki-link{margin-top:18px!important;}

/* --- hero / layout refinements --- */
.rs-hero-left .f-700.theme-color{color:var(--rs-terra-deep)!important;}   /* eyebrow → AA contrast (~6.6:1) */
.rs-hero-left .hero-cta-row{flex-wrap:wrap!important;}                      /* buttons wrap on zoom/longer locale labels */
@media(max-width:1199px){
  .rs-hero-polas{position:static!important;justify-content:center;margin-top:22px;}  /* avoid clip/overlap at 992–1199px */
  .rs-hero-credit-slogan{text-align:center;margin-inline:auto;}
}
@media(max-width:991px){
  .rs-hero-badge{width:90px!important;height:90px!important;top:-14px!important;right:4px!important;}
  .rs-hero-badge b{font-size:25px!important;}
}
/* lower the right block slightly + de-emphasize KI link (Francesco) */
@media(min-width:992px){.rs-hero-visual{margin-top:58px!important;}}
/* KI live-demo chip — the 'call & test our AI' offer must be noticeable (Francesco) */
.rs-hero-left .hero-ki-link{display:inline-flex!important;align-items:center;gap:9px;width:max-content;
  margin-top:24px!important;padding:9px 16px 9px 13px!important;border-radius:999px!important;border-bottom:0!important;
  background:var(--rs-terra-tint)!important;color:var(--rs-terra-deep)!important;font-weight:600;
  transition:background .25s,transform .25s,box-shadow .25s;}
.rs-hero-left .hero-ki-link:hover{background:#ECCCBA!important;color:var(--rs-terra-deep)!important;
  transform:translateY(-2px);box-shadow:0 12px 26px -16px rgba(196,90,56,.55);}
.rs-ki-dot{width:9px;height:9px;border-radius:50%;background:var(--rs-ok);flex:none;
  box-shadow:0 0 0 0 rgba(46,125,91,.55);animation:kiPulse 1.9s ease-out infinite;}
@keyframes kiPulse{0%{box-shadow:0 0 0 0 rgba(46,125,91,.55)}70%{box-shadow:0 0 0 8px rgba(46,125,91,0)}100%{box-shadow:0 0 0 0 rgba(46,125,91,0)}}
@media(prefers-reduced-motion:reduce){.rs-ki-dot{animation:none;}}

/* --- HERO height fix: kill Evalo's fixed .slider-height2 (1000px) → fit content (Francesco) --- */
.single-slider,.single-slider.slider-height2,.slider-height2{height:auto!important;min-height:0!important;}
.single-slider{display:flex!important;align-items:center!important;}
.slider-area{padding-bottom:clamp(28px,3.5vw,52px)!important;}
@media(max-width:991px){.rs-hero-visual{margin-top:8px!important;}}

/* ============================================================================
   HOME HARMONY SYSTEM  (2026-06-03 · Francesco: "armonia su tutti i blocchi").
   One rhythm, one eyebrow, one title scale, one card system — and EVERY colour-
   contrast moment expressed as the SAME floating contained panel on a single
   continuous cream. The tokens below are the only place to tune it.
   ========================================================================== */
:root{
  --rs-section-y: clamp(46px,4.6vw,68px);    /* uniform vertical rhythm (tighter)*/
  --rs-panel-r:   clamp(24px,2.6vw,38px);    /* contrast-panel corner           */
  --rs-card-r:    18px;                       /* small-card corner               */
  --rs-surface:   #FCF6EA;                    /* one card surface                */
  --rs-hair:      #E7D8C0;                    /* one hairline                    */
  --rs-eyebrow:   #A8492E;                    /* one eyebrow colour (on light) — AA ≥4.5:1 */
  --rs-eyebrow-ls:.16em;
  --rs-elev-card: 0 22px 48px -30px rgba(45,32,22,.20),0 6px 16px -12px rgba(45,32,22,.10);
  --rs-elev-dark: 0 50px 110px -54px rgba(34,26,18,.55),0 12px 30px -20px rgba(34,26,18,.32);
  --rs-elev-warm: 0 48px 100px -54px rgba(196,90,56,.50),0 12px 30px -20px rgba(45,32,22,.28);
}
/* 1 ── uniform breathing rhythm on every content section -------------------- */
#warum,#ki-anrufen,#widget,#voicebot,#preise,#quandoo,#stimmen{
  padding-top:var(--rs-section-y)!important;padding-bottom:var(--rs-section-y)!important;
}
/* 2 ── one eyebrow treatment (light sections; #voicebot keeps clay on dark) -- */
#warum .theme-color.f-700,#ki-anrufen .theme-color.f-700,#widget .theme-color.f-700,
#preise .theme-color.f-700,#stimmen .theme-color.f-700,.rs-demo-head .theme-color.f-700{
  color:var(--rs-eyebrow)!important;letter-spacing:var(--rs-eyebrow-ls)!important;
  font-size:13px!important;font-weight:600!important;text-transform:uppercase!important;
}
/* 3 ── one section-title scale (equal hierarchy across sections) ------------- */
#warum h2,#widget h2,#preise .title h4,#stimmen .title h4,
#ki-anrufen .feature-content h3,#voicebot .feature-content h3,#quandoo .sp-feature-content h3{
  font-size:clamp(30px,3.3vw,42px)!important;line-height:1.14!important;
}
/* 4 ── one card system (resting cards share surface, hairline, radius, elev) - */
.packages,.testimonial-text2,.rs-demo-voicecard{
  border-radius:var(--rs-card-r)!important;background:var(--rs-surface)!important;
  border:1px solid var(--rs-hair)!important;box-shadow:var(--rs-elev-card)!important;
}
.rs-demo-frame{border-radius:var(--rs-card-r)!important;border:1px solid var(--rs-hair)!important;
  box-shadow:var(--rs-elev-card)!important;}
.packages.middle.active,.packages.active{
  border:2px solid var(--rs-eyebrow)!important;box-shadow:var(--rs-elev-warm)!important;}
/* 5 ── contrast moments = the SAME floating contained panel ----------------- */
/* dark interlude (#voicebot) */
#voicebot{background:#F3E9D9!important;}
#voicebot .container{
  max-width:min(1240px,92%)!important;
  background:var(--rs-espresso)!important;border-radius:var(--rs-panel-r)!important;
  padding:clamp(50px,6vw,92px) clamp(28px,4.6vw,70px)!important;box-shadow:var(--rs-elev-dark)!important;}
/* terracotta interlude (#quandoo) — was full-bleed, now a contained panel.
   The section's terracotta lived on the band; the panel carries it now. */
#quandoo{background:#F3E9D9!important;}
#quandoo .sp-offer-bg{
  width:min(1240px,92%)!important;margin-inline:auto!important;overflow:hidden;
  background:linear-gradient(155deg,var(--rs-terra) 0%,var(--rs-terra-deep) 100%)!important;
  border-radius:var(--rs-panel-r)!important;box-shadow:var(--rs-elev-warm)!important;
  padding-left:clamp(24px,4vw,58px)!important;padding-right:clamp(24px,4vw,58px)!important;}
/* content is designed for the band → keep it light on the terracotta */
#quandoo .sp-feature-content .title,#quandoo .sp-feature-content .title h3,
#quandoo .sp-feature-content .title p,#quandoo .sp-feature-content .title span,
#quandoo .sp-feature-content .rs-list li,#quandoo .sp-feature-content .rs-list li span{color:#FCF4EC!important;}
/* terracotta closer (#cta-final) — align corner to the panel language */
#cta-final .banner-wrapper{border-radius:var(--rs-panel-r)!important;}
/* small screens: gentler corners */
@media(max-width:575px){:root{--rs-panel-r:18px;--rs-card-r:14px;}#voicebot .container{padding:36px 22px!important;}}

/* ---------- footer copyright bar — "ein Produkt von CodLab" (2026-06-03) ---- */
.rs-copy{display:flex;flex-wrap:wrap;align-items:center;gap:6px 13px;margin:0;
  font-size:13.5px;line-height:1.5;opacity:.92;}
.rs-copy-sep{opacity:.38;}
.rs-copy-dach{opacity:.82;}
.rs-codlab{display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  color:inherit;opacity:.8;transition:opacity .2s ease;}
.rs-codlab:hover{opacity:1;}
.rs-codlab-by{letter-spacing:.01em;opacity:.82;}
.rs-codlab-logo{height:18px;width:auto;display:block;position:relative;top:-1px;}
@media(max-width:767px){.rs-copy{justify-content:center;text-align:center;}}

/* ============================================================================
   HERO 2 · Das Reservierungsbuch (full-bleed immersive) + nav over dark
   ========================================================================== */
.rs-hero2{position:relative;min-height:clamp(580px,86vh,860px);display:flex;align-items:center;overflow:hidden;background:#19110b;}
.rs-hero2-media{position:absolute;inset:0;z-index:0;}
.rs-hero2-media img{width:100%;height:100%;object-fit:cover;object-position:55% 50%;}
.rs-hero2-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(18,12,7,.60) 0%,rgba(18,12,7,0) 16%),
             linear-gradient(92deg,rgba(18,12,7,.90) 0%,rgba(18,12,7,.72) 30%,rgba(18,12,7,.30) 58%,rgba(18,12,7,0) 92%),
             linear-gradient(0deg,rgba(18,12,7,.55) 0%,rgba(18,12,7,0) 48%);}
.rs-hero2 .container{position:relative;z-index:2;}
/* pull the hero image up behind the (transparent) announcement + nav.
   margin-top:-X + padding-top:X keeps content just below the bars on EVERY
   breakpoint (no JS), and the image fills the top as long as X >= bars height. */
.rs-hero2{margin-top:-240px;}
.rsv-qd-bar{position:relative;z-index:950;background:transparent!important;border-bottom:0!important;}
.rs-hero2-inner{max-width:610px;padding:calc(240px + clamp(30px,6vh,72px)) 0 56px;color:#F6EEE0;}
.rs-hero2-eyebrow{display:flex;align-items:center;gap:13px;font-size:12.5px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:#E7D6BF;margin:0 0 22px;}
.rs-stamp{display:inline-block;font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:10.5px;
  letter-spacing:.22em;color:#EE7A5F;border:1.5px solid rgba(238,122,95,.7);border-radius:3px;
  padding:3px 8px;transform:rotate(-4deg);}
.rs-hero2-title{font-family:'Fraunces',Georgia,serif;font-weight:600;color:#FBF4E8;
  font-size:clamp(40px,5.5vw,78px);line-height:1.02;letter-spacing:-.012em;margin:0 0 22px;}
.rs-hero2-title .accent{color:#E7A877;font-style:italic;}
.rs-hero2-sub{font-size:clamp(16.5px,1.45vw,20px);line-height:1.55;color:#E9DECF;max-width:34em;margin:0 0 30px;}
.rs-hero2-sub strong{color:#FBF4E8;font-weight:700;}
.rs-hero2-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:0 0 22px;}
.rs-btn-ghost-light{background:transparent!important;border:1px solid rgba(246,238,224,.55)!important;color:#F6EEE0!important;}
.rs-btn-ghost-light:hover{background:rgba(246,238,224,.12)!important;border-color:#F6EEE0!important;color:#fff!important;}
.rs-hero2-micro{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:#CCBBA3;margin:0;}
.rs-hero2-zero{font-weight:700;color:#F1B48C;letter-spacing:.01em;}
@media(max-width:767px){
  .rs-hero2{min-height:auto;}
  .rs-hero2-media img{object-position:74% 50%;}
  .rs-hero2-inner{max-width:none;padding:calc(240px + clamp(16px,3vh,36px)) 0 56px;}
  .rs-hero2-scrim{background:
    linear-gradient(180deg,rgba(18,12,7,.84) 0%,rgba(18,12,7,.5) 24%,rgba(18,12,7,0) 44%),
    linear-gradient(0deg,rgba(18,12,7,.9) 10%,rgba(18,12,7,.42) 56%,rgba(18,12,7,0) 100%);}
}
/* small phones: the 40px floor clips the long word "Reservierungsbuch" — scale the hero title down to fit */
@media(max-width:440px){
  .rs-hero2-title{font-size:clamp(28px,8.7vw,40px);}
}

/* --- nav: light over the dark hero, dark (cream bar) on scroll --- */
.rsv-nav-brand .rsv-logo-light{display:none!important;}
.rsv-nav-brand .rsv-logo-dark{display:block!important;}
.rsv-nav:not(.is-scrolled) .rsv-nav-brand .rsv-logo-dark{display:none!important;}
.rsv-nav:not(.is-scrolled) .rsv-nav-brand .rsv-logo-light{display:block!important;}
.rsv-nav:not(.is-scrolled) .rsv-nav-links a,
.rsv-nav:not(.is-scrolled) .rsv-nav-meta .rsv-lang a,
.rsv-nav:not(.is-scrolled) .rsv-nav-btn-ghost{color:#F2E7D6!important;}
.rsv-nav:not(.is-scrolled) .rsv-nav-btn-ghost{border-color:rgba(242,231,214,.5)!important;}
/* a11y (axe/Lighthouse nightly): opaque dark fill on the not-scrolled ghost
   button so its cream text always meets WCAG AA contrast — even when the nav
   transiently overflows the hero (web-font FOUT / lang-span flash) and the
   button is sampled over the cream page bg (was 1.01:1). Cream #F2E7D6 on
   espresso #2A2018 ≈ 13:1. Excludes the --on-light variant (dark-ink text). */
.rsv-nav:not(.is-scrolled):not(.rsv-nav--on-light) .rsv-nav-btn-ghost{background:#2A2018!important;}
.rsv-nav:not(.is-scrolled) .rsv-nav-burger span{background:#F2E7D6!important;}

/* ============================================================================
   #warum · editorial ledger "index of the Reservierungsbuch" (replaces the
   radial ecosystem diagram — Fase 2, anti-template). Asymmetric: sticky intro
   left + numbered ruled ledger right.
   ========================================================================== */
#warum .rs-eco{display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(36px,6vw,88px);align-items:start;}
#warum .rs-eco-intro{position:sticky;top:120px;}
#warum .rs-eco-eyebrow{display:block;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rs-terra)!important;margin-bottom:16px;}
#warum .rs-eco-intro h2{font-family:'Fraunces',Georgia,serif!important;color:var(--rs-ink)!important;font-size:clamp(30px,3.3vw,44px)!important;line-height:1.08!important;margin:0 0 18px!important;font-weight:600;}
#warum .rs-eco-intro h2 .accent{color:var(--rs-terra)!important;font-style:italic;}
#warum .rs-eco-lede{color:var(--rs-muted)!important;font-size:16px!important;line-height:1.6!important;margin:0 0 18px!important;max-width:34em;}
#warum .rs-eco-sig{font-family:'Fraunces',Georgia,serif!important;font-style:italic;color:var(--rs-ink)!important;font-size:18px!important;margin:0!important;}
#warum .rs-eco-ledger{list-style:none;margin:0;padding:0;border-top:1px solid var(--rs-hairline);}
#warum .rs-eco-ledger li{display:grid;grid-template-columns:46px 1fr;gap:6px 18px;align-items:baseline;padding:22px 6px;border-bottom:1px solid var(--rs-hairline);transition:background .25s ease;}
#warum .rs-eco-ledger li:hover{background:rgba(196,90,56,.05);}
#warum .rs-eco-num{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:13px;font-weight:600;color:var(--rs-terra)!important;letter-spacing:.04em;}
#warum .rs-eco-ledger h3{font-family:'Fraunces',Georgia,serif!important;color:var(--rs-ink)!important;font-size:clamp(18px,1.5vw,23px)!important;font-weight:600;margin:0 0 3px!important;}
#warum .rs-eco-ledger p{color:var(--rs-muted)!important;font-size:14.5px!important;line-height:1.5!important;margin:0!important;}
@media(max-width:860px){#warum .rs-eco{grid-template-columns:1fr;gap:30px;}#warum .rs-eco-intro{position:static;}}

/* ============================================================================
   FASE 3 · Kommissions-Rechner + Vergleich + FAQ (conversion content)
   ========================================================================== */
/* --- Provisions-Rechner (dark contained panel) --- */
.rs-rech-area{background:#F3E9D9;padding-top:var(--rs-section-y);padding-bottom:var(--rs-section-y);}
.rs-rech{background:var(--rs-espresso);border-radius:var(--rs-panel-r);box-shadow:var(--rs-elev-dark);max-width:min(1080px,92%);margin-inline:auto;padding:clamp(40px,5vw,72px) clamp(26px,5vw,72px);color:#F6EEE0;}
.rs-rech-head{text-align:center;max-width:640px;margin:0 auto clamp(30px,4vw,46px);}
.rs-rech-eyebrow{display:block;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#E7A877;margin-bottom:14px;}
.rs-rech-head h2{font-family:'Fraunces',Georgia,serif;font-weight:600;color:#FBF4E8;font-size:clamp(27px,3.1vw,42px);line-height:1.1;margin:0;}
.rs-rech-head h2 .accent{color:#E7A877;font-style:italic;}
.rs-rech-control{max-width:560px;margin:0 auto 38px;}
.rs-rech-control label{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;color:#E9DECF;margin-bottom:14px;}
.rs-rech-control output{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:22px;font-weight:700;color:#F1B48C;}
#rcSlider{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:999px;background:linear-gradient(90deg,#C45A38 var(--rc-pct,30%),rgba(246,238,224,.18) var(--rc-pct,30%));outline:none;}
#rcSlider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#F6EEE0;border:3px solid #C45A38;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.35);}
#rcSlider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#F6EEE0;border:3px solid #C45A38;cursor:pointer;}
.rs-rech-scale{display:flex;justify-content:space-between;font-size:12px;color:#9C8C78;margin-top:8px;}
.rs-rech-result{display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,52px);flex-wrap:wrap;}
.rs-rech-card{text-align:center;min-width:190px;}
.rs-rech-label{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#C9B7A1;margin-bottom:8px;}
.rs-rech-card strong{display:block;font-family:'Fraunces',Georgia,serif;font-size:clamp(38px,5vw,62px);line-height:1;font-weight:600;}
.rs-rech-them strong{color:#E0A06F;}
.rs-rech-us strong{color:#FBF4E8;}
.rs-rech-sub{display:block;font-size:13px;color:#A89478;margin-top:8px;}
.rs-rech-vs{font-family:'Fraunces',Georgia,serif;font-style:italic;color:#9C8C78;font-size:20px;}
.rs-rech-note{text-align:center;font-size:13px;color:#A4937D;margin:clamp(26px,4vw,38px) auto 0;max-width:620px;line-height:1.5;}
/* --- Vergleich table --- */
.rs-cmp-area{background:#F3E9D9;padding-top:var(--rs-section-y);padding-bottom:var(--rs-section-y);}
.rs-cmp-head{text-align:center;max-width:640px;margin:0 auto clamp(32px,4vw,50px);}
.rs-cmp-eyebrow{display:block;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rs-terra);margin-bottom:14px;}
.rs-cmp-head h2{font-family:'Fraunces',Georgia,serif;font-weight:600;color:var(--rs-ink);font-size:clamp(27px,3.1vw,42px);line-height:1.1;margin:0;}
.rs-cmp-head h2 .accent{color:var(--rs-terra);font-style:italic;}
.rs-cmp{max-width:920px;margin-inline:auto;}
.rs-cmp-row{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;align-items:center;border-bottom:1px solid var(--rs-hairline);}
.rs-cmp-feat{padding:17px 16px 17px 2px;font-weight:600;color:var(--rs-ink);font-size:15px;}
.rs-cmp-col{padding:17px 8px;text-align:center;font-size:15px;color:var(--rs-muted);}
.rs-cmp-colhead .rs-cmp-col{font-family:'Fraunces',Georgia,serif;font-weight:600;color:var(--rs-ink);font-size:17px;}
.rs-cmp-no{color:#C08B79;}
.rs-cmp-mid{color:#9a8a72;font-size:13.5px;}
.rs-cmp-us{background:rgba(196,90,56,.07);color:var(--rs-terra-deep);font-weight:700;}
.rs-cmp-colhead .rs-cmp-us{color:var(--rs-terra-deep);border-radius:10px 10px 0 0;}
.rs-cmp-row:last-child .rs-cmp-us{border-radius:0 0 10px 10px;}
.rs-cmp-us b{font-size:17px;}
@media(max-width:620px){.rs-cmp{overflow-x:auto;-webkit-overflow-scrolling:touch;}.rs-cmp-row{min-width:520px;}}
/* --- FAQ (native details accordion) --- */
.rs-faq-area{background:#F3E9D9;padding-top:var(--rs-section-y);padding-bottom:var(--rs-section-y);}
.rs-faq{display:grid;grid-template-columns:0.8fr 1.2fr;gap:clamp(34px,6vw,80px);align-items:start;max-width:1100px;margin-inline:auto;}
.rs-faq-intro{position:sticky;top:120px;}
.rs-faq-eyebrow{display:block;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rs-terra);margin-bottom:14px;}
.rs-faq-intro h2{font-family:'Fraunces',Georgia,serif;font-weight:600;color:var(--rs-ink);font-size:clamp(28px,3.1vw,42px);line-height:1.08;margin:0;}
.rs-faq-intro h2 .accent{color:var(--rs-terra);font-style:italic;}
.rs-faq-list{border-top:1px solid var(--rs-hairline);}
.rs-faq-item{border-bottom:1px solid var(--rs-hairline);}
.rs-faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 2px;font-family:'Fraunces',Georgia,serif;font-size:clamp(17px,1.5vw,21px);font-weight:600;color:var(--rs-ink);}
.rs-faq-item summary::-webkit-details-marker{display:none;}
.rs-faq-item summary::after{content:"+";font-family:ui-monospace,monospace;color:var(--rs-terra);font-size:26px;line-height:1;flex:none;}
.rs-faq-item[open] summary::after{content:"\2013";}
.rs-faq-a{padding:0 2px 24px;}
.rs-faq-a p{color:var(--rs-muted);font-size:15.5px;line-height:1.62;margin:0;max-width:48em;}
@media(max-width:860px){.rs-faq{grid-template-columns:1fr;gap:26px;}.rs-faq-intro{position:static;}}

/* --- Fase 4 · micro-interactions (reduced-motion safe) --- */
@media(prefers-reduced-motion:no-preference){
  .rs-stamp{animation:rsStamp .7s cubic-bezier(.2,.85,.25,1) .35s both;}
  @keyframes rsStamp{0%{opacity:0;transform:rotate(-4deg) scale(1.45)}55%{opacity:1;transform:rotate(-4deg) scale(.93)}100%{opacity:1;transform:rotate(-4deg) scale(1)}}
  #warum .rs-eco-num{transition:transform .25s ease;}
  #warum .rs-eco-ledger li:hover .rs-eco-num{transform:translateX(3px);}
  #vergleich .rs-cmp-row:not(.rs-cmp-colhead){transition:background .2s ease;}
  #vergleich .rs-cmp-row:not(.rs-cmp-colhead):hover{background:rgba(45,32,22,.025);}
}

/* uniform cream field — one continuous tone; only the dark/terracotta panels
   provide contrast (Francesco: più uniformità, stacchi meno netti) */
#warum,#stimmen{background:#F3E9D9!important;}
.rs-rech-area,.rs-cmp-area,.rs-faq-area{background:#F3E9D9!important;}

/* ============================================================================
   FASE 5 refinements · proof chips · terracotta Rechner · editorial pricing
   ========================================================================== */
/* testimonial hard-proof metric chip */
.rs-tst-metric{display:flex;align-items:baseline;gap:9px;margin-top:18px;padding-top:15px;border-top:1px solid var(--rs-hairline);}
.rs-tst-metric b{font-family:'Fraunces',Georgia,serif;font-size:23px;line-height:1;color:var(--rs-terra);}
.rs-tst-metric span{font-size:12px;color:var(--rs-muted);text-transform:uppercase;letter-spacing:.07em;}
/* #rechner → terracotta panel (breaks two adjacent dark panels; manifesto tone) */
.rs-rech{background:linear-gradient(155deg,var(--rs-terra) 0%,var(--rs-terra-deep) 100%)!important;box-shadow:var(--rs-elev-warm)!important;}
.rs-rech-eyebrow{color:#FFE3D5!important;}
.rs-rech-head h2{color:#FCF4EC!important;}
.rs-rech-head h2 .accent{color:#FBE0CF!important;}
.rs-rech-control label{color:#FBE7DA!important;}
.rs-rech-control output{color:#FFFFFF!important;}
#rcSlider{background:linear-gradient(90deg,#FCF4EC var(--rc-pct,30%),rgba(255,255,255,.28) var(--rc-pct,30%))!important;}
#rcSlider::-webkit-slider-thumb{background:#FCF4EC!important;border-color:var(--rs-terra-deep)!important;}
#rcSlider::-moz-range-thumb{background:#FCF4EC!important;border-color:var(--rs-terra-deep)!important;}
.rs-rech-scale{color:#F1C9B3!important;}
.rs-rech-label{color:#FBE0CF!important;}
.rs-rech-them strong{color:#F7DBCB!important;}
.rs-rech-us strong{color:#FFFFFF!important;}
.rs-rech-sub{color:#F2CDB9!important;}
.rs-rech-vs{color:#FBD9C6!important;}
.rs-rech-note{color:#F3CFBC!important;}
/* #preise · editorial prices (Fraunces) — less SaaS-card */
#preise .price h3{font-family:'Fraunces',Georgia,serif!important;font-size:clamp(40px,4.2vw,56px)!important;font-weight:600!important;color:var(--rs-ink)!important;letter-spacing:-.01em;}
#preise .packages h5{font-family:'Fraunces',Georgia,serif!important;font-weight:600!important;color:var(--rs-terra-deep)!important;font-size:20px!important;}

/* back-to-top FAB → bottom-LEFT (clear of the chat-bot FAB on the right) */
#scroll{position:fixed!important;left:22px;right:auto!important;bottom:22px;width:auto!important;z-index:9980;}
#scroll .top span{display:flex!important;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--rs-espresso)!important;color:#F6EEE0!important;box-shadow:0 12px 28px -12px rgba(0,0,0,.45);cursor:pointer;transition:transform .2s ease,background .2s ease;}
#scroll .top span:hover{background:var(--rs-terra)!important;transform:translateY(-3px);}
#scroll .top span i{font-size:16px;line-height:1;}
@media(max-width:575px){#scroll{left:16px;bottom:16px;}#scroll .top span{width:42px;height:42px;}}
/* force the actual back-to-top circle to bottom-LEFT (Evalo positions it right) */
#scroll .top span{position:fixed!important;left:22px!important;right:auto!important;bottom:22px!important;}
@media(max-width:575px){#scroll .top span{left:16px!important;bottom:16px!important;}}

/* ============================================================
   A11y contrast remediation — WCAG 2.2 AA (2026-06-04)
   Bright brand terracotta (--rs-terra #C45A38) stays for large/
   decorative fills; button fills + terracotta-as-text route to the
   AA-safe deep terracotta (--rs-terra-deep #A8492E, ≥4.5:1), and
   the cream-on-light cascade bugs / dim footer text flagged by the
   axe-core + Lighthouse nightly monitor are corrected here.
   ============================================================ */

/* terracotta used as TEXT on light surfaces (eyebrows, accents) — was 3.4–3.6:1 */
.theme-color,.rs-avatar-initials,.btn-2{color:var(--rs-terra-deep)!important;}

/* white text on terracotta FILLS (CTAs, badge, active demo tab, nav primary) — was 3.9–4.3:1 */
.theme-bg,.video-play.theme-bg,
.btn.theme-bg,a.theme-bg.btn,.theme-bg.btn,
.rs-badge,.rs-demo-tab.active,.rsv-nav-btn-primary{background:var(--rs-terra-deep)!important;color:#fff!important;}

/* language switcher: active pill = deep-terra text on its light tint (was cream-on-cream 1.0:1).
   Dark-on-light passes whether the nav forces ink (on-light pages) or this rule wins. */
.rsv-lang a.is-active,
.rsv-nav:not(.is-scrolled) .rsv-lang a.is-active{color:var(--rs-terra-deep)!important;background:var(--rs-terra-tint)!important;}

/* homepage pricing: Evalo .price span was #b9b8c2 on cream (1.8:1) */
.packages .price h3 span,.packages .price span,.price .secondary-color{color:var(--rs-muted)!important;}

/* dark footer: link/title/blurb spans fell back to #666 (3:1); copyright dimmed below AA by opacity */
.footer-area,.footer-area p,.footer-area a,.footer-area li,.footer-area span,
.footer-area .footer-widget a,.footer-area .footer-widget a span,
.footer-area .footer-title,.footer-area .footer-title span{color:#D8CDBD!important;}
.footer-area a:hover,.footer-area a:hover span{color:var(--rs-clay-light)!important;}
.rs-copy,.rs-copy span,.rs-codlab,.rs-codlab-by,.rs-copy-dach{opacity:1!important;color:#CBBFAE!important;}
.rs-copy-sep{opacity:.55!important;}

/* nav over a LIGHT hero (/preise/): cream nav text was invisible on the cream canvas */
.rsv-nav.rsv-nav--on-light:not(.is-scrolled) .rsv-nav-links a,
.rsv-nav.rsv-nav--on-light:not(.is-scrolled) .rsv-nav-meta .rsv-lang a,
.rsv-nav.rsv-nav--on-light:not(.is-scrolled) .rsv-nav-link-hot,
.rsv-nav.rsv-nav--on-light:not(.is-scrolled) .rsv-nav-btn-ghost{color:var(--rs-ink)!important;}
.rsv-nav.rsv-nav--on-light:not(.is-scrolled) .rsv-nav-btn-ghost{border-color:var(--rs-hairline)!important;}
.rsv-nav.rsv-nav--on-light:not(.is-scrolled) .rsv-nav-links a[aria-current=page]{color:var(--rs-terra-deep)!important;}
.rsv-nav.rsv-nav--on-light:not(.is-scrolled) .rsv-nav-burger span{background:var(--rs-ink)!important;}
.rsv-nav.rsv-nav--on-light:not(.is-scrolled) .rsv-nav-brand .rsv-logo-dark{display:block!important;}
.rsv-nav.rsv-nav--on-light:not(.is-scrolled) .rsv-nav-brand .rsv-logo-light{display:none!important;}

/* heading-order remediation (2026-06-04): heading tags re-levelled for a valid
   document outline (h4→h3 pricing title, h5→h4 plan names, h6→h4 testimonial
   authors, h4→h3 banner, h6→h2 footer titles). Type styles pinned to the prior
   responsive values so the rendering is visually unchanged. */
.title.text-center h3{font-family:var(--rs-font-display)!important;font-weight:600!important;color:var(--rs-ink)!important;font-size:clamp(26px,3vw,40px)!important;line-height:1.2!important;margin:0 0 8px!important;}
.packages .price-header h4{font-family:var(--rs-font-display)!important;font-weight:600!important;color:var(--rs-terra-deep)!important;font-size:20px!important;line-height:1.12!important;margin:0 0 15px!important;}
.avatar-info h4{font-family:var(--rs-font-display)!important;font-weight:600!important;color:var(--rs-ink)!important;font-size:21px!important;line-height:1.12!important;margin:0!important;}
.banner-content h3{font-family:var(--rs-font-display)!important;font-weight:600!important;font-size:clamp(24px,2.4vw,34px)!important;line-height:1.4!important;margin:0 0 15px!important;}
#cta-final .banner-content h3{color:#FCF4EC!important;}

/* CLS remediation (2026-06-04): the hero title (Fraunces) reflowed on font-swap,
   shifting the vertically-centred hero block (~0.12 CLS on the slow-LCP hero).
   'Fraunces Hero' uses font-display:optional — paired with the <link rel=preload>
   in the page head it renders Fraunces when ready and otherwise keeps the fallback,
   but NEVER swaps after first paint, so there is no layout shift. */
@font-face{font-family:'Fraunces Hero';font-style:normal;font-weight:600;font-display:optional;
  src:url(/assets/evalo/fonts/6NU78FyLNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0KxC9TeA.woff2) format('woff2');}
/* NB: 'Fraunces' (swap) intentionally NOT in this stack — keeping it would let the
   title fall to the swap face and reflow when 'Fraunces Hero' (optional) misses its
   block window. Stack is optional-face → Georgia only, so the title never swaps. */
.rs-hero2-title{font-family:'Fraunces Hero',Georgia,serif!important;}

/* ===== Language selector — guarantee readable in EVERY nav state (fix 2026-06-04) ===== */
.rsv-nav .rsv-lang a{color:#F2E7D6!important;}
.rsv-nav .rsv-lang a.is-active{color:#fff!important;background:var(--rs-terra-deep,#A8492E)!important;}
.rsv-nav.rsv-nav--on-light .rsv-lang a{color:#241F19!important;}
.rsv-nav.rsv-nav--on-light .rsv-lang a.is-active{color:#fff!important;background:var(--rs-terra-deep,#A8492E)!important;}
.rsv-nav .rsv-lang a:hover{color:var(--rs-terra-deep,#A8492E)!important;}
.rsv-nav .rsv-lang a.is-active:hover{color:#fff!important;}
.rsv-nav.rsv-nav--on-light .rsv-lang{border-color:var(--rs-hairline,rgba(36,31,25,.12))!important;}
/* stronger: active lang pill = white on terracotta even on the on-light nav (beats :not(scrolled) ink rule) */
.rsv-nav.rsv-nav--on-light .rsv-nav-meta .rsv-lang a.is-active,
.rsv-nav.rsv-nav--on-light:not(.is-scrolled) .rsv-nav-meta .rsv-lang a.is-active,
.rsv-nav .rsv-nav-meta .rsv-lang a.is-active{color:#fff!important;background:var(--rs-terra-deep,#A8492E)!important;}

/* fix 2026-06-04: language selector must be DARK when the nav is scrolled (cream bg).
   The nav is transparent over the dark hero at top (white lang text = correct) but
   becomes cream on scroll, where the previous white #F2E7D6 was invisible. Tie the
   dark colour to the actual .is-scrolled state (not the legacy --on-light class). */
.rsv-nav.is-scrolled .rsv-lang a,.rsv-nav.is-scrolled .rsv-nav-meta .rsv-lang a{color:#241F19!important;}
.rsv-nav.is-scrolled .rsv-lang a:hover,.rsv-nav.is-scrolled .rsv-nav-meta .rsv-lang a:hover{color:var(--rs-terra-deep,#A8492E)!important;}
.rsv-nav.is-scrolled .rsv-lang a.is-active,.rsv-nav.is-scrolled .rsv-nav-meta .rsv-lang a.is-active{color:#fff!important;background:var(--rs-terra-deep,#A8492E)!important;}