:root{
  --brand:#2c5f4a;
  --brand-dark:#214a39;
  --brand-ink:#1a1f2e;
  --brand-paper:#fdfcfa;
  --line:#e8e2d8;
  --muted:#5f6a62;
  --white:#fff;
  --shadow:0 18px 48px rgba(26,31,46,.08);
  --shadow-sm:0 8px 22px rgba(26,31,46,.05);
  --focus:0 0 0 3px rgba(44,95,74,.24);
  --section-y:clamp(48px, 7vw, 84px);
  --card-pad:clamp(22px, 2.4vw, 28px);
  --card-radius:18px;
}

*{box-sizing:border-box}

::selection{
  background:rgba(44,95,74,.14);
  color:var(--brand-ink);
}

body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at 92% 0%, rgba(44,95,74,.07), transparent 28rem),
    radial-gradient(circle at 0% 100%, rgba(44,95,74,.05), transparent 22rem),
    linear-gradient(180deg, #fff 0%, var(--brand-paper) 48%, #f8f5ef 100%);
  color:var(--brand-ink);
  font-family:Barlow, system-ui, sans-serif;
  font-size:16px;
  line-height:1.68;
  -webkit-font-smoothing:antialiased;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.04;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

body > *{position:relative;z-index:1}

.wrap{
  width:min(1120px, calc(100% - clamp(24px, 5vw, 48px)));
  margin:0 auto;
  padding:clamp(20px, 3vw, 32px) 0 clamp(48px, 7vw, 80px);
}

/* ── Top bar ── */
.topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-bottom:clamp(16px, 2.5vw, 28px);
}

.brand-lockup{
  display:flex;
  align-items:center;
  gap:14px;
  color:inherit;
  text-decoration:none;
}

.brand-lockup img{
  display:block;
  border-radius:50%;
  box-shadow:var(--shadow-sm);
}

.brand-text{
  display:flex;
  flex-direction:column;
  gap:3px;
}

.brand-text strong{
  font-family:"Barlow Condensed", Barlow, sans-serif;
  font-size:1.35rem;
  font-weight:700;
  letter-spacing:.01em;
  line-height:1.05;
}

.brand-text small{
  font-size:.82rem;
  font-weight:600;
  color:var(--muted);
  letter-spacing:.04em;
  text-transform:uppercase;
}

.topline-note{
  color:var(--muted);
  font-size:.92rem;
  font-weight:600;
}

.topline-links{
  display:flex;
  align-items:center;
  gap:clamp(12px, 2vw, 20px);
}

.topline-links a{
  color:var(--brand);
  font-size:.92rem;
  font-weight:600;
  text-decoration:none;
}

.topline-links a:hover{text-decoration:underline}

/* ── Hero ── */
.hero{
  padding-bottom:var(--section-y);
}

.hero-grid{
  display:grid;
  gap:clamp(24px, 4vw, 40px);
  align-items:center;
}

@media (min-width:860px){
  .hero-grid{
    grid-template-columns:minmax(0, 1.08fr) minmax(280px, .95fr);
    gap:clamp(32px, 5vw, 56px);
  }

  .hub-home .hero-grid{
    grid-template-columns:minmax(0, 1.2fr) minmax(0, 260px);
  }
}

.hero-copy .eyebrow{
  margin:0 0 14px;
  color:var(--brand);
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.hero h1{
  font-family:"Barlow Condensed", Barlow, sans-serif;
  font-size:clamp(2.35rem, 5.2vw, 3.55rem);
  font-weight:700;
  line-height:1.04;
  letter-spacing:-.028em;
  margin:0 0 16px;
  text-wrap:balance;
  max-width:14ch;
}

.hub-home .hero h1,
.segment-hero .hero h1{max-width:16ch}

.tag{
  margin:0;
  color:var(--muted);
  font-size:clamp(1.02rem, 1.45vw, 1.12rem);
  line-height:1.72;
  max-width:38rem;
}

.hero-visual{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:clamp(220px, 32vw, 320px);
  padding:clamp(24px, 4vw, 36px);
  border:1px solid rgba(44,95,74,.12);
  border-radius:calc(var(--card-radius) + 6px);
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.95), transparent 55%),
    linear-gradient(145deg, rgba(44,95,74,.08), rgba(255,255,255,.92));
  box-shadow:var(--shadow-sm);
}

