/* CleanWhale.pl — Robotyzacja sprzątania (cleanwhale.pl/roboty).
   Канон: design/DESIGN.md (futura-pt, плоский #2457c6, ореолы, радиусы clamp/6/999).
   Шапка и футер — копия родной оболочки cleanwhale.pl (как на /kaucja). */

:root {
  --cw99-blue: #2457c6;
  --cw99-blue-hover: #1c47a6;
  --cw99-yellow: #ffc73b;
  --cw99-green: #59b78b;
  --cw99-green-dark: #1f7a57;
  --cw99-card: #fafafa;
  --cw99-line: #e9e9e9;
  --cw99-dark: #242424;
  --cw99-muted: #5b6472;
  --chip-bg: #eef2fc;
  --r: clamp(10px, 1.05vw, 16px);
  --r-lg: clamp(14px, 1.5vw, 20px);
  --gutter: 3.6vw;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; scroll-padding-top: 96px; }

body {
  font-family: futura-pt, "Futura", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #000;
  background: #fff;
}

img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; }

.kc-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
.kc-i { width: 20px; height: 20px; display: block; flex-shrink: 0; }

.kc-visually-hidden {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap;
}

:focus-visible { outline: 2px solid var(--cw99-blue); outline-offset: 2px; }

/* ---------- Хедер — настоящий cleanwhale.pl ---------- */

.kc-header {
  position: sticky; top: 0; z-index: 50;
  background: var(--cw99-blue);
}

.kc-header__bar {
  display: flex; align-items: center; gap: 1.3vw;
  padding: 10px var(--gutter);
}

.kc-logo { display: inline-flex; align-items: center; flex-shrink: 0; }
.kc-logo img { height: 48px; }

