/* Úvodná stránka. Všetko je zapuzdrené pod #inutri-landing, lebo Nicepage
   má vlastné razantné štýly pre nadpisy, odkazy aj zoznamy.
   Typografia je zámerne veľká a priestor štedrý — stránka má jednu úlohu,
   predať appku, a na to je lepší jeden veľký odkaz ako šesť malých. */

#inutri-landing{
--paper:#F6F6F7;--surface:#FFFFFF;--sunk:#EDEDEF;--line:#E2E2E6;
--ink:#121214;--muted:#5E5E66;--ghost:#9A9AA2;
--brand:#1F7A4D;--brand-2:#A7E15D;--brand-soft:#E4F2E9;--on-brand:#FFFFFF;
--lime:#A7E15D;--sky:#4F9BF0;--sun:#F0A42B;--berry:#E05A7D;--amber:#8F5A00;
--grad-brand:linear-gradient(118deg,#1B6B44,#2F9A61 48%,#8FD655);
--tint-1:linear-gradient(140deg,#E6F4EC,#F4FAF0 55%,#FFF6E4);
--tint-2:linear-gradient(135deg,#FFFFFF,#EEF7F1 70%,#F3F9E8);
--sh-1:0 2px 8px rgba(0,0,0,.05);
--sh-2:0 10px 34px rgba(0,0,0,.09);
--sh-3:0 40px 110px rgba(0,0,0,.18),0 10px 30px rgba(0,0,0,.08);
--r-m:16px;--r-l:24px;--r-xl:34px;--r-f:999px;
--font:'Satoshi','Helvetica Neue',system-ui,-apple-system,sans-serif;
--ease:cubic-bezier(.22,1,.36,1);
--pad:clamp(58px,6.4vw,104px);
}
#inutri-landing[data-theme="dark"]{
--paper:#101012;--surface:#1A1A1D;--sunk:#242428;--line:#2E2E34;
--ink:#F4F4F5;--muted:#A8A8B0;--ghost:#6E6E78;
--brand:#5FD39A;--brand-soft:#17291F;--on-brand:#0E1512;
--lime:#B6EE6E;--sky:#78B6F7;--sun:#F5BB55;--berry:#FF8AA6;
--grad-brand:linear-gradient(118deg,#2F9A61,#5FD39A 50%,#B6EE6E);
--tint-1:linear-gradient(140deg,#15241C,#171A16 60%,#201A10);
--tint-2:linear-gradient(135deg,#1A1A1D,#16241C 75%);
--sh-1:0 2px 8px rgba(0,0,0,.5);--sh-2:0 10px 34px rgba(0,0,0,.6);
--sh-3:0 40px 110px rgba(0,0,0,.75);
color-scheme:dark;
}

#inutri-landing,#inutri-landing *,#inutri-landing *::before,#inutri-landing *::after{box-sizing:border-box}
/* text-align musí byť nastavený tu. Nicepage zarovnáva obsah do bloku a
   dedenie by to vtiahlo dovnútra — veľký nadpis by sa roztrhal medzerami. */
#inutri-landing{
  font-family:var(--font);color:var(--ink);background:transparent;text-align:left;
  line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}
#inutri-landing *{text-align:inherit;text-transform:none;letter-spacing:normal;font-style:normal}
#inutri-landing a{text-decoration:none;color:inherit;font-size:inherit}
#inutri-landing p,#inutri-landing h1,#inutri-landing h2,#inutri-landing h3,#inutri-landing ul,#inutri-landing ol{margin:0;padding:0}
#inutri-landing li{list-style:none}
#inutri-landing img{display:block;max-width:100%;height:auto}
#inutri-landing button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
#inutri-landing svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#inutri-landing :focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:10px}

#inutri-landing .inl-wrap{max-width:1600px;margin:0 auto;padding-inline:clamp(20px,4vw,64px);position:relative}
#inutri-landing section{padding-block:var(--pad);position:relative}

/* ── Typografia ─────────────────────────────────────────────────────── */
#inutri-landing .inl-h1{
  font-size:clamp(38px,4.6vw,78px);font-weight:800;line-height:1.02;
  letter-spacing:-.045em !important;text-wrap:balance}
#inutri-landing .inl-h2{
  font-size:clamp(34px,5.2vw,84px);font-weight:800;line-height:1.02;
  letter-spacing:-.04em !important;text-wrap:balance;margin-bottom:clamp(26px,3.2vw,48px)}
#inutri-landing .inl-h2--tight{margin-bottom:18px}
#inutri-landing .inl-h3{
  font-size:clamp(25px,2.9vw,46px);font-weight:800;line-height:1.08;letter-spacing:-.035em !important}