.hero-visual img{
  display:block;
  width:clamp(140px, 22vw, 196px);
  height:auto;
  filter:drop-shadow(0 14px 28px rgba(26,31,46,.12));
}

.hero .brand-line{
  margin:0 0 14px;
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--brand);
}

.hero .brand-line a{
  color:inherit;
  text-decoration:none;
}

.hero .brand-line a:hover{text-decoration:underline}

/* ── Pillars (bento) ── */
.pillars{
  display:grid;
  gap:clamp(14px, 2vw, 18px);
  grid-template-columns:1fr;
  padding-bottom:var(--section-y);
}

@media (min-width:860px){
  .pillars{
    grid-template-columns:1.15fr 1fr;
    grid-template-rows:auto auto;
  }

  .pillar:first-child{
    grid-row:1 / span 2;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:linear-gradient(165deg, #fff 0%, rgba(44,95,74,.04) 100%);
    border-color:rgba(44,95,74,.18);
  }
}

.pillar{
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--card-radius);
  padding:var(--card-pad);
  box-shadow:var(--shadow-sm);
}

.pillar-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2rem;
  height:2rem;
  margin-bottom:14px;
  border-radius:999px;
  background:rgba(44,95,74,.1);
  color:var(--brand);
  font-family:"Barlow Condensed", Barlow, sans-serif;
  font-size:.95rem;
  font-weight:700;
  line-height:1;
}

.pillar h2{
  margin:0 0 10px;
  font-family:"Barlow Condensed", Barlow, sans-serif;
  font-size:clamp(1.18rem, 2vw, 1.28rem);
  letter-spacing:-.01em;
  line-height:1.15;
}

.pillar p{
  margin:0;
  color:var(--muted);
  font-size:.96rem;
  line-height:1.62;
  max-width:42ch;
}

/* ── Vision ── */
.vision{
  display:grid;
  gap:clamp(14px, 2.5vw, 20px);
  background:var(--white);
  border:1px solid rgba(44,95,74,.14);
  border-radius:var(--card-radius);
  padding:var(--card-pad);
  margin-bottom:var(--section-y);
  box-shadow:var(--shadow-sm);
}

@media (min-width:720px){
  .vision{
    grid-template-columns:minmax(0, 11rem) minmax(0, 1fr);
    align-items:start;
  }
}

.vision h2{
  margin:0;
  font-family:"Barlow Condensed", Barlow, sans-serif;
  font-size:1.35rem;
  font-weight:700;
  letter-spacing:-.01em;
  line-height:1.15;
  color:var(--brand-ink);
}

.vision-tag{
  display:inline-block;
  margin-top:8px;
  padding:4px 10px;
  border-radius:999px;
  background:rgba(44,95,74,.08);
  color:var(--brand);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.vision p{
  margin:0;
  color:var(--brand-ink);
  font-size:1rem;
  line-height:1.68;
  max-width:52rem;
}

.vision strong{color:var(--brand-ink)}

/* ── Doors (segment entry) ── */
.doors{
  display:grid;
  gap:clamp(12px, 2vw, 16px);
  grid-template-columns:1fr;
  padding-top:clamp(8px, 2vw, 16px);
  border-top:1px solid var(--line);
}

@media (min-width:860px){
  .doors{grid-template-columns:repeat(3, minmax(0, 1fr))}
}

.doors-label{
  grid-column:1 / -1;
  margin:0 0 4px;
  font-family:"Barlow Condensed", Barlow, sans-serif;
  font-size:1.35rem;
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--brand-ink);
}

.doors-intro{
  grid-column:1 / -1;
  margin:0 0 8px;
  color:var(--muted);
  font-size:.98rem;
  max-width:40rem;
}

.door{
  display:flex;
  flex-direction:column;
  gap:8px;
  text-decoration:none;
  color:var(--brand-ink);
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--card-radius);
  padding:clamp(18px, 2.2vw, 22px) clamp(18px, 2.4vw, 24px);
  box-shadow:var(--shadow-sm);
  transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.door:hover{
  border-color:rgba(44,95,74,.32);
  transform:translateY(-2px);
  box-shadow:var(--shadow);
}

.door:focus-visible{
  outline:none;
  box-shadow:var(--focus);
}

.door-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.door-icon{
  flex-shrink:0;
  width:2.25rem;
  height:2.25rem;
  border-radius:10px;
  background:rgba(44,95,74,.08);
  color:var(--brand);
}

