/* ============================================
   PEG-WWW — peg-core.css (single file)
   Version: 2.0 • Updated: 2025-11-12
   ============================================ */

/* ========== 1) DESIGN TOKENS (CSS VARIABLES) ========== */
:root{
  /* Colors */
  --color-primary:#2a5a23; --color-primary-light:#2d5a27; --color-primary-dark:#1a3a13;
  --color-accent-green:#10b981; --color-accent-orange:#f59e0b; --color-accent-red:#ef4444; --color-accent-blue:#3b82f6;

  /* Backgrounds */
  --bg-white:#ffffff; --bg-light:rgba(255,255,255,.95); --bg-dark:#1a1a1a;

  /* Glass */
  --glass-bg-light:linear-gradient(135deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.04) 100%);
  --glass-bg-medium:linear-gradient(135deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.06) 100%);
  --glass-border:rgba(255,255,255,.12); --glass-border-strong:rgba(255,255,255,.18);
  --glass-blur:blur(20px); --glass-blur-light:blur(10px);

  /* Rezultat */
  --rezultat-bg-dark:linear-gradient(135deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.04) 100%);
  --rezultat-bg-light:linear-gradient(135deg,rgba(42,90,35,.06) 0%,rgba(42,90,35,.02) 100%);
  --rezultat-border-dark:rgba(255,255,255,.12);
  --rezultat-border-light:rgba(42,90,35,.12);

  /* Alerts */
  --success-color:#10b981; --success-bg:linear-gradient(135deg,rgba(16,185,129,.1) 0%,rgba(16,185,129,.03) 100%);
  --warning-color:#f59e0b; --warning-bg:linear-gradient(135deg,rgba(245,158,11,.1) 0%,rgba(245,158,11,.03) 100%);
  --error-color:#ef4444; --error-bg:linear-gradient(135deg,rgba(239,68,68,.1) 0%,rgba(239,68,68,.03) 100%);

  /* Video/dialog */
  --dialog-investor-bg:#d6e9f5; --dialog-investor-avatar:linear-gradient(135deg,#7db4d9 0%,#5a9bc7 100%);
  --dialog-ceo-bg:#fff4e6; --dialog-ceo-avatar:linear-gradient(135deg,#ffb464 0%,#ff9a3d 100%);
  --dialog-partner-bg:#ffe5cc; --dialog-partner-avatar:linear-gradient(135deg,#ffaa44 0%,#ff8833 100%);
  --dialog-live-bg:#ff3b3b;

  /* LIVE badge/dot tokens */
  --live-dot-top:24px; --live-dot-right:82px; --live-dot-size:14px;
  --live-badge-top:18px; --live-badge-right:20px; --live-badge-font:var(--text-sm);
  --live-badge-pad-y:var(--spacing-sm); --live-badge-pad-x:var(--spacing-xl); --live-badge-pad-left:40px;

  /* Spacing */
  --spacing-xs:4px; --spacing-sm:8px; --spacing-md:12px; --spacing-lg:16px; --spacing-xl:20px;
  --spacing-2xl:24px; --spacing-3xl:32px; --spacing-4xl:40px; --spacing-5xl:50px;

  /* Radius */
  --radius-sm:4px; --radius-md:6px; --radius-lg:12px; --radius-xl:20px; --radius-2xl:24px; --radius-full:50%;

  /* Typography */
  --text-xs:.72rem; --text-sm:.8rem; --text-base:.9rem; --text-md:1rem; --text-lg:1.05rem; --text-xl:1.5rem; --text-2xl:1.8rem; --text-3xl:2.2rem;
  --weight-normal:400; --weight-medium:500; --weight-semibold:600; --weight-bold:700;

  /* Transitions & durations */
  --transition-fast:.15s ease; --transition-base:.3s ease; --transition-smooth:.3s cubic-bezier(.4,0,.2,1); --transition-slow:.5s ease;
  --duration-base:.5s; --duration-slow:1s; --duration-pulse:1.5s; --duration-glow:2s;

  /* Shadows */
  --shadow-sm:0 2px 8px rgba(0,0,0,.1);
  --shadow-md:0 4px 6px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.1);
  --shadow-lg:0 8px 16px rgba(0,0,0,.12),0 3px 6px rgba(0,0,0,.08);
  --shadow-xl:0 8px 32px rgba(0,0,0,.2),0 2px 8px rgba(0,0,0,.1);
  --shadow-inset:inset 0 1px 0 rgba(255,255,255,.2);
  --shadow-glow:0 0 20px rgba(255,255,255,.1);

  /* Z-index */
  --z-base:1; --z-elevated:2; --z-dialog:5; --z-indicator:10; --z-overlay:50; --z-modal:100;
}
.dark{
  --color-primary:#3a7a33; --color-primary-light:#4a8a43; --color-primary-dark:#2a5a23;
  --bg-white:#1a1a1a; --bg-light:rgba(26,26,26,.95); --bg-dark:#0a0a0a;
  --glass-bg-light:linear-gradient(135deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.04) 100%);
  --glass-bg-medium:linear-gradient(135deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.06) 100%);
  --glass-border:rgba(255,255,255,.12);
  --rezultat-bg-light:linear-gradient(135deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.04) 100%);
  --rezultat-border-light:rgba(255,255,255,.12);
}
@media (prefers-contrast: high){
  :root{
    --glass-border:rgba(255,255,255,.3); --glass-border-strong:rgba(255,255,255,.4);
    --rezultat-border-dark:rgba(255,255,255,.3); --rezultat-border-light:rgba(42,90,35,.3);
  }
  .dark{ --glass-border:rgba(255,255,255,.4); --rezultat-border-light:rgba(255,255,255,.3); }
}
@media (prefers-reduced-motion: reduce){
  :root{
    --transition-fast:.01ms; --transition-base:.01ms; --transition-smooth:.01ms; --transition-slow:.01ms;
    --duration-base:.01ms; --duration-slow:.01ms; --duration-pulse:.01ms; --duration-glow:.01ms;
    --glass-blur:blur(0px); --glass-blur-light:blur(0px);
  }
}

