/* Komfy Obsidian 2 · redizajn hlavného webu (29. 9. 2026), akadémia na prvom mieste.
   Načítava sa za komfy-brand.css na všetkých stránkach. Zdroj jazyka: AI kurz/app/styles/redesign.css.
   Premenné akadémie sú mapované na premenné hlavného webu: --ink-3 → --muted, --line-2 → --line,
   --r-panel → --radius, --r-ctl → --radius-ctl. Hodnoty sú z tokenov --komfy-* (komfy-identita.css).
   Statická podoba je úplná: CSS nikdy neskrýva obsah. Počiatočné stavy animácií nastavuje až GSAP
   (komfy-motion.js) po triede html.rd-motion. */

:root{--accent-inv:var(--komfy-med-tmava-text);--rd-ease:cubic-bezier(.215,.61,.355,1)}
:root[data-theme=light]{--accent-inv:var(--komfy-med-text)}

/* ---------- Text: malé popisy majú veľkosť bežného textu z tokenu (17 px), nie menšiu ---------- */
.skip,
.academy-play,.academy-video-actions button,.video-length,.academy-film figcaption,
.p-tag,.p-vlabel,.p-vbase,.srv-includes li,.cat-list li,.srv-price span,
.hero-meta-label,.hero-meta-value,.strip-law,.cat-badge,
.cat-price-from,.cat-price-unit,.cat-time,.cat-foot-note,.tier-foot,
.tier-label-meta,.tier-price-unit,.tier-cell.head,.tier-cell.head-segment,.ps-body,
.case-meta .label,.case-meta .value,.case-finding .text,.sev,.final-contact .lab,.cat-badge,.rd-legacy{font-size:var(--komfy-fs-body)}
.hero-sub,.hero-lede,.rd-lead,.rd-journey-lead,.rd-access-copy>p,.rd-about-copy,.rd-contact>p,.final-inner>p{font-size:var(--lead);line-height:var(--komfy-lh-body)}

/* ---------- Nadtitul je veta, nie verzálky (rovnako ako .ka-kicker v akadémii) ---------- */
.rd-cap,.eyebrow,.hero-eyebrow,.section-eyebrow,.problems-eyebrow,.cat-code,.srv-tag,.prod-format,.promise-label,.strip-label,.ps-num{font-size:var(--komfy-fs-body);font-weight:600;letter-spacing:.02em;text-transform:none;line-height:1.5;color:var(--accent-ink)}
.rd-cap{margin:0 0 24px}

/* ---------- Číslo kroku ---------- */
.rd-tag{display:inline-flex;align-items:center;color:var(--accent-ink);font:500 2rem/1.3 var(--font-display)}

/* ---------- Tlačidlá: jediná definícia na webe, hodnoty z tokenov --komfy-btn-* (rovnaké ako .ka-buy v akadémii) ----------
   Hlavné tlačidlo: meď, text #201410, kapsula, 56 px, váha 700. Na jednej obrazovke je najviac jedno.
   Druhá úroveň je obrys (.rd-btn--outline, .cta-secondary, .cat-cta), tretia textový odkaz s medeným podčiarknutím.
   Na rozdiel od akadémie sa dlhý popis na úzkom mobile smie zalomiť, aby tlačidlo nepretieklo. */