#inutri-landing .inl-lead{
  font-size:clamp(17px,1.45vw,23px);line-height:1.55;color:var(--muted);max-width:30ch;text-wrap:pretty}
#inutri-landing .inl-p{
  font-size:clamp(16px,1.15vw,19px);line-height:1.6;color:var(--muted);max-width:46ch;text-wrap:pretty}
#inutri-landing .inl-eyebrow{
  font-size:12px;font-weight:700;letter-spacing:.16em !important;text-transform:uppercase !important;
  color:var(--brand);margin-bottom:16px}
#inutri-landing .inl-note{margin-top:20px;font-size:14px;color:var(--ghost)}

#inutri-landing .inl-kick{
  display:inline-flex;align-items:center;gap:9px;margin-bottom:clamp(16px,1.8vw,26px);
  padding:8px 16px 8px 12px;border-radius:var(--r-f);
  background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-1);
  font-size:13.5px;font-weight:650;color:var(--muted)}
#inutri-landing .inl-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);
  box-shadow:0 0 0 0 color-mix(in srgb,var(--brand) 55%,transparent);animation:inlPulse 2.4s infinite}
@keyframes inlPulse{70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}

/* ── Tlačidlá ───────────────────────────────────────────────────────── */
#inutri-landing .inl-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(24px,2.4vw,34px)}
#inutri-landing .inl-btn{
  display:inline-flex;align-items:center;gap:10px;height:58px;padding:0 28px;
  border-radius:var(--r-f);font-size:16.5px;font-weight:650;white-space:nowrap;
  transition:transform .25s var(--ease),box-shadow .25s,background .2s,color .2s}
#inutri-landing .inl-btn svg{width:19px;height:19px;stroke-width:2.1;transition:transform .3s var(--ease)}
#inutri-landing .inl-btn--brand{background:var(--grad-brand);color:#fff;box-shadow:0 10px 26px color-mix(in srgb,var(--brand) 38%,transparent)}
#inutri-landing .inl-btn--brand:hover{transform:translateY(-3px);box-shadow:0 16px 36px color-mix(in srgb,var(--brand) 48%,transparent)}
#inutri-landing .inl-btn--brand:hover svg{transform:translateX(5px)}
#inutri-landing .inl-btn--ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
#inutri-landing .inl-btn--ghost:hover{background:var(--surface);border-color:var(--brand);color:var(--brand);transform:translateY(-3px)}

/* ── Odkrývanie pri rolovaní ────────────────────────────────────────── */
#inutri-landing .inl-rev{opacity:0;transform:translateY(30px);
  transition:opacity .9s var(--ease),transform .9s var(--ease)}
#inutri-landing .inl-rev.is-in{opacity:1;transform:none}
/* Medzera medzi slovami musí byť v okraji — koncová medzera vo vnútri
   inline-block prvku sa zahadzuje a slová by sa zlepili. */
#inutri-landing .inl-w--lep{margin-left:-.22em}
#inutri-landing .inl-w{display:inline-block;margin-right:.22em;opacity:0;transform:translateY(.45em);
  transition:opacity .7s var(--ease),transform .9s var(--ease);
  transition-delay:calc(var(--i) * 45ms)}
#inutri-landing .is-in .inl-w,#inutri-landing h1.is-in .inl-w{opacity:1;transform:none}

/* ── Hero ───────────────────────────────────────────────────────────── */
/* Tlačidlo musí byť vidieť bez rolovania — nadpis preto nesmie zjesť celú
   obrazovku. Horná medzera je malá a nadpis sa zastaví na 78 px. */
#inutri-landing .inl-hero{padding-block:clamp(28px,3.5vw,56px) var(--pad)}
#inutri-landing .inl-hero__in{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(40px,5vw,90px);align-items:center}
#inutri-landing .inl-hero .inl-lead{max-width:40ch;margin-top:clamp(20px,2.3vw,30px)}

#inutri-landing .inl-hero__img{position:relative;display:flex;justify-content:center}

#inutri-landing .inl-aurora{position:absolute;inset:-20% -10% auto;height:120%;pointer-events:none;z-index:0;
  filter:blur(80px);opacity:.75}
#inutri-landing .inl-aurora span{position:absolute;border-radius:50%;display:block}
#inutri-landing .inl-aurora span:nth-child(1){
  width:46vw;height:46vw;left:-6vw;top:2vw;background:color-mix(in srgb,var(--brand) 26%,transparent);
  animation:inlFloat 17s ease-in-out infinite}