/* ========== 2) GLOBAL RESET & UTILITIES ========== */
*,*::before,*::after{ box-sizing:border-box; }
body{
  font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;
  line-height:1.6; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.container{ width:100%; max-width:1200px; margin:0 auto; padding:0 var(--spacing-lg); }
.container-fluid{ width:100%; padding:0 var(--spacing-lg); }
.flex{ display:flex; } .flex-col{ display:flex; flex-direction:column; }
.flex-center{ display:flex; align-items:center; justify-content:center; }
.flex-between{ display:flex; align-items:center; justify-content:space-between; }
.mt-1{margin-top:var(--spacing-xs);} .mt-2{margin-top:var(--spacing-sm);} .mt-3{margin-top:var(--spacing-md);} .mt-4{margin-top:var(--spacing-lg);} .mt-5{margin-top:var(--spacing-xl);}
.mb-1{margin-bottom:var(--spacing-xs);} .mb-2{margin-bottom:var(--spacing-sm);} .mb-3{margin-bottom:var(--spacing-md);} .mb-4{margin-bottom:var(--spacing-lg);} .mb-5{margin-bottom:var(--spacing-xl);}
.p-1{padding:var(--spacing-xs);} .p-2{padding:var(--spacing-sm);} .p-3{padding:var(--spacing-md);} .p-4{padding:var(--spacing-lg);} .p-5{padding:var(--spacing-xl);}
.text-center{text-align:center;} .text-left{text-align:left;} .text-right{text-align:right;}
.font-bold{font-weight:var(--weight-bold);} .font-semibold{font-weight:var(--weight-semibold);} .font-medium{font-weight:var(--weight-medium);} .font-normal{font-weight:var(--weight-normal);}
.hidden{display:none;} .block{display:block;} .inline-block{display:inline-block;}
.invisible{visibility:hidden;} .visible{visibility:visible;}
.sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border-width:0; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:3px solid var(--color-accent-blue); outline-offset:2px;
}
.dark-mode-toggle{
  position:fixed; top:var(--spacing-xl); right:var(--spacing-xl);
  z-index:var(--z-overlay); padding:var(--spacing-sm) var(--spacing-md);
  background:var(--glass-bg-medium); backdrop-filter:var(--glass-blur-light);
  border:1px solid var(--glass-border); border-radius:var(--radius-md);
  cursor:pointer; transition:all var(--transition-base);
}
.dark-mode-toggle:hover{ background:var(--glass-bg-medium); transform:translateY(-2px); box-shadow:var(--shadow-md); }
@media (max-width:768px){
  .hide-mobile{ display:none !important; }
  .container,.container-fluid{ padding:0 var(--spacing-md); }
}
@media (min-width:769px){ .hide-desktop{ display:none !important; } }
@media print{
  .no-print{ display:none !important; }
  body{ background:white; color:black; }
  .rezultat,.rezultat-light,.hero-content{ background:white; border:1px solid #ccc; box-shadow:none; }
}
@media (prefers-reduced-motion:no-preference){ html{ scroll-behavior:smooth; } }

/* ========== 3) ANIMATIONS (single definitions) ========== */
@keyframes fadeInUp{ from{opacity:0; transform:translateY(20px);} to{opacity:1; transform:translateY(0);} }
@keyframes loading-shimmer{ 0%{transform:translateX(-100%);} 100%{transform:translateX(100%);} }
@keyframes recordBlink{ 0%,90%,100%{opacity:1; transform:scale(1);} 95%{opacity:.3; transform:scale(.85);} }
@keyframes liveGlow{ 0%,100%{ box-shadow:0 2px 12px rgba(255,60,60,.5);} 50%{ box-shadow:0 2px 20px rgba(255,60,60,.8);} }
/* nowa, ładniejsza dioda */
@keyframes livePulse{ 0%,100%{ transform:scale(1); filter:saturate(1); opacity:1; } 50%{ transform:scale(1.18); filter:saturate(1.2); opacity:.9; } }

/* ========== 4) COMPONENTS ========== */
/* 4.1 REZULTAT */
.rezultat-container{ container-type:inline-size; container-name:rezultat; }
.rezultat,.rezultat-light{
  padding:var(--spacing-md) var(--spacing-lg);
  border-radius:var(--radius-md);
  font-size:var(--text-base);
  font-weight:var(--weight-medium);
  margin:var(--spacing-md) 0 var(--spacing-md) 40px;
  line-height:1.5; position:relative;
  transition:all var(--transition-smooth);
  border:1px solid transparent; overflow:hidden;
  backdrop-filter:var(--glass-blur-light); -webkit-backdrop-filter:var(--glass-blur-light);
  will-change:transform,box-shadow; contain:paint;
  animation:fadeInUp var(--duration-base) var(--transition-smooth);
}
.rezultat{ background:var(--rezultat-bg-dark); border-color:var(--rezultat-border-dark); color:var(--bg-white); box-shadow:var(--shadow-md),var(--shadow-inset); }
.rezultat-light{ background:var(--rezultat-bg-light); border-color:var(--rezultat-border-light); color:var(--color-primary-light);
  box-shadow:0 4px 6px rgba(42,90,35,.04),0 1px 3px rgba(42,90,35,.08),inset 0 1px 0 rgba(255,255,255,.5);
}
.rezultat:hover{ transform:translateY(-2px); background:var(--glass-bg-medium); border-color:rgba(255,255,255,.2); box-shadow:var(--shadow-lg),var(--shadow-glow),var(--shadow-inset); }
.rezultat-light:hover{ transform:translateY(-2px); background:linear-gradient(135deg,rgba(42,90,35,.1) 0%,rgba(42,90,35,.04) 100%);
  border-color:rgba(42,90,35,.18); box-shadow:0 8px 16px rgba(42,90,35,.1),0 3px 6px rgba(42,90,35,.06),0 0 20px rgba(42,90,35,.08),inset 0 1px 0 rgba(255,255,255,.6);
}
.rezultat:active,.rezultat-light:active{ transform:translateY(0); box-shadow:var(--shadow-md); }
.rezultat.disabled,.rezultat-light.disabled{ opacity:.6; cursor:not-allowed; pointer-events:none; filter:grayscale(.3); }
/* shimmer overlay */
.rezultat::before,.rezultat-light::before{
  content:''; position:absolute; inset:0; left:-100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);
  transition:left var(--transition-slow); pointer-events:none;
}
.rezultat:hover::before,.rezultat-light:hover::before{ left:100%; }
.rezultat-label{ display:block; font-weight:var(--weight-semibold); font-size:var(--text-sm); text-transform:uppercase; letter-spacing:.5px;
  margin-bottom:var(--spacing-xs); transition:all var(--transition-base); opacity:.7; position:relative;
}
.rezultat .rezultat-label{ color:rgba(255,255,255,.9); }
.rezultat-light .rezultat-label{ color:rgba(45,90,39,.8); }
.rezultat-content{ font-weight:var(--weight-medium); font-size:var(--text-md); margin-top:0; line-height:1.4; transition:transform var(--transition-base); transform-origin:left center; }
.rezultat .rezultat-content{ color:var(--bg-white); } .rezultat-light .rezultat-content{ color:var(--color-primary-light); }
.rezultat:hover .rezultat-content,.rezultat-light:hover .rezultat-content{ transform:scale(1.01); }
.rezultat-success,.rezultat-warning,.rezultat-error{ border-left:4px solid; padding-left:14px; }
.rezultat-success{ border-left-color:var(--success-color); background:var(--success-bg); }
.rezultat-warning{ border-left-color:var(--warning-color); background:var(--warning-bg); }
.rezultat-error{ border-left-color:var(--error-color); background:var(--error-bg); }
.rezultat-success:hover{ box-shadow:0 8px 16px rgba(16,185,129,.15),0 0 20px rgba(16,185,129,.1),inset 0 1px 0 rgba(255,255,255,.2); }
.rezultat-warning:hover{ box-shadow:0 8px 16px rgba(245,158,11,.15),0 0 20px rgba(245,158,11,.1),inset 0 1px 0 rgba(255,255,255,.2); }
.rezultat-error:hover{ box-shadow:0 8px 16px rgba(239,68,68,.15),0 0 20px rgba(239,68,68,.1),inset 0 1px 0 rgba(255,255,255,.2); }
@container rezultat (max-width:400px){
  .rezultat,.rezultat-light{ margin:var(--spacing-md) var(--spacing-sm); padding:var(--spacing-md) var(--spacing-lg); font-size:.85rem; }
  .rezultat-label{ font-size:.75rem; } .rezultat-content{ font-size:.9rem; }
}
@media (max-width:768px){
  .rezultat,.rezultat-light{ margin:var(--spacing-lg) var(--spacing-md); padding:var(--spacing-lg) var(--spacing-xl); font-size:.95rem; border-radius:var(--radius-md); }
  .rezultat-label{ font-size:var(--text-sm); margin-bottom:6px; }
  .rezultat-content{ font-size:var(--text-md); }
}
@media (max-width:480px){ .rezultat,.rezultat-light{ margin:var(--spacing-md) var(--spacing-sm); padding:14px var(--spacing-lg); } }
.rezultat:focus-visible,.rezultat-light:focus-visible{ outline:3px solid var(--color-accent-blue); outline-offset:2px; border-color:var(--color-accent-blue); box-shadow:0 0 0 4px rgba(59,130,246,.2); }
@media (prefers-contrast: high){
  .rezultat,.rezultat-light{ border-width:2px; font-weight:var(--weight-semibold); }
  .rezultat{ border-color:rgba(255,255,255,.5); } .rezultat-light{ border-color:rgba(42,90,35,.5); }
}
@media (prefers-reduced-motion: reduce){
  .rezultat,.rezultat-light,.rezultat-label,.rezultat-content{ transition:opacity var(--transition-fast); animation:none; }
  .rezultat:hover,.rezultat-light:hover,.rezultat:hover .rezultat-content,.rezultat-light:hover .rezultat-content{ transform:none; }
  .rezultat::before,.rezultat-light::before{ display:none; }
}