.rd-btn,.cta-primary,.cta-secondary,.prod-btn,.cat-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--komfy-btn-vyska);max-width:100%;padding:8px var(--komfy-btn-odsadenie);border:1px solid var(--komfy-btn-plocha);border-radius:var(--komfy-r-kapsula);background:var(--komfy-btn-plocha);color:var(--komfy-btn-text);font-size:var(--komfy-btn-pismo);font-weight:var(--komfy-btn-vaha);line-height:1.3;text-align:center;text-decoration:none;box-shadow:var(--komfy-btn-tien);transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}
:is(.rd-btn,.cta-primary,.prod-btn):hover,.cat-card.featured .cat-cta:hover{border-color:var(--komfy-btn-plocha-hover);background:var(--komfy-btn-plocha-hover);box-shadow:var(--komfy-btn-tien-hover)}
.rd-btn--outline,.cta-secondary,.cat-cta{border-color:var(--line-strong);background:transparent;color:var(--ink);box-shadow:none}
:is(.rd-btn--outline,.cta-secondary,.cat-cta):hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--ink);box-shadow:none}
.cat-card.featured .cat-cta{border-color:var(--komfy-btn-plocha);background:var(--komfy-btn-plocha);color:var(--komfy-btn-text);box-shadow:var(--komfy-btn-tien)}
.cat-card .cat-cta[aria-disabled=true]{border-color:var(--line);background:var(--work);color:var(--muted);box-shadow:none}
:is(.cta-primary,.cta-secondary,.cat-cta)>svg{display:none}
.rd-text-link,.cta-email{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:var(--komfy-fs-body);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:1px;text-underline-offset:6px}
:is(.rd-text-link,.cta-email):hover{color:var(--accent-ink)}

/* ---------- Obal obsahu ---------- */
.wrap{width:calc(100% - 112px);max-width:var(--width);margin-inline:auto}


/* ---------- Úvod: veľký dvojriadkový nadpis a medená plastika ---------- */
.rd-hero{position:relative;isolation:isolate;min-height:calc(100svh - 100px);display:flex;flex-direction:column;overflow:clip}
.rd-hero-inner{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;gap:28px;padding:40px 0 64px}
/* Veľkosť podľa akadémie clamp(3rem,11.4vw,13.5rem), zhora obmedzená šírkou obsahu: riadok
   „Viac hotovej práce.“ má v Syne asi 8 em, pri 11.4vw by medzi 1100 a 1240 px a nad 1440 px
   presiahol obsah a hero by ho orezalo. */
.rd-title{margin:clamp(8px,2.5vh,40px) 0 0;max-width:none;font-family:var(--font-display);font-weight:500;font-size:clamp(3rem,min(11.4vw,calc((100vw - 132px) / 8.1),20svh),10.5rem);line-height:1;letter-spacing:-.055em;overflow-wrap:normal}
.rd-line{display:block;white-space:nowrap}
.rd-line--accent{color:var(--accent-ink)}
.rd-title .rd-word-mask{padding:.16em .06em .1em;margin:-.16em -.06em -.1em}
.rd-split .rd-word-mask{padding:.12em .04em .08em;margin:-.12em -.04em -.08em}
/* Šírka päty hero necháva miesto plastike vpravo (95 % − šírka plastiky − okraj a medzera). */
.rd-hero-foot{margin-top:auto;display:grid;justify-items:start;gap:24px;max-width:min(600px,calc(95vw - clamp(300px,30vw,420px) - 88px))}
.rd-lead{margin:0;max-width:40ch;color:var(--muted)}
.rd-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px}
.rd-note{margin:0;max-width:60ch;color:var(--muted);line-height:1.7}

/* Scéna vpravo, za textom */
.rd-scene{position:absolute;inset:0;z-index:1;pointer-events:none}
.rd-sculpt{position:absolute;width:clamp(300px,30vw,420px);aspect-ratio:1;top:50%;right:5%}
.rd-plane,.rd-core,.rd-float{position:absolute;inset:0}
.rd-halo{position:absolute;inset:12%;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 8%,transparent),transparent 67%);filter:blur(24px)}
.rd-canvas{position:relative;z-index:1;display:block;width:100%;height:100%}
/* Dve tenké obežné dráhy s bodkou */
.rd-orbit{position:absolute;border:1px solid var(--line);border-radius:50%;transform:rotate(-14deg)}
.rd-orbit--outer{inset:12% -26%}
.rd-orbit--inner{inset:24% -10%}
.rd-orbit--outer::after{content:"";position:absolute;top:14%;left:9%;width:12px;height:12px;border-radius:50%;background:var(--accent)}
.rd-orbit--inner::after{content:"";position:absolute;bottom:10%;right:14%;width:8px;height:8px;border-radius:50%;background:var(--muted)}
html.rd-motion .rd-plane,html.rd-motion .rd-float,html.rd-motion .rd-orbit{will-change:transform}