#inutri-landing .inl-aurora span:nth-child(2){
  width:38vw;height:38vw;right:4vw;top:-6vw;background:color-mix(in srgb,var(--brand-2) 34%,transparent);
  animation:inlFloat 21s ease-in-out infinite reverse}
#inutri-landing .inl-aurora span:nth-child(3){
  width:30vw;height:30vw;right:24vw;bottom:-4vw;background:color-mix(in srgb,#7FB5FF 26%,transparent);
  animation:inlFloat 25s ease-in-out infinite}
@keyframes inlFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}
  33%{transform:translate3d(4vw,-3vw,0) scale(1.08)}
  66%{transform:translate3d(-3vw,3vw,0) scale(.95)}}
#inutri-landing .inl-hero__in,#inutri-landing .inl-hero__txt{position:relative;z-index:1}

/* Telefón */
#inutri-landing .inl-phone{
  position:relative;width:min(330px,76vw);padding:11px;border-radius:46px;
  background:linear-gradient(160deg,#36363c,#121214 55%,#28282e);
  box-shadow:var(--sh-3);transform:rotate(-1.4deg)}
#inutri-landing .inl-phone::after{
  content:"";position:absolute;left:50%;top:18px;transform:translateX(-50%);
  width:96px;height:7px;border-radius:99px;background:rgba(255,255,255,.14);z-index:2}
#inutri-landing .inl-phone__scr{border-radius:36px;overflow:hidden;background:#fff;line-height:0}
#inutri-landing .inl-feat__i .inl-phone{transform:rotate(1.2deg)}

#inutri-landing .inl-float{
  position:absolute;z-index:3;padding:11px 18px;border-radius:var(--r-f);
  background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(14px);
  border:1px solid var(--line);box-shadow:var(--sh-2);
  font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap}
#inutri-landing .inl-float--a{left:-4%;top:22%;animation:inlBob 6s ease-in-out infinite}
#inutri-landing .inl-float--b{right:-6%;bottom:18%;animation:inlBob 7.5s ease-in-out .8s infinite}
@keyframes inlBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* ── Čísla ──────────────────────────────────────────────────────────── */
#inutri-landing .inl-stats{padding-block:0}
#inutri-landing .inl-stats__g{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:clamp(24px,3vw,48px);padding-block:clamp(32px,3.6vw,56px);
  border-block:1px solid var(--line)}
#inutri-landing .inl-stat{display:flex;flex-direction:column;gap:8px}
/* Prechod sa kreslí cez písmo, takže sa orezáva na okraji prvku — nie na
   obryse písmen. Pri line-height:1 ostávali spodky „9", „5" a „€" mimo
   plochy a boli useknuté; riadok aj malé odsadenie im robia miesto. */
#inutri-landing .inl-stat__v{
  font-size:clamp(40px,5vw,78px);font-weight:800;line-height:1.12;letter-spacing:-.05em !important;
  background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent;
  width:max-content;padding:.04em .06em .08em;margin-left:-.06em;
  transition:transform .3s var(--ease)}
#inutri-landing .inl-stat:hover .inl-stat__v{transform:translateY(-4px)}
#inutri-landing .inl-stat__l{font-size:15px;color:var(--muted);max-width:22ch}

/* ── Manifest ───────────────────────────────────────────────────────── */
#inutri-landing .inl-man{text-align:center;background:var(--tint-1);
  border-radius:clamp(28px,4vw,56px);margin-top:clamp(24px,3vw,48px)}
#inutri-landing .inl-man .inl-eyebrow{margin-bottom:22px}
#inutri-landing .inl-man__h{
  font-size:clamp(32px,4.8vw,78px);font-weight:800;line-height:1.05;
  letter-spacing:-.04em !important;max-width:19ch;margin:0 auto;text-wrap:balance}
#inutri-landing .inl-man__t{
  margin:clamp(26px,3vw,42px) auto 0;max-width:62ch;
  font-size:clamp(16px,1.3vw,21px);line-height:1.6;color:var(--muted)}

/* ── Funkcie ────────────────────────────────────────────────────────── */
#inutri-landing .inl-feat{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;
  gap:clamp(36px,5vw,100px);padding-block:clamp(44px,5vw,80px)}
#inutri-landing .inl-feat--flip .inl-feat__t{order:2}
#inutri-landing .inl-feat__i{display:flex;justify-content:center}
#inutri-landing .inl-feat__t .inl-p{margin-top:20px}
#inutri-landing .inl-feat__t .inl-h3{max-width:16ch}