.door-icon svg{
  display:block;
  width:100%;
  height:100%;
  padding:6px;
}

.door-arrow{
  flex-shrink:0;
  color:var(--brand);
  font-size:1.1rem;
  font-weight:700;
  line-height:1;
  opacity:.7;
  transition:transform .18s ease, opacity .18s ease;
}

.door:hover .door-arrow{
  opacity:1;
  transform:translateX(3px);
}

.door-title{
  font-family:"Barlow Condensed", Barlow, sans-serif;
  font-size:1.12rem;
  font-weight:700;
  line-height:1.2;
}

.door-hint{
  font-size:.88rem;
  color:var(--muted);
  line-height:1.45;
}

.door-dest{
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--brand);
}

.door-biuro .door-icon{
  background:rgba(166,59,46,.1);
  color:#A63B2E;
}

.door-biuro .door-arrow,
.door-biuro .door-dest{color:#A63B2E}

.door-biuro:hover{border-color:rgba(166,59,46,.35)}

/* Single CTA on segment pages */
.doors-single{
  border-top:none;
  padding-top:0;
  max-width:22rem;
}

.btn-door{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 24px;
  border-radius:999px;
  font:inherit;
  font-weight:700;
  text-decoration:none;
  background:var(--brand);
  color:#fff;
  border:1px solid transparent;
  box-shadow:0 10px 24px rgba(44,95,74,.18);
  transition:transform .15s ease, background .15s ease;
}

.btn-door:hover{
  background:var(--brand-dark);
  transform:translateY(-1px);
}

.btn-door:focus-visible{
  outline:none;
  box-shadow:var(--focus);
}

/* ── Footer ── */
.hub-foot{
  margin-top:clamp(40px, 6vw, 56px);
  padding-top:clamp(24px, 3vw, 32px);
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:.92rem;
  line-height:1.6;
}

.hub-foot p{margin:0 0 6px}

.hub-foot a{
  color:var(--brand);
  font-weight:600;
  text-decoration:none;
}

.hub-foot a:hover{text-decoration:underline}

/* Legacy classes (unused but kept for compat) */
.grid{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media (min-width:720px){.grid{grid-template-columns:1fr 1fr}}
.choice{
  display:block;text-decoration:none;color:inherit;
  border:1px solid var(--line);background:#fff;padding:1.75rem 1.5rem;
}
.choice h2{margin:0 0 .5rem;font-size:1.35rem}
.choice p{margin:0;color:var(--muted);line-height:1.45}
.line{color:var(--brand);font-weight:600}
.brand{color:var(--brand)}

@media (max-width:600px){
  .topline-note{display:none}
  .hero h1{max-width:none}
}

@media (prefers-reduced-motion:reduce){
  .door,.btn-door,.door-arrow{transition:none}
  .door:hover,.btn-door:hover{transform:none}
  .door:hover .door-arrow{transform:none}
}

@media (prefers-reduced-motion:no-preference){
  .hero-copy,.hero-visual,.hero-media,.pillar,.vision,.door{
    animation:hub-rise .65s cubic-bezier(.16,1,.3,1) both;
  }
  .hero-visual,.hero-media{animation-delay:.06s}
  .pillar:nth-child(1){animation-delay:.1s}
  .pillar:nth-child(2){animation-delay:.16s}
  .pillar:nth-child(3){animation-delay:.22s}
  .vision{animation-delay:.28s}
  .doors a.door:nth-of-type(1){animation-delay:.34s}
  .doors a.door:nth-of-type(2){animation-delay:.38s}
  .doors a.door:nth-of-type(3){animation-delay:.42s}
}

@media (prefers-reduced-motion:reduce){
  .hub-home .hero-media--video{transform:none}
}

@keyframes hub-rise{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}

/* ── CTAs & trust ── */
.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 20px;
  border-radius:999px;
  font:inherit;
  font-weight:700;
  font-size:.95rem;
  text-decoration:none;
  border:1px solid transparent;
  transition:transform .15s ease, background .15s ease, border-color .15s ease;
}

.btn-primary{
  background:var(--brand);
  color:#fff;
  box-shadow:0 10px 24px rgba(44,95,74,.18);
}

.btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px)}

.btn-biuro{
  background:#A63B2E;
  box-shadow:0 10px 24px rgba(166,59,46,.2);
}