/* 4.2 HERO */
.hero-container{ container-type:inline-size; container-name:hero; }
.hero-content{
  position:relative; max-width:650px; padding:var(--spacing-4xl) var(--spacing-5xl); margin:0; z-index:var(--z-elevated);
  background:var(--glass-bg-medium); backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur);
  border-radius:var(--radius-lg); border:none;
  box-shadow:var(--shadow-md);
  will-change:auto; contain:paint;
  animation:none;
}
.hero-content:hover{ transform:none; box-shadow:var(--shadow-md); border-color:transparent; }
.hero-content:active{ transform:none; box-shadow:var(--shadow-md); }
.hero-content:focus-visible{ outline:3px solid var(--color-accent-blue); outline-offset:4px; box-shadow:var(--shadow-md); }
.hero-title{
  font-size:var(--text-3xl); font-weight:var(--weight-bold); line-height:1.25; color:var(--bg-white);
  margin:0 0 var(--spacing-2xl) 0; letter-spacing:-.02em;
  animation:none;
}
.hero-description{
  font-size:var(--text-lg); font-weight:var(--weight-normal); line-height:1.7; color:rgba(255,255,255,.95); margin:0;
  animation:none;
}
@container hero (max-width:600px){
  .hero-content{ max-width:100%; padding:var(--spacing-3xl) var(--spacing-4xl); }
  .hero-title{ font-size:1.6rem; margin-bottom:var(--spacing-lg); }
  .hero-description{ font-size:.95rem; }
}
@container hero (max-width:400px){
  .hero-content{ padding:var(--spacing-2xl) var(--spacing-3xl); }
  .hero-title{ font-size:1.4rem; } .hero-description{ font-size:.9rem; }
}
@media (max-width:768px){
  .hero-content{ max-width:100%; padding:var(--spacing-3xl) 36px; margin:0 var(--spacing-xl); }
  .hero-title{ font-size:var(--text-2xl); margin-bottom:18px; }
  .hero-description{ font-size:var(--text-md); }
}
@media (max-width:480px){
  .hero-content{ padding:28px 28px; margin:0 var(--spacing-lg); }
  .hero-title{ font-size:var(--text-xl); } .hero-description{ font-size:.95rem; }
}
.dark .hero-content{ background:var(--glass-bg-medium); border-color:transparent; }
.dark .hero-title{ color:var(--bg-white); } .dark .hero-description{ color:rgba(255,255,255,.9); }