/* Дропдауны на details */
.kc-dd { position: relative; }
.kc-dd summary {
  list-style: none; cursor: pointer;
  display: inline-flex; align-items: center; gap: 7px;
  color: #fff; font-size: 15px; font-weight: 500; white-space: nowrap;
}
.kc-dd summary::-webkit-details-marker { display: none; }
.kc-dd summary img { width: 20px; height: 20px; }
.kc-dd summary .kc-i { width: 14px; height: 14px; color: #fff; opacity: 0.8; transition: transform 0.15s ease; }
.kc-dd[open] > summary .kc-i { transform: rotate(180deg); }

.kc-dd__panel {
  position: absolute; top: calc(100% + 12px); left: 0; z-index: 60;
  background: #fff; border-radius: var(--r);
  box-shadow: 0 0 max(14px, 1.2vw) rgba(0, 0, 0, 0.18);
  padding: 12px;
}
.kc-dd__panel a {
  display: flex; align-items: center; gap: 10px;
  padding: 8px 12px; border-radius: 6px;
  color: #000; font-size: 14.5px; font-weight: 500; white-space: nowrap;
}
.kc-dd__panel a:hover { background: var(--chip-bg); color: var(--cw99-blue); }
.kc-dd__panel a img { width: 20px; height: 20px; }

.kc-dd__panel--cities { columns: 2; column-gap: 8px; min-width: 300px; }
.kc-dd__panel--cities a { break-inside: avoid; display: block; }

.kc-dd__panel--more { min-width: 300px; }
.kc-dd__all { color: var(--cw99-blue) !important; font-weight: 700 !important; margin-top: 4px; }
.kc-dd__all .kc-i { width: 16px; height: 16px; }

/* Мессенджеры */
.kc-header__msgrs { display: flex; align-items: center; gap: 13px; flex-shrink: 0; }
.kc-header__msgrs img { width: 20px; height: 20px; }
.kc-header__msgrs a { opacity: 0.9; }
.kc-header__msgrs a:hover { opacity: 1; }

/* Сервисные табы */
.kc-tabs { display: flex; align-items: center; gap: 5px; margin: 0 auto; }
.kc-tab {
  display: inline-flex; align-items: center; gap: 9px;
  background: #fff; color: #000;
  padding: 10px 13px; border-radius: 6px;
  font-size: 14.5px; font-weight: 500; white-space: nowrap;
  cursor: pointer;
}
.kc-tab:hover { color: var(--cw99-blue); }
.kc-tab img { width: 21px; height: 21px; }
.kc-dd--more summary.kc-tab { color: #000; }
.kc-dd--more summary.kc-tab:hover { color: var(--cw99-blue); }
.kc-dd--more summary.kc-tab .kc-i { color: #000; opacity: 0.6; }

/* Подарок с жёлтым тултипом */
.kc-gift { position: relative; flex-shrink: 0; display: inline-flex; }
.kc-gift > img { width: 30px; height: 30px; }
.kc-gift__tip {
  position: absolute; top: calc(100% + 12px); right: -12px;
  background: var(--cw99-yellow); color: #000;
  font-size: 12.5px; font-weight: 500; white-space: nowrap;
  padding: 6px 10px; border-radius: 6px;
}

/* Konto osobiste */
.kc-account {
  display: inline-flex; align-items: center; gap: 9px;
  background: rgba(255, 255, 255, 0.18);
  padding: 10px 16px; border-radius: 6px;
  color: #fff; font-size: 15px; font-weight: 500; white-space: nowrap;
  flex-shrink: 0;
}
.kc-account:hover { background: rgba(255, 255, 255, 0.28); }
.kc-account img { width: 19px; height: 19px; }

/* ---------- Футер (копия тёмного футера cleanwhale.pl) ---------- */

.kc-footer { background: var(--cw99-dark); color: #fff; padding: 3.4vw var(--gutter) 2vw; }

.kc-footer__top {
  display: grid;
  grid-template-columns: 190px 1fr 1.9fr 0.8fr;
  gap: 3vw;
  align-items: start;
}

.kc-footer__whalemark { width: 94px; height: 40px; display: block; }

.kc-footer__title {
  font-size: 15px; font-weight: 700; color: #fff;
  padding-bottom: 12px; margin-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.kc-footer__col a { display: block; color: #cfcfcf; font-size: 13.5px; margin-bottom: 12px; }
.kc-footer__col a:hover { color: #fff; }

.kc-footer__two { column-count: 2; column-gap: 2.4vw; }
.kc-footer__all { display: inline-block; margin-top: 6px; color: #fff !important; font-weight: 500; }

.kc-footer__cities { margin-top: 2.6vw; font-size: 13px; line-height: 1.7; color: #8d8d8d; }
.kc-footer__cities a { color: #8d8d8d; }
.kc-footer__cities a:hover { color: #fff; }

.kc-footer__addr {
  display: flex; align-items: center; justify-content: space-between;
  gap: 2vw; flex-wrap: wrap;
  margin-top: 1.8vw;
}
.kc-footer__addr-left { display: flex; align-items: center; gap: 2.6vw; flex-wrap: wrap; }
.kc-footer__addr-left a { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; color: #fff; }
.kc-footer__addr-left img { width: 16px; height: 16px; }
.kc-footer__addr-left a:hover { color: #cfcfcf; }

.kc-footer__legal { display: flex; gap: 10px; flex-wrap: wrap; }
.kc-footer__legal a {
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 10px;
  padding: 10px 18px;
  font-size: 13px; color: #fff;
}
.kc-footer__legal a:hover { background: rgba(255, 255, 255, 0.08); }

.kc-footer__bottom {
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: 2vw; flex-wrap: wrap;
  margin-top: 2vw;
}
.kc-footer__bottom p { font-size: 12px; line-height: 1.6; color: #8d8d8d; }
.kc-footer__pay { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.kc-footer__pay img { height: 22px; width: auto; max-width: 100%; }


/* =====================================================================
   /roboty — własne style (prefiks rb-)
   ===================================================================== */

:root { --rb-tip: #fff3cf; --rb-blue-tint: rgba(36, 87, 198, 0.08); }

.kc-tab--active { background: var(--cw99-yellow); }
.kc-tab--active:hover { color: #000; }

/* Karta-podstawa (jak na /kaucja) */
.kc-card { background: #fff; border-radius: var(--r); box-shadow: 0 0 max(12px, 1.1vw) rgba(0, 0, 0, 0.1); }

/* Podnawigacja pod szapką */
.rb-subnav {
  position: sticky; top: 68px; z-index: 40;
  display: flex; align-items: center; justify-content: space-between; gap: 2vw;
  padding: 10px var(--gutter);
  background: #fff;
  box-shadow: 0 0 max(12px, 1.1vw) rgba(0, 0, 0, 0.08);
}
.rb-subnav__links { display: flex; gap: clamp(14px, 2vw, 30px); overflow-x: auto; scrollbar-width: none; }
.rb-subnav__links::-webkit-scrollbar { display: none; }
.rb-subnav__links a { font-size: 15px; font-weight: 500; white-space: nowrap; padding: 12px 0; }
.rb-subnav__links a:hover { color: var(--cw99-blue); }

/* Przyciski */
.rb-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 15px 24px;
  background: var(--cw99-blue); color: #fff;
  border: 0; border-radius: 6px;
  font-size: 16px; font-weight: 700; line-height: 1.2;
  cursor: pointer; white-space: nowrap; text-align: center;
}
.rb-btn:hover { background: var(--cw99-blue-hover); }
.rb-btn .kc-i { width: 18px; height: 18px; }
.rb-btn[disabled] { opacity: 0.6; cursor: default; }
.rb-btn--sm { padding: 11px 18px; font-size: 14.5px; flex-shrink: 0; }
.rb-btn--ghost { background: #fff; color: var(--cw99-blue); box-shadow: inset 0 0 0 2px var(--cw99-blue); }
.rb-btn--ghost:hover { background: var(--rb-blue-tint); }
.rb-btn--yellow { background: var(--cw99-yellow); color: #000; }
.rb-btn--yellow:hover { background: #ffea84; }
.rb-btn--white { background: #fff; color: var(--cw99-blue); }
.rb-btn--white:hover { background: #eef2fc; }
.rb-btn--wide { width: 100%; min-height: 52px; }

/* Nagłówki */
.rb-h1 {
  margin: 1.1vw 0 1.2vw;
  font-family: Montserrat, futura-pt, sans-serif;
  font-size: clamp(30px, 3.5vw, 54px);
  font-weight: 900; line-height: 1.08;
}
.rb-h2 {
  font-family: Montserrat, futura-pt, sans-serif;
  font-size: clamp(25px, 2.55vw, 40px);
  font-weight: 900; line-height: 1.12;
  text-align: center;
}
.rb-h2--left { text-align: left; }
.rb-sub {
  max-width: 760px; margin: 0.9vw auto 0;
  text-align: center;
  font-size: clamp(15px, 1.15vw, 18px); line-height: 1.5; opacity: 0.72;
}
.rb-sub--left { margin-left: 0; text-align: left; }
.rb-section { padding: clamp(40px, 4.4vw, 72px) var(--gutter); }
.rb-section__head { margin-bottom: clamp(24px, 2.4vw, 40px); }
.rb-center { text-align: center; margin-top: 2vw; }
.rb-link { color: var(--cw99-blue); font-weight: 500; font-size: 14.5px; }
.rb-link:hover { text-decoration: underline; }
.rb-opt { font-weight: 400; opacity: 0.55; font-size: 0.9em; }

/* Hero */
.rb-hero {
  display: grid; grid-template-columns: 50fr 46fr; column-gap: 3.4vw; align-items: center;
  padding: 2.6vw var(--gutter) 2.4vw;
}
.rb-badge {
  display: inline-flex; align-items: center;
  padding: 9px 16px; border-radius: 999px;
  background: var(--rb-blue-tint); color: var(--cw99-blue);
  font-size: 14.5px; font-weight: 500;
}
.rb-lead { font-size: clamp(16px, 1.2vw, 19px); line-height: 1.5; opacity: 0.78; max-width: 620px; }
.rb-hero__ctas { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 1.6vw; }
.rb-hero__ctas .rb-btn { min-height: 52px; }
.rb-indicators {
  list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.4vw;
  margin-top: 2.2vw; padding-top: 1.6vw; border-top: 1px solid var(--cw99-line);
}
.rb-indicators strong { display: block; font-size: 15.5px; font-weight: 700; line-height: 1.25; }
.rb-indicators span { display: block; margin-top: 4px; font-size: 13.5px; opacity: 0.6; line-height: 1.35; }
.rb-hero__photo { margin: 0; position: relative; border-radius: var(--r-lg); overflow: hidden; }
.rb-hero__photo img { width: 100%; aspect-ratio: 5 / 4.6; object-fit: cover; object-position: 60% 60%; }
.rb-hero__photo figcaption {
  position: absolute; right: 14px; bottom: 14px;
  background: rgba(0, 0, 0, 0.55); color: #fff;
  font-size: 12.5px; padding: 6px 10px; border-radius: 6px;
}

/* Kalkulator */
.rb-calc-section { background: var(--cw99-card); }
.rb-calc { display: grid; grid-template-columns: 46fr 54fr; gap: 2.4vw; align-items: start; }
.rb-calc__form { padding: clamp(18px, 1.8vw, 30px); }
.rb-group { border: 0; padding: 0; margin: 0 0 clamp(18px, 1.6vw, 26px); }
.rb-group:last-child { margin-bottom: 0; }
.rb-group__title { font-size: 17px; font-weight: 700; margin-bottom: 12px; padding: 0; }
.rb-group__opt { font-weight: 400; opacity: 0.55; font-size: 14px; margin-left: 6px; }
.rb-field { margin-bottom: 14px; }
.rb-field:last-child { margin-bottom: 0; }
.rb-field label { display: block; font-size: 14.5px; font-weight: 500; margin-bottom: 7px; line-height: 1.35; }
.rb-field label output { color: var(--cw99-blue); font-weight: 700; }
.rb-field--half { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.rb-field input[type="number"], .rb-field input[type="text"], .rb-field input[type="tel"], .rb-field input[type="email"],
.rb-field select, .rb-field textarea {
  width: 100%; min-width: 0; min-height: 48px; padding: 11px 14px;
  background: #fff; border: 1px solid var(--cw99-line); border-radius: 6px;
  font-size: 16px; color: #000;
}
.rb-field select {
  appearance: none; -webkit-appearance: none; padding-right: 38px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.5 9.5 5.5 5.5 5.5-5.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 12px center; background-size: 18px;
}
.rb-field textarea { resize: vertical; }
.rb-field input:focus, .rb-field select:focus, .rb-field textarea:focus { outline: none; border-color: var(--cw99-blue); }
.rb-field input.is-bad { border-color: #e4410d; }
.rb-field input[type="number"] { -moz-appearance: textfield; }
.rb-field input[type="number"]::-webkit-inner-spin-button, .rb-field input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.rb-hint { font-size: 13.5px; line-height: 1.45; color: var(--cw99-muted); margin-top: 8px; }
.rb-hint a { color: var(--cw99-blue); font-weight: 500; }

.rb-stepper { display: flex; align-items: stretch; background: #fff; border: 1px solid var(--cw99-line); border-radius: 6px; overflow: hidden; }
.rb-stepper .rb-field, .rb-stepper input { border: 0 !important; text-align: center; font-weight: 700; font-size: 20px !important; flex: 1; border-radius: 0 !important; }
.rb-stepper__btn {
  width: 52px; flex-shrink: 0; border: 0; background: var(--cw99-card); color: #000; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
.rb-stepper__btn:hover { background: var(--rb-blue-tint); color: var(--cw99-blue); }
.rb-stepper__btn .kc-i { width: 18px; height: 18px; }

.rb-range { width: 100%; margin: 8px 0 0; accent-color: var(--cw99-blue); height: 44px; cursor: pointer; }

/* Wynik */
.rb-calc__out { position: sticky; top: 132px; }
.rb-out-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.rb-out-card {
  background: #fff; border-radius: var(--r); padding: 18px 18px 16px;
  box-shadow: 0 0 max(12px, 1.1vw) rgba(0, 0, 0, 0.08);
}
.rb-out-card span { display: block; font-size: 13.5px; opacity: 0.65; line-height: 1.3; min-height: 2.6em; }
.rb-out-card strong {
  display: block; margin-top: 6px;
  font-family: Montserrat, futura-pt, sans-serif; font-weight: 900;
  font-size: clamp(22px, 1.9vw, 30px); line-height: 1.1; letter-spacing: normal;
}
.rb-out-card small { display: block; font-size: 12.5px; opacity: 0.55; margin-top: 4px; }
.rb-out-card--saving { background: var(--cw99-blue); color: #fff; box-shadow: none; }
.rb-out-card--saving span, .rb-out-card--saving small { opacity: 0.85; }
.rb-out-card:nth-child(4), .rb-out-card:nth-child(5) { grid-column: span 1; }
.rb-out-card:nth-child(3) { grid-column: 3; }

.rb-bars { margin-top: 16px; background: #fff; border-radius: var(--r); padding: 16px 18px; box-shadow: 0 0 max(12px, 1.1vw) rgba(0, 0, 0, 0.08); }
.rb-bar { display: grid; grid-template-columns: 76px 1fr auto; align-items: center; gap: 12px; }
.rb-bar + .rb-bar { margin-top: 10px; }
.rb-bar span { font-size: 14px; font-weight: 500; }
.rb-bar b { font-size: 14px; font-weight: 700; white-space: nowrap; }
.rb-bar__track { height: 14px; background: var(--cw99-card); border-radius: 999px; overflow: hidden; }
.rb-bar__fill { height: 100%; background: #000; opacity: 0.35; border-radius: 999px; transition: width 0.25s ease; }
.rb-bar__fill--robot { background: var(--cw99-blue); opacity: 1; }

.rb-poor { background: #fff; border-radius: var(--r); padding: 22px; box-shadow: 0 0 max(12px, 1.1vw) rgba(0, 0, 0, 0.08); }
.rb-poor__title { font-size: 19px; font-weight: 700; line-height: 1.3; margin-bottom: 10px; }
.rb-poor p { font-size: 15px; line-height: 1.5; }
.rb-poor .rb-btn { margin-top: 16px; white-space: normal; }

.rb-tip {
  margin-top: 16px; padding: 14px 16px;
  background: var(--rb-tip); border-radius: 6px;
  font-size: 13.5px; line-height: 1.5;
}
.rb-disclaimer { margin-top: 14px; font-size: 13.5px; line-height: 1.5; color: var(--cw99-muted); }
.rb-tip { font-size: 16px; font-weight: 500; text-align: center; margin-top: clamp(20px, 2vw, 30px); padding: 18px 20px; }
.rb-tip--small { font-size: 14px; font-weight: 400; text-align: left; }

.rb-fit { margin-top: 16px; background: #fff; border-radius: var(--r); padding: 20px 22px; box-shadow: 0 0 max(12px, 1.1vw) rgba(0, 0, 0, 0.08); }
.rb-fit__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.rb-fit__head h3 { font-size: 18px; font-weight: 700; line-height: 1.3; }
.rb-fit__score { display: flex; align-items: baseline; gap: 2px; white-space: nowrap; }
.rb-fit__score strong { font-family: Montserrat, futura-pt, sans-serif; font-weight: 900; font-size: 34px; line-height: 1; }
.rb-fit__score span { font-size: 15px; opacity: 0.55; }
.rb-fit__meter { height: 10px; background: var(--cw99-card); border-radius: 999px; overflow: hidden; margin-top: 12px; }
.rb-fit__fill { height: 100%; border-radius: 999px; transition: width 0.25s ease; background: var(--cw99-blue); }
.rb-fit__fill--good { background: var(--cw99-green); }
.rb-fit__fill--test { background: var(--cw99-yellow); }
.rb-fit__fill--poor { background: #e4410d; }
.rb-fit__verdict { margin-top: 10px; font-size: 16px; font-weight: 700; }

.rb-reco { margin-top: 16px; background: var(--cw99-blue); color: #fff; border-radius: var(--r); padding: 22px 24px; }
.rb-reco__verdict { font-size: clamp(18px, 1.5vw, 22px); font-weight: 700; line-height: 1.3; }
.rb-reco__line { margin-top: 8px; font-size: 15.5px; opacity: 0.92; }
.rb-reco__line strong { font-weight: 700; opacity: 1; }
.rb-reco .rb-btn { margin-top: 16px; }

.rb-models { margin-top: 14px; }
.rb-models summary { cursor: pointer; font-size: 15px; font-weight: 700; color: var(--cw99-blue); padding: 12px 0; list-style: none; display: flex; align-items: center; gap: 8px; }
.rb-models summary::-webkit-details-marker { display: none; }
.rb-models summary::before { content: ''; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); transition: transform 0.15s; }
.rb-models[open] summary::before { transform: rotate(45deg); }
.rb-models table { width: 100%; border-collapse: collapse; margin-top: 10px; background: #fff; border-radius: var(--r); overflow: hidden; font-size: 14px; }
.rb-models th, .rb-models td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--cw99-line); }
.rb-models th { font-weight: 500; opacity: 0.6; font-size: 13px; }
.rb-models tr:last-child td { border-bottom: 0; }
.rb-models tr.is-reco td { background: var(--rb-blue-tint); font-weight: 700; }
.rb-models td.is-neg { color: #e4410d; }

/* Finansowanie */
.rb-fin { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.rb-fin__card {
  position: relative; display: flex; flex-direction: column;
  background: var(--cw99-card); border-radius: var(--r-lg); padding: clamp(20px, 1.8vw, 28px);
}
.rb-fin__card--accent { background: var(--rb-blue-tint); }
.rb-fin__card--full { background: var(--cw99-blue); color: #fff; grid-column: span 2; }
.rb-fin__num { font-size: 13.5px; font-weight: 700; color: var(--cw99-blue); }
.rb-fin__card--full .rb-fin__num { color: var(--cw99-yellow); }
.rb-fin__card h3 { font-size: 21px; font-weight: 700; margin-top: 8px; }
.rb-fin__card > p { font-size: 15px; line-height: 1.5; margin-top: 8px; color: var(--cw99-muted); }
.rb-fin__card--full > p { color: rgba(255, 255, 255, 0.92); }
.rb-fin__price { margin-top: auto !important; padding-top: 14px; opacity: 1 !important; }
.rb-fin__price strong { display: block; font-size: 19px; font-weight: 700; }
.rb-fin__price span { display: block; font-size: 13px; opacity: 0.55; margin-top: 2px; }
.rb-fin__cta { margin-top: 14px; width: 100%; white-space: normal; }
.rb-fin__card--full .rb-fin__cta { background: #fff; color: var(--cw99-blue); }
.rb-fin__card--full .rb-fin__cta:hover { background: #eef2fc; }

/* Serwis */
.rb-plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 1100px; margin: 0 auto; }
.rb-plan { position: relative; display: flex; flex-direction: column; background: var(--cw99-card); border-radius: var(--r-lg); padding: clamp(20px, 1.8vw, 28px); }
.rb-plan--reco { background: #fff; box-shadow: 0 0 max(14px, 1.3vw) rgba(0, 0, 0, 0.12); }
.rb-plan__tag { position: absolute; top: 16px; right: 16px; background: var(--cw99-yellow); border-radius: 999px; padding: 5px 12px; font-size: 12.5px; font-weight: 700; }
.rb-plan h3 { font-size: 22px; font-weight: 700; }
.rb-plan ul { list-style: none; margin: 14px 0 18px; padding: 0; }
.rb-plan li { position: relative; padding-left: 22px; font-size: 15px; line-height: 1.45; margin-bottom: 8px; }
.rb-plan li::before { content: ''; position: absolute; left: 0; top: 8px; width: 9px; height: 9px; border-radius: 50%; background: var(--cw99-blue); }
.rb-plan .rb-btn { margin-top: auto; width: 100%; }

/* Obiekty */
.rb-objects { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 2.4vw; }
.rb-object { padding: 16px 0; border-top: 2px solid #000; }
.rb-object h3 { font-size: 19px; font-weight: 700; }
.rb-object p { font-size: 14.5px; line-height: 1.5; opacity: 0.72; margin-top: 6px; }
.rb-object.is-current { border-top-color: var(--cw99-blue); }

/* Kroki */
.rb-steps { list-style: none; display: grid; grid-template-columns: repeat(5, 1fr); gap: 1.6vw; max-width: 1200px; margin: 0 auto; padding: 0; }
.rb-steps li { position: relative; padding-top: 6px; }
.rb-steps span { display: block; font-family: Montserrat, futura-pt, sans-serif; font-weight: 900; font-size: 22px; color: var(--cw99-blue); line-height: 1; }
.rb-steps h3 { font-size: 18px; font-weight: 700; margin-top: 8px; }
.rb-steps li { border-top: 2px solid #000; padding-top: 14px; }
.rb-steps p { font-size: 14.5px; line-height: 1.5; opacity: 0.72; margin-top: 4px; }

/* Roboty */
.rb-robots-section { background: var(--cw99-card); }
.rb-robots { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.rb-robot { display: grid; grid-template-columns: 38fr 62fr; gap: 20px; background: #fff; border-radius: var(--r-lg); padding: clamp(16px, 1.5vw, 24px); }
.rb-robot figure { margin: 0; border-radius: var(--r); overflow: hidden; background: #fff; }
.rb-robot figure img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 4 / 5; }
.rb-robot h3 { font-size: 21px; font-weight: 700; }
.rb-robot h3 a:hover { color: var(--cw99-blue); }
.rb-robot__pos { font-size: 14.5px; opacity: 0.72; margin-top: 4px; line-height: 1.45; }
.rb-spec { margin: 12px 0; }
.rb-spec div { display: grid; grid-template-columns: 110px 1fr; gap: 10px; padding: 7px 0; border-top: 1px solid var(--cw99-line); font-size: 13.5px; line-height: 1.4; }
.rb-spec dt { opacity: 0.55; }
.rb-spec dd { margin: 0; font-weight: 500; }
.rb-robots__note { max-width: 760px; margin: 2vw auto 0; text-align: center; font-size: 14px; line-height: 1.5; opacity: 0.62; }

/* Lead */
.rb-leadgrid { display: grid; grid-template-columns: 40fr 60fr; gap: 3vw; align-items: start; }
.rb-lead__list { list-style: none; margin: 1.6vw 0 0; padding: 0; }
.rb-lead__list li { display: flex; gap: 10px; align-items: flex-start; font-size: 15.5px; line-height: 1.45; margin-bottom: 10px; }
.rb-lead__list .kc-i { color: var(--cw99-green); width: 20px; height: 20px; flex-shrink: 0; margin-top: 1px; }
.rb-form { padding: clamp(18px, 1.8vw, 30px); }
.rb-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 14px; }
.rb-form .rb-field { margin-bottom: 0; }
.rb-form > .rb-field { margin: 14px 0; }
.rb-interests { border: 0; padding: 0; margin: 16px 0 0; display: flex; flex-wrap: wrap; gap: 8px; }
.rb-interests legend { font-size: 14.5px; font-weight: 500; margin-bottom: 8px; width: 100%; }
.rb-interests label { position: relative; }
.rb-interests input { position: absolute; opacity: 0; pointer-events: none; }
.rb-interests span {
  display: inline-block; padding: 12px 16px; border-radius: 999px;
  font-size: 14.5px; cursor: pointer; box-shadow: inset 0 0 0 1px var(--cw99-line);
}
.rb-interests input:checked + span { background: var(--cw99-blue); color: #fff; box-shadow: none; }
.rb-interests input:focus-visible + span { outline: 2px solid var(--cw99-blue); outline-offset: 2px; }
.rb-form__error { color: #e4410d; font-size: 14px; margin-top: 10px; }
.rb-form__done { display: flex; align-items: center; gap: 12px; font-size: 17px; font-weight: 500; padding: 10px 0; }
.kc-okmark { width: 26px; height: 26px; border-radius: 50%; background: var(--cw99-green); color: #fff; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.kc-okmark .kc-i { width: 15px; height: 15px; }
[hidden] { display: none !important; }

/* FAQ */
.rb-faq { max-width: 860px; margin: clamp(20px, 2vw, 32px) auto 0; }
.rb-faq details { background: var(--cw99-card); border-radius: var(--r); margin-bottom: 10px; }
.rb-faq summary { cursor: pointer; padding: 16px 20px; font-size: 17px; font-weight: 700; list-style: none; display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.rb-faq summary::-webkit-details-marker { display: none; }
.rb-faq summary::after { content: ''; flex-shrink: 0; width: 9px; height: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform 0.15s; }
.rb-faq details[open] summary::after { transform: rotate(-135deg); }
.rb-faq p { padding: 0 20px 18px; font-size: 15.5px; line-height: 1.55; opacity: 0.8; }

/* Final */
.rb-final { background: var(--cw99-blue); color: #fff; text-align: center; padding: clamp(44px, 5vw, 80px) var(--gutter); }
.rb-final h2 { font-family: Montserrat, futura-pt, sans-serif; font-weight: 900; font-size: clamp(24px, 2.6vw, 42px); line-height: 1.15; }
.rb-final__ctas { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: clamp(20px, 2vw, 32px); }
.rb-final__ctas .rb-btn { min-height: 54px; padding-left: 30px; padding-right: 30px; }

/* Sticky CTA (tylko telefon) */
.rb-sticky { display: none; }

/* ---------- Laptop 1026–1440 ---------- */
@media (min-width: 1026px) and (max-width: 1440px) {
  .rb-out-cards { gap: 10px; }
}

/* ---------- Tablet ≤1280 / ≤1025 ---------- */
@media (max-width: 1280px) {
  .kc-tabs, .kc-gift { display: none; }
  .rb-fin { grid-template-columns: repeat(2, 1fr); }
  .rb-fin__card--full { grid-column: span 2; }
}

@media (max-width: 1025px) {
  .kc-header__bar { justify-content: space-between; }
  .rb-subnav { top: 68px; }
  .rb-hero { grid-template-columns: 1fr; row-gap: 24px; }
  .rb-hero__photo img { aspect-ratio: 16 / 9; }
  .rb-calc { grid-template-columns: 1fr; }
  .rb-calc__out { position: static; }
  .rb-objects { grid-template-columns: repeat(2, 1fr); }
  .rb-steps { grid-template-columns: repeat(3, 1fr); row-gap: 24px; }
  .rb-robots { grid-template-columns: 1fr; }
  .rb-leadgrid { grid-template-columns: 1fr; }
  .rb-plans { grid-template-columns: 1fr; max-width: 640px; }
  .kc-footer__top { grid-template-columns: 1fr 1fr; }
  .kc-footer__whale { grid-column: 1 / -1; }
}

/* ---------- Telefon ≤760 ---------- */
@media (max-width: 760px) {
  :root { --gutter: 5vw; }
  html { scroll-padding-top: 120px; }

  .kc-header__bar { padding: 9px var(--gutter); gap: 12px; justify-content: space-between; }
  .kc-logo img { height: 38px; }
  .kc-account span { display: none; }
  .kc-account { padding: 10px 12px; }
  .kc-dd--city { display: none; }

  .rb-subnav { top: 56px; padding: 8px var(--gutter); gap: 10px; }
  .rb-subnav__links a { font-size: 14px; }
  .rb-subnav__cta { display: none; }

  .rb-hero { padding-top: 22px; row-gap: 20px; }
  .rb-h1 { margin: 14px 0 12px; }
  .rb-hero__ctas { margin-top: 18px; }
  .rb-hero__ctas .rb-btn { flex: 1 1 100%; }
  .rb-indicators { grid-template-columns: 1fr 1fr; gap: 14px 12px; margin-top: 22px; padding-top: 18px; }
  .rb-hero__photo img { aspect-ratio: 4 / 3; }

  .rb-calc { gap: 20px; }
  .rb-field--half { grid-template-columns: 1fr; }
  .rb-out-cards { grid-template-columns: 1fr 1fr; gap: 10px; }
  .rb-out-card:nth-child(3) { grid-column: 1 / -1; }
  .rb-out-card span { min-height: 0; }
  .rb-bar { grid-template-columns: 64px 1fr auto; gap: 8px; }
  .rb-reco .rb-btn, .rb-poor .rb-btn { width: 100%; min-height: 50px; }
  .rb-models table { display: block; overflow-x: auto; white-space: nowrap; }

  .rb-fin { grid-template-columns: 1fr; gap: 12px; }
  .rb-fin__card--full { grid-column: auto; }
  .rb-objects { grid-template-columns: 1fr; }
  .rb-steps { grid-template-columns: 1fr; gap: 20px; }
  .rb-steps li { display: grid; grid-template-columns: 40px 1fr; column-gap: 12px; padding-top: 12px; }
  .rb-steps h3 { grid-column: 2; margin-top: 0; }
  .rb-steps p { grid-column: 2; }
  .rb-steps span { grid-row: 1 / span 2; }
  .rb-robot { grid-template-columns: 1fr; }
  .rb-robot figure img { aspect-ratio: 4 / 3; object-fit: contain; }
  .rb-spec div { grid-template-columns: 96px 1fr; }
  .rb-form__grid { grid-template-columns: 1fr; }
  .rb-final__ctas .rb-btn { flex: 1 1 100%; }

  .rb-sticky {
    position: fixed; left: 5vw; right: 5vw; bottom: 14px; z-index: 45;
    display: flex; align-items: center; justify-content: center;
    min-height: 52px; border-radius: 6px;
    background: var(--cw99-yellow); color: #000; font-size: 16px; font-weight: 700;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.18);
    transform: translateY(120%); transition: transform 0.2s ease;
  }
  .rb-sticky.is-visible { transform: none; }

  .kc-footer { padding: 30px var(--gutter) 22px; }
  .kc-footer__top { grid-template-columns: 1fr; gap: 24px; }
  .kc-footer__two { column-count: 1; }
  .kc-footer__cities { margin-top: 24px; }
  .kc-footer__addr { flex-direction: column; align-items: flex-start; gap: 16px; margin-top: 20px; }
  .kc-footer__bottom { flex-direction: column; align-items: flex-start; gap: 14px; margin-top: 20px; }
}

/* ---------- Dochodnie strony SEO (roboty, obiekty, leasing) ---------- */
.rb-crumbs { padding: 14px var(--gutter) 0; font-size: 13.5px; }
.rb-crumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; color: var(--cw99-muted); }
.rb-crumbs li + li::before { content: '/'; margin-right: 6px; opacity: 0.5; }
.rb-crumbs a:hover { color: var(--cw99-blue); }
.rb-hero--child { padding-top: 1.6vw; }
.rb-hero--text { grid-template-columns: 1fr; }
.rb-hero--text .rb-hero__copy { max-width: 820px; }
.rb-hero__photo--product { background: #fff; }
.rb-hero__photo--product img { object-fit: contain; aspect-ratio: 5 / 4.6; background: #fff; }
.rb-two { display: grid; grid-template-columns: 1fr 1fr; gap: 3vw; align-items: start; }
.rb-two .rb-h2 { margin-bottom: 12px; }
.rb-checklist { list-style: none; margin: 0; padding: 0; }
.rb-checklist li { display: flex; gap: 10px; align-items: flex-start; font-size: 16px; line-height: 1.45; margin-bottom: 10px; }
.rb-checklist .kc-i { color: var(--cw99-green); width: 20px; height: 20px; flex-shrink: 0; margin-top: 2px; }
.rb-out-cards--wide { grid-template-columns: repeat(5, 1fr); max-width: 1200px; margin: 0 auto; }
.rb-out-cards--wide .rb-out-card:nth-child(3) { grid-column: auto; }
.rb-example .rb-models--open, .rb-calc-section .rb-models--open { max-width: 1200px; margin: 18px auto 0; }
.rb-models--open table { margin-top: 0; box-shadow: 0 0 max(12px, 1.1vw) rgba(0, 0, 0, 0.06); }
.rb-example .rb-disclaimer { max-width: 1200px; margin-left: auto; margin-right: auto; }
.rb-modelrow { list-style: none; max-width: 860px; margin: 0 auto; padding: 0; }
.rb-modelrow li { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 13px 0; border-top: 1px solid var(--cw99-line); font-size: 16px; }
.rb-modelrow li:last-child { border-bottom: 1px solid var(--cw99-line); }
.rb-modelrow strong { font-weight: 700; }
.rb-modelrow span { margin-left: auto; white-space: nowrap; }
.rb-modelrow a { color: var(--cw99-blue); font-size: 14px; font-weight: 500; white-space: nowrap; }
.rb-related { padding-top: 0; }
.rb-related .rb-h2 { font-size: clamp(20px, 1.7vw, 26px); }
.rb-related__list { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 18px 0 0; padding: 0; }
.rb-related__list a { display: inline-block; padding: 10px 16px; border-radius: 999px; background: var(--cw99-card); font-size: 14.5px; font-weight: 500; }
.rb-related__list a:hover { background: var(--rb-blue-tint); color: var(--cw99-blue); }
.rb-robots--one { grid-template-columns: 1fr; max-width: 980px; margin: 0 auto; }
.rb-object h3 a:hover { color: var(--cw99-blue); }
.rb-object__more { display: inline-block; margin-top: 4px; padding: 10px 0; font-size: 14px; font-weight: 500; color: var(--cw99-blue); }
.rb-object__more:hover { text-decoration: underline; }
@media (max-width: 1025px) {
  .rb-two { grid-template-columns: 1fr; gap: 30px; }
  .rb-out-cards--wide { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 760px) {
  .rb-out-cards--wide { grid-template-columns: 1fr 1fr; }
  .rb-out-cards--wide .rb-out-card:nth-child(3) { grid-column: 1 / -1; }
  .rb-modelrow li { flex-wrap: wrap; }
  .rb-modelrow span { margin-left: 0; width: 100%; }
  .rb-hero--child { padding-top: 16px; }
}

/* ---------- Kalkulator v2: prosty formularz + jedna karta wyniku ---------- */
@media (min-width: 1026px) { .rb-calc { grid-template-columns: 44fr 56fr; } }
.rb-calc__form .rb-field { margin-bottom: 18px; }
.rb-calc__form .rb-field label { font-size: 16px; font-weight: 700; margin-bottom: 8px; }
.rb-calc__form .rb-field select { font-size: 17px; min-height: 52px; }
.rb-stepper input { min-height: 52px; }
.rb-more { margin-top: 6px; border-top: 1px solid var(--cw99-line); padding-top: 12px; }
.rb-more summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 700; color: var(--cw99-blue); padding: 6px 0; }
.rb-more summary::-webkit-details-marker { display: none; }
.rb-more summary::before { content: ''; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); transition: transform 0.15s; }
.rb-more[open] summary::before { transform: rotate(45deg); }
.rb-more__body { padding-top: 14px; }
.rb-more__body .rb-field label { font-size: 14.5px; font-weight: 500; }
.rb-more__body .rb-field select { font-size: 16px; min-height: 48px; }

.rb-result { padding: clamp(20px, 2vw, 32px); }
.rb-result__label { font-size: 15px; opacity: 0.6; }
.rb-result__big { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin-top: 4px; }
.rb-result__big strong { font-family: Montserrat, futura-pt, sans-serif; font-weight: 900; font-size: clamp(40px, 4vw, 60px); line-height: 1; color: var(--cw99-blue); }
.rb-result__big span { font-size: 18px; font-weight: 500; opacity: 0.7; }
.rb-result__line { margin-top: 8px; font-size: 16px; line-height: 1.45; }
.rb-result__line strong { font-weight: 700; }
.rb-result__poor { margin-top: 4px; font-size: clamp(19px, 1.6vw, 24px); font-weight: 700; line-height: 1.3; }
.rb-result .rb-bars { margin-top: 18px; padding: 0; box-shadow: none; background: transparent; }
.rb-result .rb-bar { grid-template-columns: 84px 1fr auto; }
.rb-result__note { margin-top: 8px; font-size: 13px; line-height: 1.45; opacity: 0.55; }
.rb-result .rb-fit { margin-top: 18px; padding: 14px 0 0; background: transparent; box-shadow: none; border-top: 1px solid var(--cw99-line); border-radius: 0; }
.rb-fit__row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-size: 15px; font-weight: 500; }
.rb-fit__row strong { font-family: Montserrat, futura-pt, sans-serif; font-weight: 900; font-size: 24px; line-height: 1; }
.rb-fit__row small { font-size: 13px; font-weight: 400; opacity: 0.55; margin-left: 2px; }
.rb-result .rb-fit__meter { height: 8px; margin-top: 8px; }
.rb-result .rb-fit__verdict { font-size: 14.5px; font-weight: 500; margin-top: 8px; opacity: 0.8; }
.rb-result__reco { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--cw99-line); font-size: 17px; font-weight: 700; line-height: 1.35; }
.rb-result .rb-btn--wide { margin-top: 14px; }
.rb-result .rb-models { margin-top: 12px; }
.rb-result .rb-models table { box-shadow: none; background: var(--cw99-card); font-size: 13.5px; }
.rb-result__fine { margin-top: 12px; font-size: 12.5px; line-height: 1.45; opacity: 0.5; }
@media (max-width: 760px) {
  .rb-result { padding: 18px 16px; }
  .rb-result__big strong { font-size: 40px; }
  .rb-result .rb-bar { grid-template-columns: 74px 1fr auto; }
}

/* Mini-wynik na telefonie: przykleja się nad formularzem, żeby wynik był widać przy każdej zmianie */
.rb-mini { display: none; }
@media (max-width: 760px) {
  .rb-mini {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    position: sticky; top: 104px; z-index: 30;
    margin: -18px -16px 16px; padding: 12px 16px;
    background: var(--cw99-blue); color: #fff; border-radius: var(--r) var(--r) 0 0;
    font-size: 14px;
  }
  .rb-mini strong { font-family: Montserrat, futura-pt, sans-serif; font-weight: 900; font-size: 20px; line-height: 1; }
  .rb-mini a { color: #fff; font-weight: 700; white-space: nowrap; padding: 8px 0; text-decoration: underline; }
  .rb-mini--poor strong { font-size: 15px; font-family: futura-pt, sans-serif; font-weight: 700; }
  .rb-calc__form { padding: 18px 16px; }
}

/* ---------- v3: strona = dwa przyciski ---------- */
html { scroll-padding-top: 80px; }
.rb-calc__out { top: 84px; }
.rb-modelrow--btns { max-width: 900px; }
.rb-modelrow--btns li { padding: 0; border: 0; }
.rb-modelrow--btns li + li { border-top: 1px solid var(--cw99-line); }
.rb-modelrow--btns li:last-child { border-bottom: 1px solid var(--cw99-line); }
.rb-modelrow--btns .rb-fin__cta {
  display: grid; grid-template-columns: 1fr auto; grid-template-areas: 'name price' 'desc price';
  align-items: center; column-gap: 16px; width: 100%; margin: 0; padding: 16px 12px;
  background: transparent; border: 0; border-radius: 6px; text-align: left; cursor: pointer; color: #000;
  font: inherit; white-space: normal;
}
.rb-modelrow--btns .rb-fin__cta:hover { background: #eef2fc; }
.rb-modelrow--btns strong { grid-area: name; font-size: 18px; font-weight: 700; }
.rb-modelrow--btns em { grid-area: desc; font-style: normal; font-size: 14.5px; color: var(--cw99-muted); margin-top: 2px; }
.rb-modelrow--btns em a { color: var(--cw99-blue); font-weight: 500; }
.rb-modelrow--btns span { grid-area: price; font-size: 16px; font-weight: 700; color: var(--cw99-blue); white-space: nowrap; margin: 0; }
.rb-robots--short { max-width: 1100px; margin: 0 auto; }
.rb-robot--link { color: #000; }
.rb-robot--link:hover h3 { color: var(--cw99-blue); }
.rb-robot--link .rb-link { display: inline-block; margin-top: 10px; }
.rb-robots__note a { font-weight: 500; }
.rb-form .rb-btn--wide { margin-top: 4px; }
@media (max-width: 760px) {
  html { scroll-padding-top: 70px; }
  .rb-mini { top: 56px; }
  .rb-modelrow--btns .rb-fin__cta { grid-template-columns: 1fr; grid-template-areas: 'name' 'desc' 'price'; padding: 14px 8px; }
  .rb-modelrow--btns span { margin-top: 6px; white-space: normal; }
}

/* ---------- /ai: podłącz do własnego asystenta ---------- */
.rb-ai__label { text-align: center; font-size: 14.5px; color: var(--cw99-muted); margin-bottom: 12px; }
.rb-ai__picker { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: clamp(20px, 2vw, 32px); }
.rb-ai__choice { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px 10px 12px; border-radius: 999px; background: var(--cw99-card); min-height: 48px; }
.rb-ai__choice.is-active { background: var(--cw99-blue); color: #fff; }
.rb-ai__choice.is-active small { color: rgba(255, 255, 255, 0.75); }
.rb-ai__mark { width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; padding: 4px; flex-shrink: 0; }
.rb-ai__mark svg { width: 100%; height: 100%; }
.rb-ai__name { display: flex; flex-direction: column; line-height: 1.15; }
.rb-ai__name b { font-size: 15px; font-weight: 700; }
.rb-ai__name small { font-size: 12px; color: var(--cw99-muted); }
.rb-ai__layout { display: grid; grid-template-columns: 58fr 42fr; gap: 20px; align-items: start; max-width: 1200px; margin: 0 auto; }
.rb-ai__steps, .rb-ai__try { padding: clamp(18px, 1.8vw, 28px); }
.rb-ai__panel h2, .rb-ai__try h2 { font-size: 21px; font-weight: 700; }
.rb-ai__panel > p, .rb-ai__try > p { margin-top: 6px; font-size: 15px; color: var(--cw99-muted); }
.rb-ai__panel .rb-btn { margin-top: 14px; }
.rb-ai__panel ol { margin: 14px 0 0 20px; padding: 0; font-size: 15px; line-height: 1.5; }
.rb-ai__panel li { margin-bottom: 6px; }
.rb-ai__address { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--cw99-line); }
.rb-ai__address label { display: block; font-size: 14.5px; font-weight: 700; margin-bottom: 8px; }
.rb-ai__copy { display: flex; gap: 10px; }
.rb-ai__copy input { flex: 1; min-width: 0; min-height: 48px; padding: 10px 14px; border: 1px solid var(--cw99-line); border-radius: 6px; font-size: 15px; background: var(--cw99-card); }
.rb-copy-status { font-size: 13.5px; color: var(--cw99-green-dark); min-height: 1.4em; margin-top: 6px; }
.rb-ai__try blockquote { margin: 12px 0; padding: 14px 16px; background: var(--cw99-card); border-radius: 6px; font-size: 15px; line-height: 1.5; }
.rb-ai__try h3 { font-size: 16px; font-weight: 700; margin-top: 22px; }
.rb-ai__tools { list-style: none; margin: 10px 0 16px; padding: 0; font-size: 14.5px; line-height: 1.5; }
.rb-ai__tools li { margin-bottom: 6px; }
.rb-code { display: block; overflow-x: auto; padding: 14px 16px; background: var(--cw99-dark); color: #fff; border-radius: 6px; font: 13px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; margin: 12px 0; white-space: pre; }
.rb-ai__dev { max-width: 1200px; margin: 20px auto 0; }
.rb-ai__dev p { font-size: 14.5px; line-height: 1.5; margin-top: 10px; }

/* Cicha polosa na głównej: podłącz roboty do swojego AI */
.rb-aistrip { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px 16px; padding: 0 var(--gutter) clamp(30px, 3vw, 48px); font-size: 14.5px; }
.rb-aistrip a.rb-aistrip__link { color: var(--cw99-blue); font-weight: 500; }
.rb-aistrip__marks { display: inline-flex; gap: 6px; }
.rb-aistrip__marks a { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 50%; background: var(--cw99-card); padding: 10px; }
.rb-aistrip__marks a:hover { background: #eef2fc; }
.rb-aistrip__marks svg { width: 100%; height: 100%; }
@media (max-width: 1025px) { .rb-ai__layout { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .rb-ai__copy { flex-direction: column; } .rb-ai__choice { flex: 1 1 45%; } }

/* C40 — główny robot */
.rb-hero__photo--c40 { background: #f3f4f6; }
.rb-hero__photo--c40 img { object-fit: cover; object-position: 50% 70%; background: #f3f4f6; }
.rb-robot__tag { display: inline-block; margin-bottom: 8px; padding: 4px 10px; border-radius: 999px; background: var(--cw99-yellow); font-size: 12.5px; font-weight: 700; }
.rb-robot__tag--alt { background: var(--rb-blue-tint); color: var(--cw99-blue); }