*,*::before,*::after{box-sizing:border-box !important;margin:0;padding:0}
html,body{width:100% !important;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body{font-family:'Sora',sans-serif !important;background:#070B1A !important}
h1,h2,h3,h4,h5,h6{font-family:'DM Serif Display',serif !important}


/* Nav styles removed — now in header.php */
.hero{position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:0;background:url('https://malgorzatadobrowolska.pl/wp-content/uploads/2026/02/overlay-z-kompasami-main.png') center 30% / cover no-repeat}
.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,rgba(7,11,26,.92) 0%,rgba(7,11,26,.78) 38%,rgba(7,11,26,.45) 58%,rgba(7,11,26,.15) 100%),linear-gradient(to bottom,rgba(7,11,26,.4) 0%,transparent 18%,transparent 60%,rgba(7,11,26,.85) 85%,rgba(7,11,26,1) 100%)}
.hero-glow{position:absolute;top:-80px;left:-80px;width:500px;height:500px;z-index:1;background:radial-gradient(circle,rgba(72,0,176,.22) 0%,transparent 68%);pointer-events:none}
.hero-c{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:180px 48px 0;display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}
.hero-left{padding-bottom:20px}
.eyebrow-wrap{margin-bottom:24px;margin-top:24px}
.eyebrow-pill{display:inline-flex;align-items:center;gap:10px;padding:7px 15px 7px 10px;border-radius:30px;background:rgba(217,255,59,.05);position:relative}
.eyebrow-pill::before{content:'';position:absolute;inset:-1.5px;border-radius:32px;background:conic-gradient(from var(--a,0deg),transparent 0%,transparent 50%,#D9FF3B 62%,transparent 74%,transparent 100%);animation:espin 3s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.5px}
@property --a{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes espin{to{--a:360deg}}
.ep-dot{width:6px;height:6px;border-radius:50%;background:#D9FF3B;flex-shrink:0}
.ep-text{font-size:11px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:rgba(217,255,59,.85)}
h1{font-family:'DM Serif Display',serif !important;font-size:34px !important;line-height:1.12 !important;color:#fff !important;letter-spacing:-.3px;margin-bottom:22px !important;text-shadow:0 1px 8px rgba(0,0,0,.2)}
h1 em{font-style:italic;color:#D9FF3B}
.body-t{font-size:14.5px;color:rgba(255,255,255,.65);line-height:1.82;font-weight:300;max-width:460px;text-shadow:0 1px 12px rgba(0,0,0,.6);margin-top:16px}
.body-t+.body-t{margin-top:11px}
.body-t strong{color:rgba(255,255,255,.82);font-weight:500}
.method-pill{display:inline-flex;align-items:flex-start;gap:10px;margin:14px 0 18px;padding:13px 16px;background:rgba(72,0,176,.22);border:1px solid rgba(72,0,176,.4);border-radius:12px;max-width:460px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.mp-dot{width:6px;height:6px;border-radius:50%;background:#D9FF3B;flex-shrink:0;margin-top:5px}
.method-pill p{font-size:13px;color:rgba(255,255,255,.62);line-height:1.65;font-weight:300}
.method-pill p strong{color:#D9FF3B;font-weight:600}
.cta-btn{display:inline-flex;align-items:center;gap:9px;padding:14px 28px;background:#D9FF3B;color:#070B1A;border-radius:12px;font-size:13.5px;font-weight:700;text-decoration:none;letter-spacing:.3px;transition:all .2s}
.cta-btn:hover{background:#c8ee2a;transform:translateY(-1px)}
.cta-wrap{display:inline-flex;flex-direction:column;align-items:center;margin-bottom:0}
.cta-note{font-size:12px;color:rgba(255,255,255,.38);margin-top:10px;font-weight:300;letter-spacing:.2px;display:block;text-align:center;width:fit-content}
.cta-btn svg{width:15px;height:15px;fill:#070B1A}
.proof{display:flex;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.proof-right{
  display:flex;align-items:stretch;justify-content:center;gap:0;
  margin-top:20px;padding:0;border:none;
}
.proof-item{display:flex;align-items:center;gap:10px;padding-right:24px}
.proof-item-rich{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:20px 12px;
  background:rgba(10,12,30,.55);
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  gap:6px;
  transition:background .2s;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.proof-item-rich:hover{background:rgba(255,255,255,.07)}
.proof-item-rich:first-child{margin-right:10px}
.proof-num-rich{
  font-family:'DM Serif Display',serif;
  font-size:36px;color:#fff;line-height:1;
  letter-spacing:-.5px;
}
.proof-num-rich span{color:#D9FF3B}
.proof-lbl-rich{font-size:11px;color:rgba(255,255,255,.45);line-height:1.4;font-weight:300;text-align:center}
.proof-bar{width:3px;height:30px;background:#D9FF3B;border-radius:2px;opacity:.65;flex-shrink:0}
.proof-num{font-family:'DM Serif Display',serif;font-size:22px;color:#fff;line-height:1}
.proof-lbl{font-size:11px;color:rgba(255,255,255,.36);line-height:1.45;font-weight:300}
.proof-sep{width:1px;height:32px;background:rgba(255,255,255,.08);margin-right:24px;flex-shrink:0}
.hero-right{display:flex;flex-direction:column;padding-bottom:20px}
.video-above{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}
.va-line{height:1px;width:36px;flex-shrink:0;background:rgba(255,255,255,.12)}
.va-text{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.85);white-space:nowrap}
.video-wrap{position:relative;border-radius:14px;overflow:hidden}
.video-below{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}
.vb-dot{width:4px;height:4px;border-radius:50%;background:#D9FF3B;opacity:.5}
.video-below span{font-size:11px;font-weight:300;color:rgba(255,255,255,.32);letter-spacing:.3px}


.next{background:#070B1A;padding:60px 48px;text-align:center}
.next p{font-size:11px;color:rgba(255,255,255,.12);letter-spacing:2px;text-transform:uppercase}
@keyframes up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.a1{animation:up .55s .08s both}.a2{animation:up .65s .18s both}.a3{animation:up .65s .28s both}
.a4{animation:up .65s .38s both}.a5{animation:up .65s .46s both}.a6{animation:up .75s .22s both}
@media(max-width:960px){
  .nav-c{padding:0 16px}
  .nav-logo img{height:28px!important}
  .nav-links{gap:6px}
  .nav-login{
    padding:6px 10px;
    font-size:10px;
    border-color:rgba(255,255,255,.08);
  }
  .nav-cta{
    padding:7px 14px;
    font-size:10px;
    letter-spacing:.2px;
  }
  .hero-c{grid-template-columns:1fr;padding:84px 16px 0;gap:20px}
  .hero-right{display:flex}
  .proof-right{display:none}
  h1{font-size:30px}
  .body-t{font-size:13.5px}
  .method-pill{max-width:100%}
  .cta-wrap{width:100%}
  .cta-btn{width:100%;justify-content:center}
  .video-above{margin-bottom:10px}
}
@media(max-width:560px){
  nav{height:auto;padding:0}
  .nav-c{
    height:auto;padding:0 16px;
    flex-wrap:wrap;
  }
  /* top row: login full width */
  .nav-links{
    display:contents;
  }
  .nav-login{
    width:100%;
    text-align:center;
    display:block;
    padding:10px 0;
    font-size:12px;
    border:none;
    border-bottom:1px solid rgba(255,255,255,.06);
    border-radius:0;
    color:rgba(255,255,255,.4);
    letter-spacing:.3px;
    order:-1;
  }
  .nav-login:hover{background:transparent;color:#fff}
  /* bottom row: logo left, cta right, vertically centered */
  .nav-c{
    flex-wrap:wrap;padding:0 16px;
  }
  .nav-cta{
    margin-left:auto;
    padding:10px 20px;font-size:12px;border-radius:10px;
    font-weight:700;letter-spacing:.3px;
  }
  .nav-logo{padding:12px 0;display:flex;align-items:center}
  .nav-logo img{height:30px!important}
  .hero-c{padding:120px 16px 0;gap:16px}
  h1{font-size:24px;line-height:1.15}
  h1 br{display:none}
  .body-t{font-size:12.5px;line-height:1.7}
  .eyebrow-pill{padding:5px 10px 5px 8px}
  .ep-text{font-size:10px;letter-spacing:1.2px}
  .method-pill{padding:10px 12px}
  .method-pill p{font-size:12px}
  .cta-btn{padding:12px 20px;font-size:12.5px;border-radius:10px}
  .cta-note{font-size:11px}
  .video-wrap{border-radius:10px}
}
/* ── YT SECTION ── */
.yt-section{
  background:#070B1A;
  padding:0 0 56px;
  position:relative;
  z-index:10;
}

.yt-inner{max-width:1200px;margin:0 auto;padding:0 48px;position:relative;z-index:1}

/* HEADER */
.yt-header{
  display:flex;align-items:flex-start;justify-content:space-between;
  margin-bottom:36px;gap:24px;
  padding-top:16px;
}
.yt-eyebrow{
  font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
  color:rgba(217,255,59,.7);margin-bottom:14px;
  display:flex;align-items:center;gap:8px;
}
.yt-eyebrow::before{content:'';width:24px;height:1px;background:rgba(217,255,59,.4)}
.yt-title{
  font-family:'DM Serif Display',serif;
  font-size:36px;line-height:1.1;color:#fff;letter-spacing:-.3px;
  margin-bottom:20px;
}
.yt-title em{font-style:italic;color:#D9FF3B}

/* RICH VIEWS BADGE */
.yt-views{display:flex;align-items:center;gap:16px}
.yt-views-num{
  font-family:'DM Serif Display',serif;
  font-size:48px;color:#fff;line-height:1;letter-spacing:-2px;
}
.yt-views-num em{font-style:normal;color:#D9FF3B}
.yt-views-right{}
.yt-views-label{font-size:13px;font-weight:500;color:rgba(255,255,255,.6);line-height:1.4}
.yt-views-sub{font-size:11px;color:rgba(255,255,255,.25);font-weight:300;margin-top:2px}

.yt-header-cta{
  display:inline-flex;align-items:center;gap:8px;flex-shrink:0;
  padding:10px 20px;background:transparent;
  border:1px solid rgba(255,255,255,.12);border-radius:30px;
  font-size:12px;font-weight:500;color:rgba(255,255,255,.5);
  text-decoration:none;transition:all .2s;white-space:nowrap;
  margin-top:4px;
}
.yt-header-cta:hover{border-color:rgba(217,255,59,.4);color:#D9FF3B}
.yt-header-cta svg{width:14px;height:14px;fill:currentColor}

/* SLIDER */
.yt-slider-wrap{overflow:hidden}

.yt-track{
  display:flex;
  gap:16px;
  transition:transform .5s cubic-bezier(.4,0,.2,1);
  will-change:transform;
}

/* CARD */
.yt-card{
  flex:0 0 calc((100% - 48px) / 4);
  width:calc((100% - 48px) / 4);
  display:flex;flex-direction:column;gap:14px;
  text-decoration:none;cursor:pointer;
}
.yt-thumb{
  position:relative;aspect-ratio:16/9;
  border-radius:12px;overflow:hidden;background:#0d1020;
  transition:transform .3s;
}
.yt-card:hover .yt-thumb{transform:scale(1.02)}
.yt-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.yt-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(7,11,26,.65) 0%,transparent 50%);
  transition:opacity .25s;
}
.yt-card:hover .yt-overlay{opacity:.4}
.yt-play{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%) scale(.9);
  width:44px;height:44px;border-radius:50%;
  background:rgba(217,255,59,.92);
  display:flex;align-items:center;justify-content:center;
  opacity:0;transition:all .2s;z-index:2;
}
.yt-card:hover .yt-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
.yt-play svg{width:16px;height:16px;fill:#070B1A;margin-left:3px}

.yt-info{}
.yt-guest{
  font-size:9.5px;font-weight:600;letter-spacing:2px;text-transform:uppercase;
  color:rgba(217,255,59,.65);margin-bottom:8px;
  display:flex;align-items:center;gap:6px;
}
.yt-guest::before{content:'';width:4px;height:4px;border-radius:50%;background:#D9FF3B;opacity:.7;flex-shrink:0}
.yt-card-title{font-family:'Sora',sans-serif;font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.82);margin-bottom:12px;font-weight:500;letter-spacing:.1px;}
.yt-link{
  display:inline-flex;align-items:center;gap:6px;
  font-size:11px;font-weight:400;color:rgba(255,255,255,.35);
  transition:color .2s;
  font-style:italic;
  letter-spacing:.3px;
}
.yt-link svg{width:12px;height:12px;fill:currentColor}
.yt-card:hover .yt-link{color:rgba(217,255,59,.7)}

/* ARROWS + DOTS */
.yt-nav{
  display:flex;align-items:center;justify-content:center;
  gap:14px;margin-top:44px;
}
/* Slider arrows — force override Astra button resets */
button.yt-arrow,
button.yt-arrow:focus,
button.yt-arrow:active,
button.yt-arrow:visited,
.yt-arrow {
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.15) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  color:rgba(255,255,255,.6) !important;
  padding:0 !important;
  margin:0 !important;
  outline:none !important;
  box-shadow:none !important;
  line-height:1 !important;
  font-size:0 !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  transition:all .2s !important;
}
button.yt-arrow:hover,
.yt-arrow:hover {
  background:rgba(217,255,59,.15) !important;
  border-color:rgba(217,255,59,.4) !important;
  color:#D9FF3B !important;
}
button.yt-arrow[disabled],
.yt-arrow[disabled]{opacity:.25 !important;pointer-events:none !important}
.yt-arrow svg{
  width:18px !important;
  height:18px !important;
  stroke:currentColor !important;
  fill:none !important;
  stroke-width:2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  display:block !important;
}
/* Dots */
.yt-dots{display:flex !important;align-items:center !important;gap:6px !important}
.yt-dot{
  width:6px !important;height:6px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.2) !important;
  transition:all .25s !important;
  cursor:pointer !important;
  border:none !important;
  padding:0 !important;
}
.yt-dot.on{background:#D9FF3B !important;width:20px !important;border-radius:3px !important}

@media(max-width:960px){
  .yt-inner{padding:0 20px}
  .yt-header{flex-direction:column}
  .yt-title{font-size:28px}
  .yt-card{flex:0 0 85%;width:85%}
}
@media(max-width:560px){
  .yt-inner{padding:0 16px}
  .yt-title{font-size:24px}
  .yt-slider-wrap{overflow:visible}
  .yt-track{scrollbar-width:none;-ms-overflow-style:none}
  .yt-track::-webkit-scrollbar{display:none}
  .yt-card{flex:0 0 78vw;width:78vw;flex-shrink:0}
  .yt-nav{display:flex;justify-content:center;margin-top:20px}
  .yt-dots{display:none}
}

/* ── PROBLEM SECTION ── */
.prob{
  background:#070B1A;
  padding:52px 0 68px;
  position:relative;overflow:hidden;
}

/* background texture */
.prob::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 50% 60% at 80% 50%, rgba(72,0,176,.12) 0%, transparent 70%),
    radial-gradient(ellipse 30% 40% at 10% 80%, rgba(72,0,176,.08) 0%, transparent 60%);
  pointer-events:none;
}

.prob-c{
  max-width:1200px;margin:0 auto;padding:0 48px;
  position:relative;z-index:1;
}

/* HEADER */
.prob-header{
  max-width:640px;
  margin-bottom:44px;
}
.prob-eyebrow{
  font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
  color:rgba(217,255,59,.7);margin-bottom:20px;
  display:flex;align-items:center;gap:8px;
}
.prob-eyebrow::before{content:'';width:24px;height:1px;background:rgba(217,255,59,.4)}
.prob-title{
  font-family:'DM Serif Display',serif;
  font-size:38px;line-height:1.08;color:#fff;
  letter-spacing:-.5px;margin-bottom:16px;
}
.prob-title em{font-style:italic;color:#D9FF3B}
.prob-subtitle{
  font-size:16px;color:rgba(255,255,255,.45);
  font-weight:300;line-height:1.6;
}

/* ITEMS GRID */
.prob-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-bottom:36px;
}

.prob-item{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  padding:24px;
  position:relative;
  overflow:hidden;
  transition:background .25s,border-color .25s,transform .25s;
}
.prob-item:hover{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.12);
  transform:translateY(-3px);
}
/* accent top bar */
.prob-item::before{
  content:'';
  position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(72,0,176,.6),transparent);
  opacity:0;transition:opacity .3s;
}
.prob-item:hover::before{opacity:1}

.prob-item-loss{
  font-family:'DM Serif Display',serif;
  font-size:36px;line-height:1;
  color:#fff;margin-bottom:8px;letter-spacing:-1px;
}
.prob-item-loss span{color:#D9FF3B}
.prob-item-title{
  font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;
  color:rgba(255,255,255,.6);margin-bottom:10px;
}
.prob-item-desc{
  font-size:14px;color:rgba(255,255,255,.62);
  line-height:1.65;font-weight:300;
}

/* BIG STAT ROW */


/* BOTTOM QUOTE */


/* SCROLL REVEAL */
.reveal{
  opacity:0;transform:translateY(24px);
  transition:opacity .6s ease,transform .6s ease;
}
.reveal.visible{opacity:1;transform:translateY(0)}

@media(max-width:960px){
  .prob-c{padding:0 20px}
  .prob-grid{grid-template-columns:repeat(2,1fr)}
  .prob-title{font-size:30px}
  .pss-item{display:none}
  .phs-inner{flex-direction:column;padding:32px 24px;text-align:center;gap:16px}
  .phs-num{font-size:60px}
  .phs-desc{font-size:15px;max-width:100%}
}
@media(max-width:560px){
  .prob-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .prob-grid{grid-template-columns:1fr}
  .prob-big-item{padding:0}
}

/* ── PROB STATS ROW ── */
.prob-stats-row{
  display:grid;
  grid-template-columns:1fr 340px 1fr;
  gap:24px;
  align-items:center;
  margin-bottom:0;
}
.prob-stats-center{
  display:block;
  margin-bottom:0;
}

/* HERO STAT - the glowing box */
.prob-hero-stat{position:relative}

.phs-border-wrap{
  position:relative;
  border-radius:20px;
  padding:1.5px;
  width:100%;
  background:conic-gradient(from var(--phsa,0deg),
    rgba(72,0,176,0.2) 0%,
    rgba(217,255,59,0.9) 20%,
    rgba(72,0,176,0.2) 40%,
    rgba(217,255,59,0.3) 60%,
    rgba(72,0,176,0.2) 80%,
    rgba(217,255,59,0.9) 95%,
    rgba(72,0,176,0.2) 100%
  );
  animation:phsspin 4s linear infinite;
}
@property --phsa{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes phsspin{to{--phsa:360deg}}

.phs-inner{
  background:#070B1A;
  border-radius:19px;
  padding:52px 64px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:12px;
  position:relative;
  overflow:hidden;
}
.phs-glow{
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:200px;height:200px;
  background:radial-gradient(circle,rgba(72,0,176,.35) 0%,transparent 70%);
  pointer-events:none;
  animation:phsglow 3s ease-in-out infinite;
}
@keyframes phsglow{
  0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(1)}
  50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}
}
.phs-num{
  font-family:'DM Serif Display',serif;
  font-size:88px;line-height:1;
  color:#fff;letter-spacing:-4px;
  position:relative;z-index:1;
  flex-shrink:0;
}
.phs-num span{color:#D9FF3B}
.phs-text{
  position:relative;z-index:1;
}
.phs-unit{
  font-size:13px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
  color:rgba(217,255,59,.8);margin-bottom:10px;
  position:relative;z-index:1;
}
.phs-desc{
  font-size:17px;color:rgba(255,255,255,.65);
  line-height:1.6;font-weight:300;
  position:relative;z-index:1;
  max-width:500px;
}

/* SIDE STATS */
.prob-side-stats{display:none}
.pss-divider{display:none}
.pss-item{
  padding:32px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  text-align:center;
}
.pss-num{
  font-family:'DM Serif Display',serif;
  font-size:52px;line-height:1;color:#fff;
  letter-spacing:-2px;margin-bottom:8px;
}
.pss-num span{color:rgba(217,255,59,.7);font-size:32px}
.pss-label{font-size:14px;font-weight:500;color:rgba(255,255,255,.7);margin-bottom:6px}
.pss-sub{font-size:12px;color:rgba(255,255,255,.35);font-weight:300;line-height:1.5}

/* BOTTOM QUOTE */
.prob-bottom-quote{
  display:flex;align-items:flex-start;gap:20px;
  padding:32px 36px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  position:relative;overflow:hidden;
}
.prob-bottom-quote::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,rgba(217,255,59,.6),transparent);
}
.pbq-line{
  width:3px;flex-shrink:0;
  background:linear-gradient(to bottom,#D9FF3B,rgba(217,255,59,.2));
  border-radius:2px;
  align-self:stretch;
  min-height:60px;
}
.pbq-content{}
.pbq-role{
  font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;
  color:rgba(217,255,59,.65);margin-bottom:10px;
}
.pbq-text{
  font-family:'DM Serif Display',serif;
  font-size:20px;line-height:1.55;
  color:rgba(255,255,255,.6);
  font-style:italic;
}
.pbq-text strong{
  color:#fff;font-style:normal;font-weight:400;
}

@media(max-width:960px){
  .prob-stats-row{grid-template-columns:1fr}
  .phs-num{font-size:56px}
  .pbq-text{font-size:17px}
}

/* ── REFRAME SECTION ── */
.reframe{
  background:#070B1A;
  padding:72px 0 88px;
  position:relative;overflow:hidden;
}

/* photo on right */
.rf-photo{
  position:absolute;right:0;top:0;bottom:0;
  width:48%;z-index:1;
}
.rf-photo img{
  width:100%;height:100%;
  object-fit:cover;object-position:center top;
  display:block;
}
.rf-photo::after{
  content:'';position:absolute;inset:0;
  background:
    linear-gradient(to right,rgba(7,11,26,1) 0%,rgba(7,11,26,.75) 30%,rgba(7,11,26,.2) 60%,transparent 80%),
    linear-gradient(to top,rgba(7,11,26,.95) 0%,transparent 30%),
    linear-gradient(to bottom,rgba(7,11,26,.5) 0%,transparent 20%);
}

/* layout */
.rf-c{
  max-width:1200px;margin:0 auto;padding:0 48px;
  position:relative;z-index:3;
  display:grid;
  grid-template-columns:1fr 380px;
  gap:0;align-items:center;
}

.rf-left{max-width:580px}

.rf-eyebrow{
  font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
  color:rgba(217,255,59,.7);margin-bottom:22px;
  display:flex;align-items:center;gap:8px;
}
.rf-eyebrow::before{content:'';width:24px;height:1px;background:rgba(217,255,59,.4)}

.rf-title{
  font-family:'DM Serif Display',serif;
  font-size:40px;line-height:1.1;
  color:#fff;letter-spacing:-.4px;
  margin-bottom:32px;
}
.rf-title em{font-style:italic;color:#D9FF3B}

/* lines */
.rf-line{
  font-size:15px;
  line-height:1.8;
  font-weight:300;
  padding:5px 0;
  color:rgba(255,255,255,.5);
  border-bottom:1px solid rgba(255,255,255,.04);
}
.rf-line:last-of-type{border-bottom:none;margin-bottom:0}
.rf-line.hl{
  color:rgba(255,255,255,.92);
  font-weight:500;
  font-size:16px;
}
.rf-line.bold{
  color:rgba(255,255,255,.82);
  font-weight:600;
}
.rf-line mark{
  background:rgba(217,255,59,.18);
  color:#D9FF3B;
  padding:1px 5px;
  border-radius:3px;
  font-style:normal;
}

/* conclusion box */
.rf-box{
  margin-top:32px;
  border-radius:18px;
  padding:1.5px;
  background:conic-gradient(from var(--rfa,0deg),
    rgba(72,0,176,.15) 0%,rgba(217,255,59,.7) 18%,
    rgba(72,0,176,.15) 36%,rgba(217,255,59,.2) 54%,
    rgba(72,0,176,.15) 72%,rgba(217,255,59,.7) 90%,
    rgba(72,0,176,.15) 100%
  );
  animation:rfspin 5s linear infinite;
}
@property --rfa{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes rfspin{to{--rfa:360deg}}

.rf-box-inner{
  background:rgba(10,12,28,.95);
  border-radius:17px;
  padding:28px 32px;
  position:relative;overflow:hidden;
  backdrop-filter:blur(12px);
}
.rf-box-inner::before{
  content:'';position:absolute;
  top:-40px;left:-40px;
  width:160px;height:160px;
  background:radial-gradient(circle,rgba(72,0,176,.3) 0%,transparent 70%);
  pointer-events:none;
}
.rf-box-tag{
  font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;
  color:rgba(217,255,59,.6);margin-bottom:10px;display:block;
}
.rf-box-text{
  font-size:15px;color:rgba(255,255,255,.75);
  line-height:1.75;font-weight:300;position:relative;z-index:1;
}
.rf-box-text strong{color:#fff;font-weight:600}

/* stats */
.rf-stats{
  display:flex;gap:0;
  margin-top:20px;padding-top:18px;
  border-top:1px solid rgba(255,255,255,.07);
  position:relative;z-index:1;
}
.rf-stat{
  display:flex;align-items:center;gap:10px;
  padding-right:20px;
  border-right:1px solid rgba(255,255,255,.08);
  margin-right:20px;
}
.rf-stat:last-child{border-right:none;margin-right:0;padding-right:0}
.rf-snum{
  font-family:'DM Serif Display',serif;
  font-size:26px;color:#fff;line-height:1;
}
.rf-snum em{font-style:normal;color:#D9FF3B}
.rf-slbl{font-size:11px;color:rgba(255,255,255,.38);line-height:1.4;font-weight:300}

/* reveal */
.rva{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.rva.visible{opacity:1;transform:translateY(0)}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.22s}
.d4{transition-delay:.28s}.d5{transition-delay:.34s}

@media(max-width:960px){
  .rf-photo{display:none}
  .rf-c{grid-template-columns:1fr;padding:0 20px}
  .rf-left{max-width:100%}
  .rf-title{font-size:30px}
  .reframe{padding:56px 0 64px}
}
@media(max-width:560px){
  .reframe{padding:40px 0 48px}
  .rf-c{padding:0 16px}
  .rf-title{font-size:24px;margin-bottom:22px}
  .rf-line{font-size:13px;line-height:1.7;padding:4px 0}
  .rf-line.hl{font-size:14px}
  .rf-box{margin-top:22px}
  .rf-box-inner{padding:20px 16px}
  .rf-box-tag{font-size:9px}
  .rf-box-text{font-size:13px}
  .rf-stats{flex-direction:column;gap:12px}
  .rf-stat{border-right:none;margin-right:0;padding-right:0;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07)}
  .rf-stat:last-child{border-bottom:none;padding-bottom:0}
  .rf-snum{font-size:22px}
}

/* ── KIM JESTEM SECTION ── */
.about{
  position:relative;overflow:hidden;
  padding:0;
}

/* full-width blurred background */
.ab-bg{
  position:absolute;inset:0;z-index:0;
}
.ab-bg img{
  width:100%;height:100%;
  object-fit:cover;object-position:center 30%;
  display:block;
  filter:blur(20px) saturate(1.2);
  transform:scale(1.1);
}
.ab-bg::after{
  content:'';position:absolute;inset:0;
  background:
    linear-gradient(180deg,
      rgba(7,11,26,1) 0%,
      rgba(7,11,26,.75) 8%,
      rgba(7,11,26,.55) 20%,
      rgba(7,11,26,.6) 50%,
      rgba(7,11,26,.75) 80%,
      rgba(7,11,26,1) 100%
    );
}

/* top area */
.ab-top{
  position:relative;z-index:3;
  text-align:center;
  padding:80px 48px 0;
  max-width:700px;
  margin:0 auto;
}

.ab-eyebrow{
  font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
  color:rgba(217,255,59,.7);margin-bottom:20px;
  display:inline-flex;align-items:center;gap:8px;
}
.ab-eyebrow::before{content:'';width:24px;height:1px;background:rgba(217,255,59,.4)}

.ab-title{
  font-family:'DM Serif Display',serif;
  font-size:46px;line-height:1.08;
  color:#fff;letter-spacing:-.5px;
  margin-bottom:16px;
  text-shadow:0 2px 30px rgba(0,0,0,.5);
}
.ab-title em{font-style:italic;color:#D9FF3B}

.ab-subtitle{
  font-size:15px;color:rgba(255,255,255,.5);
  font-weight:300;line-height:1.6;
}

/* main content grid */
.ab-c{
  max-width:1200px;margin:0 auto;padding:48px 48px 80px;
  position:relative;z-index:3;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;align-items:start;
}

.ab-left{}

.ab-intro{
  font-size:15.5px;color:rgba(255,255,255,.8);
  line-height:1.8;font-weight:400;
  margin-bottom:24px;
  padding-bottom:24px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.ab-intro strong{color:#fff;font-weight:600}

.ab-text{
  font-size:14.5px;color:rgba(255,255,255,.5);
  line-height:1.82;font-weight:300;
  margin-bottom:16px;
}
.ab-text:last-of-type{margin-bottom:0}
.ab-text strong{color:rgba(255,255,255,.85);font-weight:500}

.ab-highlight{
  margin:28px 0;
  padding:22px 28px;
  background:rgba(217,255,59,.06);
  border-left:3px solid rgba(217,255,59,.6);
  border-radius:0 14px 14px 0;
  backdrop-filter:blur(10px);
}
.ab-highlight p{
  font-size:15.5px;color:rgba(255,255,255,.88);
  line-height:1.75;font-weight:400;
}
.ab-highlight p strong{color:#D9FF3B;font-weight:600}

.ab-card{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  padding:36px;
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  position:relative;overflow:hidden;
}
.ab-card::before{
  content:'';position:absolute;
  top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(217,255,59,.5),rgba(72,0,176,.5),transparent);
}
.ab-card::after{
  content:'';position:absolute;
  top:-60px;right:-60px;
  width:200px;height:200px;
  background:radial-gradient(circle,rgba(72,0,176,.25) 0%,transparent 70%);
  pointer-events:none;
}

.ab-method-tag{
  font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;
  color:#D9FF3B;margin-bottom:16px;display:block;
  position:relative;z-index:1;
}
.ab-method-text{
  font-size:15px;color:rgba(255,255,255,.7);
  line-height:1.78;font-weight:300;
  position:relative;z-index:1;
  margin-bottom:28px;
}
.ab-method-text strong{color:#fff;font-weight:600}

.ab-card-divider{
  height:1px;
  background:linear-gradient(90deg,rgba(217,255,59,.3),rgba(255,255,255,.06),transparent);
  margin-bottom:24px;
}

.ab-card-quote{
  font-family:'DM Serif Display',serif;
  font-size:20px;line-height:1.5;
  color:rgba(255,255,255,.6);
  font-style:italic;
  position:relative;z-index:1;
  margin-bottom:28px;
}
.ab-card-quote strong{color:#fff;font-style:normal;font-weight:400}

/* author mini */
.ab-author{
  display:flex;align-items:center;gap:16px;
  margin-bottom:24px;padding-bottom:24px;
  border-bottom:1px solid rgba(255,255,255,.08);
  position:relative;z-index:1;
}
.ab-author-img{
  width:56px;height:56px;border-radius:50%;
  object-fit:cover;
  border:2px solid rgba(217,255,59,.4);
  flex-shrink:0;
  background:rgba(255,255,255,.05);
}
.ab-author-info{
  display:flex;flex-direction:column;gap:3px;
}
.ab-author-name{
  font-size:14px;font-weight:600;color:#fff;
}
.ab-author-role{
  font-size:11px;color:rgba(255,255,255,.35);font-weight:300;
}
.ab-author-btn{
  margin-left:auto;
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 20px;
  background:rgba(217,255,59,.1);
  border:1px solid rgba(217,255,59,.25);
  border-radius:10px;
  font-size:12.5px;font-weight:600;color:#D9FF3B;
  text-decoration:none;transition:all .25s;white-space:nowrap;
}
.ab-author-btn:hover{
  background:rgba(217,255,59,.18);
  border-color:rgba(217,255,59,.5);
  transform:translateY(-1px);
}
.ab-author-btn svg{width:14px;height:14px;stroke:#D9FF3B}

@media(max-width:560px){
  .ab-author{flex-wrap:wrap;gap:12px}
  .ab-author-btn{margin-left:0;width:100%;justify-content:center;margin-top:4px}
}

/* stats row */
.ab-stats{
  display:flex;gap:0;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.08);
  position:relative;z-index:1;
}
.ab-stat{
  display:flex;align-items:center;gap:10px;
  padding-right:24px;
  border-right:1px solid rgba(255,255,255,.08);
  margin-right:24px;
}
.ab-stat:last-child{border-right:none;margin-right:0;padding-right:0}
.ab-snum{
  font-family:'DM Serif Display',serif;
  font-size:30px;color:#fff;line-height:1;
}
.ab-snum em{font-style:normal;color:#D9FF3B}
.ab-slbl{font-size:11px;color:rgba(255,255,255,.38);line-height:1.4;font-weight:300}

/* reveal */
.aba{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.aba.visible{opacity:1;transform:translateY(0)}
.abd1{transition-delay:.08s}.abd2{transition-delay:.16s}.abd3{transition-delay:.24s}
.abd4{transition-delay:.32s}.abd5{transition-delay:.40s}.abd6{transition-delay:.48s}

@media(max-width:960px){
  .ab-top{padding:64px 20px 0}
  .ab-c{grid-template-columns:1fr;padding:36px 20px 64px;gap:32px}
  .ab-title{font-size:36px}
}
@media(max-width:560px){
  .ab-top{padding:48px 16px 0}
  .ab-c{padding:28px 16px 48px;gap:24px}
  .ab-title{font-size:28px}
  .ab-subtitle{font-size:13px}
  .ab-intro{font-size:14px;margin-bottom:20px;padding-bottom:20px}
  .ab-text{font-size:13px}
  .ab-highlight{padding:18px 20px;margin:24px 0}
  .ab-highlight p{font-size:14px}
  .ab-card{padding:24px 20px}
  .ab-method-text{font-size:14px}
  .ab-card-quote{font-size:17px}
  .ab-stats{flex-direction:column;gap:12px}
  .ab-stat{
    padding-bottom:12px;
    border-bottom:1px solid rgba(255,255,255,.08);
    border-right:none;margin-right:0;padding-right:0;
  }
  .ab-stat:last-child{border-bottom:none;padding-bottom:0}
  .ab-snum{font-size:22px}
}

/* ── LOGO SLIDER ── */
.logos{
  background:#070B1A;
  padding:56px 0 64px;
  position:relative;overflow:hidden;
}
/* top line */
.logos::before{
  content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:900px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(217,255,59,.15),rgba(72,0,176,.2),rgba(217,255,59,.15),transparent);
}
/* bottom line */
.logos::after{
  content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:900px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),rgba(255,255,255,.08),rgba(255,255,255,.04),transparent);
}

.logos-inner{
  max-width:1200px;margin:0 auto;padding:0 48px;
  text-align:center;
}

/* title row */
.logos-title{
  font-family:'Sora',sans-serif;
  font-size:12px;color:rgba(255,255,255,.3);
  font-weight:300;letter-spacing:.5px;
  margin-bottom:36px;line-height:1.4;
}
.logos-title em{font-style:italic;color:rgba(217,255,59,.5)}
.logos-title strong{
  font-family:'DM Serif Display',serif;
  font-size:36px;color:#fff;
  display:block;margin-bottom:6px;
  letter-spacing:-.3px;font-weight:400;
}

/* infinite scroll track */
.logos-track-wrap{
  position:relative;
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%);
}
.logos-track{
  display:flex;
  gap:72px;
  align-items:center;
  width:max-content;
  animation:logoscroll 30s linear infinite;
}
@keyframes logoscroll{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}
.logos-track:hover{animation-play-state:paused}

.logos-track img{
  height:42px;
  width:auto;
  object-fit:contain;
  opacity:.7;
  filter:brightness(0) invert(1);
  transition:all .35s ease;
  flex-shrink:0;
}
.logos-track img:hover{
  opacity:1;
  transform:scale(1.08);
  filter:brightness(0) invert(1) drop-shadow(0 0 12px rgba(217,255,59,.2));
}

.logos-divider{display:none}

@media(max-width:960px){
  .logos-inner{padding:0 20px}
  .logos{padding:44px 0 48px}
  .logos-title strong{font-size:28px}
  .logos-title{font-size:15px;margin-bottom:28px}
  .logos-track{gap:52px}
  .logos-track img{height:38px}
}
@media(max-width:560px){
  .logos-inner{padding:0 16px}
  .logos{padding:36px 0 40px}
  .logos-title strong{font-size:22px}
  .logos-title{font-size:13px;margin-bottom:22px}
  .logos-track{gap:40px}
  .logos-track img{height:30px}
}

/* ── 9 FILARÓW SECTION ── */
.pillars{
  background:#F8F7F4;
  padding:88px 0 96px;
  position:relative;overflow:hidden;
}
.pillars::before{
  content:'';position:absolute;inset:0;
  background:
    repeating-linear-gradient(90deg,rgba(26,26,46,.02) 0px,rgba(26,26,46,.02) 1px,transparent 1px,transparent 80px),
    repeating-linear-gradient(0deg,rgba(26,26,46,.02) 0px,rgba(26,26,46,.02) 1px,transparent 1px,transparent 80px);
  pointer-events:none;
}

.pl-c{max-width:1200px;margin:0 auto;padding:0 48px;position:relative;z-index:1}

/* header centered */
.pl-top{
  display:grid;grid-template-columns:1fr auto;
  gap:40px;align-items:center;
  margin-bottom:56px;
}
.pl-top-text{max-width:600px}

/* ornamental photo */
.pl-portrait{
  position:relative;
  width:280px;flex-shrink:0;
}
.pl-portrait img{
  width:100%;display:block;
  position:relative;z-index:2;
  filter:drop-shadow(0 16px 40px rgba(72,0,176,.15));
}
/* decorative ring behind */
.pl-portrait::before{
  content:'';position:absolute;
  top:50%;left:50%;transform:translate(-50%,-50%);
  width:260px;height:260px;
  border-radius:50%;
  border:1.5px solid rgba(72,0,176,.1);
  animation:plring 8s linear infinite;
}
.pl-portrait::after{
  content:'';position:absolute;
  top:50%;left:50%;transform:translate(-50%,-50%);
  width:300px;height:300px;
  border-radius:50%;
  border:1px dashed rgba(72,0,176,.06);
  animation:plring 12s linear infinite reverse;
}
@keyframes plring{to{transform:translate(-50%,-50%) rotate(360deg)}}

/* glow behind portrait */
.pl-portrait-glow{
  position:absolute;
  top:50%;left:50%;transform:translate(-50%,-50%);
  width:200px;height:200px;
  background:radial-gradient(circle,rgba(72,0,176,.12) 0%,transparent 70%);
  pointer-events:none;z-index:0;
  animation:plpglow 4s ease-in-out infinite alternate;
}
@keyframes plpglow{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}100%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}

@media(max-width:960px){
  .pl-top{grid-template-columns:1fr;text-align:center}
  .pl-portrait{width:200px;margin:0 auto}
  .pl-portrait::before{width:190px;height:190px}
  .pl-portrait::after{width:220px;height:220px}
  .pl-top-text{max-width:100%}
}
@media(max-width:560px){
  .pl-portrait{width:160px}
  .pl-portrait::before{width:150px;height:150px}
  .pl-portrait::after{width:175px;height:175px}
}
.pl-eyebrow{
  font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
  color:rgba(72,0,176,.6);margin-bottom:18px;
  display:inline-flex;align-items:center;gap:8px;
}
.pl-eyebrow::before{content:'';width:24px;height:1px;background:rgba(72,0,176,.3)}
.pl-title{
  font-family:'DM Serif Display',serif;
  font-size:42px;line-height:1.08;color:#1A1A2E;letter-spacing:-.5px;margin-bottom:18px;
}
.pl-title em{font-style:italic;color:#4800B0}
.pl-sub{font-size:15px;color:rgba(26,26,46,.45);font-weight:300;line-height:1.7}

/* grid 3 col */
.pl-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:20px;margin-bottom:56px;
}

/* card */
.pl-card{position:relative}

/* visual area */
.pl-visual{
  position:relative;
  height:280px;
  border-radius:18px;
  overflow:hidden;
  margin-bottom:24px;
  background:linear-gradient(145deg,#1A1A2E 0%,#0F1028 100%);
  border:1px solid rgba(255,255,255,.06);
  display:flex;align-items:center;justify-content:center;
  transition:border-color .3s,transform .3s;
}
.pl-card:hover .pl-visual{
  border-color:rgba(72,0,176,.3);
  transform:translateY(-4px);
  box-shadow:0 12px 40px rgba(72,0,176,.12);
}
.pl-visual::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 120%,rgba(72,0,176,.2) 0%,transparent 60%);
  pointer-events:none;
}

/* number badge */
.pl-num{
  position:absolute;top:16px;left:16px;z-index:5;
  width:40px;height:40px;border-radius:50%;
  background:rgba(26,26,46,.85);
  border:1px solid rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;
  font-family:'DM Serif Display',serif;
  font-size:16px;color:rgba(255,255,255,.7);
  backdrop-filter:blur(8px);
}

/* illustration SVG */
.pl-illus{
  width:220px;height:220px;
  position:relative;z-index:2;
  filter:drop-shadow(0 8px 40px rgba(72,0,176,.5));
  transition:transform .4s ease;
}
.pl-card:hover .pl-illus{transform:scale(1.06)}

/* card text */
.pl-card-title{
  font-size:18px;font-weight:600;color:#1A1A2E;
  margin-bottom:12px;letter-spacing:.1px;
}
.pl-card-desc{
  font-size:14px;color:rgba(26,26,46,.45);
  line-height:1.75;font-weight:300;
}

/* bottom */
.pl-bottom{
  margin-top:64px;
  border-radius:20px;
  padding:1.5px;
  background:conic-gradient(from var(--plba,0deg),
    rgba(72,0,176,.15) 0%,rgba(217,255,59,.7) 18%,
    rgba(72,0,176,.15) 36%,rgba(217,255,59,.2) 54%,
    rgba(72,0,176,.15) 72%,rgba(217,255,59,.7) 90%,
    rgba(72,0,176,.15) 100%
  );
  animation:plbspin 5s linear infinite;
}
@property --plba{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes plbspin{to{--plba:360deg}}

.pl-bottom-inner{
  background:#1A1A2E;
  border-radius:19px;
  padding:48px 56px;
  position:relative;overflow:hidden;
}
.pl-bottom-inner::before{
  content:'';position:absolute;
  top:-60px;left:-60px;
  width:200px;height:200px;
  background:radial-gradient(circle,rgba(72,0,176,.3) 0%,transparent 70%);
  pointer-events:none;
}
.pl-bottom-cols{
  display:grid;grid-template-columns:1fr auto;
  gap:48px;align-items:center;
  position:relative;z-index:1;
}
.pl-bottom-lead{
  font-family:'DM Serif Display',serif;
  font-size:28px;color:#fff;line-height:1.2;
  margin-bottom:12px;
}
.pl-bottom-lead strong{color:#D9FF3B;font-weight:400}
.pl-bottom-sub{
  font-size:14px;color:rgba(255,255,255,.45);
  line-height:1.7;font-weight:300;
}
.pl-bottom-sub strong{color:rgba(255,255,255,.8);font-weight:500}
.pl-bottom-right{flex-shrink:0}

@media(max-width:560px){
  .pl-bottom-cols{grid-template-columns:1fr;gap:24px;text-align:center}
  .pl-bottom-inner{padding:32px 24px}
  .pl-bottom-lead{font-size:22px}
}
.pl-cta svg{width:15px;height:15px;fill:#070B1A}

/* reveal */
.pla{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}
.pla.visible{opacity:1;transform:translateY(0)}
.pld1{transition-delay:.06s}.pld2{transition-delay:.14s}.pld3{transition-delay:.22s}
.pld4{transition-delay:.06s}.pld5{transition-delay:.14s}.pld6{transition-delay:.22s}
.pld7{transition-delay:.06s}.pld8{transition-delay:.14s}.pld9{transition-delay:.22s}

@media(max-width:960px){
  .pl-c{padding:0 20px}
  .pl-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .pl-title{font-size:34px}
  .pl-visual{height:220px}
  .pl-illus{width:160px;height:160px}
  .pl-bottom{grid-template-columns:1fr}
  .pillars{padding:64px 0 72px}
}
@media(max-width:560px){
  .pl-c{padding:0 16px}
  .pillars{padding:48px 0 56px}
  .pl-grid{grid-template-columns:1fr;gap:16px;margin-bottom:40px}
  .pl-title{font-size:28px}
  .pl-sub{font-size:13px}
  .pl-visual{height:200px}
  .pl-illus{width:140px;height:140px}
  .pl-card-title{font-size:16px}
  .pl-card-desc{font-size:13px}
  .pl-bottom-text{font-size:14px}
  .pl-cta{width:100%;justify-content:center}
}

/* ── TESTIMONIALS SECTION ── */
.testi{
  background:#070B1A;
  padding:96px 0 104px;
  position:relative;overflow:hidden;
}
.testi::before{
  content:'';position:absolute;inset:0;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.015) 0px,rgba(255,255,255,.015) 1px,transparent 1px,transparent 80px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0px,rgba(255,255,255,.015) 1px,transparent 1px,transparent 80px);
  pointer-events:none;
}
.testi::after{
  content:'';position:absolute;
  top:20%;left:50%;transform:translateX(-50%);
  width:600px;height:400px;
  background:radial-gradient(ellipse,rgba(72,0,176,.1) 0%,transparent 70%);
  pointer-events:none;
}

.testi-c{max-width:1200px;margin:0 auto;padding:0 48px;position:relative;z-index:1}

/* header */
.testi-top{
  display:flex;align-items:flex-end;justify-content:space-between;
  margin-bottom:56px;gap:24px;
}
.testi-eyebrow{
  font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
  color:rgba(217,255,59,.7);margin-bottom:16px;
  display:flex;align-items:center;gap:8px;
}
.testi-eyebrow::before{content:'';width:24px;height:1px;background:rgba(217,255,59,.4)}
.testi-title{
  font-family:'DM Serif Display',serif;
  font-size:42px;line-height:1.08;color:#fff;letter-spacing:-.5px;
}
.testi-title em{font-style:italic;color:#D9FF3B}

/* nav arrows */
.testi-nav{display:flex;gap:10px;flex-shrink:0}
.testi-arr{
  width:52px;height:52px;border-radius:50%;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:all .25s;color:rgba(255,255,255,.4);
}
.testi-arr:hover{background:rgba(217,255,59,.08);border-color:rgba(217,255,59,.4);color:#D9FF3B}
.testi-arr svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* slider */
.testi-slider{overflow:hidden}
.testi-track{
  display:flex;gap:20px;
  transition:transform .55s cubic-bezier(.4,0,.2,1);
  will-change:transform;
}

/* ── CARD ── */
.testi-card{
  flex:0 0 calc((100% - 40px) / 3);
  min-width:0;
  border-radius:22px;
  padding:2px;
  background:rgba(255,255,255,.06);
  transition:all .4s;
  position:relative;
}
.testi-card::before{
  content:'';position:absolute;inset:0;border-radius:22px;
  padding:2px;
  background:conic-gradient(from var(--tca,0deg),
    rgba(72,0,176,0) 0%,rgba(217,255,59,.6) 20%,
    rgba(72,0,176,.5) 40%,rgba(217,255,59,0) 60%,
    rgba(72,0,176,.5) 80%,rgba(217,255,59,.6) 95%,
    rgba(72,0,176,0) 100%
  );
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:0;transition:opacity .4s;
  animation:tcspin 4s linear infinite;
}
@property --tca{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes tcspin{to{--tca:360deg}}
.testi-card:hover::before{opacity:1}
.testi-card:hover{
  transform:translateY(-6px);
  background:rgba(255,255,255,.08);
}

.testi-card-inner{
  background:rgba(10,12,28,.92);
  border-radius:20px;
  overflow:hidden;
  position:relative;
  backdrop-filter:blur(12px);
}
.testi-card-inner::before{
  content:'';position:absolute;
  bottom:-40px;left:50%;transform:translateX(-50%);
  width:200px;height:100px;
  background:radial-gradient(ellipse,rgba(72,0,176,.2) 0%,transparent 70%);
  pointer-events:none;z-index:0;
}

/* video */
.testi-video{
  position:relative;
  aspect-ratio:9/16;
  background:#07091a;
  overflow:hidden;
  cursor:pointer;
}
.testi-video iframe{
  position:absolute;inset:0;width:100%;height:100%;border:0;
}
.testi-video::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:80px;
  background:linear-gradient(to top,rgba(10,12,28,.7) 0%,transparent 100%);
  pointer-events:none;
}

/* play hint overlay */
.testi-play-hint{
  position:absolute;bottom:16px;left:50%;transform:translateX(-50%);
  display:flex;align-items:center;gap:6px;
  padding:8px 16px;
  background:rgba(0,0,0,.5);
  border-radius:20px;
  backdrop-filter:blur(8px);
  z-index:3;
  pointer-events:none;
  animation:thintpulse 2s ease-in-out infinite;
}
.testi-play-hint svg{width:14px;height:14px;fill:#D9FF3B}
.testi-play-hint span{font-size:11px;color:rgba(255,255,255,.7);font-weight:400;white-space:nowrap}
@keyframes thintpulse{0%,100%{opacity:.7}50%{opacity:1}}

/* info area - BIGGER */
.testi-info{
  padding:24px 26px 28px;
  position:relative;z-index:1;
}
.testi-name{
  font-family:'DM Serif Display',serif;
  font-size:19px;color:#fff;
  margin-bottom:8px;letter-spacing:.1px;
}
.testi-role{
  font-size:13px;color:rgba(255,255,255,.4);
  font-weight:300;line-height:1.6;
}

/* quote mark */
.testi-quote-mark{
  position:absolute;top:16px;right:20px;
  font-family:'DM Serif Display',serif;
  font-size:48px;line-height:1;
  color:rgba(217,255,59,.08);
  pointer-events:none;
}

/* help text below slider */
.testi-help{
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin-top:20px;
}
.testi-help svg{width:16px;height:16px;stroke:rgba(255,255,255,.2);fill:none;stroke-width:1.5;stroke-linecap:round}
.testi-help span{font-size:12px;color:rgba(255,255,255,.2);font-weight:300;font-style:italic}

/* dots */
.testi-dots{
  display:flex;align-items:center;justify-content:center;
  gap:8px;margin-top:24px;
}
.testi-dot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(255,255,255,.1);
  transition:all .3s;cursor:pointer;
  border:1px solid rgba(255,255,255,.05);
}
.testi-dot.on{
  background:#D9FF3B;width:28px;border-radius:4px;
  border-color:rgba(217,255,59,.3);
  box-shadow:0 0 12px rgba(217,255,59,.25);
}

/* mobile arrows (below dots) */
.testi-nav-mobile{
  display:none;
  justify-content:center;gap:12px;
  margin-top:20px;
}
.testi-nav-mobile .testi-arr{width:48px;height:48px}

@media(max-width:960px){
  .testi-c{padding:0 20px}
  .testi-card{flex:0 0 calc((100% - 20px) / 2)}
  .testi-title{font-size:34px}
  .testi-top{flex-direction:column;align-items:flex-start}
  .testi{padding:72px 0 80px}
}
@media(max-width:560px){
  .testi-c{padding:0 16px}
  .testi{padding:56px 0 64px}
  .testi-title{font-size:28px}
  .testi-card{flex:0 0 85%;max-width:320px;flex-shrink:0;scroll-snap-align:start}
  .testi-slider{overflow:visible}
  .testi-track{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:0 8px 8px;transform:none!important}
  .testi-track::-webkit-scrollbar{display:none}
  .testi-nav{display:flex;margin-top:24px;justify-content:center}
  .testi-dots{display:none}
  .testi-name{font-size:17px}
  .testi-role{font-size:12px}
  .testi-info{padding:20px 22px 24px}
}

/* ── FINAL CTA SECTION ── */
.final{
  position:relative;overflow:hidden;
  padding:0;
}

/* hero-style background image */
.final-hero-bg{
  position:absolute;inset:0;z-index:0;
  background:url('https://malgorzatadobrowolska.pl/wp-content/uploads/2026/02/overlay-z-kompasami-main.png') center 40% / cover no-repeat;
  mask-image:linear-gradient(to bottom,transparent 0%,#000 25%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 25%);
}
.final-hero-bg::after{
  content:'';position:absolute;inset:0;
  background:
    linear-gradient(105deg,rgba(7,11,26,.95) 0%,rgba(7,11,26,.82) 35%,rgba(7,11,26,.6) 55%,rgba(7,11,26,.4) 100%),
    linear-gradient(to top,rgba(7,11,26,1) 0%,transparent 30%),
    linear-gradient(to bottom,rgba(7,11,26,.8) 0%,transparent 25%);
}

/* floating animated orbs */
.final-orb{
  position:absolute;border-radius:50%;pointer-events:none;z-index:1;
}
.final-orb-1{
  width:400px;height:400px;top:-10%;left:-10%;
  background:radial-gradient(circle,rgba(72,0,176,.2) 0%,transparent 70%);
  animation:forb1 6s ease-in-out infinite alternate;
}
.final-orb-2{
  width:300px;height:300px;bottom:-5%;right:-5%;
  background:radial-gradient(circle,rgba(217,255,59,.08) 0%,transparent 70%);
  animation:forb2 8s ease-in-out infinite alternate;
}
.final-orb-3{
  width:200px;height:200px;top:40%;right:15%;
  background:radial-gradient(circle,rgba(72,0,176,.12) 0%,transparent 70%);
  animation:forb3 5s ease-in-out infinite alternate;
}
@keyframes forb1{0%{transform:translate(0,0) scale(1);opacity:.6}100%{transform:translate(40px,30px) scale(1.2);opacity:1}}
@keyframes forb2{0%{transform:translate(0,0) scale(1);opacity:.5}100%{transform:translate(-30px,-20px) scale(1.15);opacity:.8}}
@keyframes forb3{0%{transform:translate(0,0) scale(.9);opacity:.4}100%{transform:translate(-20px,15px) scale(1.1);opacity:.7}}

/* animated particles */
.final-particles{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  overflow:hidden;
}
.final-particle{
  position:absolute;
  width:3px;height:3px;
  border-radius:50%;
  background:#D9FF3B;
  opacity:0;
  animation:fpart 4s ease-in-out infinite;
}
.final-particle:nth-child(1){left:15%;top:20%;animation-delay:0s;animation-duration:5s}
.final-particle:nth-child(2){left:75%;top:30%;animation-delay:.8s;animation-duration:4s}
.final-particle:nth-child(3){left:45%;top:60%;animation-delay:1.6s;animation-duration:6s}
.final-particle:nth-child(4){left:85%;top:70%;animation-delay:2.4s;animation-duration:5s}
.final-particle:nth-child(5){left:25%;top:80%;animation-delay:3.2s;animation-duration:4.5s}
.final-particle:nth-child(6){left:60%;top:15%;animation-delay:.4s;animation-duration:5.5s}
.final-particle:nth-child(7){left:35%;top:45%;animation-delay:2s;animation-duration:4s;width:2px;height:2px}
.final-particle:nth-child(8){left:90%;top:50%;animation-delay:1s;animation-duration:6s;width:2px;height:2px}
@keyframes fpart{
  0%{opacity:0;transform:translateY(0) scale(0)}
  20%{opacity:.6;transform:translateY(-10px) scale(1)}
  80%{opacity:.4;transform:translateY(-40px) scale(.8)}
  100%{opacity:0;transform:translateY(-60px) scale(0)}
}

.final-c{
  max-width:760px;margin:0 auto;
  padding:120px 48px 128px;
  position:relative;z-index:5;
  text-align:center;
}

.final-eyebrow{
  font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
  color:rgba(217,255,59,.7);margin-bottom:28px;
  display:inline-flex;align-items:center;gap:10px;
  animation:feyepulse 3s ease-in-out infinite;
}
.final-eyebrow::before,.final-eyebrow::after{
  content:'';width:28px;height:1px;background:rgba(217,255,59,.3);
}
@keyframes feyepulse{0%,100%{opacity:.7}50%{opacity:1}}

.final-title{
  font-family:'DM Serif Display',serif;
  font-size:56px;line-height:1.04;
  color:#fff;letter-spacing:-.5px;
  margin-bottom:28px;
  text-shadow:0 2px 40px rgba(0,0,0,.4);
}
.final-title em{font-style:italic;color:#D9FF3B}

.final-text{
  font-size:17px;color:rgba(255,255,255,.55);
  line-height:1.8;font-weight:300;
  max-width:560px;margin:0 auto 52px;
}
.final-text strong{color:rgba(255,255,255,.85);font-weight:500}

/* pulsing ring behind CTA */
.final-cta-wrap{
  position:relative;
  display:inline-block;
}
.final-cta-ring{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:120%;height:180%;
  border-radius:20px;
  border:1px solid rgba(217,255,59,.15);
  animation:fring 2s ease-in-out infinite;
  pointer-events:none;
}
.final-cta-ring2{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:135%;height:220%;
  border-radius:24px;
  border:1px solid rgba(217,255,59,.06);
  animation:fring 2s ease-in-out infinite .5s;
  pointer-events:none;
}
@keyframes fring{0%,100%{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.04)}}

/* big CTA */
.final-cta{
  display:inline-flex;align-items:center;gap:12px;
  padding:22px 52px;
  background:#D9FF3B;color:#070B1A;
  border-radius:14px;
  font-size:17px;font-weight:800;
  text-decoration:none;letter-spacing:.4px;
  text-transform:uppercase;
  transition:all .25s;
  box-shadow:0 4px 28px rgba(217,255,59,.25),0 0 80px rgba(217,255,59,.08);
  position:relative;overflow:hidden;
  z-index:2;
}
.final-cta::before{
  content:'';position:absolute;
  top:-50%;left:-50%;width:200%;height:200%;
  background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);
  transform:translateX(-100%);
  animation:fctasweep 3s ease-in-out infinite;
}
@keyframes fctasweep{0%,70%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.final-cta:hover{
  background:#c8ee2a;
  transform:translateY(-3px);
  box-shadow:0 8px 44px rgba(217,255,59,.35),0 0 100px rgba(217,255,59,.12);
}
.final-cta svg{width:18px;height:18px;fill:#070B1A}

.final-note{
  font-size:13px;color:rgba(255,255,255,.3);
  margin-top:20px;font-weight:300;
  position:relative;z-index:2;
}

/* bottom decorative */
.final-bottom-deco{
  position:absolute;bottom:32px;left:50%;transform:translateX(-50%);
  display:flex;align-items:center;gap:12px;z-index:2;
}
.final-bottom-deco::before,.final-bottom-deco::after{
  content:'';width:60px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(217,255,59,.2));
}
.final-bottom-deco::after{background:linear-gradient(90deg,rgba(217,255,59,.2),transparent)}
.final-bottom-diamond{
  width:6px;height:6px;background:rgba(217,255,59,.2);
  transform:rotate(45deg);border-radius:1px;
}

@media(max-width:960px){
  .final-c{padding:88px 20px 100px}
  .final-title{font-size:42px}
}
@media(max-width:560px){
  .final-c{padding:64px 16px 80px}
  .final-title{font-size:32px}
  .final-text{font-size:14px;margin-bottom:40px}
  .final-cta{padding:18px 36px;font-size:14px;width:100%;justify-content:center}
  .final-cta-ring,.final-cta-ring2{display:none}
}

/* ── FOOTER ── */
.footer{
  background:#050813;
  padding:48px 0 32px;
  position:relative;
  border-top:1px solid rgba(255,255,255,.04);
}
.footer-c{
  max-width:1200px;margin:0 auto;padding:0 48px;
}
.footer-contact{
  text-align:center;
  padding-bottom:36px;
}
.footer-q{
  font-size:13px;color:rgba(255,255,255,.3);
  font-weight:300;margin-bottom:10px;
}
.footer-email{
  font-family:'Sora',sans-serif;
  font-size:22px;color:rgba(255,255,255,.6);
  text-decoration:none;
  transition:all .25s;
  letter-spacing:.2px;
  font-weight:400;
  word-break:break-all;
}
.footer-email:hover{color:#D9FF3B}
.footer-divider{
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);
  margin-bottom:32px;
}
.footer-top{
  display:flex;align-items:center;justify-content:space-between;
  padding-bottom:32px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.footer-logo img{height:28px;width:auto;display:block;opacity:.6;transition:opacity .2s}
.footer-logo img:hover{opacity:1}
.footer-links{
  display:flex;align-items:center;gap:24px;
}
.footer-links a{
  font-size:12px;color:rgba(255,255,255,.3);
  text-decoration:none;font-weight:300;
  transition:color .2s;
}
.footer-links a:hover{color:rgba(255,255,255,.7)}

.footer-bottom{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:24px;
}
.footer-copy{
  font-size:11px;color:rgba(255,255,255,.2);font-weight:300;
}
.footer-made{
  font-size:11px;color:rgba(255,255,255,.15);font-weight:300;
  font-style:italic;
}
.footer-made a{
  color:rgba(255,255,255,.25);text-decoration:none;
  transition:color .2s;font-style:normal;font-weight:400;
}
.footer-made a:hover{color:#D9FF3B}

@media(max-width:960px){
  .footer-c{padding:0 20px}
  .footer-top{flex-direction:column;gap:20px;align-items:center}
  .footer-links{gap:16px}
  .footer-bottom{flex-direction:column;gap:12px;align-items:center;text-align:center}
}
@media(max-width:560px){
  .footer-c{padding:0 16px}
  .footer{padding:36px 0 24px}
  .footer-links{flex-wrap:wrap;justify-content:center;gap:12px}
  .footer-links a{font-size:11px}
  .footer-email{font-size:15px}
}

/* ── FINAL CTA SECTION ── */
.final{
  position:relative;overflow:hidden;
  padding:0;
}

/* hero-style background image */
.final-hero-bg{
  position:absolute;inset:0;z-index:0;
  background:url('https://malgorzatadobrowolska.pl/wp-content/uploads/2026/02/overlay-z-kompasami-main.png') center 40% / cover no-repeat;
  mask-image:linear-gradient(to bottom,transparent 0%,#000 25%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 25%);
}
.final-hero-bg::after{
  content:'';position:absolute;inset:0;
  background:
    linear-gradient(105deg,rgba(7,11,26,.95) 0%,rgba(7,11,26,.82) 35%,rgba(7,11,26,.6) 55%,rgba(7,11,26,.4) 100%),
    linear-gradient(to top,rgba(7,11,26,1) 0%,transparent 30%),
    linear-gradient(to bottom,rgba(7,11,26,.8) 0%,transparent 25%);
}

/* floating animated orbs */
.final-orb{
  position:absolute;border-radius:50%;pointer-events:none;z-index:1;
}
.final-orb-1{
  width:400px;height:400px;top:-10%;left:-10%;
  background:radial-gradient(circle,rgba(72,0,176,.2) 0%,transparent 70%);
  animation:forb1 6s ease-in-out infinite alternate;
}
.final-orb-2{
  width:300px;height:300px;bottom:-5%;right:-5%;
  background:radial-gradient(circle,rgba(217,255,59,.08) 0%,transparent 70%);
  animation:forb2 8s ease-in-out infinite alternate;
}
.final-orb-3{
  width:200px;height:200px;top:40%;right:15%;
  background:radial-gradient(circle,rgba(72,0,176,.12) 0%,transparent 70%);
  animation:forb3 5s ease-in-out infinite alternate;
}
@keyframes forb1{0%{transform:translate(0,0) scale(1);opacity:.6}100%{transform:translate(40px,30px) scale(1.2);opacity:1}}
@keyframes forb2{0%{transform:translate(0,0) scale(1);opacity:.5}100%{transform:translate(-30px,-20px) scale(1.15);opacity:.8}}
@keyframes forb3{0%{transform:translate(0,0) scale(.9);opacity:.4}100%{transform:translate(-20px,15px) scale(1.1);opacity:.7}}

/* animated particles */
.final-particles{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  overflow:hidden;
}
.final-particle{
  position:absolute;
  width:3px;height:3px;
  border-radius:50%;
  background:#D9FF3B;
  opacity:0;
  animation:fpart 4s ease-in-out infinite;
}
.final-particle:nth-child(1){left:15%;top:20%;animation-delay:0s;animation-duration:5s}
.final-particle:nth-child(2){left:75%;top:30%;animation-delay:.8s;animation-duration:4s}
.final-particle:nth-child(3){left:45%;top:60%;animation-delay:1.6s;animation-duration:6s}
.final-particle:nth-child(4){left:85%;top:70%;animation-delay:2.4s;animation-duration:5s}
.final-particle:nth-child(5){left:25%;top:80%;animation-delay:3.2s;animation-duration:4.5s}
.final-particle:nth-child(6){left:60%;top:15%;animation-delay:.4s;animation-duration:5.5s}
.final-particle:nth-child(7){left:35%;top:45%;animation-delay:2s;animation-duration:4s;width:2px;height:2px}
.final-particle:nth-child(8){left:90%;top:50%;animation-delay:1s;animation-duration:6s;width:2px;height:2px}
@keyframes fpart{
  0%{opacity:0;transform:translateY(0) scale(0)}
  20%{opacity:.6;transform:translateY(-10px) scale(1)}
  80%{opacity:.4;transform:translateY(-40px) scale(.8)}
  100%{opacity:0;transform:translateY(-60px) scale(0)}
}

.final-c{
  max-width:760px;margin:0 auto;
  padding:120px 48px 128px;
  position:relative;z-index:5;
  text-align:center;
}

.final-eyebrow{
  font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
  color:rgba(217,255,59,.7);margin-bottom:28px;
  display:inline-flex;align-items:center;gap:10px;
  animation:feyepulse 3s ease-in-out infinite;
}
.final-eyebrow::before,.final-eyebrow::after{
  content:'';width:28px;height:1px;background:rgba(217,255,59,.3);
}
@keyframes feyepulse{0%,100%{opacity:.7}50%{opacity:1}}

.final-title{
  font-family:'DM Serif Display',serif;
  font-size:56px;line-height:1.04;
  color:#fff;letter-spacing:-.5px;
  margin-bottom:28px;
  text-shadow:0 2px 40px rgba(0,0,0,.4);
}
.final-title em{font-style:italic;color:#D9FF3B}

.final-text{
  font-size:17px;color:rgba(255,255,255,.55);
  line-height:1.8;font-weight:300;
  max-width:560px;margin:0 auto 52px;
}
.final-text strong{color:rgba(255,255,255,.85);font-weight:500}

/* pulsing ring behind CTA */
.final-cta-wrap{
  position:relative;
  display:inline-block;
}
.final-cta-ring{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:120%;height:180%;
  border-radius:20px;
  border:1px solid rgba(217,255,59,.15);
  animation:fring 2s ease-in-out infinite;
  pointer-events:none;
}
.final-cta-ring2{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:135%;height:220%;
  border-radius:24px;
  border:1px solid rgba(217,255,59,.06);
  animation:fring 2s ease-in-out infinite .5s;
  pointer-events:none;
}
@keyframes fring{0%,100%{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.04)}}

/* big CTA */
.final-cta{
  display:inline-flex;align-items:center;gap:12px;
  padding:22px 52px;
  background:#D9FF3B;color:#070B1A;
  border-radius:14px;
  font-size:17px;font-weight:800;
  text-decoration:none;letter-spacing:.4px;
  text-transform:uppercase;
  transition:all .25s;
  box-shadow:0 4px 28px rgba(217,255,59,.25),0 0 80px rgba(217,255,59,.08);
  position:relative;overflow:hidden;
  z-index:2;
}
.final-cta::before{
  content:'';position:absolute;
  top:-50%;left:-50%;width:200%;height:200%;
  background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);
  transform:translateX(-100%);
  animation:fctasweep 3s ease-in-out infinite;
}
@keyframes fctasweep{0%,70%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.final-cta:hover{
  background:#c8ee2a;
  transform:translateY(-3px);
  box-shadow:0 8px 44px rgba(217,255,59,.35),0 0 100px rgba(217,255,59,.12);
}
.final-cta svg{width:18px;height:18px;fill:#070B1A}

.final-note{
  font-size:13px;color:rgba(255,255,255,.3);
  margin-top:20px;font-weight:300;
  position:relative;z-index:2;
}

/* bottom decorative */
.final-bottom-deco{
  position:absolute;bottom:32px;left:50%;transform:translateX(-50%);
  display:flex;align-items:center;gap:12px;z-index:2;
}
.final-bottom-deco::before,.final-bottom-deco::after{
  content:'';width:60px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(217,255,59,.2));
}
.final-bottom-deco::after{background:linear-gradient(90deg,rgba(217,255,59,.2),transparent)}
.final-bottom-diamond{
  width:6px;height:6px;background:rgba(217,255,59,.2);
  transform:rotate(45deg);border-radius:1px;
}

@media(max-width:960px){
  .final-c{padding:88px 20px 100px}
  .final-title{font-size:42px}
}
@media(max-width:560px){
  .final-c{padding:64px 16px 80px}
  .final-title{font-size:32px}
  .final-text{font-size:14px;margin-bottom:40px}
  .final-cta{padding:18px 36px;font-size:14px;width:100%;justify-content:center}
  .final-cta-ring,.final-cta-ring2{display:none}
}

/* ── FOOTER ── */
.footer{
  background:#050813;
  padding:48px 0 32px;
  position:relative;
  border-top:1px solid rgba(255,255,255,.04);
}
.footer-c{
  max-width:1200px;margin:0 auto;padding:0 48px;
}
.footer-top{
  display:flex;align-items:center;justify-content:space-between;
  padding-bottom:32px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.footer-logo img{height:28px;width:auto;display:block;opacity:.6;transition:opacity .2s}
.footer-logo img:hover{opacity:1}
.footer-links{
  display:flex;align-items:center;gap:24px;
}
.footer-links a{
  font-size:12px;color:rgba(255,255,255,.3);
  text-decoration:none;font-weight:300;
  transition:color .2s;
}
.footer-links a:hover{color:rgba(255,255,255,.7)}

.footer-bottom{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:24px;
}
.footer-copy{
  font-size:11px;color:rgba(255,255,255,.2);font-weight:300;
}
.footer-made{
  font-size:11px;color:rgba(255,255,255,.15);font-weight:300;
  font-style:italic;
}
.footer-made a{
  color:rgba(255,255,255,.25);text-decoration:none;
  transition:color .2s;font-style:normal;font-weight:400;
}
.footer-made a:hover{color:#D9FF3B}

@media(max-width:960px){
  .footer-c{padding:0 20px}
  .footer-top{flex-direction:column;gap:20px;align-items:center}
  .footer-links{gap:16px}
  .footer-bottom{flex-direction:column;gap:12px;align-items:center;text-align:center}
}
@media(max-width:560px){
  .footer-c{padding:0 16px}
  .footer{padding:36px 0 24px}
  .footer-links{flex-wrap:wrap;justify-content:center;gap:12px}
  .footer-links a{font-size:11px}
}

/* ── OFFER SECTION ── */
.offer{
  background:#F8F7F4;
  padding:88px 0 96px;
  position:relative;overflow:hidden;
}

/* photo on right */
.off-photo{
  position:absolute;right:0;top:0;bottom:0;
  width:46%;z-index:1;
}
.off-photo img{
  width:100%;height:100%;
  object-fit:cover;object-position:center top;
  display:block;
}
.off-photo::after{
  content:'';position:absolute;inset:0;
  background:
    linear-gradient(to right,#F8F7F4 0%,rgba(248,247,244,.85) 25%,rgba(248,247,244,.3) 55%,transparent 80%),
    linear-gradient(to top,rgba(248,247,244,.9) 0%,transparent 25%),
    linear-gradient(to bottom,rgba(248,247,244,.5) 0%,transparent 15%);
}

/* layout */
.off-c{
  max-width:1200px;margin:0 auto;padding:0 48px;
  position:relative;z-index:3;
  display:grid;
  grid-template-columns:1fr 380px;
  gap:0;align-items:center;
}
.off-left{max-width:600px}

.off-eyebrow{
  font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
  color:rgba(72,0,176,.6);margin-bottom:18px;
  display:flex;align-items:center;gap:8px;
}
.off-eyebrow::before{content:'';width:24px;height:1px;background:rgba(72,0,176,.3)}

.off-title{
  font-family:'DM Serif Display',serif;
  font-size:40px;line-height:1.08;
  color:#1A1A2E;letter-spacing:-.5px;
  margin-bottom:24px;
}
.off-title em{font-style:italic;color:#4800B0}

.off-intro{
  font-size:15px;color:rgba(26,26,46,.55);
  line-height:1.8;font-weight:300;
  margin-bottom:28px;
  padding-bottom:24px;
  border-bottom:1px solid rgba(26,26,46,.07);
}
.off-intro strong{color:#1A1A2E;font-weight:500}

/* offer items */
.off-item{
  display:flex;align-items:flex-start;gap:18px;
  padding:18px 16px;
  border-radius:14px;
  margin:0 -16px;
  border-bottom:none;
  transition:all .3s;
  cursor:default;
}
.off-item:hover{
  background:rgba(72,0,176,.02);
}

.off-item-icon{
  width:44px;height:44px;border-radius:13px;flex-shrink:0;
  background:linear-gradient(135deg,rgba(72,0,176,.08),rgba(72,0,176,.03));
  display:flex;align-items:center;justify-content:center;
  margin-top:2px;
  transition:all .35s ease;
  position:relative;
}
.off-item-icon::after{
  content:'';position:absolute;inset:-3px;border-radius:16px;
  border:1px solid rgba(72,0,176,.06);
  transition:all .35s;opacity:0;
}
.off-item:hover .off-item-icon{
  background:linear-gradient(135deg,rgba(72,0,176,.14),rgba(217,255,59,.06));
  transform:scale(1.1) rotate(-4deg);
  box-shadow:0 4px 16px rgba(72,0,176,.1);
}
.off-item:hover .off-item-icon::after{opacity:1;transform:scale(1.1)}
.off-item-icon svg{width:22px;height:22px;stroke:#4800B0;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}
.off-item:hover .off-item-icon svg{stroke:#6B2FD9}

.off-item-text{}
.off-item-title{
  font-size:15.5px;font-weight:600;color:#1A1A2E;
  margin-bottom:5px;
  transition:color .3s;
}
.off-item:hover .off-item-title{color:#4800B0}
.off-item-desc{
  font-size:13.5px;color:rgba(26,26,46,.45);
  line-height:1.65;font-weight:300;
}

/* bottom CTA */
.off-bottom{
  margin-top:32px;
  padding-top:28px;
  border-top:1px solid rgba(26,26,46,.07);
  display:flex;align-items:center;gap:24px;
}
.off-bottom-text{
  font-size:14.5px;color:rgba(26,26,46,.5);
  line-height:1.7;font-weight:300;
}
.off-bottom-text strong{color:#1A1A2E;font-weight:500}

.off-cta{
  display:inline-flex;align-items:center;gap:10px;
  padding:16px 32px;
  background:#D9FF3B;color:#070B1A;
  border-radius:12px;font-size:14px;font-weight:700;
  text-decoration:none;letter-spacing:.3px;
  transition:all .25s;white-space:nowrap;
  flex-shrink:0;
  box-shadow:0 4px 20px rgba(217,255,59,.15);
}
.off-cta:hover{background:#c8ee2a;transform:translateY(-2px);box-shadow:0 8px 28px rgba(217,255,59,.25)}
.off-cta svg{width:15px;height:15px;fill:#070B1A}

/* reveal */
.ofa{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.ofa.visible{opacity:1;transform:translateY(0)}
.ofd1{transition-delay:.08s}.ofd2{transition-delay:.14s}
.ofd3{transition-delay:.20s}.ofd4{transition-delay:.26s}

@media(max-width:960px){
  .off-photo{display:none}
  .off-c{grid-template-columns:1fr;padding:0 20px}
  .off-left{max-width:100%}
  .off-title{font-size:32px}
  .offer{padding:64px 0 72px}
}
@media(max-width:560px){
  .off-c{padding:0 16px}
  .offer{padding:48px 0 56px}
  .off-title{font-size:26px}
  .off-intro{font-size:14px}
  .off-item-title{font-size:14px}
  .off-item-desc{font-size:12.5px}
  .off-bottom{flex-direction:column;gap:16px}
  .off-cta{width:100%;justify-content:center}
}

/* ── FINAL CTA SECTION ── */
.final{
  position:relative;overflow:hidden;
  padding:0;
}

/* hero-style background image */
.final-hero-bg{
  position:absolute;inset:0;z-index:0;
  background:url('https://malgorzatadobrowolska.pl/wp-content/uploads/2026/02/overlay-z-kompasami-main.png') center 40% / cover no-repeat;
  mask-image:linear-gradient(to bottom,transparent 0%,#000 25%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 25%);
}
.final-hero-bg::after{
  content:'';position:absolute;inset:0;
  background:
    linear-gradient(105deg,rgba(7,11,26,.95) 0%,rgba(7,11,26,.82) 35%,rgba(7,11,26,.6) 55%,rgba(7,11,26,.4) 100%),
    linear-gradient(to top,rgba(7,11,26,1) 0%,transparent 30%),
    linear-gradient(to bottom,rgba(7,11,26,.8) 0%,transparent 25%);
}

/* floating animated orbs */
.final-orb{
  position:absolute;border-radius:50%;pointer-events:none;z-index:1;
}
.final-orb-1{
  width:400px;height:400px;top:-10%;left:-10%;
  background:radial-gradient(circle,rgba(72,0,176,.2) 0%,transparent 70%);
  animation:forb1 6s ease-in-out infinite alternate;
}
.final-orb-2{
  width:300px;height:300px;bottom:-5%;right:-5%;
  background:radial-gradient(circle,rgba(217,255,59,.08) 0%,transparent 70%);
  animation:forb2 8s ease-in-out infinite alternate;
}
.final-orb-3{
  width:200px;height:200px;top:40%;right:15%;
  background:radial-gradient(circle,rgba(72,0,176,.12) 0%,transparent 70%);
  animation:forb3 5s ease-in-out infinite alternate;
}
@keyframes forb1{0%{transform:translate(0,0) scale(1);opacity:.6}100%{transform:translate(40px,30px) scale(1.2);opacity:1}}
@keyframes forb2{0%{transform:translate(0,0) scale(1);opacity:.5}100%{transform:translate(-30px,-20px) scale(1.15);opacity:.8}}
@keyframes forb3{0%{transform:translate(0,0) scale(.9);opacity:.4}100%{transform:translate(-20px,15px) scale(1.1);opacity:.7}}

/* animated particles */
.final-particles{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  overflow:hidden;
}
.final-particle{
  position:absolute;
  width:3px;height:3px;
  border-radius:50%;
  background:#D9FF3B;
  opacity:0;
  animation:fpart 4s ease-in-out infinite;
}
.final-particle:nth-child(1){left:15%;top:20%;animation-delay:0s;animation-duration:5s}
.final-particle:nth-child(2){left:75%;top:30%;animation-delay:.8s;animation-duration:4s}
.final-particle:nth-child(3){left:45%;top:60%;animation-delay:1.6s;animation-duration:6s}
.final-particle:nth-child(4){left:85%;top:70%;animation-delay:2.4s;animation-duration:5s}
.final-particle:nth-child(5){left:25%;top:80%;animation-delay:3.2s;animation-duration:4.5s}
.final-particle:nth-child(6){left:60%;top:15%;animation-delay:.4s;animation-duration:5.5s}
.final-particle:nth-child(7){left:35%;top:45%;animation-delay:2s;animation-duration:4s;width:2px;height:2px}
.final-particle:nth-child(8){left:90%;top:50%;animation-delay:1s;animation-duration:6s;width:2px;height:2px}
@keyframes fpart{
  0%{opacity:0;transform:translateY(0) scale(0)}
  20%{opacity:.6;transform:translateY(-10px) scale(1)}
  80%{opacity:.4;transform:translateY(-40px) scale(.8)}
  100%{opacity:0;transform:translateY(-60px) scale(0)}
}

.final-c{
  max-width:760px;margin:0 auto;
  padding:120px 48px 128px;
  position:relative;z-index:5;
  text-align:center;
}

.final-eyebrow{
  font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
  color:rgba(217,255,59,.7);margin-bottom:28px;
  display:inline-flex;align-items:center;gap:10px;
  animation:feyepulse 3s ease-in-out infinite;
}
.final-eyebrow::before,.final-eyebrow::after{
  content:'';width:28px;height:1px;background:rgba(217,255,59,.3);
}
@keyframes feyepulse{0%,100%{opacity:.7}50%{opacity:1}}

.final-title{
  font-family:'DM Serif Display',serif;
  font-size:56px;line-height:1.04;
  color:#fff;letter-spacing:-.5px;
  margin-bottom:28px;
  text-shadow:0 2px 40px rgba(0,0,0,.4);
}
.final-title em{font-style:italic;color:#D9FF3B}

.final-text{
  font-size:17px;color:rgba(255,255,255,.55);
  line-height:1.8;font-weight:300;
  max-width:560px;margin:0 auto 52px;
}
.final-text strong{color:rgba(255,255,255,.85);font-weight:500}

/* pulsing ring behind CTA */
.final-cta-wrap{
  position:relative;
  display:inline-block;
}
.final-cta-ring{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:120%;height:180%;
  border-radius:20px;
  border:1px solid rgba(217,255,59,.15);
  animation:fring 2s ease-in-out infinite;
  pointer-events:none;
}
.final-cta-ring2{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:135%;height:220%;
  border-radius:24px;
  border:1px solid rgba(217,255,59,.06);
  animation:fring 2s ease-in-out infinite .5s;
  pointer-events:none;
}
@keyframes fring{0%,100%{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.04)}}

/* big CTA */
.final-cta{
  display:inline-flex;align-items:center;gap:12px;
  padding:22px 52px;
  background:#D9FF3B;color:#070B1A;
  border-radius:14px;
  font-size:17px;font-weight:800;
  text-decoration:none;letter-spacing:.4px;
  text-transform:uppercase;
  transition:all .25s;
  box-shadow:0 4px 28px rgba(217,255,59,.25),0 0 80px rgba(217,255,59,.08);
  position:relative;overflow:hidden;
  z-index:2;
}
.final-cta::before{
  content:'';position:absolute;
  top:-50%;left:-50%;width:200%;height:200%;
  background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);
  transform:translateX(-100%);
  animation:fctasweep 3s ease-in-out infinite;
}
@keyframes fctasweep{0%,70%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.final-cta:hover{
  background:#c8ee2a;
  transform:translateY(-3px);
  box-shadow:0 8px 44px rgba(217,255,59,.35),0 0 100px rgba(217,255,59,.12);
}
.final-cta svg{width:18px;height:18px;fill:#070B1A}

.final-note{
  font-size:13px;color:rgba(255,255,255,.3);
  margin-top:20px;font-weight:300;
  position:relative;z-index:2;
}

/* bottom decorative */
.final-bottom-deco{
  position:absolute;bottom:32px;left:50%;transform:translateX(-50%);
  display:flex;align-items:center;gap:12px;z-index:2;
}
.final-bottom-deco::before,.final-bottom-deco::after{
  content:'';width:60px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(217,255,59,.2));
}
.final-bottom-deco::after{background:linear-gradient(90deg,rgba(217,255,59,.2),transparent)}
.final-bottom-diamond{
  width:6px;height:6px;background:rgba(217,255,59,.2);
  transform:rotate(45deg);border-radius:1px;
}

@media(max-width:960px){
  .final-c{padding:88px 20px 100px}
  .final-title{font-size:42px}
}
@media(max-width:560px){
  .final-c{padding:64px 16px 80px}
  .final-title{font-size:32px}
  .final-text{font-size:14px;margin-bottom:40px}
  .final-cta{padding:18px 36px;font-size:14px;width:100%;justify-content:center}
  .final-cta-ring,.final-cta-ring2{display:none}
}

/* ── FOOTER ── */
.footer{
  background:#050813;
  padding:48px 0 32px;
  position:relative;
  border-top:1px solid rgba(255,255,255,.04);
}
.footer-c{
  max-width:1200px;margin:0 auto;padding:0 48px;
}
.footer-top{
  display:flex;align-items:center;justify-content:space-between;
  padding-bottom:32px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.footer-logo img{height:28px;width:auto;display:block;opacity:.6;transition:opacity .2s}
.footer-logo img:hover{opacity:1}
.footer-links{
  display:flex;align-items:center;gap:24px;
}
.footer-links a{
  font-size:12px;color:rgba(255,255,255,.3);
  text-decoration:none;font-weight:300;
  transition:color .2s;
}
.footer-links a:hover{color:rgba(255,255,255,.7)}

.footer-bottom{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:24px;
}
.footer-copy{
  font-size:11px;color:rgba(255,255,255,.2);font-weight:300;
}
.footer-made{
  font-size:11px;color:rgba(255,255,255,.15);font-weight:300;
  font-style:italic;
}
.footer-made a{
  color:rgba(255,255,255,.25);text-decoration:none;
  transition:color .2s;font-style:normal;font-weight:400;
}
.footer-made a:hover{color:#D9FF3B}

@media(max-width:960px){
  .footer-c{padding:0 20px}
  .footer-top{flex-direction:column;gap:20px;align-items:center}
  .footer-links{gap:16px}
  .footer-bottom{flex-direction:column;gap:12px;align-items:center;text-align:center}
}
@media(max-width:560px){
  .footer-c{padding:0 16px}
  .footer{padding:36px 0 24px}
  .footer-links{flex-wrap:wrap;justify-content:center;gap:12px}
  .footer-links a{font-size:11px}
}

/* ── FINAL CTA SECTION ── */
.final{
  position:relative;overflow:hidden;
  padding:0;
}

/* hero-style background image */
.final-hero-bg{
  position:absolute;inset:0;z-index:0;
  background:url('https://malgorzatadobrowolska.pl/wp-content/uploads/2026/02/overlay-z-kompasami-main.png') center 40% / cover no-repeat;
  mask-image:linear-gradient(to bottom,transparent 0%,#000 25%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 25%);
}
.final-hero-bg::after{
  content:'';position:absolute;inset:0;
  background:
    linear-gradient(105deg,rgba(7,11,26,.95) 0%,rgba(7,11,26,.82) 35%,rgba(7,11,26,.6) 55%,rgba(7,11,26,.4) 100%),
    linear-gradient(to top,rgba(7,11,26,1) 0%,transparent 30%),
    linear-gradient(to bottom,rgba(7,11,26,.8) 0%,transparent 25%);
}

/* floating animated orbs */
.final-orb{
  position:absolute;border-radius:50%;pointer-events:none;z-index:1;
}
.final-orb-1{
  width:400px;height:400px;top:-10%;left:-10%;
  background:radial-gradient(circle,rgba(72,0,176,.2) 0%,transparent 70%);
  animation:forb1 6s ease-in-out infinite alternate;
}
.final-orb-2{
  width:300px;height:300px;bottom:-5%;right:-5%;
  background:radial-gradient(circle,rgba(217,255,59,.08) 0%,transparent 70%);
  animation:forb2 8s ease-in-out infinite alternate;
}
.final-orb-3{
  width:200px;height:200px;top:40%;right:15%;
  background:radial-gradient(circle,rgba(72,0,176,.12) 0%,transparent 70%);
  animation:forb3 5s ease-in-out infinite alternate;
}
@keyframes forb1{0%{transform:translate(0,0) scale(1);opacity:.6}100%{transform:translate(40px,30px) scale(1.2);opacity:1}}
@keyframes forb2{0%{transform:translate(0,0) scale(1);opacity:.5}100%{transform:translate(-30px,-20px) scale(1.15);opacity:.8}}
@keyframes forb3{0%{transform:translate(0,0) scale(.9);opacity:.4}100%{transform:translate(-20px,15px) scale(1.1);opacity:.7}}

/* animated particles */
.final-particles{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  overflow:hidden;
}
.final-particle{
  position:absolute;
  width:3px;height:3px;
  border-radius:50%;
  background:#D9FF3B;
  opacity:0;
  animation:fpart 4s ease-in-out infinite;
}
.final-particle:nth-child(1){left:15%;top:20%;animation-delay:0s;animation-duration:5s}
.final-particle:nth-child(2){left:75%;top:30%;animation-delay:.8s;animation-duration:4s}
.final-particle:nth-child(3){left:45%;top:60%;animation-delay:1.6s;animation-duration:6s}
.final-particle:nth-child(4){left:85%;top:70%;animation-delay:2.4s;animation-duration:5s}
.final-particle:nth-child(5){left:25%;top:80%;animation-delay:3.2s;animation-duration:4.5s}
.final-particle:nth-child(6){left:60%;top:15%;animation-delay:.4s;animation-duration:5.5s}
.final-particle:nth-child(7){left:35%;top:45%;animation-delay:2s;animation-duration:4s;width:2px;height:2px}
.final-particle:nth-child(8){left:90%;top:50%;animation-delay:1s;animation-duration:6s;width:2px;height:2px}
@keyframes fpart{
  0%{opacity:0;transform:translateY(0) scale(0)}
  20%{opacity:.6;transform:translateY(-10px) scale(1)}
  80%{opacity:.4;transform:translateY(-40px) scale(.8)}
  100%{opacity:0;transform:translateY(-60px) scale(0)}
}

.final-c{
  max-width:760px;margin:0 auto;
  padding:120px 48px 128px;
  position:relative;z-index:5;
  text-align:center;
}

.final-eyebrow{
  font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
  color:rgba(217,255,59,.7);margin-bottom:28px;
  display:inline-flex;align-items:center;gap:10px;
  animation:feyepulse 3s ease-in-out infinite;
}
.final-eyebrow::before,.final-eyebrow::after{
  content:'';width:28px;height:1px;background:rgba(217,255,59,.3);
}
@keyframes feyepulse{0%,100%{opacity:.7}50%{opacity:1}}

.final-title{
  font-family:'DM Serif Display',serif;
  font-size:56px;line-height:1.04;
  color:#fff;letter-spacing:-.5px;
  margin-bottom:28px;
  text-shadow:0 2px 40px rgba(0,0,0,.4);
}
.final-title em{font-style:italic;color:#D9FF3B}

.final-text{
  font-size:17px;color:rgba(255,255,255,.55);
  line-height:1.8;font-weight:300;
  max-width:560px;margin:0 auto 52px;
}
.final-text strong{color:rgba(255,255,255,.85);font-weight:500}

/* pulsing ring behind CTA */
.final-cta-wrap{
  position:relative;
  display:inline-block;
}
.final-cta-ring{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:120%;height:180%;
  border-radius:20px;
  border:1px solid rgba(217,255,59,.15);
  animation:fring 2s ease-in-out infinite;
  pointer-events:none;
}
.final-cta-ring2{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:135%;height:220%;
  border-radius:24px;
  border:1px solid rgba(217,255,59,.06);
  animation:fring 2s ease-in-out infinite .5s;
  pointer-events:none;
}
@keyframes fring{0%,100%{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.04)}}

/* big CTA */
.final-cta{
  display:inline-flex;align-items:center;gap:12px;
  padding:22px 52px;
  background:#D9FF3B;color:#070B1A;
  border-radius:14px;
  font-size:17px;font-weight:800;
  text-decoration:none;letter-spacing:.4px;
  text-transform:uppercase;
  transition:all .25s;
  box-shadow:0 4px 28px rgba(217,255,59,.25),0 0 80px rgba(217,255,59,.08);
  position:relative;overflow:hidden;
  z-index:2;
}
.final-cta::before{
  content:'';position:absolute;
  top:-50%;left:-50%;width:200%;height:200%;
  background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);
  transform:translateX(-100%);
  animation:fctasweep 3s ease-in-out infinite;
}
@keyframes fctasweep{0%,70%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.final-cta:hover{
  background:#c8ee2a;
  transform:translateY(-3px);
  box-shadow:0 8px 44px rgba(217,255,59,.35),0 0 100px rgba(217,255,59,.12);
}
.final-cta svg{width:18px;height:18px;fill:#070B1A}

.final-note{
  font-size:13px;color:rgba(255,255,255,.3);
  margin-top:20px;font-weight:300;
  position:relative;z-index:2;
}

/* bottom decorative */
.final-bottom-deco{
  position:absolute;bottom:32px;left:50%;transform:translateX(-50%);
  display:flex;align-items:center;gap:12px;z-index:2;
}
.final-bottom-deco::before,.final-bottom-deco::after{
  content:'';width:60px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(217,255,59,.2));
}
.final-bottom-deco::after{background:linear-gradient(90deg,rgba(217,255,59,.2),transparent)}
.final-bottom-diamond{
  width:6px;height:6px;background:rgba(217,255,59,.2);
  transform:rotate(45deg);border-radius:1px;
}

@media(max-width:960px){
  .final-c{padding:88px 20px 100px}
  .final-title{font-size:42px}
}
@media(max-width:560px){
  .final-c{padding:64px 16px 80px}
  .final-title{font-size:32px}
  .final-text{font-size:14px;margin-bottom:40px}
  .final-cta{padding:18px 36px;font-size:14px;width:100%;justify-content:center}
  .final-cta-ring,.final-cta-ring2{display:none}
}

/* ── FOOTER ── */
.footer{
  background:#050813;
  padding:48px 0 32px;
  position:relative;
  border-top:1px solid rgba(255,255,255,.04);
}
.footer-c{
  max-width:1200px;margin:0 auto;padding:0 48px;
}
.footer-top{
  display:flex;align-items:center;justify-content:space-between;
  padding-bottom:32px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.footer-logo img{height:28px;width:auto;display:block;opacity:.6;transition:opacity .2s}
.footer-logo img:hover{opacity:1}
.footer-links{
  display:flex;align-items:center;gap:24px;
}
.footer-links a{
  font-size:12px;color:rgba(255,255,255,.3);
  text-decoration:none;font-weight:300;
  transition:color .2s;
}
.footer-links a:hover{color:rgba(255,255,255,.7)}

.footer-bottom{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:24px;
}
.footer-copy{
  font-size:11px;color:rgba(255,255,255,.2);font-weight:300;
}
.footer-made{
  font-size:11px;color:rgba(255,255,255,.15);font-weight:300;
  font-style:italic;
}
.footer-made a{
  color:rgba(255,255,255,.25);text-decoration:none;
  transition:color .2s;font-style:normal;font-weight:400;
}
.footer-made a:hover{color:#D9FF3B}

@media(max-width:960px){
  .footer-c{padding:0 20px}
  .footer-top{flex-direction:column;gap:20px;align-items:center}
  .footer-links{gap:16px}
  .footer-bottom{flex-direction:column;gap:12px;align-items:center;text-align:center}
}
@media(max-width:560px){
  .footer-c{padding:0 16px}
  .footer{padding:36px 0 24px}
  .footer-links{flex-wrap:wrap;justify-content:center;gap:12px}
  .footer-links a{font-size:11px}
}


/* ── PHOTO TESTIMONIALS SLIDER ── */
.phototesti{
  background:#070B1A;
  padding:0 0 88px;
  position:relative;overflow:hidden;
}
.pt-c{max-width:1200px;margin:0 auto;padding:0 48px;position:relative;z-index:1}

.pt-header{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:36px;
}
.pt-label{
  font-size:13px;color:rgba(255,255,255,.35);font-weight:300;
  display:flex;align-items:center;gap:8px;
}
.pt-title{
  font-family:'DM Serif Display',serif;
  font-size:36px;color:#fff;letter-spacing:-.3px;
  margin-bottom:8px;line-height:1.1;
}
.pt-title em{font-style:italic;color:#D9FF3B}
.pt-label::before{content:'';width:20px;height:1px;background:rgba(255,255,255,.15)}

.pt-nav{display:flex;gap:8px}
.pt-arr{
  width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:all .25s;color:rgba(255,255,255,.4);
}
.pt-arr:hover{background:rgba(217,255,59,.08);border-color:rgba(217,255,59,.4);color:#D9FF3B}
.pt-arr svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* slider */
.pt-slider{overflow:hidden}
.pt-track{
  display:flex;gap:16px;
  transition:transform .5s cubic-bezier(.4,0,.2,1);
  will-change:transform;
}

/* card */
.pt-card{
  flex:0 0 calc((100% - 48px) / 4);
  min-width:0;
  border-radius:16px;
  overflow:hidden;
  position:relative;
  transition:all .3s;
  cursor:pointer;
}
.pt-card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 36px rgba(72,0,176,.12);
}

.pt-card img{
  width:100%;
  display:block;
  border-radius:16px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  transition:border-color .3s;
}
.pt-card:hover img{border-color:rgba(72,0,176,.25)}

/* lightbox overlay */
.pt-lightbox{
  display:none;
  position:fixed;inset:0;z-index:9999;
  background:rgba(7,11,26,.92);
  backdrop-filter:blur(16px);
  align-items:center;justify-content:center;
  padding:40px;
  cursor:pointer;
}
.pt-lightbox.active{display:flex}
.pt-lightbox img{
  max-width:90%;max-height:85vh;
  border-radius:16px;
  box-shadow:0 20px 60px rgba(0,0,0,.5);
}
.pt-lightbox-close{
  position:absolute;top:24px;right:24px;
  width:48px;height:48px;border-radius:50%;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;color:rgba(255,255,255,.5);transition:all .2s;
}
.pt-lightbox-close:hover{background:rgba(255,255,255,.12);color:#fff}
.pt-lightbox-close svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}

@media(max-width:960px){
  .pt-c{padding:0 20px}
  .pt-card{flex:0 0 calc((100% - 32px) / 3)}
}
@media(max-width:560px){
  .pt-c{padding:0 16px}
  .phototesti{padding:0 0 64px}
  .pt-slider{overflow:visible}
  .pt-track{
    overflow-x:auto;scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;scroll-behavior:smooth;
    scrollbar-width:none;-ms-overflow-style:none;
    transform:none!important;transition:none!important;
  }
  .pt-track::-webkit-scrollbar{display:none}
  .pt-card{flex:0 0 70vw;scroll-snap-align:start}
  .pt-nav{display:flex}
  .pt-header{flex-direction:column;gap:16px;align-items:flex-start}
}