/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./components/HomeHero.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.hh{position:relative;overflow:hidden;background:linear-gradient(180deg,#FBF7ED 0%,#FCF3DE 100%);color:#14110D;
  padding:clamp(74px,6.2vw,92px) 24px clamp(30px,3vw,44px);font-family:"Satoshi","Inter",system-ui,sans-serif}
.hh *{box-sizing:border-box}

/* pozadie */
.hh-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hh-aurora{position:absolute;right:-10%;top:-20%;width:90%;height:130%;
  background:radial-gradient(40% 40% at 70% 30%,rgba(247,196,61,.3),transparent 60%),
    radial-gradient(38% 38% at 55% 70%,rgba(226,112,10,.16),transparent 60%);
  filter:blur(46px);animation:hhAurora 26s ease-in-out infinite}
@keyframes hhAurora{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-3%,3%) scale(1.07)}}
.hh-blob{position:absolute;border-radius:50%;filter:blur(74px)}
.hh-blob.b1{width:420px;height:420px;top:-150px;right:-80px;background:radial-gradient(circle,rgba(247,196,61,.5),transparent 66%);animation:hhFloat 19s ease-in-out infinite}
.hh-blob.b2{width:340px;height:340px;bottom:-150px;left:-90px;background:radial-gradient(circle,rgba(226,112,10,.3),transparent 66%);animation:hhFloat 24s ease-in-out infinite reverse}
.hh-blob.b3{width:280px;height:280px;top:30%;left:46%;background:radial-gradient(circle,rgba(255,140,60,.18),transparent 66%);animation:hhFloat 22s ease-in-out infinite}
@keyframes hhFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(34px,-26px) scale(1.06)}66%{transform:translate(-24px,18px) scale(.95)}}
.hh-ringo{position:absolute;border-radius:50%;border:1px solid rgba(224,156,24,.18)}
.hh-ringo.o1{width:300px;height:300px;top:-60px;right:6%;animation:hhDrift 26s ease-in-out infinite}
.hh-ringo.o2{width:170px;height:170px;bottom:8%;left:7%;border-color:rgba(224,156,24,.22);animation:hhDrift 20s ease-in-out infinite reverse}
@keyframes hhDrift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-26px) scale(1.1)}}
@keyframes hhFoodY{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-18px) rotate(6deg)}}

.hh-wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto;
  display:grid;grid-template-columns:1.04fr .96fr;grid-gap:clamp(30px,3.4vw,56px);gap:clamp(30px,3.4vw,56px);align-items:center}

/* ľavá strana */
.hh-eyebrow{display:inline-flex;align-items:center;gap:9px;border:1.5px solid rgba(224,156,24,.34);
  border-radius:100px;padding:8px 17px;font-size:12.5px;font-weight:700;letter-spacing:.04em;color:#9A6A0E;
  background:rgba(247,196,61,.08);margin-bottom:16px}