.btn-biuro:hover{background:#8a3226}

.btn-ghost{
  background:var(--white);
  color:var(--brand);
  border-color:rgba(44,95,74,.22);
}

.btn-ghost:hover{border-color:rgba(44,95,74,.4)}

.trust-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:18px 0 0;
  padding:0;
  list-style:none;
}

.trust-pills li{
  padding:6px 12px;
  border-radius:999px;
  background:rgba(44,95,74,.08);
  color:var(--brand-ink);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.02em;
}

/* ── Hero media (video / photo) ── */
.hero-media{
  position:relative;
  overflow:hidden;
  width:100%;
  max-width:min(100%, 420px);
  margin-inline:auto;
  border:1px solid rgba(44,95,74,.14);
  border-radius:calc(var(--card-radius) + 8px);
  background:
    radial-gradient(circle at 20% 10%, rgba(255,255,255,.9), transparent 45%),
    linear-gradient(160deg, rgba(44,95,74,.1), rgba(255,255,255,.95));
  box-shadow:var(--shadow);
}

.hero-media--video{
  max-width:min(100%, 440px);
  aspect-ratio:4/3;
}

.hero-media--showcase{
  max-width:min(100%, 320px);
}

@media (min-width:900px){
  .showcase .hero-media--showcase{
    margin-inline:0 auto 0 0;
  }

  .showcase.flip .hero-media--showcase{
    margin-inline:auto 0 0 auto;
  }
}

@media (min-width:860px){
  .hub-home .hero-media{margin-left:auto;margin-right:0}
}

.hero-media::before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(44,95,74,.12);
  border-radius:calc(var(--card-radius) + 2px);
  pointer-events:none;
  z-index:2;
}

@media (min-width:900px){
  .hub-home .hero-media--video:not(.hero-media--showcase){
    transform:rotate(.6deg);
    transform-origin:center right;
  }
}

.hero-media video,
.hero-media > img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
}

.hero-media--video video{
  position:absolute;
  inset:0;
  height:100%;
  object-fit:cover;
  background:#fff;
}

.hero-media:not(.hero-media--video) > img{
  height:auto;
  max-height:clamp(180px, 24vw, 240px);
  object-fit:contain;
  object-position:center bottom;
}

.hero-media-badge{
  position:absolute;
  left:16px;
  bottom:16px;
  z-index:3;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  border:1px solid var(--line);
  font-size:.72rem;
  font-weight:700;
  color:var(--brand);
  letter-spacing:.04em;
  text-transform:uppercase;
}

/* ── Real panel screenshots ── */
.panel-shot{
  margin:0;
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  box-shadow:var(--shadow);
  background:#fff;
}

.panel-shot img{
  display:block;
  width:100%;
  height:auto;
}

.panel-shot figcaption{
  padding:10px 14px;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--muted);
  border-top:1px solid var(--line);
  background:#f6f4ef;
}

/* ── Sections ── */
.section-block{
  padding-bottom:var(--section-y);
}

.section-head{
  margin-bottom:clamp(20px, 3vw, 28px);
  max-width:40rem;
}

.section-head h2{
  margin:0 0 8px;
  font-family:"Barlow Condensed", Barlow, sans-serif;
  font-size:clamp(1.65rem, 3vw, 2.1rem);
  letter-spacing:-.02em;
  line-height:1.08;
}

.section-head p{
  margin:0;
  color:var(--muted);
  font-size:1rem;
  line-height:1.65;
}

.section-eyebrow{
  margin:0 0 10px;
  color:var(--brand);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.section-eyebrow-biuro{color:#A63B2E}

.showcase{
  display:grid;
  gap:clamp(24px, 4vw, 40px);
  align-items:center;
}

@media (min-width:900px){
  .showcase{grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr)}
  .showcase.flip{grid-template-columns:minmax(0, 1.08fr) minmax(0, .92fr)}
  .showcase.flip .showcase-copy{order:2}
  .showcase.flip .showcase-media{order:1}
}

.showcase-copy h3{
  margin:0 0 10px;
  font-family:"Barlow Condensed", Barlow, sans-serif;
  font-size:1.35rem;
  line-height:1.15;
}

.showcase-copy p{
  margin:0 0 16px;
  color:var(--muted);
  font-size:.98rem;
  line-height:1.62;
}

.steps-inline{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
}

.steps-inline li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:start;
}

.step-num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.65rem;
  height:1.65rem;
  border-radius:999px;
  background:var(--brand);
  color:#fff;
  font-size:.78rem;
  font-weight:700;
  line-height:1;
}