/* ── Krivka ─────────────────────────────────────────────────────────── */
#inutri-landing .inl-curve{background:var(--tint-2);border-radius:clamp(28px,4vw,56px);border:1px solid var(--line)}
#inutri-landing .inl-curve__in{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(36px,5vw,90px);align-items:center}
#inutri-landing .inl-graph{width:100%;height:auto;color:var(--brand);overflow:visible}
#inutri-landing .inl-graph__grid line{stroke:var(--line);stroke-width:1;stroke-dasharray:4 7}
#inutri-landing .inl-graph__line{stroke:var(--ink);stroke-width:3.4;
  stroke-dasharray:900;stroke-dashoffset:900;transition:stroke-dashoffset 2.2s var(--ease) .2s}
#inutri-landing .inl-graph__fpu{stroke:var(--amber);stroke-width:2.6;stroke-dasharray:6 8;opacity:0;
  transition:opacity .9s ease 1.3s}
#inutri-landing .inl-graph__area{opacity:0;transition:opacity 1.1s ease .9s}
#inutri-landing .inl-graph__dot{fill:var(--ink);stroke:var(--surface);stroke-width:4;opacity:0;
  transition:opacity .5s ease 1.6s}
#inutri-landing .is-in .inl-graph__line{stroke-dashoffset:0}
#inutri-landing .is-in .inl-graph__fpu,#inutri-landing .is-in .inl-graph__area,
#inutri-landing .is-in .inl-graph__dot{opacity:1}
#inutri-landing .inl-graph__lbl text{
  fill:var(--ghost);stroke:none;font-size:14px;font-weight:600;font-family:var(--font)}
#inutri-landing .inl-graph__key{display:flex;gap:22px;margin-top:18px;flex-wrap:wrap}
#inutri-landing .inl-graph__key span{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}
#inutri-landing .inl-graph__key i{width:16px;height:3px;border-radius:2px;display:block}
#inutri-landing .inl-graph__key .k--c{background:var(--ink)}
#inutri-landing .inl-graph__key .k--f{background:var(--amber)}

#inutri-landing .inl-ticks{display:flex;flex-direction:column;gap:14px;margin-top:clamp(26px,3vw,40px)}
#inutri-landing .inl-ticks li{display:flex;gap:12px;align-items:flex-start;
  font-size:16px;line-height:1.5;color:var(--muted)}
#inutri-landing .inl-ticks li b{color:var(--ink);font-weight:700}
#inutri-landing .inl-ticks svg{width:21px;height:21px;flex:none;color:var(--brand);stroke-width:2.4;margin-top:1px}
#inutri-landing .inl-ticks--two{margin-top:0}

/* ── Pre koho ───────────────────────────────────────────────────────── */
#inutri-landing .inl-who__g{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}
#inutri-landing .inl-card{
  padding:clamp(26px,2.4vw,40px);border-radius:var(--r-xl);
  background:var(--surface);border:1px solid var(--line);
  display:flex;flex-direction:column;gap:12px;min-height:230px;
  transition:transform .35s var(--ease),box-shadow .35s,border-color .3s}
#inutri-landing .inl-card:hover{transform:translateY(-5px);box-shadow:var(--sh-2);border-color:transparent}
#inutri-landing .inl-card__ib{color:var(--brand);margin-bottom:auto}
#inutri-landing .inl-card__i{width:30px;height:30px;stroke-width:1.6}
#inutri-landing .inl-card__t{font-size:clamp(20px,1.6vw,26px);font-weight:750;letter-spacing:-.03em !important}
#inutri-landing .inl-card__d{font-size:15.5px;line-height:1.55;color:var(--muted)}

/* ── Kroky ──────────────────────────────────────────────────────────── */
#inutri-landing .inl-steps__g{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(28px,3vw,56px)}
#inutri-landing .inl-step{display:flex;flex-direction:column;gap:14px;padding-top:28px;border-top:2px solid var(--ink)}
#inutri-landing .inl-step__n{font-size:14px;font-weight:800;color:var(--brand);letter-spacing:.1em !important}
#inutri-landing .inl-step__t{font-size:clamp(22px,2vw,32px);font-weight:750;letter-spacing:-.03em !important;max-width:14ch}
#inutri-landing .inl-step__d{font-size:16px;line-height:1.55;color:var(--muted);max-width:34ch}

/* ── Cenník ─────────────────────────────────────────────────────────── */
#inutri-landing .inl-price__card{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:clamp(32px,4vw,72px);align-items:center;
  padding:clamp(34px,4.5vw,80px);border-radius:clamp(28px,4vw,52px);
  background:linear-gradient(135deg,var(--brand-soft),var(--surface) 65%);
  border:1px solid var(--line)}