.hh-edot{width:8px;height:8px;border-radius:50%;background:#E09C18;box-shadow:0 0 0 0 rgba(224,156,24,.5);animation:hhPulse 1.9s ease-in-out infinite}
@keyframes hhPulse{0%,100%{box-shadow:0 0 0 0 rgba(224,156,24,.5)}70%{box-shadow:0 0 0 8px rgba(224,156,24,0)}}
.hh-h1{font-family:"Bricolage Grotesque","Plus Jakarta Sans",sans-serif;font-weight:800;line-height:1.04;
  letter-spacing:-.026em;font-size:clamp(36px,4.4vw,56px);margin:0;color:#14110D}
.hh-h1 .g{background:linear-gradient(102deg,#FCD34D 0%,#F5A623 45%,#E2700A 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.hh-body{font-size:clamp(15.5px,1.4vw,17.5px);line-height:1.6;color:#5C574F;max-width:54ch;margin:16px 0 0}
.hh-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin:22px 0 0}
.hh-btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;gap:11px;
  min-height:58px;padding:0 30px;border-radius:14px;text-decoration:none;font-weight:700;font-size:15.5px;color:#3A2606;
  background:linear-gradient(135deg,#F4C04A 0%,#E09C18 55%,#C9820B 100%);
  box-shadow:0 16px 34px -14px rgba(201,130,11,.55),inset 0 1px 0 rgba(255,255,255,.4);
  animation:hhGlow 3.2s ease-in-out infinite;transition:transform .25s,box-shadow .3s}
@keyframes hhGlow{0%,100%{box-shadow:0 16px 34px -14px rgba(201,130,11,.5),inset 0 1px 0 rgba(255,255,255,.4)}50%{box-shadow:0 18px 40px -12px rgba(244,192,74,.7),inset 0 1px 0 rgba(255,255,255,.45)}}
.hh-btn svg{transition:transform .25s}
.hh-btn::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(110deg,transparent 36%,rgba(255,255,255,.55) 50%,transparent 64%);
  transform:translateX(-130%);animation:hhShine 4.5s ease-in-out 1.4s infinite}
@keyframes hhShine{0%,55%{transform:translateX(-130%)}80%,100%{transform:translateX(130%)}}
.hh-btn:hover{transform:translateY(-3px)}.hh-btn:hover svg{transform:translateX(5px)}
.hh-btn-sm{display:none}
.hh-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;color:#8A6A2E;
  text-decoration:none;transition:gap .2s,color .2s}
.hh-link svg{opacity:.7}.hh-link:hover{gap:12px;color:#14110D}
.hh-trust{display:flex;flex-wrap:wrap;gap:6px 0;margin:20px 0 0;font-size:13px;font-weight:500;color:#8A8278}
.hh-trust b{color:#14110D;font-weight:700}
.hh-trust span+span::before{content:"·";margin:0 11px;color:#C9C0B5}

/* pravá strana — fotka tímu */
.hh-right{position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(320px,26vw,396px)}
.hh-glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:112%;height:120%;
  background:radial-gradient(50% 46% at 50% 50%,rgba(247,196,61,.48),rgba(226,112,10,.18) 52%,transparent 76%);
  filter:blur(28px);animation:hhGlow2 7s ease-in-out infinite}
@keyframes hhGlow2{0%,100%{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}
.hh-spin{position:absolute;left:50%;top:50%;width:min(110%,640px);aspect-ratio:1;transform:translate(-50%,-50%);
  border-radius:50%;border:1.5px dashed rgba(224,156,24,.26);
  -webkit-mask-image:radial-gradient(circle,transparent 60%,#000 62%);mask-image:radial-gradient(circle,transparent 60%,#000 62%);
  animation:hhSpin 38s linear infinite}
@keyframes hhSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.hh-photo{position:relative;z-index:1;width:100%;max-width:560px;height:auto;object-fit:contain;
  filter:brightness(1.06) contrast(.97) saturate(1.02);
  -webkit-mask-image:linear-gradient(180deg,#000 84%,rgba(0,0,0,.35) 95%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 84%,rgba(0,0,0,.35) 95%,transparent 100%)}

/* marketingové ikonky — biele zaoblené + zlatá line-ikona (štýl ako /google-ppc-reklama) */
.hh-badge{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;line-height:0;
  width:60px;height:60px;border-radius:17px;color:#E09C18;
  background:linear-gradient(160deg,#fff,#FBF4E5);border:1px solid rgba(224,156,24,.3);
  box-shadow:0 20px 40px -16px rgba(80,50,10,.5),0 2px 0 rgba(255,255,255,.8) inset;
  animation:hhBadgeIn .6s cubic-bezier(.2,.7,.2,1) both,hhFloatA 6s ease-in-out infinite}
.hh-badge svg{display:block;width:27px;height:27px}
.hh-badge.g1{top:12%;left:0%;animation-delay:1s,1.7s}
.hh-badge.g2{top:52%;right:-2%;animation-delay:1.15s,2s;animation-duration:.6s,7s}
.hh-badge.g3{bottom:10%;left:9%;animation-delay:1.3s,1.9s;animation-duration:.6s,6.5s}
@keyframes hhBadgeIn{from{opacity:0;transform:translateY(14px) scale(.9)}to{opacity:1;transform:none}}
@keyframes hhFloatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}

/* jedlo len vpravo okolo fotky (jemné, nech neruší) */
.hh-fb{position:absolute;z-index:0;opacity:.24;filter:drop-shadow(0 8px 16px rgba(80,50,10,.18))}
.hh-fb.fr2{top:46%;right:3%;width:64px;opacity:.2;animation:hhFoodDrift 12s ease-in-out infinite;animation-delay:-6s} /* veľký kebab */
.hh-fb.fr3{bottom:9%;right:9%;width:48px;animation:hhFoodY 9s ease-in-out infinite;animation-delay:-3s}

@keyframes hhFoodSpin{0%,100%{transform:translateY(0) rotate(-10deg) scale(1)}50%{transform:translateY(-15px) rotate(9deg) scale(1.07)}}
@keyframes hhFoodDrift{0%,100%{transform:translate(0,0) rotate(0)}33%{transform:translate(9px,-13px) rotate(7deg)}66%{transform:translate(-7px,9px) rotate(-6deg)}}

/* staggered intro — text zľava, fotka sprava */
.hh-left .hh-eyebrow{animation:hhInL .7s cubic-bezier(.2,.7,.2,1) .15s both}
.hh-left .hh-h1{animation:hhInL .75s cubic-bezier(.2,.7,.2,1) .32s both}
.hh-left .hh-body{animation:hhInL .75s cubic-bezier(.2,.7,.2,1) .5s both}
.hh-left .hh-cta{animation:hhInL .75s cubic-bezier(.2,.7,.2,1) .66s both}
.hh-left .hh-trust{animation:hhInL .7s cubic-bezier(.2,.7,.2,1) .82s both}
@keyframes hhInL{from{opacity:0;transform:translateX(-46px)}to{opacity:1;transform:none}}
.hh-right{animation:hhInR .9s cubic-bezier(.2,.7,.2,1) .3s both}
@keyframes hhInR{from{opacity:0;transform:translateX(58px)}to{opacity:1;transform:none}}

/* veľké monitory — väčší dojem (ale kontrolovane) */
@media(min-width:1700px){
  .hh-wrap{max-width:1320px;gap:clamp(56px,4vw,84px)}
  .hh-h1{font-size:clamp(56px,3.8vw,68px)}
  .hh-photo{max-width:620px}
  .hh-right{min-height:clamp(440px,26vw,500px)}
}
@media(max-width:900px){
  /* poradie: eyebrow, h1, body, FOTKA (nad CTA), tlačidlo, trust */
  .hh-wrap{display:flex;flex-direction:column;align-items:stretch;gap:0;max-width:560px}
  .hh-left{display:contents}
  .hh-eyebrow{order:1;align-self:flex-start}
  .hh-h1{order:2}
  .hh-body{order:3}
  .hh-right{order:4;max-width:440px;margin:26px auto 6px;min-height:auto;align-self:center;width:100%}
  .hh-cta{order:5;margin-top:24px}
  .hh-trust{order:6;margin-top:18px}
  .hh-fb.fr2{display:none}
  /* žltú žiaru presunúť DOLE za fotku kolegov — nech neruší nadpis/text hore */
  .hh-aurora{top:42%;right:-10%;width:80%;height:58%;opacity:.6}
  .hh-blob.b1{top:auto;bottom:16%;right:-14%;width:360px;height:360px;opacity:.6}
  .hh-blob.b2{top:auto;bottom:4%;left:-30%;opacity:.7}
  .hh-blob.b3{top:50%;left:28%;right:auto;opacity:.5}
}
@media(max-width:560px){
  .hh{padding:104px 16px 52px}
  .hh-eyebrow{font-size:10px;padding:6px 12px}
  .hh-h1{font-size:36px}
  .hh-badge{width:54px;height:54px}.hh-badge svg{width:24px;height:24px}
  .hh-fb.fr2{display:none}
  .hh-cta{flex-direction:column;align-items:stretch;gap:16px}
  .hh-btn{width:100%;justify-content:center;padding:0 16px;gap:10px;min-height:62px;font-size:16.5px;
    box-shadow:0 20px 40px -12px rgba(201,130,11,.6),inset 0 1px 0 rgba(255,255,255,.45)}
  .hh-link{order:1;font-size:15px}
  .hh-btn-lg{display:none}.hh-btn-sm{display:inline}
  .hh-btn span{white-space:nowrap}
  .hh-link{justify-content:center}
  .hh-trust{justify-content:center;text-align:center}
  .hh-f.f3{display:none}
}
@media(prefers-reduced-motion:reduce){
  .hh-aurora,.hh-blob,.hh-ringo,.hh-fb,.hh-glow,.hh-btn,.hh-btn::before,.hh-edot,
  .hh-spin,.hh-badge,.hh-right,.hh-left .hh-eyebrow,.hh-left .hh-h1,.hh-left .hh-body,
  .hh-left .hh-cta,.hh-left .hh-trust{animation:none;opacity:1;transform:none}
}

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./components/Industries.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
/* pás lôg klientov + odvetvie (štýl ako na /google-ppc-reklama) */
.ind{position:relative;overflow:hidden;background:linear-gradient(180deg,#FCF3DE 0%,#FBF7ED 100%);
  color:#14110D;padding:clamp(20px,2.4vw,32px) 24px;font-family:"Satoshi","Inter",system-ui,sans-serif}
.ind *{box-sizing:border-box}
/* glow pokračuje z hero (aby sa prechod nesekol — hlavne vľavo) */
.ind-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.ind-glow{position:absolute;border-radius:50%;filter:blur(72px)}
.ind-glow.gl{width:420px;height:340px;top:-200px;left:-110px;background:radial-gradient(circle,rgba(226,112,10,.26),transparent 64%)}
.ind-glow.gr{width:360px;height:300px;top:-200px;right:-80px;background:radial-gradient(circle,rgba(247,196,61,.2),transparent 64%)}

.ind-wrap{position:relative;z-index:1;max-width:1340px;margin:0 auto;text-align:center}
.ind-label{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;
  color:rgba(20,16,12,.42);margin-bottom:clamp(14px,1.7vw,20px)}

.ind-marquee{position:relative;overflow:hidden}
/* okrajový fade PREKRYTÍM (nie mask-image nad animovaným obsahom — tá spôsobovala miznutie log na mobile) */
.ind-marquee::before,.ind-marquee::after{content:"";position:absolute;top:0;bottom:0;width:48px;z-index:2;pointer-events:none}
.ind-marquee::before{left:0;background:linear-gradient(90deg,#FBF5E4,rgba(251,245,228,0))}
.ind-marquee::after{right:0;background:linear-gradient(270deg,#FBF5E4,rgba(251,245,228,0))}
.ind-track{display:flex;align-items:flex-start;width:max-content;animation:indScroll 40s linear infinite;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ind-marquee:hover .ind-track{animation-play-state:paused}
/* dve identické skupiny s rovnakou trailing medzerou → -50% je presne jedna skupina (plynulý loop) */
.ind-group{display:flex;align-items:flex-start;gap:clamp(48px,5vw,76px);padding-right:clamp(48px,5vw,76px);flex-shrink:0}

.ind-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:11px}
.ind-item img{height:34px;width:auto;max-width:150px;object-fit:contain;display:block;transition:transform .3s}
.ind-item:hover img{transform:translateY(-3px)}
.ind-obor{font-size:12.5px;font-weight:600;letter-spacing:.01em;color:#9A6A0E;white-space:nowrap}
/* individuálne doladenie výraznejších log */
.ind-item img[src*="orava"]{height:26px}
.ind-item img[src*="forestshop"]{height:30px}
.ind-item img[src*="floorsy"]{height:30px}

@keyframes indScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.ind .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.ind .reveal.in{opacity:1;transform:none}

@media(max-width:620px){
  .ind-group{gap:42px;padding-right:42px}
  .ind-item img{height:28px}
  .ind-item img[src*="orava"]{height:22px}
  .ind-obor{font-size:11.5px}
}
@media(prefers-reduced-motion:reduce){
  .ind-track{animation:none;width:auto;flex-wrap:wrap;justify-content:center}
  .ind-group{flex-wrap:wrap;justify-content:center;width:100%;padding-right:0;row-gap:24px}
  .ind-group[aria-hidden="true"]{display:none}
  .ind .reveal{opacity:1;transform:none;transition:none}
}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./components/WhyHome.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.wh{position:relative;overflow:hidden;background:linear-gradient(180deg,#16120D 0%,#14110D 100%);color:#F5F0E6;
  padding:clamp(60px,6.5vw,96px) 24px;font-family:"Satoshi","Inter",system-ui,sans-serif}
.wh *{box-sizing:border-box}
.wh-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.wh-aurora{position:absolute;left:50%;top:46%;width:120%;height:90%;transform:translate(-50%,-50%);
  background:radial-gradient(40% 40% at 50% 50%,rgba(247,196,61,.16),transparent 62%),
    radial-gradient(34% 34% at 32% 64%,rgba(226,112,10,.12),transparent 62%);
  filter:blur(50px);animation:whAurora 24s ease-in-out infinite}
@keyframes whAurora{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}
.wh-blob{position:absolute;border-radius:50%;filter:blur(86px);opacity:.55}
.wh-blob.b1{width:440px;height:440px;top:-160px;left:-80px;background:radial-gradient(circle,rgba(247,196,61,.34),transparent 66%)}
.wh-blob.b2{width:380px;height:380px;bottom:-170px;right:-90px;background:radial-gradient(circle,rgba(226,112,10,.28),transparent 66%)}
.wh-grid{position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(255,240,225,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,240,225,.045) 1px,transparent 1px);
  background-size:58px 58px;-webkit-mask-image:radial-gradient(ellipse 72% 66% at 50% 46%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 72% 66% at 50% 46%,#000 30%,transparent 80%)}
.wh-pt{position:absolute;bottom:-12px;width:var(--sz,4px);height:var(--sz,4px);border-radius:50%;
  background:radial-gradient(circle,#FCD34D,rgba(247,196,61,.2));box-shadow:0 0 8px rgba(247,196,61,.6);
  opacity:0;animation:whRise linear infinite}
@keyframes whRise{0%{transform:translateY(0) scale(.7);opacity:0}10%{opacity:.85}90%{opacity:.85}100%{transform:translateY(-78vh) scale(1);opacity:0}}

.wh-wrap{position:relative;z-index:1;max-width:1100px;margin:0 auto}
.wh-head{max-width:800px;margin:0 auto clamp(28px,3.4vw,44px);text-align:center}
.wh-kicker{display:inline-block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#F7C43D;font-weight:700;margin-bottom:16px}
.wh-title{font-family:"Bricolage Grotesque","Plus Jakarta Sans",sans-serif;font-weight:800;line-height:1.06;
  letter-spacing:-.025em;font-size:clamp(25px,4.2vw,46px);margin:0;color:#F7F2E8}
.wh-title .g{background:linear-gradient(102deg,#FCD34D 0%,#F5A623 45%,#E2700A 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.wh-lead{margin:20px auto 0;font-size:17px;line-height:1.64;color:#A89F90;max-width:64ch}
.wh-lead b{color:#F7C43D;font-weight:700}

/* predajný trojuholník */
.wh-tri{position:relative;max-width:860px;margin:0 auto clamp(34px,4.2vw,54px)}
.wh-tri-light{position:absolute;left:50%;top:54%;width:74%;height:74%;transform:translate(-50%,-50%);pointer-events:none;
  background:radial-gradient(circle,rgba(247,196,61,.22),rgba(226,112,10,.08) 46%,transparent 72%);
  filter:blur(20px);animation:whGlowPulse 5.5s ease-in-out infinite}
.wh-tri-bg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.wh-tri-glow{opacity:.4;filter:blur(6px);animation:whGlowPulse 4.5s ease-in-out infinite}
.wh-tri-shape{stroke-dasharray:1;stroke-dashoffset:1;animation:whTriDraw 2.2s cubic-bezier(.3,.7,.2,1) .25s forwards}
.wh-tri-runner{filter:drop-shadow(0 0 9px rgba(255,210,90,.95));opacity:0;animation:whRunnerIn .6s ease 2.2s forwards}
.wh-tri-vx{filter:drop-shadow(0 0 7px rgba(255,210,90,.85));transform-box:fill-box;transform-origin:center;
  opacity:0;animation:whVxIn .5s ease .9s forwards,whVxPulse 3s ease-in-out 1.4s infinite}
.wh-tri:hover .wh-tri-glow{opacity:.78;filter:blur(8px)}
.wh-tri:hover .wh-tri-light{animation-duration:2.6s}
@keyframes whTriDraw{to{stroke-dashoffset:0}}
@keyframes whGlowPulse{0%,100%{opacity:.4}50%{opacity:.72}}
@keyframes whVxIn{to{opacity:1}}
@keyframes whRunnerIn{to{opacity:1}}
@keyframes whVxPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}

/* MOBIL: trojuholník s názvami vo vrcholoch (desktop=skrytý) */
.wh-tri-mob{display:none;position:relative;width:min(300px,82%);aspect-ratio:1.316;margin:40px auto 52px;overflow:visible}
.wh-tri-msvg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2px 10px rgba(233,164,18,.3))}
.wh-trim-glow{opacity:.45;filter:blur(6px);animation:whGlowPulse 4.5s ease-in-out infinite}
.wh-trim-runner{filter:drop-shadow(0 0 11px rgba(255,210,90,.95))}
.wh-vtx{position:absolute;font-family:"Plus Jakarta Sans",sans-serif;font-weight:700;font-size:13.5px;line-height:1.22;
  color:rgba(247,196,61,.5);white-space:nowrap}
.wh-vtx.va{top:-34px;left:50%;transform:translateX(-50%);text-align:center;animation:whVtxA 6.5s linear infinite}
.wh-vtx.vb{bottom:-46px;left:-2%;text-align:left;animation:whVtxB 6.5s linear infinite}
.wh-vtx.vc{bottom:-46px;right:-2%;text-align:right;animation:whVtxC 6.5s linear infinite}
@keyframes whVtxA{0%,7%{color:#FFE7A0;text-shadow:0 0 14px rgba(255,210,90,.95)}16%,90%{color:rgba(247,196,61,.5);text-shadow:none}100%{color:#FFE7A0;text-shadow:0 0 14px rgba(255,210,90,.95)}}
@keyframes whVtxC{0%,24%{color:rgba(247,196,61,.5);text-shadow:none}30%,37%{color:#FFE7A0;text-shadow:0 0 14px rgba(255,210,90,.95)}45%,100%{color:rgba(247,196,61,.5);text-shadow:none}}
@keyframes whVtxB{0%,60%{color:rgba(247,196,61,.5);text-shadow:none}66%,73%{color:#FFE7A0;text-shadow:0 0 14px rgba(255,210,90,.95)}81%,100%{color:rgba(247,196,61,.5);text-shadow:none}}

.wh-tri-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;
  grid-template-areas:"apex apex" "core core" "bl br";grid-row-gap:clamp(34px,4.6vw,70px);row-gap:clamp(34px,4.6vw,70px);align-items:center;padding:8px 0}
.wh-node{position:relative;width:min(300px,100%);border-radius:20px;padding:26px 22px 22px;text-align:center;
  background:linear-gradient(165deg,#241D14 0%,#1A150F 100%);
  border:1px solid rgba(247,196,61,.22);
  box-shadow:0 30px 60px -30px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.3),0 1px 0 rgba(255,240,225,.06) inset;
  -webkit-backdrop-filter:blur(2px);
          backdrop-filter:blur(2px);transition:transform .3s,box-shadow .3s,border-color .3s}
.wh-node:hover{transform:translateY(-6px);border-color:rgba(247,196,61,.6);
  box-shadow:0 0 0 1px rgba(247,196,61,.3),0 34px 64px -28px rgba(247,196,61,.45)}
.wh-node.n1{grid-area:apex;justify-self:center}
.wh-node.n2{grid-area:bl;justify-self:start}
.wh-node.n3{grid-area:br;justify-self:end}
.wh-node-ic{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:16px;color:#3A2606;margin-bottom:14px;
  background:linear-gradient(135deg,#FCD34D,#E09C18);box-shadow:0 12px 28px -10px rgba(224,156,24,.7);transition:transform .3s}
.wh-node:hover .wh-node-ic{transform:scale(1.08) rotate(-4deg)}
.wh-node-n{position:absolute;top:18px;right:20px;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:30px;
  color:transparent;-webkit-text-stroke:1.4px rgba(247,196,61,.38);line-height:1}
.wh-node b{display:block;font-family:"Bricolage Grotesque","Plus Jakarta Sans",sans-serif;font-weight:800;
  font-size:18.5px;letter-spacing:-.01em;color:#FBF6EC;margin-bottom:8px}
.wh-node p{margin:0;font-size:14.5px;line-height:1.6;color:#C7BEAD}

.wh-tri-core{grid-area:core;justify-self:center;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.wh-core-mark{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;color:#F7C43D;margin-bottom:8px;
  background:radial-gradient(circle at 30% 25%,rgba(247,196,61,.22),rgba(247,196,61,.06));
  border:1.5px solid rgba(247,196,61,.45);box-shadow:0 0 34px rgba(247,196,61,.3);animation:whGlowPulse 4.5s ease-in-out infinite}
.wh-core-mark svg{width:28px;height:28px}
.wh-tri-core b{font-family:"Bricolage Grotesque","Plus Jakarta Sans",sans-serif;font-weight:800;font-size:clamp(19px,2.4vw,26px);
  letter-spacing:-.02em;background:linear-gradient(102deg,#FCD34D,#F5A623 50%,#E2700A);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.wh-tri-core span{font-size:13.5px;font-weight:600;color:#A89F90;letter-spacing:.01em}

/* hodnoty ako chips */
.wh-vals{display:flex;flex-wrap:wrap;justify-content:center;gap:11px;max-width:920px;margin:0 auto}
.wh-val{display:inline-flex;align-items:center;gap:9px;padding:10px 17px 10px 12px;border-radius:100px;
  font-size:14.5px;font-weight:600;color:#EDE5D6;
  background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  border:1px solid rgba(247,196,61,.2);box-shadow:0 14px 30px -22px rgba(0,0,0,.7);
  transition:transform .25s,border-color .25s,background .25s}
.wh-val:hover{transform:translateY(-3px);border-color:rgba(247,196,61,.5);background:rgba(247,196,61,.08)}
.wh-val-ic{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#3A2606;
  background:linear-gradient(135deg,#FCD34D,#E09C18)}
.wh-val-ic svg{width:13px;height:13px}

.wh .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.wh .reveal.in{opacity:1;transform:none}
.wh .wh-vals.reveal{transition-delay:.1s}

@media(max-width:840px){
  /* emblém (text) HORE, pod ním trojuholník s názvami vo vrcholoch; karty skryté */
  .wh-tri{display:flex;flex-direction:column;align-items:center}
  .wh-tri-light,.wh-tri-bg{display:none}
  .wh-node{display:none}
  .wh-tri-grid{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;padding:0}
  .wh-tri-core{order:-1;margin:0 0 4px}
  .wh-tri-mob{display:block}
}
@media(max-width:620px){
  .wh{padding:66px 16px}
  .wh-title{font-size:clamp(30px,8.5vw,36px)}
  .wh-val{font-size:13.5px;padding:9px 14px 9px 10px}
}
@media(prefers-reduced-motion:reduce){
  .wh .reveal{opacity:1;transform:none;transition:none}
  .wh-tri-shape{stroke-dashoffset:0;animation:none}
  .wh-tri-vx,.wh-tri-runner{opacity:1;animation:none}
  .wh-tri-glow,.wh-core-mark,.wh-tri-light,.wh-aurora,.wh-pt{animation:none}
}

/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./components/Services.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.sv{position:relative;overflow:hidden;background:linear-gradient(180deg,#FBF7ED 0%,#FCF3DE 60%,#FBF7ED 100%);
  color:#14110D;padding:clamp(64px,7vw,104px) 24px;font-family:"Satoshi","Inter",system-ui,sans-serif}
.sv *{box-sizing:border-box}

/* pozadie */
.sv-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.sv-mesh{position:absolute;left:50%;top:46%;width:130%;height:130%;transform:translate(-50%,-50%);opacity:.4;
  background:
    radial-gradient(22% 26% at 22% 30%,rgba(66,133,244,.18),transparent 60%),
    radial-gradient(20% 24% at 80% 26%,rgba(52,168,83,.16),transparent 60%),
    radial-gradient(24% 26% at 74% 78%,rgba(225,48,108,.16),transparent 60%),
    radial-gradient(22% 24% at 26% 76%,rgba(247,196,61,.2),transparent 60%);
  filter:blur(30px);animation:svMesh 32s linear infinite}
@keyframes svMesh{to{transform:translate(-50%,-50%) rotate(360deg)}}
.sv-aurora{position:absolute;left:50%;top:30%;width:110%;height:80%;transform:translate(-50%,-50%);
  background:radial-gradient(38% 38% at 50% 50%,rgba(247,196,61,.22),transparent 62%),
    radial-gradient(30% 30% at 72% 64%,rgba(226,112,10,.12),transparent 62%);
  filter:blur(46px);animation:svAurora 24s ease-in-out infinite}
@keyframes svAurora{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-48%,-52%) scale(1.08)}}
.sv-blob{position:absolute;border-radius:50%;filter:blur(82px)}
.sv-blob.b1{width:380px;height:380px;top:-140px;right:-80px;background:radial-gradient(circle,rgba(247,196,61,.42),transparent 66%);animation:svFloat 20s ease-in-out infinite}
.sv-blob.b2{width:320px;height:320px;bottom:-150px;left:-80px;background:radial-gradient(circle,rgba(226,112,10,.26),transparent 66%);animation:svFloat 25s ease-in-out infinite reverse}
.sv-blob.b3{width:340px;height:340px;top:8%;left:-90px;background:radial-gradient(circle,rgba(66,133,244,.2),transparent 66%);animation:svFloat 23s ease-in-out infinite}
.sv-blob.b4{width:300px;height:300px;bottom:2%;right:-70px;background:radial-gradient(circle,rgba(225,48,108,.18),transparent 66%);animation:svFloat 27s ease-in-out infinite reverse}
@keyframes svFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-24px)}}
.sv-pt{position:absolute;bottom:-12px;width:var(--sz,4px);height:var(--sz,4px);border-radius:50%;
  background:var(--pc,#F7C43D);box-shadow:0 0 9px color-mix(in srgb,var(--pc,#F7C43D) 80%,transparent);
  opacity:0;animation:svRise linear infinite}
@keyframes svRise{0%{transform:translateY(0) scale(.6);opacity:0}12%{opacity:.7}88%{opacity:.7}100%{transform:translateY(-80vh) scale(1);opacity:0}}
.sv-grid{position:absolute;inset:0;opacity:.6;
  background-image:linear-gradient(rgba(20,16,12,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(20,16,12,.04) 1px,transparent 1px);
  background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 76% 70% at 50% 40%,#000 28%,transparent 80%);mask-image:radial-gradient(ellipse 76% 70% at 50% 40%,#000 28%,transparent 80%)}

.sv-wrap{position:relative;z-index:1;max-width:1080px;margin:0 auto}
.sv-head{max-width:760px;margin:0 auto clamp(34px,4vw,50px);text-align:center}
.sv-kicker{display:inline-block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#E9A412;font-weight:700;margin-bottom:14px}
.sv-title{font-family:"Bricolage Grotesque","Plus Jakarta Sans",sans-serif;font-weight:800;line-height:1.05;
  letter-spacing:-.025em;font-size:clamp(26px,4vw,46px);margin:0;color:#14110D}
.sv-title .g{background:linear-gradient(102deg,#FCD34D 0%,#F5A623 45%,#E2700A 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.sv-lead{margin:18px auto 0;font-size:17px;line-height:1.62;color:#5C574F;max-width:60ch}

/* karty */
.sv-grid-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(16px,1.8vw,22px);gap:clamp(16px,1.8vw,22px)}
.sv-card{position:relative;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;
  background:linear-gradient(165deg,#fff,#FDF8EE);border:1px solid rgba(20,17,13,.08);border-radius:24px;
  padding:30px 28px 26px;box-shadow:0 26px 56px -36px rgba(60,40,5,.4);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.sv-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:24px 24px 0 0;
  background:linear-gradient(90deg,var(--a1),var(--a2));transform:scaleX(.4);transform-origin:left;opacity:.8;transition:transform .4s,opacity .35s}
.sv-card:hover{transform:translateY(-9px);border-color:color-mix(in srgb,var(--a1) 45%,transparent);
  box-shadow:-16px 34px 64px -34px color-mix(in srgb,var(--a1) 46%,transparent),
    16px 30px 60px -36px color-mix(in srgb,var(--a2) 44%,transparent),
    0 18px 40px -30px rgba(60,40,5,.3)}
.sv-card:hover::before{transform:scaleX(1);opacity:1}
.sv-card-glow{position:absolute;top:-40%;right:-20%;width:60%;height:80%;pointer-events:none;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--a1) 55%,transparent),color-mix(in srgb,var(--a2) 32%,transparent) 48%,transparent 72%);
  filter:blur(34px);opacity:0;transition:opacity .4s}
.sv-card:hover .sv-card-glow{opacity:.5}

.sv-card-tag{position:absolute;top:18px;right:18px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  color:#fff;padding:5px 11px;border-radius:100px;background:linear-gradient(120deg,var(--a1),var(--a2));
  box-shadow:0 8px 18px -8px color-mix(in srgb,var(--a1) 70%,transparent)}

.sv-ic{position:relative;z-index:1;display:grid;place-items:center;width:62px;height:62px;border-radius:18px;margin-bottom:18px;
  color:#fff;background:linear-gradient(135deg,var(--a1),var(--a2));
  box-shadow:0 16px 30px -12px color-mix(in srgb,var(--a1) 65%,transparent);transition:transform .35s}
.sv-ic svg{width:30px;height:30px}
.sv-ic-plain{background:linear-gradient(160deg,#fff,#F4EEDF);border:1px solid rgba(20,17,13,.08);color:inherit;box-shadow:0 12px 24px -12px rgba(60,40,5,.4)}
.sv-ic-plain svg{width:32px;height:32px}
.sv-ic-ig{background:radial-gradient(circle at 30% 107%,#FDF497 0%,#FD5949 35%,#D6249F 60%,#285AEB 100%);
  box-shadow:0 16px 30px -12px rgba(214,36,159,.6)}
.sv-ic-ig svg{width:31px;height:31px}
.sv-card:hover .sv-ic{transform:scale(1.07) rotate(-4deg)}

.sv-card-t{font-family:"Bricolage Grotesque","Plus Jakarta Sans",sans-serif;font-weight:800;font-size:21px;
  letter-spacing:-.02em;color:#14110D;margin:0 0 8px}
.sv-card-d{margin:0;font-size:15px;line-height:1.6;color:#5C574F}
.sv-chips{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 0}
.sv-chips span{font-size:12px;font-weight:600;color:#6E5A3A;padding:5px 11px;border-radius:100px;
  background:color-mix(in srgb,var(--a1) 9%,#fff);border:1px solid color-mix(in srgb,var(--a1) 22%,transparent)}
.sv-card-cta{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:18px;font-weight:700;font-size:14.5px;
  background:linear-gradient(90deg,var(--a1),var(--a2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.sv-card-cta svg{stroke:var(--a1);transition:transform .3s}
.sv-card:hover .sv-card-cta svg{transform:translateX(5px)}

/* Google = viacfarebné (farby loga) */
.s-google::before{background:linear-gradient(90deg,#4285F4 0%,#EA4335 36%,#FBBC05 66%,#34A853 100%)}
.s-google .sv-card-tag{background:linear-gradient(120deg,#4285F4 0%,#EA4335 40%,#FBBC05 70%,#34A853 100%);box-shadow:0 8px 18px -8px rgba(66,133,244,.55)}
/* viacfarebný glow + tieň (nie len modrý) */
.s-google .sv-card-glow{background:radial-gradient(circle,rgba(66,133,244,.5),rgba(251,188,5,.34) 42%,rgba(52,168,83,.22) 68%,transparent 78%)}
.s-google:hover{border-color:rgba(66,133,244,.42);
  box-shadow:0 34px 64px -30px rgba(66,133,244,.34),-16px 30px 60px -36px rgba(234,67,53,.26),16px 30px 60px -36px rgba(52,168,83,.32),0 6px 24px -14px rgba(251,188,5,.3)}

/* jedlo + ikonky v pozadí (na okrajoch, jemné) */
.sv-food{position:absolute;z-index:0;opacity:.28;filter:drop-shadow(0 8px 16px rgba(80,50,10,.2));animation:svFoodY var(--fd,11s) ease-in-out infinite}
.sv-food.fd1{top:7%;left:2.5%;width:62px;--fd:11s}
.sv-food.fd2{top:62%;left:1.5%;width:74px;opacity:.2;--fd:14s;animation-delay:-4s}
.sv-food.fd3{top:30%;left:5%;width:46px;--fd:9.5s;animation-delay:-2s}
.sv-food.fd4{top:9%;right:3%;width:50px;--fd:10s;animation-delay:-1.5s}
.sv-food.fd5{top:56%;right:1.5%;width:72px;opacity:.2;--fd:13s;animation-delay:-6s}
.sv-food.fd6{bottom:8%;right:6%;width:52px;--fd:9s;animation-delay:-3s}
@keyframes svFoodY{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-16px) rotate(6deg)}}
.sv-badge{position:absolute;z-index:0;display:grid;place-items:center;width:50px;height:50px;border-radius:15px;color:#E09C18;
  background:linear-gradient(160deg,#fff,#FBF4E5);border:1px solid rgba(224,156,24,.26);opacity:.55;
  box-shadow:0 16px 30px -16px rgba(80,50,10,.4);animation:svFoodY var(--fd,12s) ease-in-out infinite}
.sv-badge svg{width:23px;height:23px}
.sv-badge.bd1{top:40%;left:2%;--fd:12s}
.sv-badge.bd2{bottom:16%;right:2.5%;--fd:10.5s;animation-delay:-3s}

/* reveal */
.sv .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.sv .reveal.in{opacity:1;transform:none}
.sv .sv-grid-cards.reveal.in .sv-card{animation:svCardIn .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--d,0s)}
@keyframes svCardIn{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}

@media(max-width:760px){
  .sv-grid-cards{grid-template-columns:1fr}
  .sv-card{padding:26px 22px 22px}
  .sv-title{font-size:clamp(30px,8.5vw,36px)}
  /* jedlo HORE (rohy, nad nadpisom) + ikonky DOLE (pod kartami) — od seba, nie za textom */
  .sv-food.fd1{top:1.5%;left:3%;width:48px}
  .sv-food.fd4{top:1.5%;right:3%;width:46px}
  .sv-food.fd2{top:auto;bottom:1%;left:4%;width:54px;opacity:.22}
  .sv-food.fd6{bottom:1.5%;right:4%;width:46px}
  .sv-food.fd3,.sv-food.fd5{display:none}
  .sv-badge.bd1{top:auto;bottom:7%;left:20%;right:auto;--fd:12s}
  .sv-badge.bd2{bottom:2%;left:auto;right:22%}
}
@media(prefers-reduced-motion:reduce){
  .sv-aurora,.sv-blob,.sv-pt,.sv-mesh,.sv-food,.sv-badge{animation:none}
  .sv .reveal{opacity:1;transform:none;transition:none}
  .sv .sv-grid-cards.reveal.in .sv-card{animation:none}
}

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./components/Faq.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
/* FAQ — kompaktná, jemná mriežka kariet vnútri sekcie referencií */
.fqe{max-width:920px;margin:clamp(48px,6vw,82px) auto 0;padding-top:clamp(26px,3.6vw,42px);
  border-top:1px solid rgba(20,17,13,.1);font-family:"Satoshi","Inter",system-ui,sans-serif}
.fqe-label{text-align:center;margin:0 0 18px;font-size:11.5px;letter-spacing:.15em;
  text-transform:uppercase;font-weight:700;color:#AC9F8B}

.fqe-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:11px;gap:11px;align-items:start}
.fqe-item{border:1px solid rgba(20,17,13,.07);border-radius:14px;background:rgba(255,255,255,.5);
  transition:background .25s,border-color .25s,box-shadow .25s}
.fqe-item:hover{background:rgba(255,255,255,.82);box-shadow:0 10px 26px -18px rgba(60,40,5,.34)}
.fqe-item.open{background:#fff;border-color:rgba(224,156,24,.32);box-shadow:0 14px 34px -20px rgba(60,40,5,.42)}
.fqe-q{width:100%;display:flex;align-items:center;gap:11px;padding:13px 14px;
  background:none;border:none;cursor:pointer;text-align:left;font-family:inherit}
.fqe-qt{flex:1 1;font-weight:600;font-size:13px;line-height:1.4;color:#3F3A33;transition:color .2s}
.fqe-q:hover .fqe-qt{color:#B97D08}
.fqe-ic{flex:none;width:20px;height:20px;display:grid;place-items:center;color:#C98A12;
  transition:transform .32s cubic-bezier(.3,.8,.3,1)}
.fqe-ic svg{width:14px;height:14px}
.fqe-item.open .fqe-ic{transform:rotate(180deg)}

.fqe-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .36s cubic-bezier(.3,.8,.3,1)}
.fqe-item.open .fqe-a{grid-template-rows:1fr}
.fqe-a>div{overflow:hidden}
.fqe-a p{margin:0;padding:0 16px 14px 14px;font-size:12.5px;line-height:1.62;color:#6E675C}

@media(max-width:720px){
  .fqe-list{grid-template-columns:1fr 1fr;gap:8px}
  .fqe-q{padding:11px 10px;gap:7px}
  .fqe-qt{font-size:11.5px;line-height:1.32}
  .fqe-ic{width:18px;height:18px}.fqe-ic svg{width:13px;height:13px}
  .fqe-a p{font-size:11.5px;line-height:1.55;padding:0 11px 12px 10px}
}
@media(prefers-reduced-motion:reduce){.fqe-a,.fqe-ic{transition:none}}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./components/Reviews.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.rv{position:relative;overflow:hidden;background:#FBF7ED;color:#14110D;
  padding:clamp(48px,5.5vw,76px) 24px clamp(80px,10vw,128px);font-family:"Satoshi","Inter",system-ui,sans-serif}
.rv *{box-sizing:border-box}
.rv-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.rv-blob{position:absolute;border-radius:50%;filter:blur(82px);opacity:.5}
.rv-blob.b1{width:480px;height:480px;top:-170px;left:-90px;background:radial-gradient(circle,rgba(247,196,61,.4),transparent 66%)}
.rv-blob.b2{width:420px;height:420px;bottom:-180px;right:-100px;background:radial-gradient(circle,rgba(226,112,10,.26),transparent 66%)}
.rv-wrap{position:relative;z-index:1;max-width:1060px;margin:0 auto}

/* hlavička */
.rv-head{max-width:520px}
.rv-kicker{display:inline-block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#E9A412;font-weight:700;margin-bottom:16px}
.rv-title{font-family:"Bricolage Grotesque","Plus Jakarta Sans",sans-serif;font-weight:800;line-height:1.04;
  letter-spacing:-.025em;font-size:clamp(24px,4.4vw,50px);margin:0;color:#14110D}
.rv-title .g{background:linear-gradient(102deg,#FCD34D 0%,#F5A623 45%,#E2700A 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.rv-lead{margin:18px 0 0;font-size:17px;line-height:1.62;color:#5C574F;max-width:54ch}

/* ---------- layout: vľavo nadpis+fotka+dôvera, vpravo plnovýškový prúd recenzií ---------- */
.rv-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,0.96fr);
  grid-gap:clamp(26px,3.4vw,48px);
  gap:clamp(26px,3.4vw,48px);align-items:stretch}

/* ľavá strana — nadpis + väčšia fotka + dôvera (vycentrované) */
.rv-side{display:flex;flex-direction:column;gap:24px;align-items:center;text-align:center}
.rv-head{align-self:stretch}
.rv-photo-col{position:relative;display:flex;align-items:center;justify-content:center}
.rv-glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:104%;height:114%;
  background:radial-gradient(50% 46% at 50% 50%,rgba(247,196,61,.42),rgba(226,112,10,.16) 52%,transparent 76%);
  filter:blur(24px);animation:rvGlow 7s ease-in-out infinite}
@keyframes rvGlow{0%,100%{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}
.rv-photo{position:relative;z-index:1;width:100%;max-width:600px;height:auto;object-fit:contain;
  filter:drop-shadow(0 28px 40px rgba(60,38,8,.34))}
.rv-emoji{position:absolute;z-index:2;width:54px;height:auto;filter:drop-shadow(0 10px 16px rgba(80,50,10,.25));animation:rvFloat 8s ease-in-out infinite}
.rv-emoji.e1{top:2%;left:0}
.rv-emoji.e2{bottom:14%;right:-1%;animation-delay:-3s;width:46px}
@keyframes rvFloat{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-16px) rotate(8deg)}}
.rv-trust{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center;width:100%;max-width:480px}
.rv-pill{display:inline-flex;align-self:center;align-items:center;gap:8px;
  background:rgba(247,196,61,.16);border:1px solid rgba(224,156,24,.32);color:#7A5410;
  font-size:12.5px;font-weight:700;letter-spacing:.01em;padding:7px 14px;border-radius:999px}
.rv-pill svg{color:#E09C18;flex:none}

/* rotujúci citát klientov (ako v hero) */
.rv-rotate{min-height:120px;display:flex;flex-direction:column;justify-content:center}
.rv-rq-in{animation:rvQ .5s cubic-bezier(.2,.7,.2,1)}
@keyframes rvQ{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.rv-rq{font-family:"Bricolage Grotesque","Plus Jakarta Sans",sans-serif;font-weight:800;letter-spacing:-.02em;
  font-size:clamp(18px,2vw,23px);line-height:1.34;color:#14110D;margin:0 0 12px}
.rv-rq-author{display:inline-flex;align-items:baseline;gap:0;font-size:13px;font-weight:600;color:#14110D}
.rv-rq-author b{font-weight:700}
.rv-rq-author i{font-style:normal;font-weight:500;color:#A4977F}
.rv-rq-author i::before{content:"·";margin:0 8px;color:#D9CDBA}
.rv-stats{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;width:100%}
.rv-stat{flex:1 1 96px;background:rgba(255,255,255,.7);border:1px solid rgba(20,17,13,.07);border-radius:16px;padding:13px 14px;
  box-shadow:0 12px 26px -18px rgba(60,40,5,.4)}
.rv-stat b{display:block;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:22px;color:#E09C18;line-height:1;white-space:nowrap}
.rv-stat span{display:block;margin-top:6px;font-size:12px;line-height:1.32;color:#7A7468}

/* pravá strana — plnovýškový auto-rolujúci prúd recenzií */
.rv-stream-col{position:relative;min-width:0;min-height:520px}
.rv-stream{position:absolute;inset:0;overflow-y:auto;cursor:-webkit-grab;cursor:grab;
  -webkit-mask:linear-gradient(180deg,transparent 0,#000 34px,#000 calc(100% - 34px),transparent 100%);
  mask:linear-gradient(180deg,transparent 0,#000 34px,#000 calc(100% - 34px),transparent 100%);
  overscroll-behavior:contain;scrollbar-width:none}
.rv-stream.grabbing{cursor:-webkit-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.rv-stream::-webkit-scrollbar{width:0;height:0;display:none}
.rv-stream-inner{display:flex;flex-direction:column;gap:14px;padding:2px}
.rv-stream-group{display:flex;flex-direction:column;gap:14px}

.rv-card{position:relative;background:#fff;border-radius:18px;padding:22px 22px 18px;
  border:1px solid rgba(20,17,13,.06);box-shadow:0 16px 38px -26px rgba(60,40,5,.4),0 1px 4px rgba(0,0,0,.03);
  transition:transform .3s,box-shadow .3s}
.rv-card::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:99px;
  background:linear-gradient(#FCD34D,#E09C18);opacity:.85}
.rv-card:hover{transform:translateX(3px);box-shadow:0 26px 54px -30px rgba(60,40,5,.5),0 0 0 1px rgba(224,156,24,.22)}
.rv-quote{position:absolute;top:2px;right:18px;font-family:Georgia,serif;font-size:62px;line-height:1;color:rgba(224,156,24,.14)}
.rv-text{margin:0 0 16px;font-size:14.5px;line-height:1.6;color:#3F3A33}
.rv-who{display:flex;align-items:center;gap:12px}
.rv-av{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:17px;color:#3A2606;
  background:linear-gradient(135deg,#FCD34D,#E09C18)}
.rv-who-t{flex:1 1;min-width:0}
.rv-who-t b{display:block;font-size:14.5px;font-weight:700;color:#14110D}
.rv-who-t span{display:block;font-size:12.5px;color:#8A8278}
.rv-g{flex:none;opacity:.9}

/* reveal */
.rv .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.rv .reveal.in{opacity:1;transform:none}
.rv .rv-stream-col.reveal{transition-delay:.12s}

@media(max-width:860px){
  .rv-kicker{font-size:10px;margin-bottom:12px}
  .rv-title{font-size:clamp(30px,8.5vw,36px)}
  .rv-layout{grid-template-columns:1fr;gap:34px}
  .rv-side{max-width:540px;margin:0 auto;width:100%}
  .rv-stream-col{min-height:0;height:500px}
  /* na mobile = CSS marquee (žiadny scroll kontajner), aby touch vždy roloval stránku */
  .rv-stream{position:relative;inset:auto;height:100%;overflow:hidden;touch-action:pan-y;cursor:default;pointer-events:none}
  .rv-stream-inner{padding:0;animation:rvMarquee 46s linear infinite;will-change:transform}
}
@keyframes rvMarquee{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 7px))}}
@media(prefers-reduced-motion:reduce){
  .rv-glow,.rv-emoji,.rv-rq-in,.rv-stream-inner{animation:none}
  .rv .reveal{opacity:1;transform:none;transition:none}
}

/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./components/Behind.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.bh{position:relative;overflow:hidden;background:#14110D;color:#F5F0E6;
  padding:clamp(72px,9vw,118px) 24px;font-family:"Satoshi","Inter",system-ui,sans-serif}
.bh *{box-sizing:border-box}
.bh-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.bh-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}
.bh-blob.b1{width:420px;height:420px;top:-150px;left:8%;background:radial-gradient(circle,rgba(247,196,61,.4),transparent 66%);animation:bhFloat 21s ease-in-out infinite}
.bh-blob.b2{width:360px;height:360px;bottom:-160px;right:6%;background:radial-gradient(circle,rgba(226,112,10,.3),transparent 66%);animation:bhFloat 26s ease-in-out infinite reverse}
@keyframes bhFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-28px,22px) scale(1.07)}}
.bh-grid{position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(255,240,225,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,240,225,.04) 1px,transparent 1px);
  background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 42%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 75% 70% at 50% 42%,#000 30%,transparent 80%)}

.bh-wrap{position:relative;z-index:1;max-width:1100px;margin:0 auto}
.bh-head{max-width:720px;margin-bottom:clamp(34px,4vw,48px)}
.bh-kicker{display:inline-block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#F7C43D;font-weight:700;margin-bottom:16px}
.bh-title{font-family:"Bricolage Grotesque","Plus Jakarta Sans",sans-serif;font-weight:800;line-height:1.04;
  letter-spacing:-.025em;font-size:clamp(24px,4.4vw,50px);margin:0;color:#F7F2E8}
.bh-title .g{background:linear-gradient(102deg,#FCD34D 0%,#F5A623 45%,#E2700A 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.bh-lead{margin:18px 0 0;font-size:17px;line-height:1.62;color:#A89F90;max-width:60ch}
.bh-lead .g{font-weight:700;background:linear-gradient(102deg,#FCD34D 0%,#F5A623 45%,#E2700A 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

.bh-grid-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}
.bh-card{background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  border:1px solid rgba(255,240,225,.1);border-radius:22px;padding:28px 24px;
  transition:transform .3s,border-color .3s,box-shadow .3s}
.bh-card:hover{transform:translateY(-5px);border-color:rgba(247,196,61,.4);box-shadow:0 30px 56px -30px rgba(247,196,61,.4)}
.bh-ic{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;margin-bottom:18px;
  color:#F7C43D;background:rgba(247,196,61,.1);border:1px solid rgba(247,196,61,.22)}
.bh-card:hover .bh-ic{background:linear-gradient(135deg,#F4C04A,#E09C18);border-color:transparent;color:#231000}
.bh-card b{display:block;font-family:"Bricolage Grotesque","Plus Jakarta Sans",sans-serif;font-weight:800;
  font-size:19px;letter-spacing:-.01em;color:#F4EEE1;line-height:1.22;margin-bottom:10px}
.bh-card p{margin:0;font-size:15px;line-height:1.62;color:#A89F90}

.bh .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.bh .reveal.in{opacity:1;transform:none}
.bh .bh-grid-cards.reveal.in .bh-card{animation:bhIn .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--d,0s)}
@keyframes bhIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}

@media(max-width:980px){.bh-grid-cards{grid-template-columns:1fr 1fr;gap:14px}}
@media(max-width:600px){.bh-grid-cards{grid-template-columns:1fr}}
@media(max-width:620px){.bh{padding:64px 16px}.bh-title{font-size:clamp(30px,8.5vw,36px)}}
@media(prefers-reduced-motion:reduce){
  .bh-blob{animation:none}
  .bh .reveal{opacity:1;transform:none;transition:none}
  .bh .bh-grid-cards.reveal.in .bh-card{animation:none}
}

/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./components/FinalCta.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.fc{position:relative;overflow:hidden;color:#F5F0E6;
  background:linear-gradient(180deg,#1B1610 0%,#14110D 14%,#100D0A 100%);
  padding:clamp(84px,10vw,140px) 24px;font-family:"Satoshi","Inter",system-ui,sans-serif}
.fc *{box-sizing:border-box}
/* jemný teplý nábeh zhora — zmäkčuje prechod zo svetlej sekcie */
.fc::before{content:"";position:absolute;left:0;right:0;top:0;height:200px;pointer-events:none;z-index:0;
  background:radial-gradient(120% 100% at 50% 0%,rgba(247,196,61,.14),transparent 70%)}

/* animované pozadie */
.fc-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.fc-aurora{position:absolute;left:50%;top:-12%;width:130%;height:95%;transform:translateX(-50%);
  background:radial-gradient(42% 50% at 28% 30%,rgba(247,196,61,.2),transparent 60%),
             radial-gradient(44% 52% at 74% 38%,rgba(226,112,10,.18),transparent 62%),
             radial-gradient(40% 46% at 52% 70%,rgba(247,196,61,.1),transparent 64%);
  filter:blur(24px);animation:fcAurora 18s ease-in-out infinite}
@keyframes fcAurora{0%,100%{transform:translateX(-50%) scale(1) rotate(0)}50%{transform:translateX(-50%) scale(1.1) rotate(5deg)}}
.fc-blob{position:absolute;border-radius:50%;filter:blur(74px);opacity:.55}
.fc-blob.b1{width:460px;height:460px;top:-130px;left:-100px;background:radial-gradient(circle,rgba(247,196,61,.34),transparent 66%);animation:fcFloat 14s ease-in-out infinite}
.fc-blob.b2{width:420px;height:420px;bottom:-150px;right:-100px;background:radial-gradient(circle,rgba(226,112,10,.3),transparent 66%);animation:fcFloat 17s ease-in-out infinite reverse}
@keyframes fcFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-26px)}}
.fc-pt{position:absolute;border-radius:50%;background:rgba(247,196,61,.75);box-shadow:0 0 9px rgba(247,196,61,.7);
  opacity:.5;animation:fcRise linear infinite}
@keyframes fcRise{0%{transform:translateY(24px);opacity:0}12%{opacity:.7}100%{transform:translateY(-150px);opacity:0}}
/* perspektívna mriežka — dáva sekcii štruktúru a hĺbku */
.fc-grid-floor{position:absolute;left:50%;bottom:-6%;width:200%;height:62%;transform:translateX(-50%) perspective(120px) rotateX(56deg);transform-origin:50% 100%;
  background-image:linear-gradient(rgba(247,196,61,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(247,196,61,.16) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 38%,#000 72%,transparent);mask-image:linear-gradient(180deg,transparent,#000 38%,#000 72%,transparent);
  opacity:.5}

.fc-wrap{position:relative;z-index:1;max-width:1140px;margin:0 auto}

/* hlavička */
.fc-head{text-align:center;max-width:740px;margin:0 auto clamp(44px,5.5vw,66px)}
.fc-eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(247,196,61,.32);
  border-radius:100px;padding:7px 17px;font-size:12.5px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:#F7C43D;margin-bottom:20px;background:rgba(247,196,61,.06)}
.fc-edot{width:8px;height:8px;border-radius:50%;background:#F7C43D;box-shadow:0 0 0 0 rgba(247,196,61,.5);animation:fcPulse 1.9s ease-in-out infinite}
@keyframes fcPulse{0%,100%{box-shadow:0 0 0 0 rgba(247,196,61,.5)}70%{box-shadow:0 0 0 8px rgba(247,196,61,0)}}
.fc-title{font-family:"Bricolage Grotesque","Plus Jakarta Sans",sans-serif;font-weight:800;line-height:1.05;
  letter-spacing:-.025em;font-size:clamp(28px,4.7vw,54px);margin:0;color:#F7F2E8}
.fc-title .g{background:linear-gradient(102deg,#FCD34D 0%,#F5A623 48%,#E2700A 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.fc-sub{margin:20px auto 0;font-size:16px;line-height:1.7;color:#BCB3A2;max-width:60ch}
.fc-sub b{color:#E7DECB;font-weight:700}
/* layout — formulár vľavo, osoba vpravo */
.fc-grid{display:grid;grid-template-columns:1.16fr 0.84fr;grid-column-gap:clamp(26px,3.6vw,52px);column-gap:clamp(26px,3.6vw,52px);grid-row-gap:0;row-gap:0;align-items:start}
.fc-form-col{grid-column:1;grid-row:1 / span 2}
.fc-person-top{grid-column:2;grid-row:1}
.fc-person-bottom{grid-column:2;grid-row:2}

/* ====== osobný panel — voľne stojaca postava (cutout), bez bielej karty ====== */
.fc-person{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-start}
.fc-stage{position:relative;width:100%;max-width:340px;margin:0 auto;aspect-ratio:0.86/1;display:flex;align-items:flex-end;justify-content:center}
/* veľká mäkká žiara za postavou */
.fc-spot{position:absolute;z-index:0;left:50%;top:46%;transform:translate(-50%,-50%);width:118%;height:108%;
  background:radial-gradient(48% 50% at 50% 42%,rgba(247,196,61,.42),rgba(226,112,10,.16) 52%,transparent 72%);
  filter:blur(26px);animation:fcHalo 7s ease-in-out infinite}
@keyframes fcHalo{0%,100%{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}
/* tenké zlaté prstence — štruktúra za postavou */
.fc-ring{position:absolute;z-index:0;left:50%;top:44%;transform:translate(-50%,-50%);border-radius:50%;
  border:1px solid rgba(247,196,61,.22)}
.fc-ring.r1{width:84%;height:78%}
.fc-ring.r2{width:108%;height:100%;border-color:rgba(247,196,61,.1);border-style:dashed;animation:fcSpin 40s linear infinite}
@keyframes fcSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
/* samotná postava — bez pozadia, spodok jemne do stratena (nie tvrdo zrezaný) */
.fc-cut{position:relative;z-index:2;width:auto;height:100%;max-width:100%;object-fit:contain;
  filter:drop-shadow(0 26px 30px rgba(0,0,0,.55));animation:fcBob 7s ease-in-out infinite;
  -webkit-mask-image:linear-gradient(180deg,#000 34%,rgba(0,0,0,.72) 58%,rgba(0,0,0,.28) 80%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 34%,rgba(0,0,0,.72) 58%,rgba(0,0,0,.28) 80%,transparent 100%)}
@keyframes fcBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
/* plávajúce sklenené čipy s ikonkami (nový štýl) */
.fc-chip{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  background:rgba(22,17,12,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(247,196,61,.26);
  color:#F2EADA;font-size:12.5px;font-weight:700;padding:8px 14px;border-radius:14px;
  box-shadow:0 16px 30px -14px rgba(0,0,0,.8)}
.fc-chip svg{width:17px;height:17px;color:#F7C43D}
.fc-chip b{color:#F7C43D}
.fc-stars{color:#F7C43D;letter-spacing:1px;font-size:13px}
/* nad fotkou */
.fc-chip-cred{top:4%;right:-6%;animation:fcChipA 6.6s ease-in-out infinite .4s}
/* za postavou — posunutý ďalej, aby bolo vidieť celý štítok */
.fc-chip-stat{z-index:1;top:11%;left:-22%;animation:fcChipA 6s ease-in-out infinite}
/* pod fotkou */
.fc-chip-reply{bottom:10%;right:-12%;animation:fcChipA 7s ease-in-out infinite 1s}
@keyframes fcChipA{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.fc-bdot{width:8px;height:8px;border-radius:50%;background:#3FB950;box-shadow:0 0 0 0 rgba(63,185,80,.5);animation:fcPulseG 1.9s ease-in-out infinite}
@keyframes fcPulseG{0%,100%{box-shadow:0 0 0 0 rgba(63,185,80,.5)}70%{box-shadow:0 0 0 7px rgba(63,185,80,0)}}
/* meno + rola nad fotkou */
.fc-person-head{text-align:center;margin-bottom:18px}
.fc-role{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:#C9A24A;margin-bottom:7px}
.fc-person-head b{display:block;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:21px;color:#F7F2E8}
.fc-person-info{margin-top:22px}
.fc-call-note{margin:0 0 12px;font-size:12.5px;line-height:1.5;color:#9A9182}
.fc-call-note b{color:#C9C0B0;font-weight:700}
.fc-phone{display:inline-flex;align-items:center;gap:8px;
  font-size:14.5px;font-weight:700;color:#F7C43D;text-decoration:none;
  border:1px solid rgba(247,196,61,.32);border-radius:100px;padding:9px 18px;
  background:rgba(247,196,61,.05);transition:background .2s,border-color .2s,transform .2s}
.fc-phone svg{width:16px;height:16px}
.fc-phone:hover{background:rgba(247,196,61,.12);border-color:rgba(247,196,61,.6);transform:translateY(-2px)}
.fc-quote{margin:18px auto 0;max-width:34ch;font-size:13.5px;line-height:1.6;color:#C2B9A9;font-style:italic}

/* ====== formulár ====== */
.fc-form-wrap{position:relative;border-radius:26px;padding:clamp(24px,3vw,36px);
  background:linear-gradient(180deg,rgba(36,30,22,.92),rgba(22,18,13,.92)) padding-box,
            linear-gradient(155deg,rgba(247,196,61,.55),rgba(247,196,61,.04) 42%,rgba(226,112,10,.4)) border-box;
  border:1px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:0 50px 100px -50px rgba(0,0,0,.85),0 0 70px -40px rgba(247,196,61,.3)}
.fc-form{display:flex;flex-direction:column;gap:14px}
/* graficky zvýraznený nadpis nad formulárom */
.fc-form-lead{display:flex;align-items:center;gap:14px;margin:0 0 18px}
.fc-form-lead-ic{flex:none;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;
  color:#1B1209;background:linear-gradient(135deg,#FCD34D,#E09C18);
  box-shadow:0 10px 22px -10px rgba(224,156,24,.7),inset 0 1px 0 rgba(255,255,255,.4)}
.fc-form-lead-ic svg{width:22px;height:22px}
.fc-form-lead-body{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.fc-form-lead-tx{font-family:"Bricolage Grotesque","Plus Jakarta Sans",sans-serif;font-weight:800;
  font-size:19px;line-height:1.2;letter-spacing:-.01em;color:#F4EEE1}
.fc-form-lead-reply{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
  font-size:12px;font-weight:700;color:#CFE6CF;padding:5px 12px;border-radius:100px;
  background:rgba(63,185,80,.1);border:1px solid rgba(63,185,80,.3)}
.fc-flabel{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:13.5px;color:#D7CEBE;
  margin:2px 0 -2px}
.fc-form-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}
.fc-form-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#F7C43D;
  font-family:"Bricolage Grotesque",sans-serif;letter-spacing:.01em}
.fc-fb-dot{width:8px;height:8px;border-radius:50%;background:#3FB950;box-shadow:0 0 8px rgba(63,185,80,.8)}
.fc-form-note{font-size:12px;color:#8C8475}
.fc-field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}
.fc-form select,.fc-form input{width:100%;height:54px;padding:0 16px;border-radius:14px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,240,225,.14);color:#F5F0E6;
  font-family:inherit;font-size:14.5px;transition:border-color .25s,background .25s,box-shadow .25s}
.fc-form textarea{width:100%;min-height:60px;padding:13px 16px;border-radius:14px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,240,225,.14);color:#F5F0E6;
  font-family:inherit;font-size:14.5px;line-height:1.5;resize:vertical;
  transition:border-color .25s,background .25s,box-shadow .25s}
.fc-form textarea:focus{outline:none;border-color:rgba(247,196,61,.65);
  background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(247,196,61,.16)}
.fc-form select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23C9A24A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}
.fc-form select:invalid{color:#8C8475}
.fc-form option{color:#14110D}
.fc-form ::placeholder{color:#8C8475}
.fc-form select:focus,.fc-form input:focus{outline:none;border-color:rgba(247,196,61,.65);
  background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(247,196,61,.16)}

.fc-btn{position:relative;overflow:hidden;isolation:isolate;
  display:inline-flex;align-items:center;justify-content:center;gap:11px;width:100%;
  min-height:58px;padding:0 28px;border:none;border-radius:15px;cursor:pointer;
  font-family:inherit;font-size:16px;font-weight:700;letter-spacing:.005em;color:#3A2606;
  background:linear-gradient(135deg,#F4C04A 0%,#E09C18 55%,#C9820B 100%);
  box-shadow:0 20px 44px -16px rgba(201,130,11,.7),inset 0 1px 0 rgba(255,255,255,.4);
  animation:fcGlow 3.4s ease-in-out infinite;transition:transform .25s,box-shadow .3s}
@keyframes fcGlow{0%,100%{box-shadow:0 20px 44px -16px rgba(201,130,11,.6),inset 0 1px 0 rgba(255,255,255,.4)}50%{box-shadow:0 20px 54px -14px rgba(244,192,74,.8),inset 0 1px 0 rgba(255,255,255,.45)}}
.fc-btn svg{width:20px;height:20px;position:relative;z-index:1;transition:transform .25s}
.fc-btn-sm{display:none}
.fc-btn::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 36%,rgba(255,255,255,.55) 50%,transparent 64%);
  transform:translateX(-130%);animation:fcShine 4.5s ease-in-out 1.5s infinite}
@keyframes fcShine{0%,55%{transform:translateX(-130%)}80%,100%{transform:translateX(130%)}}
.fc-btn:hover{transform:translateY(-2px)}
.fc-btn:hover svg{transform:translateX(4px)}
.fc-trust{margin:0;text-align:center;font-size:12.5px;color:#988F80}

/* potvrdenie */
.fc-sent{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;
  min-height:300px;animation:fcSentIn .5s cubic-bezier(.2,.7,.2,1)}
@keyframes fcSentIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.fc-check{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;color:#14110D;
  background:linear-gradient(135deg,#FCD34D,#E09C18);box-shadow:0 16px 32px -10px rgba(224,156,24,.6)}
.fc-check svg{width:30px;height:30px}
.fc-sent h3{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:25px;margin:18px 0 8px;color:#F7F2E8}
.fc-sent p{margin:0;font-size:15px;line-height:1.6;color:#B8AF9F;max-width:36ch}

/* reveal */
.fc .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.fc .reveal.in{opacity:1;transform:none}
.fc .fc-form-col.reveal{transition-delay:.08s}
.fc .fc-person.reveal{transition-delay:.18s}

@media(max-width:820px){
  .fc-eyebrow{font-size:11px;padding:6px 14px;margin-bottom:16px}
  .fc-title{font-size:clamp(30px,8.5vw,36px)}
  /* poradie na mobile: formulár → fotka (Zakladateľ) → kontakt (telefón) */
  .fc-grid{grid-template-columns:1fr;gap:34px}
  .fc-form-col{grid-column:1;grid-row:auto;order:1}
  .fc-person-top{grid-column:1;grid-row:auto;order:2}
  .fc-person-bottom{grid-column:1;grid-row:auto;order:3}
  .fc-stage{max-width:300px}
  /* štítok „výkon kampaní" — v popredí, zalomený, nad ramenom (nezakrýva tvár) */
  .fc-chip-stat{z-index:5;top:4%;left:-7%;max-width:142px;white-space:normal;line-height:1.22;
    align-items:flex-start;text-align:left}
  .fc-chip-stat svg{margin-top:1px}
  .fc-chip-reply{right:-4%;bottom:8%}
  .fc-chip-cred{right:-2%}
  /* CTA button ako ostatné na webe — jeden riadok */
  .fc-btn-lg{display:none}.fc-btn-sm{display:inline}
  .fc-btn{font-size:15.5px;font-weight:700;min-height:58px;padding:0 16px;gap:9px;line-height:1.2}
  .fc-btn span{white-space:nowrap}
}
@media(max-width:520px){.fc-field-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
  .fc-aurora,.fc-blob,.fc-pt,.fc-cut,.fc-spot,.fc-ring.r2,.fc-pedestal,.fc-chip,.fc-edot,.fc-bdot,.fc-btn,.fc-btn::before{animation:none}
  .fc .reveal{opacity:1;transform:none;transition:none}
}