/* ---------- Video ---------- */
.academy-copy .rd-cap{margin:0 0 20px}
.academy-film figcaption{line-height:1.6}

/* ---------- Sekcie úvodu ---------- */
.rd-row{display:block}
.rd-sub{color:var(--accent-ink)}
.rd-section{padding-block:100px}
.rd-section-head{max-width:980px;margin-bottom:48px}
.rd-section-head h2,.rd-access h2,.rd-about h2,.rd-contact h2{margin-bottom:24px}

/* Spôsob učenia: obrátené farby, pozadie sa mieša podľa skrolovania (bez pohybu rovno konečné) */
.rd-shift{--rd-mix:1;background:var(--rd-to)}
@supports (background:color-mix(in srgb,red,blue)){.rd-shift{background:color-mix(in srgb,var(--rd-to) calc(var(--rd-mix) * 100%),var(--rd-from))}}
.rd-journey{--rd-from:var(--bg);--rd-to:var(--ink);color:var(--bg);padding:110px 0}
.rd-after{--rd-from:var(--ink);--rd-to:var(--bg)}
.rd-journey-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}
.rd-journey-head{display:flex;flex-direction:column;align-items:flex-start}
.rd-journey .rd-cap,.rd-journey h2,.rd-journey-lead{color:var(--bg)}
.rd-journey h2{margin:0 0 24px}
.rd-journey .rd-sub{color:var(--accent-inv)}
.rd-journey-lead{max-width:38ch}
.rd-steps{list-style:none;display:grid;gap:26px}
.rd-step{display:grid;justify-items:start;gap:14px;color:var(--ink)}
.rd-step h3{margin:0;font-size:clamp(1.5rem,2vw,var(--komfy-fs-h2));line-height:1.2}
.rd-step p{color:var(--muted);line-height:1.65}
/* Text sa prelieva spolu s pozadím (--rd-mix), rovnako ako v akadémii: pred prechodom aj po ňom má kontrast.
   (Predtým ho prepínala trieda rd-inv z komfy-motion.js, ktorá sa nemenila v tej istej chvíli ako pozadie.) */
.rd-journey :is(.rd-cap,h2,.rd-journey-lead){color:color-mix(in srgb,var(--bg) calc(var(--rd-mix) * 100%),var(--ink))}
.rd-journey .rd-sub{color:color-mix(in srgb,var(--accent-inv) calc(var(--rd-mix) * 100%),var(--accent-ink))}

/* Pre koho */
.rd-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.rd-duo article{min-width:0}
.rd-duo h3{margin-bottom:12px}
.rd-duo p{color:var(--muted)}
.rd-facts{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:56px;padding-block:32px;border-block:1px solid var(--line)}
.rd-facts li{display:flex;align-items:center;gap:20px;min-width:0}
.rd-facts strong{flex:none;font:500 3.125rem/1 var(--font-display);letter-spacing:-.06em;color:var(--accent-ink)}
.rd-facts span{color:var(--muted);line-height:1.6}
.rd-status{margin:32px 0 24px;color:var(--muted)}

/* Pás Prístupnosť webu */
.rd-access{padding:88px 0;background:var(--work);border-block:1px solid var(--line)}
.rd-access-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:end}
.rd-access-grid h2{margin-bottom:0}
.rd-access-copy>p{color:var(--muted);max-width:56ch}
.rd-access .rd-actions{flex-direction:column;align-items:flex-start;gap:20px;margin-top:28px}
.rd-access .rd-text-link{max-width:52ch}