.step-title{
  display:block;
  font-weight:700;
  color:var(--brand-ink);
  margin-bottom:2px;
}

.step-desc{
  display:block;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.5;
}

/* ── UI frame mocks ── */
.ui-frame{
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  background:#f6f4ef;
  box-shadow:var(--shadow);
}

.ui-frame-bar{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  background:#ebe6dc;
  border-bottom:1px solid var(--line);
}

.ui-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:#cfc7ba;
}

.ui-frame-title{
  margin-left:6px;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--muted);
}

.ui-frame-body{padding:14px}

.ui-nav{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-bottom:12px;
}

.ui-nav span{
  padding:5px 10px;
  border-radius:999px;
  font-size:.68rem;
  font-weight:700;
  background:#fff;
  border:1px solid var(--line);
  color:var(--muted);
}

.ui-nav span.on{
  background:var(--brand);
  border-color:var(--brand);
  color:#fff;
}

.ui-nav.biuro span.on{
  background:#A63B2E;
  border-color:#A63B2E;
}

.ui-stats{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
  margin-bottom:12px;
}

@media (min-width:520px){
  .ui-stats{grid-template-columns:repeat(4, minmax(0, 1fr))}
}

.ui-stat{
  padding:10px 12px;
  border-radius:10px;
  background:#fff;
  border:1px solid var(--line);
}

.ui-stat strong{
  display:block;
  font-family:"Barlow Condensed", Barlow, sans-serif;
  font-size:1.25rem;
  line-height:1;
  color:var(--brand-ink);
}

.ui-stat span{
  display:block;
  margin-top:4px;
  font-size:.68rem;
  font-weight:600;
  color:var(--muted);
  line-height:1.3;
}