/* 4.3 VIDEO + BUSINESS DIALOG */
.video-wrapper{ container-type:inline-size; container-name:video; }
.video-container{
  position:relative; overflow:visible !important;
  will-change:transform; contain:layout style;
}
/* ——— ładna świecąca kropka ——— */
.video-container::before{
  content:"";
  position:absolute;
  /* Pozycja względem badge LIVE (dostosuj w razie innego font-size/padding) */
  top:calc(var(--live-badge-top) + var(--live-badge-pad-y) + (var(--live-badge-font) / 2) - (var(--live-dot-size) / 2)); right:var(--live-dot-right);

  width:var(--live-dot-size); height:var(--live-dot-size); border-radius:50%;
  /* „LED" – subtelny biało-czerwony glow */
  background: radial-gradient(circle at 50% 50%, #ffffff 40%, #ff5858 95%);
  box-shadow:
    0 0 8px rgba(255, 90, 90, .85),
    0 0 18px rgba(255, 90, 90, .6),
    0 0 36px rgba(255, 90, 90, .3),
    0 0 2px rgba(0, 0, 0, .25);

  animation: livePulse 1.6s ease-in-out infinite;
  z-index: calc(var(--z-indicator, 10) + 2);
  pointer-events:none;
}
/* badge LIVE */
.video-container::after{
  content:"LIVE";
  position:absolute; top:var(--live-badge-top); right:var(--live-badge-right);
  font-family:'Plus Jakarta Sans',sans-serif; font-size:var(--live-badge-font); font-weight:var(--weight-bold);
  letter-spacing:1.2px; line-height:1; display:inline-flex; align-items:center; color:#fff; background:var(--dialog-live-bg);
  padding:var(--live-badge-pad-y) var(--live-badge-pad-x) var(--live-badge-pad-y) var(--live-badge-pad-left);
  border-radius:var(--radius-2xl);
  box-shadow:0 2px 12px rgba(255,60,60,.5);
  animation:liveGlow var(--duration-glow) ease-in-out infinite;
  z-index:var(--z-indicator);
}
.business-dialog{
  position:absolute !important; bottom:8px !important; left:50% !important; transform:translateX(-50%) !important;
  font-family:'Plus Jakarta Sans',sans-serif; font-size:.85rem; font-weight:var(--weight-normal); line-height:1.4; max-width:95%;
  text-align:left; opacity:0; transition:all var(--transition-slow); z-index:var(--z-dialog); pointer-events:none;
  display:flex; align-items:flex-end; gap:var(--spacing-sm); will-change:opacity,transform;
}
.business-dialog.show{ opacity:1; }
.business-dialog.left{ flex-direction:row; justify-content:flex-start; }
.business-dialog.left .message-bubble{
  background:var(--dialog-investor-bg); color:var(--bg-dark);
  border-radius:var(--radius-xl) var(--radius-xl) var(--radius-xl) var(--radius-sm);
  box-shadow:0 12px 32px rgba(93,155,199,.5),0 6px 16px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.4);
}
.business-dialog.left .speaker-avatar{
  background:var(--dialog-investor-avatar); color:var(--bg-white); box-shadow:var(--shadow-sm);
  background-image:url('../assets/media/images/Pawel.png.webp'); background-size:cover; background-position:center;
}
.business-dialog.right:not(.oliver){ flex-direction:row-reverse; justify-content:flex-start; }
.business-dialog.right:not(.oliver) .message-bubble{
  background:var(--dialog-ceo-bg); color:var(--bg-dark);
  border-radius:var(--radius-xl) var(--radius-xl) var(--radius-sm) var(--radius-xl);
  box-shadow:0 12px 32px rgba(255,180,100,.5),0 6px 16px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.4);
}
.business-dialog.right:not(.oliver) .speaker-avatar{
  background:var(--dialog-ceo-avatar) !important; color:var(--bg-white); box-shadow:var(--shadow-sm);
  background-image:url('../assets/media/images/Adrian.png.webp') !important; background-size:cover !important; background-position:center !important;
}
.business-dialog.oliver{ flex-direction:row-reverse; justify-content:flex-start; }
.business-dialog.oliver .message-bubble{
  background:var(--dialog-partner-bg); color:var(--bg-dark);
  border-radius:var(--radius-xl) var(--radius-xl) var(--radius-sm) var(--radius-xl);
  box-shadow:0 12px 32px rgba(255,150,100,.5),0 6px 16px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.4);
}
.business-dialog.oliver .speaker-avatar{
  background:var(--dialog-partner-avatar) !important; color:var(--bg-white); box-shadow:var(--shadow-sm);
  background-image:url('../assets/media/images/Oli.png.webp') !important; background-size:cover !important; background-position:center !important;
}
.speaker-avatar{
  width:43px; height:43px; border-radius:var(--radius-full); display:flex; align-items:center; justify-content:center;
  font-weight:var(--weight-semibold); font-size:.84rem; flex-shrink:0; margin-bottom:2px; overflow:hidden; contain:layout style paint;
}
.business-dialog.left .speaker-avatar,
.business-dialog.right:not(.oliver) .speaker-avatar,
.business-dialog.oliver .speaker-avatar{ color:transparent; text-indent:-9999px; }
.message-bubble{
  padding:var(--spacing-md) var(--spacing-lg); max-width:75%; position:relative;
  word-wrap:break-word; overflow-wrap:break-word; word-break:break-word; contain:paint;
}
.business-dialog:not(.show) .message-bubble{ transform:scale(.95); }
.business-dialog.show .message-bubble{ transform:scale(1); transition:transform var(--transition-base); }
.message-bubble:active{ transform:scale(.98); }
.speaker-name{ font-weight:var(--weight-semibold); font-size:var(--text-xs); display:block; margin-bottom:var(--spacing-sm); opacity:.7; }
.speaker-name .first-name{ font-weight:var(--weight-bold); }
.dialog-text{ display:block; font-weight:var(--weight-normal); line-height:1.4; }