#inutri-landing .inl-price__card .inl-acts{margin-top:30px}
/* Nadpis stojí v užšom stĺpci, veľkosť zo sekcií by sa tu lámala po slovách. */
#inutri-landing .inl-price .inl-h2{font-size:clamp(28px,3.3vw,54px);line-height:1.05}

/* ── Otázky ─────────────────────────────────────────────────────────── */
#inutri-landing .inl-faq__in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,4vw,80px);align-items:start}
#inutri-landing .inl-faq .inl-h2{margin-bottom:0;position:sticky;top:clamp(90px,10vh,140px)}
#inutri-landing .inl-q{border-bottom:1px solid var(--line)}
#inutri-landing .inl-q__b{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:clamp(20px,2vw,28px) 0;text-align:left;
  font-size:clamp(18px,1.6vw,25px);font-weight:700;letter-spacing:-.025em !important;
  transition:color .2s}
#inutri-landing .inl-q__b:hover{color:var(--brand)}
#inutri-landing .inl-q__b svg{width:22px;height:22px;flex:none;color:var(--ghost);
  stroke-width:2.2;transition:transform .35s var(--ease),color .2s}
#inutri-landing .inl-q__b[aria-expanded="true"] svg{transform:rotate(135deg);color:var(--brand)}
#inutri-landing .inl-q__a{overflow:hidden}
#inutri-landing .inl-q__a[hidden]{display:none}
#inutri-landing .inl-q__a p{padding-bottom:clamp(20px,2vw,30px);max-width:62ch;
  font-size:16.5px;line-height:1.6;color:var(--muted)}

/* ── Záver ──────────────────────────────────────────────────────────── */
#inutri-landing .inl-outro__c{
  position:relative;text-align:center;padding:clamp(56px,7vw,120px) clamp(24px,4vw,64px);
  border-radius:clamp(28px,4vw,56px);background:var(--ink);color:var(--paper);overflow:hidden}
#inutri-landing .inl-outro__c::before{
  content:"";position:absolute;width:70%;aspect-ratio:1;left:50%;top:-30%;transform:translateX(-50%);
  background:radial-gradient(circle,color-mix(in srgb,var(--brand-2) 40%,transparent),transparent 62%);
  filter:blur(40px);pointer-events:none}
#inutri-landing .inl-outro__h{
  position:relative;font-size:clamp(34px,5.4vw,86px);font-weight:800;line-height:1.02;
  letter-spacing:-.045em !important;max-width:16ch;margin:0 auto;text-wrap:balance}
#inutri-landing .inl-outro .inl-lead{margin:26px auto 0;color:color-mix(in srgb,var(--paper) 72%,transparent);max-width:44ch}
#inutri-landing .inl-outro .inl-acts{justify-content:center;position:relative}
#inutri-landing .inl-outro .inl-btn--brand{background:var(--paper);color:var(--ink)}
#inutri-landing .inl-outro .inl-btn--ghost{color:var(--paper);border-color:color-mix(in srgb,var(--paper) 30%,transparent)}
#inutri-landing .inl-outro .inl-btn--ghost:hover{background:color-mix(in srgb,var(--paper) 12%,transparent);border-color:var(--paper)}

/* ── Menšie obrazovky ───────────────────────────────────────────────── */
@media(max-width:980px){
  #inutri-landing .inl-hero__in,
  #inutri-landing .inl-curve__in,
  #inutri-landing .inl-faq__in{grid-template-columns:1fr}
  #inutri-landing .inl-feat{grid-template-columns:1fr;gap:34px}
  #inutri-landing .inl-feat--flip .inl-feat__t{order:0}
  #inutri-landing .inl-faq .inl-h2{position:static;margin-bottom:28px}
  #inutri-landing .inl-hero__img{margin-top:18px}
  #inutri-landing .inl-float--a{left:-2%}
  #inutri-landing .inl-float--b{right:-2%}
}
@media(max-width:560px){
  #inutri-landing .inl-btn{width:100%;justify-content:center}
  #inutri-landing .inl-float{font-size:12.5px;padding:9px 14px}
}

@media(prefers-reduced-motion:reduce){
  #inutri-landing .inl-rev,#inutri-landing .inl-w{opacity:1 !important;transform:none !important;transition:none}
  #inutri-landing .inl-aurora span,#inutri-landing .inl-float{animation:none}
  #inutri-landing .inl-graph__line{stroke-dashoffset:0;transition:none}
  #inutri-landing .inl-graph__fpu,#inutri-landing .inl-graph__area,#inutri-landing .inl-graph__dot{opacity:1;transition:none}
}

/* ═══ KOLO 2: zvýraznenie, prepínač funkcií, terapeut, hover ═══════ */