.ui-stat.warn strong{color:#b45309}

.ui-table{
  border:1px solid var(--line);
  border-radius:10px;
  overflow:hidden;
  background:#fff;
  font-size:.72rem;
}

.ui-table-head,
.ui-table-row{
  display:grid;
  grid-template-columns:1.1fr .7fr .9fr .8fr;
  gap:8px;
  padding:8px 10px;
  align-items:center;
}

.ui-table-head{
  background:#f3efe8;
  font-weight:700;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:.62rem;
}

.ui-table-row + .ui-table-row{border-top:1px solid var(--line)}

.ui-table-spaced{margin-top:12px}

.ui-badge{
  display:inline-block;
  padding:3px 8px;
  border-radius:999px;
  font-size:.62rem;
  font-weight:700;
  white-space:nowrap;
}

.ui-badge.pending{background:#fef3c7;color:#92400e}
.ui-badge.ok{background:#dcfce7;color:#166534}
.ui-badge.sent{background:#e0e7ff;color:#3730a3}

.ui-drop{
  padding:16px;
  border:1px dashed rgba(44,95,74,.35);
  border-radius:10px;
  background:rgba(44,95,74,.04);
  text-align:center;
  color:var(--brand);
  font-size:.78rem;
  font-weight:700;
  margin-bottom:12px;
}

.ui-kontrahenci .ui-table-head,
.ui-kontrahenci .ui-table-row{
  grid-template-columns:1.2fr .8fr .7fr;
}

.ui-mass{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:10px;
  background:#fff;
  border:1px solid var(--line);
  margin-bottom:10px;
}

.ui-mass strong{display:block;font-size:.82rem}
.ui-mass span{display:block;font-size:.68rem;color:var(--muted);margin-top:2px}

.ui-progress{
  height:6px;
  border-radius:999px;
  background:#ece6dc;
  overflow:hidden;
  margin-top:8px;
}

.ui-progress i{
  display:block;
  height:100%;
  width:72%;
  background:linear-gradient(90deg, #A63B2E, #c44f40);
  border-radius:inherit;
}

/* ── Product split cards ── */
.product-duo{
  display:grid;
  gap:16px;
  grid-template-columns:1fr;
}

@media (min-width:860px){
  .product-duo{grid-template-columns:1fr 1fr}
}

.product-card{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:0 0 var(--card-pad);
  border:1px solid var(--line);
  border-radius:var(--card-radius);
  background:var(--white);
  box-shadow:var(--shadow-sm);
  overflow:hidden;
}

.product-card-shot{
  margin:0;
  border-bottom:1px solid var(--line);
  background:#f3f1ec;
}

.product-card-shot img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/10;
  object-fit:cover;
  object-position:top left;
}

.product-card.org{border-top:4px solid var(--brand)}
.product-card.biuro{border-top:4px solid #A63B2E}

.product-card h3,
.product-card > p,
.product-card > ul,
.product-card > .btn{
  margin-left:var(--card-pad);
  margin-right:var(--card-pad);
}

.product-card h3{
  margin-top:2px;
  margin-bottom:0;
  font-family:"Barlow Condensed", Barlow, sans-serif;
  font-size:1.35rem;
}

.product-card > p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.6}

.product-card ul{
  margin:0 var(--card-pad);
  padding:0;
  list-style:none;
  display:grid;
  gap:6px;
}

.product-card li{
  padding-left:18px;
  position:relative;
  font-size:.9rem;
  color:var(--brand-ink);
}

.product-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--brand);
}

.product-card.biuro li::before{background:#A63B2E}

.product-card .btn{align-self:flex-start;margin-top:4px;margin-left:var(--card-pad);margin-right:var(--card-pad)}

.door-preview{
  margin-top:4px;
  border-radius:12px;
  overflow:hidden;
  border:1px solid var(--line);
  background:#f6f4ef;
}

.door-preview .ui-frame-bar{padding:6px 10px}
.door-preview .ui-frame-body{padding:8px}
.door-preview .ui-stats{grid-template-columns:repeat(2,1fr);margin-bottom:6px}
.door-preview .ui-stat{padding:6px 8px}
.door-preview .ui-stat strong{font-size:1rem}

.cta-band{
  margin-top:8px;
  padding:clamp(24px, 4vw, 32px);
  border-radius:var(--card-radius);
  background:var(--white);
  border:1px solid rgba(44,95,74,.14);
  text-align:center;
}

.cta-band h2{
  margin:0 0 8px;
  font-family:"Barlow Condensed", Barlow, sans-serif;
  font-size:clamp(1.4rem, 2.5vw, 1.75rem);
}

.cta-band p{margin:0 0 16px;color:var(--muted)}

.cta-band .hero-actions{justify-content:center;margin-top:0}

.cta-band-final{
  margin-bottom:var(--section-y);
  text-align:left;
}

@media (min-width:720px){
  .cta-band-final{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    gap:20px 32px;
    align-items:center;
  }

  .cta-band-final h2,
  .cta-band-final p{grid-column:1}

  .cta-band-final .hero-actions{
    grid-column:2;
    grid-row:1 / span 2;
    flex-direction:column;
    align-items:stretch;
    min-width:14rem;
  }
}

.segment-hero .hero h1{max-width:none}

.price-hint{
  margin-top:14px;
  font-size:.88rem;
  color:var(--muted);
}

.price-hint strong{color:var(--brand-ink)}

/* ── Segment pages ── */
.pillar-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  margin-bottom:14px;
  border-radius:12px;
  background:rgba(44,95,74,.1);
  color:var(--brand);
}

.pillar-icon svg{
  display:block;
  width:1.35rem;
  height:1.35rem;
}

.pillar-icon.biuro{
  background:rgba(166,59,46,.1);
  color:#A63B2E;
}

.pillar-biuro:first-child{
  background:linear-gradient(165deg, #fff 0%, rgba(166,59,46,.04) 100%);
  border-color:rgba(166,59,46,.16);
}

.theme-biuro{
  --brand:#A63B2E;
  --brand-dark:#8a3226;
  --focus:0 0 0 3px rgba(166,59,46,.24);
}

.theme-biuro .brand-line,
.theme-biuro .brand-line a,
.theme-biuro .topline-links a,
.theme-biuro .hub-foot a{color:#A63B2E}

.theme-biuro .trust-pills li{background:rgba(166,59,46,.08)}

.theme-biuro .step-num.biuro{background:#A63B2E}

.btn-biuro{
  background:#A63B2E !important;
  box-shadow:0 10px 24px rgba(166,59,46,.2) !important;
}

.btn-biuro:hover{background:#8a3226 !important}

.cta-band-biuro{
  background:linear-gradient(135deg, rgba(166,59,46,.08), rgba(255,255,255,.95));
  border-color:rgba(166,59,46,.14);
}

.theme-biuro .btn-ghost{
  color:#A63B2E;
  border-color:rgba(166,59,46,.22);
}

.theme-biuro .btn-ghost:hover{border-color:rgba(166,59,46,.4)}