/* O Komfy a kontakt */
.rd-about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:64px;align-items:end;padding-block:100px;border-bottom:1px solid var(--line)}
.rd-about-copy{color:var(--muted);max-width:58ch}
.rd-contact{padding-block:100px;text-align:center}
.rd-contact>p{max-width:52ch;margin:0 auto 32px;color:var(--muted)}

/* Staré kotvy /#services a /#tools */
.rd-legacy{padding-block:24px;border-top:1px solid var(--line);color:var(--muted)}
.rd-legacy a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-underline-offset:.28em}
.rd-legacy a:hover{color:var(--accent-ink)}

/* ---------- Stránka pre obce a pre firmy ---------- */
.firms .hero h1{max-width:18ch;margin-bottom:32px}
.firms .hero-lede{margin-bottom:0}
.cat-price-unit{line-height:1.5}
.tier-cell{min-width:0}


/* ---------- Obmedzený pohyb: tlačidlá sa neposúvajú nikdy, prechody farieb vypína komfy-cinematic.css ---------- */

/* ---------- Tablet ---------- */
@media (max-width:1100px){
 .wrap{width:calc(100% - 64px)}
 .rd-title{font-size:min(11.4vw,calc((100vw - 84px) / 8.1),20svh)}
 .rd-hero-foot{max-width:min(600px,calc(95vw - clamp(300px,30vw,420px) - 64px))}
 .rd-journey-grid,.rd-access-grid,.rd-about{gap:40px}
}
@media (max-width:900px){
 .rd-journey-grid,.rd-access-grid,.rd-about{grid-template-columns:1fr}
 .rd-access-grid,.rd-about{align-items:start}
 .rd-duo{grid-template-columns:1fr}
}
@media (max-width:820px){
 .tier-matrix{grid-template-columns:repeat(3,minmax(0,1fr))}
 .tier-cell{overflow-wrap:break-word;hyphens:auto}
}

/* ---------- Mobil: plastika pod textom a tlačidlom, najviac 240 px ---------- */
@media (max-width:760px){
 .rd-hero{min-height:0;padding:24px 32px 8px;gap:22px}
 .rd-hero-inner{display:contents}
 .rd-hero-inner>*{position:relative;z-index:2}
 .rd-eyebrow{order:1}
 .rd-title{order:2;margin:0;font-size:15.2vw;line-height:1.04}
 .rd-line{white-space:normal}
 .rd-hero-foot{order:3;margin:0;max-width:600px}
 .rd-scene{order:4;position:relative;inset:auto;height:240px}
 .rd-sculpt{width:240px;top:0;right:auto;left:50%;margin-left:-120px}
 .rd-section,.rd-about,.rd-contact{padding-block:64px}
 .rd-journey{padding:72px 0}
 .rd-access{padding:64px 0}
 .rd-facts{grid-template-columns:1fr;gap:20px;margin-top:40px;padding-block:24px}
 .rd-facts strong{min-width:2ch;font-size:2.5rem}
}
@media (max-width:560px){
 .wrap{width:calc(100% - 40px)}
 .rd-hero{padding-inline:20px}
 .tier-cell{padding:12px 8px}
 .rd-actions{gap:16px 24px}
}
@media (max-width:360px){.rd-title{font-size:14.6vw}}