/* Zvýraznené slová v nadpisoch. Ťah sa dokreslí až po tom, ako slovo
   dosadne — inak by sa oboje dialo naraz a nebolo by vidieť ani jedno. */
#inutri-landing .inl-hl{position:relative}
#inutri-landing .inl-hl::after{
  content:"";position:absolute;left:-.05em;right:-.05em;bottom:.015em;height:.22em;
  background:linear-gradient(90deg,var(--lime),color-mix(in srgb,var(--brand) 70%,var(--lime)));
  border-radius:.14em;opacity:.72;transform:scaleX(0);transform-origin:left center;
  transition:transform .7s var(--ease);transition-delay:calc(var(--i) * 45ms + 420ms)}
#inutri-landing .is-in .inl-hl::after{transform:scaleX(1)}
#inutri-landing .inl-outro__h .inl-hl::after{
  background:linear-gradient(90deg,var(--lime),#6FE3A8);opacity:.9}

/* ── Prepínač funkcií ─────────────────────────────────────────────── */
#inutri-landing .inl-tabs{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);
  gap:clamp(32px,4vw,80px);align-items:center}
#inutri-landing .inl-tabs__l{display:flex;flex-direction:column;gap:10px}

#inutri-landing .inl-tab{
  position:relative;display:block;width:100%;text-align:left;
  padding:clamp(18px,1.8vw,26px) clamp(20px,2vw,30px);
  border-radius:var(--r-l);background:transparent;border:1px solid transparent;
  transition:background .3s var(--ease),border-color .3s,transform .3s var(--ease)}
#inutri-landing .inl-tab:hover{background:var(--surface);transform:translateX(4px)}
#inutri-landing .inl-tab.is-on{background:var(--surface);border-color:var(--line);box-shadow:var(--sh-2)}
#inutri-landing .inl-tab__k{
  display:block;font-size:11.5px;font-weight:700;letter-spacing:.16em !important;
  text-transform:uppercase !important;color:var(--brand);margin-bottom:8px}
#inutri-landing .inl-tab__t{
  display:block;font-size:clamp(20px,1.9vw,30px);font-weight:750;
  letter-spacing:-.03em !important;line-height:1.15;color:var(--ink)}
#inutri-landing .inl-tab__d{
  display:grid;grid-template-rows:0fr;overflow:hidden;
  font-size:16px;line-height:1.55;color:var(--muted);
  transition:grid-template-rows .45s var(--ease),opacity .35s;opacity:0}
#inutri-landing .inl-tab__d::before{content:"";display:block;height:0;transition:height .45s var(--ease)}
#inutri-landing .inl-tab.is-on .inl-tab__d{grid-template-rows:1fr;opacity:1}
#inutri-landing .inl-tab.is-on .inl-tab__d::before{height:12px}
#inutri-landing .inl-tab__bar{
  position:absolute;left:0;top:14%;bottom:14%;width:4px;border-radius:4px;
  background:var(--grad-brand);transform:scaleY(0);transform-origin:center;
  transition:transform .45s var(--ease)}
#inutri-landing .inl-tab.is-on .inl-tab__bar{transform:scaleY(1)}

#inutri-landing .inl-tabs__p{position:relative;display:flex;justify-content:center;min-height:1px}
#inutri-landing .inl-pane{display:flex;justify-content:center;
  animation:inlPane .55s var(--ease) both}
#inutri-landing .inl-pane[hidden]{display:none}
@keyframes inlPane{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}

/* ── Terapeut ─────────────────────────────────────────────────────── */
#inutri-landing .inl-team__in{
  display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:clamp(36px,5vw,90px);align-items:center}
#inutri-landing .inl-photo{
  position:relative;border-radius:clamp(24px,3vw,40px);overflow:hidden;
  box-shadow:var(--sh-3);aspect-ratio:4/5}
#inutri-landing .inl-photo::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(160deg,transparent 55%,color-mix(in srgb,var(--brand) 35%,transparent))}
#inutri-landing .inl-photo img{
  width:100%;height:100%;object-fit:cover;object-position:62% 38%;
  transition:transform .8s var(--ease)}
#inutri-landing .inl-team__i:hover .inl-photo img{transform:scale(1.05)}
#inutri-landing .inl-team__who{
  margin-top:18px;display:flex;flex-direction:column;gap:2px;font-size:15px}
#inutri-landing .inl-team__who b{font-weight:750;color:var(--ink)}
#inutri-landing .inl-team__who span{color:var(--muted)}
#inutri-landing .inl-quote{
  margin:clamp(24px,2.6vw,36px) 0 0;padding-left:22px;border-left:3px solid var(--brand);
  font-size:clamp(18px,1.5vw,24px);line-height:1.45;font-weight:600;
  letter-spacing:-.02em !important;color:var(--ink);max-width:40ch}