/* Responsive (container queries) */
@container video (max-width:600px){
  .business-dialog{ bottom:12px !important; max-width:96%; font-size:.8rem; gap:6px; }
  .speaker-avatar{ width:38px; height:38px; font-size:.78rem; }
  .message-bubble{ font-size:.78rem; padding:10px 14px; max-width:88%; }
  .speaker-name{ font-size:.68rem; }
  :root{
    --live-dot-top:22px; --live-dot-right:76px; --live-dot-size:12px;
    --live-badge-top:16px; --live-badge-right:16px; --live-badge-font:.72rem;
    --live-badge-pad-y:7px; --live-badge-pad-x:18px; --live-badge-pad-left:34px;
  }
}
@container video (max-width:400px){
  .business-dialog{ bottom:10px !important; max-width:97%; gap:5px; font-size:.76rem; }
  .speaker-avatar{ width:34px; height:34px; font-size:.72rem; }
  .message-bubble{ font-size:.74rem; padding:8px 12px; max-width:92%; }
  .speaker-name{ font-size:.64rem; }
  :root{
    --live-dot-top:20px; --live-dot-right:68px; --live-dot-size:11px;
    --live-badge-top:13px; --live-badge-right:13px; --live-badge-font:.66rem;
    --live-badge-pad-y:6px; --live-badge-pad-x:15px; --live-badge-pad-left:28px;
  }
}
@media (prefers-contrast: high){
  .message-bubble{ border:2px solid rgba(0,0,0,.3); }
  .business-dialog.left .message-bubble{ background:#b8d9ea; }
  .business-dialog.right:not(.oliver) .message-bubble{ background:#ffe4c4; }
  .business-dialog.oliver .message-bubble{ background:#ffd5b0; }
  .video-container::after{ border:2px solid #fff; }
}
@media (prefers-reduced-motion: reduce){
  .video-container::before,.video-container::after,.business-dialog,.message-bubble,.speaker-avatar{ animation:none !important; transition:opacity var(--transition-fast); }
  .business-dialog.show{ opacity:1; }
  .business-dialog:not(.show) .message-bubble,.business-dialog.show .message-bubble,.message-bubble:active{ transform:none; }
  .video-container::after{ box-shadow:0 2px 12px rgba(255,60,60,.5); }
}

/* ========== 5) SMALL PERF TWEAKS ========== */
@supports (will-change: transform){
  .rezultat,.rezultat-light,.hero-content,.business-dialog{ will-change:transform; }
}

/* ========== 6) MOBILE PERF (opcjonalnie: mniej blur na mobile) ========== */
@media (max-width:768px){
  .hero-content,.rezultat,.rezultat-light,.business-dialog{ backdrop-filter:none; -webkit-backdrop-filter:none; }
}