@media print{.rd-scene{display:none}.rd-shift{background:#fff}.rd-journey,.rd-journey *{color:#111!important}}

/* ---------- Zosúladenie s úvodom akadémie (Neo, fáza 2, 30. 9. 2026) ---------- */
/* Prechody medzi stránkami komfy.sk a akadémie (pomenovanie prvkov je v spoločnom bloku nižšie). */
@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}
/* Nízke okno na desktope (napríklad notebook 1366 × 768, po odpočítaní líšt asi 650 px): úvodný text webu je dlhší
   než v akadémii, preto je nadpis menší, aby tlačidlo bolo celé v prvom pohľade. */
@media (min-width:900px) and (max-height:800px){.home .rd-title{font-size:clamp(3rem,min(11.4vw,calc((100vw - 132px) / 8.1),17svh),10.5rem)}}

/* Postup pre obce: štyri kroky ako karty, ktoré sa pri skrolovaní skladajú na seba (rovnako ako etapy v akadémii).
   Zo starších kariet ostane vidieť riadok „Krok 0X“. Bez pohybu sú karty obyčajne pod sebou. */
.process{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start;--rd-stick:calc(var(--ka-header-h) + 14px);--rd-step:calc(1.6875rem + 40px)}
.process-head{margin-bottom:0}
.process-grid{display:flex;flex-direction:column;gap:26px;--n:4}
.process-step{transform-origin:50% 0}
.process-step .ps-num{margin-bottom:12px}
.process-step .ps-title{margin-bottom:10px}
.process-step:nth-child(2){--i:1}.process-step:nth-child(3){--i:2}.process-step:nth-child(4){--i:3}
@media (prefers-reduced-motion:no-preference) and (min-height:541px){
 html:not([data-ka-motion=reduced]) .process-step{position:sticky;top:calc(var(--rd-stick) + var(--i,0) * var(--rd-step));margin-bottom:calc((var(--n) - 1 - var(--i,0)) * var(--rd-step))}
 html:not([data-ka-motion=reduced]) .process-step+.process-step{margin-top:calc((var(--i,0) - var(--n)) * var(--rd-step))}
 html:not([data-ka-motion=reduced]) .process-grid::after{content:"";flex:none;height:24svh}
}
@media (prefers-reduced-motion:no-preference) and (min-width:901px) and (min-height:700px){
 html:not([data-ka-motion=reduced]) .process-head{position:sticky;top:var(--rd-stick)}
}
@media (max-width:900px){.process{grid-template-columns:1fr;gap:32px}}

/* Mobilný štandard (Neo, 30. 9. 2026). M3: logo a kontaktné odkazy majú dotykovú plochu aspoň 44 px.
   M4: pod 541 px výšky okna (telefón na ležato) sa kroky procesu neprilepujú, prilepené prvky by zabrali väčšinu okna. */
.cta-email{display:flex;align-items:center;min-height:44px}
.final-contact a{display:inline-flex;align-items:center;min-height:44px}

/* Stránka 404: rovnaká hlavička a päta, jeden nadpis a tri cesty ďalej. */
.nf-main{min-height:calc(100svh - 240px);display:flex;flex-direction:column;justify-content:center;padding:96px 0 120px}
.nf-main h1{margin:0 0 28px;overflow-wrap:normal}
.nf-main .rd-lead{margin:0 0 40px}
.nf-links{display:flex;flex-wrap:wrap;align-items:center;gap:20px 24px;margin:0;padding:0;list-style:none}
@media (max-width:760px){
 .nf-main{min-height:0;padding:56px 0 80px}
 .nf-links{flex-direction:column;align-items:stretch}
 .nf-links .rd-btn{width:100%}
}

/* shared:start
   Spoločný jazyk značky pre akadémiu (AI kurz/app/styles/redesign.css) aj hlavný web (Komfy web/site/assets/komfy-redesign.css).
   Do webu sa kopíruje doslova; Komfy web/scripts/check-shared-css.py zlyhá pri akejkoľvek odchýlke. Používa iba premenné,
   ktoré majú oba weby (--bg, --ink, --panel, --accent, --accent-ink, --on-accent), a selektory oboch webov.
   Sklo (Neo, 29. 9. 2026): iba plávajúca hlavička (všade) a hero úvodu na desktope (štítok, dymový panel, tlačidlo).
   Karty, video, FAQ a lekcie ostávajú s tvrdým tieňom. Hlavička drží kontrast 4,5 : 1 aj nad bielou plochou;
   pod panelom je iba statická žiara a jeho šírka necháva plastiku aj dráhy mimo neho. */
:root{--rd-glass-edge:color-mix(in srgb,var(--ink) 20%,transparent);--rd-glass-hi:color-mix(in srgb,var(--ink) 40%,transparent);--rd-glass-drop:0 24px 60px -28px rgb(0 0 0/.7);--rd-head-bg:linear-gradient(135deg,color-mix(in srgb,var(--bg) 80%,transparent),color-mix(in srgb,var(--bg) 70%,transparent));--rd-smoke:linear-gradient(135deg,color-mix(in srgb,var(--bg) 62%,transparent),color-mix(in srgb,var(--bg) 42%,transparent));--rd-pill:linear-gradient(135deg,color-mix(in srgb,var(--ink) 12%,transparent),color-mix(in srgb,var(--ink) 4%,transparent));--rd-btn-fill:color-mix(in srgb,var(--accent) 88%,transparent);--rd-btn-sheen:.2}
:root[data-theme=light]{--rd-glass-edge:color-mix(in srgb,var(--ink) 16%,transparent);--rd-glass-hi:rgb(255 255 255/.75);--rd-glass-drop:0 24px 60px -30px rgb(40 41 35/.35);--rd-head-bg:linear-gradient(135deg,color-mix(in srgb,var(--panel) 82%,transparent),color-mix(in srgb,var(--panel) 72%,transparent));--rd-smoke:linear-gradient(135deg,color-mix(in srgb,var(--panel) 74%,transparent),color-mix(in srgb,var(--panel) 56%,transparent));--rd-pill:linear-gradient(135deg,color-mix(in srgb,var(--panel) 70%,transparent),color-mix(in srgb,var(--panel) 45%,transparent));--rd-btn-fill:var(--accent);--rd-btn-sheen:.08}

/* Hlavička: sklenená kapsula, ktorá pláva nad obsahom; rovnaký tvar, výška a poradie prepínačov na oboch weboch */
:is(.rd-landing .ob-header,.site-header){position:sticky;top:14px;z-index:40;height:72px;min-height:0;width:min(calc(100% - 80px),1408px);max-width:none;margin:14px auto 0;padding:0 12px 0 24px;border:1px solid var(--rd-glass-edge);border-radius:999px;background:var(--rd-head-bg);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);box-shadow:inset 0 1px 0 var(--rd-glass-hi),var(--rd-glass-drop)}
:is(.rd-landing .ob-header,.site-header) :is(.ob-nav-link,.btn.quiet,.desktop-nav a,.mobile-nav summary){color:var(--ink)}
@media (max-width:1100px){:is(.rd-landing .ob-header,.site-header){width:calc(100% - 40px)}}
@media (max-width:760px){:is(.rd-landing .ob-header,.site-header){top:10px;height:62px;width:calc(100% - 20px);margin-top:10px;padding:0 6px 0 16px}}