#inutri-landing .inl-team .inl-acts{margin-top:clamp(26px,2.6vw,36px)}

/* ── Hover na prvkoch ─────────────────────────────────────────────── */
#inutri-landing .inl-card__ib{
  width:52px;height:52px;border-radius:16px;display:grid;place-items:center;
  background:var(--brand-soft);color:var(--brand);margin-bottom:auto;
  transition:transform .4s var(--spring,cubic-bezier(.34,1.3,.5,1)),background .3s}
#inutri-landing .inl-card:hover .inl-card__ib{transform:translateY(-3px) rotate(-6deg)}
#inutri-landing .inl-who__g > :nth-child(2) .inl-card__ib{background:color-mix(in srgb,var(--sky) 18%,transparent);color:var(--sky)}
#inutri-landing .inl-who__g > :nth-child(3) .inl-card__ib{background:color-mix(in srgb,var(--sun) 20%,transparent);color:var(--sun)}
#inutri-landing .inl-who__g > :nth-child(4) .inl-card__ib{background:color-mix(in srgb,var(--berry) 16%,transparent);color:var(--berry)}
#inutri-landing .inl-who__g > :nth-child(5) .inl-card__ib{background:color-mix(in srgb,var(--lime) 30%,transparent);color:#4F8A14}
#inutri-landing .inl-card{position:relative;overflow:hidden}
#inutri-landing .inl-card::after{
  content:"";position:absolute;inset:auto -30% -60% auto;width:70%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--brand) 18%,transparent),transparent 70%);
  opacity:0;transition:opacity .45s var(--ease),transform .6s var(--ease);transform:translateY(20px)}
#inutri-landing .inl-card:hover::after{opacity:1;transform:translateY(0)}
#inutri-landing .inl-card:hover{transform:translateY(-6px)}

#inutri-landing .inl-phone{transition:transform .6s var(--ease),box-shadow .6s}
#inutri-landing .inl-tabs__p .inl-phone:hover{transform:rotate(0deg) scale(1.025)}
#inutri-landing .inl-step{transition:border-color .35s,transform .35s var(--ease)}
#inutri-landing .inl-step:hover{border-top-color:var(--brand);transform:translateY(-4px)}
#inutri-landing .inl-step__n{transition:letter-spacing .35s}
#inutri-landing .inl-step:hover .inl-step__n{letter-spacing:.2em !important}
#inutri-landing .inl-q__b{transition:color .2s,padding-left .3s var(--ease)}
#inutri-landing .inl-q__b:hover{padding-left:8px}
#inutri-landing .inl-ticks li{transition:transform .3s var(--ease)}
#inutri-landing .inl-ticks li:hover{transform:translateX(4px)}
#inutri-landing .inl-ticks li:hover svg{color:var(--lime)}

/* ── Menšie obrazovky pre nové sekcie ─────────────────────────────── */
@media(max-width:980px){
  #inutri-landing .inl-tabs,
  #inutri-landing .inl-team__in{grid-template-columns:1fr}
  /* Na mobile je snímka na výšku vyššia ako obrazovka — menšia, aby sa
     prepínač pod ňou dal nájsť bez rolovania naslepo. */
  #inutri-landing .inl-tabs__p{order:-1;margin-bottom:26px}
  #inutri-landing .inl-tabs__p .inl-phone{width:min(230px,58vw);padding:8px;border-radius:34px}
  #inutri-landing .inl-tabs__p .inl-phone__scr{border-radius:27px}
  #inutri-landing .inl-tabs__p .inl-phone::after{width:70px;height:5px;top:13px}
  #inutri-landing .inl-tab{padding:16px 18px}
  #inutri-landing .inl-photo{aspect-ratio:3/2}
}

@media(prefers-reduced-motion:reduce){
  #inutri-landing .inl-hl::after{transform:scaleX(1);transition:none}
  #inutri-landing .inl-pane{animation:none}
}

/* ═══ KOLO 3: zelená plocha a porovnanie programov ════════════════ */

/* Veta cez celú šírku stojí na značkovej zelenej. Je to jediné miesto na
   stránke, kde farba zaberá všetko — preto tu prepíšeme tokeny, nie
   jednotlivé farby: všetko vnútri sa potom prispôsobí samo. */
#inutri-landing .inl-man{
  background:linear-gradient(140deg,#155B3A,#1F7A4D 42%,#36A066);
  --ink:#FFFFFF;--muted:rgba(255,255,255,.76);--ghost:rgba(255,255,255,.6);
  --brand:var(--lime);--line:rgba(255,255,255,.2);
  color:#fff;overflow:hidden;position:relative}
#inutri-landing .inl-man::before{
  content:"";position:absolute;width:60%;aspect-ratio:1;left:50%;top:-38%;transform:translateX(-50%);
  background:radial-gradient(circle,rgba(167,225,93,.32),transparent 65%);filter:blur(30px);pointer-events:none}
#inutri-landing .inl-man > *{position:relative}
#inutri-landing .inl-man .inl-hl::after{
  background:linear-gradient(90deg,var(--lime),#DCF7A8);opacity:.85}

/* ── Porovnanie programov ─────────────────────────────────────────── */
#inutri-landing .inl-plans{background:var(--tint-1);border-radius:clamp(28px,4vw,56px)}
#inutri-landing .inl-plans__h{max-width:54ch;margin-bottom:clamp(30px,3.4vw,52px)}
#inutri-landing .inl-plans__h .inl-h2{margin-bottom:18px}

#inutri-landing .inl-tbl{
  background:var(--surface);border:1px solid var(--line);
  border-radius:clamp(22px,2.6vw,34px);overflow:hidden;box-shadow:var(--sh-2)}
#inutri-landing .inl-tbl__hd,
#inutri-landing .inl-tbl__r{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr)}
#inutri-landing .inl-tbl__hd{align-items:stretch;border-bottom:1px solid var(--line)}
#inutri-landing .inl-tbl__f{
  display:flex;align-items:center;padding:16px clamp(18px,2vw,30px);
  font-size:15.5px;line-height:1.4;color:var(--ink)}
#inutri-landing .inl-tbl__r{border-top:1px solid var(--line);transition:background .25s}
#inutri-landing .inl-tbl__r:hover{background:var(--paper)}
#inutri-landing .inl-tbl__c{
  display:grid;place-items:center;padding:14px 10px;border-left:1px solid var(--line)}
#inutri-landing .inl-tbl__c.is-pro{background:color-mix(in srgb,var(--brand) 5%,transparent)}
#inutri-landing .inl-yes{width:24px;height:24px;color:var(--brand);stroke-width:2.6}
#inutri-landing .inl-no{width:24px;height:24px;color:var(--ghost);stroke-width:2.6}
#inutri-landing .inl-txt{font-size:14px;font-weight:650;color:var(--ink);text-align:center}

#inutri-landing .inl-plan{
  position:relative;display:flex;flex-direction:column;gap:4px;align-items:center;
  padding:clamp(22px,2.4vw,34px) 14px clamp(20px,2vw,28px);border-left:1px solid var(--line)}
#inutri-landing .inl-plan--pro{background:color-mix(in srgb,var(--brand) 7%,transparent)}
#inutri-landing .inl-plan__badge{
  position:absolute;top:10px;left:50%;transform:translateX(-50%);white-space:nowrap;
  padding:4px 12px;border-radius:var(--r-f);background:var(--grad-brand);color:#fff;
  font-size:11px;font-weight:700;letter-spacing:.06em !important}
#inutri-landing .inl-plan--pro .inl-plan__n{margin-top:16px}
#inutri-landing .inl-plan__n{font-size:14px;font-weight:700;color:var(--muted);
  letter-spacing:.1em !important;text-transform:uppercase !important}
#inutri-landing .inl-plan__p{
  font-size:clamp(28px,3.2vw,46px);font-weight:800;line-height:1.15;letter-spacing:-.04em !important;
  background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent;
  padding:.04em .06em .08em}
#inutri-landing .inl-plan__soon{font-size:16px;font-weight:650;letter-spacing:-.01em !important}
#inutri-landing .inl-plan__per{font-size:13.5px;color:var(--muted);margin-bottom:14px}
#inutri-landing .inl-plan .inl-btn{height:46px;padding:0 20px;font-size:15px}

@media(max-width:760px){
  #inutri-landing .inl-tbl__hd,
  #inutri-landing .inl-tbl__r{grid-template-columns:minmax(0,1fr) 78px 78px}
  #inutri-landing .inl-tbl__f{padding:14px 16px;font-size:14.5px}
  #inutri-landing .inl-plan{padding:18px 8px 16px;gap:2px}
  #inutri-landing .inl-plan__p{font-size:22px}
  #inutri-landing .inl-plan__badge{font-size:9.5px;padding:3px 8px}
  #inutri-landing .inl-plan .inl-btn{width:100%;height:40px;padding:0 10px;font-size:13px}
}