/* Hero na desktope: štítok v sklenenej pilulke, text a tlačidlo v dymovom skle nad statickou žiarou */
@media (min-width:900px){
 .rd-hero::before{content:"";position:absolute;z-index:0;left:-14%;bottom:-34%;width:74%;height:96%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 16%,transparent),transparent);pointer-events:none}
 :is(.rd-landing,.home) .rd-eyebrow{align-self:flex-start;padding:8px 18px;border:1px solid var(--rd-glass-edge);border-radius:999px;background:var(--rd-pill);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);box-shadow:inset 0 1px 0 var(--rd-glass-hi)}
 :is(.rd-landing,.home) .rd-hero-foot{align-self:flex-start;width:clamp(340px,calc(55vw - 120px),560px);max-width:none;gap:20px;padding:28px 30px 26px;border:1px solid var(--rd-glass-edge);border-radius:22px;background:var(--rd-smoke);-webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%);box-shadow:inset 0 1px 0 var(--rd-glass-hi),var(--rd-glass-drop)}
 :is(.rd-landing,.home) .rd-hero-foot :is(.ob-lead,.rd-lead){max-width:none;color:var(--ink)}
 :is(.rd-landing,.home) .rd-hero-foot :is(.ob-note,.rd-note){margin:0;color:var(--ink-2,var(--muted))}
 :is(.rd-landing .rd-hero-foot .ob-actions .btn,.home .rd-hero-foot .rd-btn){border:1px solid color-mix(in srgb,var(--ink) 30%,transparent);background:linear-gradient(180deg,rgb(255 255 255/var(--rd-btn-sheen)),transparent 62%),var(--rd-btn-fill);color:var(--on-accent);box-shadow:inset 0 1px 0 rgb(255 255 255/.4),0 16px 32px -16px color-mix(in srgb,var(--accent) 75%,transparent)}
 :is(.rd-landing .rd-hero-foot .ob-actions .btn,.home .rd-hero-foot .rd-btn):hover{transform:translateY(-2px);background:linear-gradient(180deg,rgb(255 255 255/var(--rd-btn-sheen)),transparent 62%),var(--accent);color:var(--on-accent);box-shadow:inset 0 1px 0 rgb(255 255 255/.5),0 20px 38px -16px color-mix(in srgb,var(--accent) 85%,transparent)}
}
/* Nízke okno na desktope: menšie medzery v hero, aby nadpis, text aj tlačidlo boli v prvom pohľade. */
@media (min-width:900px) and (max-height:760px){
 .rd-hero-inner{gap:20px;padding-top:16px}
 .rd-title{margin-top:0}
 :is(.rd-landing,.home) .rd-hero-foot{gap:16px;padding:22px 26px 20px}
}

/* Náhrady: bez podpory rozmazania, pri obmedzenej priehľadnosti a vo vysokom kontraste plná plocha */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 :is(.rd-landing .ob-header,.site-header){background:var(--panel)}
 @media (min-width:900px){:is(.rd-landing,.home) :is(.rd-eyebrow,.rd-hero-foot){background:var(--panel)}}
}
@media (prefers-reduced-transparency:reduce){
 :is(.rd-landing .ob-header,.site-header),:is(.rd-landing,.home) :is(.rd-eyebrow,.rd-hero-foot){-webkit-backdrop-filter:none;backdrop-filter:none}
 :is(.rd-landing .ob-header,.site-header){background:var(--panel)}
}
@media (prefers-reduced-transparency:reduce) and (min-width:900px){
 :is(.rd-landing,.home) :is(.rd-eyebrow,.rd-hero-foot){background:var(--panel)}
 :is(.rd-landing .rd-hero-foot .ob-actions .btn,.home .rd-hero-foot .rd-btn),:is(.rd-landing .rd-hero-foot .ob-actions .btn,.home .rd-hero-foot .rd-btn):hover{background:var(--accent)}
}
@media (forced-colors:active){
 :is(.rd-landing .ob-header,.site-header),:is(.rd-landing,.home) :is(.rd-eyebrow,.rd-hero-foot){-webkit-backdrop-filter:none;backdrop-filter:none;background:Canvas;border:1px solid CanvasText;box-shadow:none}
 :is(.rd-landing .rd-hero-foot .ob-actions .btn,.home .rd-hero-foot .rd-btn){background:ButtonFace;color:ButtonText;border:1px solid ButtonText}
 .rd-hero::before{display:none}
}

/* Prechod medzi stránkami (View Transitions, iba ak sú zapnuté na danej stránke): hlavička a plastika plynulo
   prejdú z komfy.sk do akadémie a späť. Pri obmedzenom pohybe sa neanimuje nič. */
@media (prefers-reduced-motion:no-preference){:is(.rd-landing .ob-header,.site-header){view-transition-name:komfy-header}.rd-sculpt{view-transition-name:komfy-sculpt}}
html[data-ka-motion=reduced]::view-transition-group(*),html[data-ka-motion=reduced]::view-transition-old(*),html[data-ka-motion=reduced]::view-transition-new(*){animation:none}
/* shared:end */