/* Komfy Obsidian · shared brand layer, derived from the deployed academy.
   Farby, písma, rádiusy, fokus a tlačidlo berie z tokenov --komfy-* v komfy-identita.css (kópia z akadémie,
   načítava sa ako prvý štýl). Krátke mená nižšie sú iba úlohy na tomto webe; žiadna vrstva ich už neprepisuje
   vlastnou paletou. Svetlá téma je rozšírenie hlavného webu: tie isté úlohy, svetlé hodnoty z IDENTITA.md. */
:root { color-scheme:dark; --bg:var(--komfy-obsidian); --nav:var(--komfy-navigacia); --work:var(--komfy-pracovna); --panel:var(--komfy-grafit); --inset:var(--komfy-zapustena); --ink:var(--komfy-krieda); --muted:var(--komfy-dym); --soft:var(--komfy-tlmeny); --accent:var(--komfy-med); --accent-ink:var(--komfy-med-text); --on-accent:var(--komfy-na-medi); --line:color-mix(in srgb,var(--komfy-krieda) 13%,transparent); --accent-line:color-mix(in srgb,var(--komfy-med) 40%,transparent); --positive:var(--komfy-uspech); --warning:var(--komfy-upozornenie); --focus:var(--komfy-fokus); --font-sans:var(--komfy-sans); --font-display:var(--komfy-display); --radius:var(--komfy-r-panel); --radius-ctl:var(--komfy-r-prvok); --radius-card:var(--komfy-r-karta); --line-strong:color-mix(in srgb,var(--komfy-krieda) 26%,transparent); --lead:clamp(1.125rem,1.6vw,1.3rem); --width:1376px; }
/* Text na akcente je vo svetlej téme #FFFFFF (IDENTITA.md); akadémia je vždy tmavá, preto naň token nemá. */
:root[data-theme=light] { color-scheme:light; --bg:var(--komfy-papier); --nav:#eeece5; --work:var(--komfy-papier-biely); --panel:var(--komfy-papier-karta); --inset:var(--komfy-papier-zapustena); --ink:var(--komfy-tus); --muted:var(--komfy-popol); --soft:var(--komfy-papier-tlmeny); --accent:var(--komfy-med-tmava); --accent-ink:var(--komfy-med-tmava-text); --on-accent:#fff; --line:color-mix(in srgb,var(--komfy-tus) 14%,transparent); --line-strong:color-mix(in srgb,var(--komfy-tus) 30%,transparent); --accent-line:color-mix(in srgb,var(--komfy-med-tmava) 40%,transparent); --positive:var(--komfy-uspech-papier); --warning:var(--komfy-upozornenie-papier); --focus:var(--komfy-fokus-papier);
  --komfy-btn-plocha:var(--komfy-med-tmava); --komfy-btn-text:#fff; --komfy-btn-plocha-hover:var(--komfy-med-tmava-text); --komfy-btn-tien:0 10px 30px -12px color-mix(in srgb,var(--komfy-med-tmava) 55%,transparent); --komfy-btn-tien-hover:0 14px 36px -12px color-mix(in srgb,var(--komfy-med-tmava) 70%,transparent); }
* { box-sizing:border-box; margin:0; padding:0; }
body { background:var(--bg); color:var(--ink); font:400 var(--komfy-fs-body)/var(--komfy-lh-body) var(--font-sans); -webkit-font-smoothing:antialiased; }
a { color:inherit; text-underline-offset:.22em; }
button, summary { cursor:pointer; }
button { font:inherit; }
img { max-width:100%; height:auto; }
svg { max-width:100%; }
::selection { background:var(--accent); color:var(--on-accent); }
/* Jeden fokus pre celý web: farba, šírka aj odstup z tokenov identity. */
:focus-visible { outline:var(--komfy-fokus-sirka) solid var(--focus); outline-offset:var(--komfy-fokus-odstup); }
[hidden] { display:none!important; }
main:focus { outline:none; }
/* Škála písma z tokenov --komfy-fs-*: počítač dosahuje hodnotu tokenu, mobil drží doterajšie minimá v clamp(). */
h1,h2,h3,h4,.cat-name,.ps-title,.cat-price,.srv-price,.prod-price { font-family:var(--font-display); font-weight:500; letter-spacing:var(--komfy-ls-nadpis); }
h1 { font-size:clamp(2.5rem,5.7vw,var(--komfy-fs-hero)); font-weight:var(--komfy-fw-hero); line-height:1.06; }
h2 { font-size:clamp(2rem,4.7vw,var(--komfy-fs-section)); line-height:1.12; }
h3 { font-size:clamp(1.5rem,2.3vw,var(--komfy-fs-h2)); line-height:1.3; }
h4 { font-size:var(--komfy-fs-h3); font-weight:var(--komfy-fw-h3); line-height:1.4; }
em,.serif,.serif-i { font-family:inherit; font-style:normal; font-weight:inherit; color:var(--accent-ink); }
.skip { position:absolute; top:8px; left:20px; transform:translateY(-160%); z-index:20; background:var(--ink); color:var(--bg); border-radius:var(--radius-ctl); padding:12px 20px; }
.skip:focus { transform:none; }
.hero,.section,.editorial,.process,.promise,.faq,.academy-entry { width:calc(100% - 112px); max-width:var(--width); margin-inline:auto; }
/* ---------- Hlavička a päta: rovnaké ako v akadémii ----------
   Prenesené z components/academy/site-chrome.css (repozitár komfy-akademia, commit b737bb9): rovnaké triedy .ka-*,
   miery, logo 38 px, kapsulové „Vyskúšať“, menu pod 760 px a päta so sloganom. Farby idú cez úlohy --bg, --ink
   a --accent, aby sedela aj svetlá téma hlavného webu. HTML zostavuje scripts/build-chrome.py. */
:root { --ka-header-h:90px; }
@media (max-width:760px) { :root { --ka-header-h:72px; } }
html { scroll-padding-top:calc(var(--ka-header-h) + 14px); }
.ka-header,.ka-footer { --ka-line:color-mix(in srgb,var(--ink) 16%,transparent); --ka-line-strong:color-mix(in srgb,var(--ink) 30%,transparent); }
.ka-header { position:sticky; top:0; z-index:40; display:flex; align-items:center; gap:20px; height:var(--ka-header-h); padding:0 clamp(16px,4vw,48px); border-bottom:1px solid var(--ka-line); background:color-mix(in srgb,var(--bg) 86%,transparent); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); color:var(--ink); font-family:var(--font-sans); }
.ka-brand { --komfy-logo-h:38px; display:inline-flex; align-items:center; flex:none; min-height:max(44px,calc(var(--komfy-logo-h) * 2)); color:var(--ink); text-decoration:none; }
.ka-brand img { display:block; width:auto; height:var(--komfy-logo-h); }
.ka-brand .logo-light,[data-theme=light] .ka-brand .logo-dark { display:none; }
[data-theme=light] .ka-brand .logo-light { display:block; }
.ka-nav-desktop { display:flex; align-items:center; gap:clamp(12px,2.4vw,32px); margin-left:auto; }
.ka-nav-link { display:inline-flex; align-items:center; min-height:44px; color:var(--ink); font-size:var(--komfy-fs-body); text-decoration:none; white-space:nowrap; }
.ka-nav-link:hover,.ka-nav-link[aria-current=page] { color:var(--accent-ink); }
.ka-nav-cta { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 20px; border:1px solid color-mix(in srgb,var(--accent) 65%,transparent); border-radius:var(--komfy-r-kapsula); background:color-mix(in srgb,var(--accent) 14%,transparent); color:var(--ink); font-size:var(--komfy-fs-body); font-weight:600; text-decoration:none; white-space:nowrap; }
.ka-nav-cta:hover { background:color-mix(in srgb,var(--accent) 28%,transparent); }
/* Prepínač témy a pohybu: v hlavičke na počítači, v rozbalenom menu na mobile. */
.ka-tools { display:flex; align-items:center; gap:8px; flex:none; }
.theme-button,.motion-button { display:grid; place-items:center; flex:none; width:44px; height:44px; border:1px solid var(--ka-line-strong); border-radius:var(--komfy-r-kapsula); background:transparent; color:var(--ink); }
.theme-button { font-size:1.5rem; }
.theme-button:hover,.motion-button:hover { border-color:var(--accent); color:var(--accent-ink); }
.motion-button svg { width:18px; height:18px; }
.motion-button .icon-play,.motion-button[aria-pressed=true] .icon-pause { display:none; }
.motion-button[aria-pressed=true] .icon-play { display:block; }
/* Mobilné menu: jeden bod zlomu 760 px, rovnaký ako v akadémii. */
.ka-menu { display:none; flex:none; }
.ka-menu-btn { display:inline-flex; align-items:center; gap:8px; min-height:44px; min-width:44px; margin-left:4px; padding:0 14px; border:1px solid var(--ka-line-strong); border-radius:var(--komfy-r-kapsula); background:color-mix(in srgb,var(--bg) 55%,transparent); color:var(--ink); font-size:1rem; list-style:none; }
.ka-menu-btn::-webkit-details-marker { display:none; }
.ka-menu-btn:hover { border-color:color-mix(in srgb,var(--accent) 60%,transparent); color:var(--accent-ink); }
.ka-menu-icon { display:inline-flex; flex-direction:column; gap:3px; }
.ka-menu-icon span { display:block; width:16px; height:2px; border-radius:1px; background:currentColor; }
.ka-mobile-menu { position:absolute; top:100%; left:0; right:0; z-index:39; display:flex; flex-direction:column; padding:4px clamp(16px,4vw,48px) 12px; border-bottom:1px solid var(--ka-line); background:color-mix(in srgb,var(--bg) 97%,transparent); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }
.ka-mobile-menu a { display:flex; align-items:center; min-height:48px; border-bottom:1px solid var(--ka-line); color:var(--ink); font-size:var(--komfy-fs-body); text-decoration:none; }
.ka-mobile-menu a:hover,.ka-mobile-menu a[aria-current=page] { color:var(--accent-ink); }
.ka-mobile-menu .ka-tools { padding-top:12px; }
/* Štyri odkazy, tlačidlo a prepínače sa vedľa seba zmestia až od 1101 px; pod tým ostávajú v lište dva spoločné
   s akadémiou, Hotové veci a Pre obce a mestá sú v päte a pod 760 px v menu. */
@media (max-width:1100px) { .ka-nav-link--web { display:none; } }
@media (max-width:760px) {
  .ka-header { gap:10px; }
  .ka-nav-link,.ka-header>.ka-tools { display:none; }
  .ka-nav-cta { padding:0 16px; }
  .ka-brand { --komfy-logo-h:29px; }
  .ka-menu { display:block; }
}
@media (max-width:389px) {
  .ka-header { gap:8px; }
  .ka-menu-btn { justify-content:center; margin-left:0; padding:0; }
  .ka-menu-label { display:none; }
  .ka-nav-cta { padding:0 14px; }
}
@media (prefers-reduced-transparency:reduce) { .ka-header,.ka-mobile-menu { background:var(--bg); -webkit-backdrop-filter:none; backdrop-filter:none; } }
@media (forced-colors:active) { .ka-header,.ka-mobile-menu { background:Canvas; color:CanvasText; border-color:CanvasText; -webkit-backdrop-filter:none; backdrop-filter:none; } }
.ka-footer { display:grid; gap:20px 40px; grid-template-columns:auto minmax(0,1fr); align-items:start; padding:40px clamp(16px,4vw,48px) 48px; border-top:1px solid var(--ka-line); background:color-mix(in srgb,var(--bg) 90%,transparent); color:var(--ink); font-family:var(--font-sans); font-size:var(--komfy-fs-body); }
.ka-footer-brand { display:grid; justify-items:start; }
@media (min-width:761px) { .ka-footer-brand { grid-row:span 3; } }
.ka-footer-slogan { color:var(--muted); line-height:var(--komfy-lh-body); }
.ka-footer nav { display:flex; flex-wrap:wrap; gap:4px 24px; }
.ka-footer nav a { display:inline-flex; align-items:center; min-height:44px; color:var(--ink); text-decoration:none; }
.ka-footer nav a:hover,.ka-footer nav a[aria-current=page] { color:var(--accent-ink); }
.ka-footer .ka-footer-legal,.ka-footer-company { grid-column:2; }
.ka-footer .ka-footer-legal a { color:var(--muted); }
.ka-footer-company { color:var(--muted); line-height:var(--komfy-lh-body); }
.ka-footer-company a { display:inline-flex; align-items:center; min-height:44px; }
@media (max-width:760px) { .ka-footer { grid-template-columns:1fr; } .ka-footer .ka-footer-legal,.ka-footer-company { grid-column:1; } }
.hero { padding-block:80px 100px; }
.home .hero { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:80px; min-height:690px; }
.hero-text h1 { max-width:12ch; margin-bottom:28px; }
.hero-sub,.hero-lede { color:var(--muted); max-width:49ch; margin-bottom:32px; }
.eyebrow,.hero-eyebrow,.section-eyebrow,.problems-eyebrow,.cat-code,.srv-tag,.prod-format,.promise-label,.strip-label,.ps-num { margin-bottom:24px; }
.brand-directions { padding-top:35px; }
.brand-directions>.eyebrow { color:var(--soft); }
.brand-directions>a { display:grid; grid-template-columns:26px 1fr 20px; gap:20px; padding:30px 0; border-top:1px solid var(--line); text-decoration:none; align-items:start; }
.brand-directions>a:last-child { border-bottom:1px solid var(--line); }
.brand-directions h2 { font-size:clamp(1.5rem,2.2vw,2rem); margin-bottom:8px; }
.brand-directions p { color:var(--muted); font-size:.9375rem; line-height:1.65; }
.direction-index { font-size:.8125rem; color:var(--accent-ink); padding-top:5px; }
.brand-directions>a>span:last-child { color:var(--accent-ink); font-size:1.375rem; }
.brand-directions>a:hover h2 { color:var(--accent-ink); }
.academy-entry { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr); align-items:center; gap:48px; padding-block:48px; border-block:1px solid var(--line); }
.academy-copy>.eyebrow { margin:0 0 20px; }
.academy-entry h2 { font-size:clamp(1.75rem,2.7vw,2.6rem); }
.academy-entry h2 span { color:var(--accent-ink); }
.academy-entry p:not(.eyebrow) { color:var(--muted); margin-top:20px; max-width:45ch; }
.academy-copy .cta-secondary { margin-top:28px; }
.academy-film { margin:0; min-width:0; }
.academy-player { position:relative; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:var(--komfy-obsidian); }
.academy-player video { display:block; width:100%; height:auto; aspect-ratio:16/9; }
.academy-play { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:flex; align-items:center; gap:12px; max-width:calc(100% - 24px); min-height:var(--komfy-btn-vyska); padding:0 22px; border:1px solid var(--komfy-btn-plocha); border-radius:var(--komfy-r-kapsula); color:var(--komfy-btn-text); background:var(--komfy-btn-plocha); box-shadow:var(--komfy-btn-tien); font:var(--komfy-btn-vaha) var(--komfy-btn-pismo)/1 var(--font-sans); white-space:nowrap; cursor:pointer; }
.academy-play[hidden] { display:none; }
.academy-video-actions { display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:10px; }
.academy-video-actions[hidden] { display:none; }
.academy-video-actions button { min-height:44px; padding:4px 0; border:0; background:none; color:var(--ink); font:500 var(--komfy-fs-body)/1.4 var(--font-sans); cursor:pointer; text-decoration:underline; text-underline-offset:4px; }
.academy-play:hover { background:var(--komfy-btn-plocha-hover); border-color:var(--komfy-btn-plocha-hover); }
.video-length { border-left:1px solid currentColor; padding-left:12px; }
.academy-film figcaption { margin-top:14px; color:var(--muted); font-size:.8125rem; line-height:1.65; }
.academy-film figcaption span { white-space:nowrap; }
.section,.editorial,.process,.promise,.faq { padding-block:100px; }
.section-h2 { margin-bottom:24px; }
.section-sub { color:var(--muted); max-width:58ch; margin-bottom:42px; }
.problems-intro,.ed-head,.cat-head { display:grid; grid-template-columns:1.25fr 1fr; gap:80px; align-items:end; padding-bottom:50px; }
.problems-intro h2,.ed-head h2 { max-width:20ch; }
.p-lede,.ed-head-p,.cat-head-p { color:var(--muted); }
.problems-list,.ed-rows { border-top:1px solid var(--line); }
.problem-row { display:grid; grid-template-columns:90px 1.3fr 1fr; gap:40px; padding-block:40px; border-bottom:1px solid var(--line); }
.p-numeral,.ed-numeral { font:500 3.25rem/1.2 var(--font-display); color:var(--accent-ink); letter-spacing:-.04em; }
.p-body h3 { margin-bottom:18px; max-width:23ch; }
.p-body p { color:var(--muted); }
.p-tag { display:block; margin-top:20px; font-size:.8125rem; color:var(--soft); }
.p-viz { align-self:center; border-top:1px solid var(--line); padding-top:18px; }
.p-vlabel,.p-vbase { display:flex; justify-content:space-between; gap:12px; color:var(--soft); font-size:.8125rem; line-height:1.5; }
.p-viz svg { display:block; width:100%; height:auto; margin-block:14px; }
.p-viz [stroke="#141210"] { stroke:var(--ink); }
.p-viz [fill="#141210"] { fill:var(--ink); }
.p-viz [stroke="#d4552a"] { stroke:var(--accent); }
.p-viz [fill="#d4552a"] { fill:var(--accent); }
.p-viz text { fill:var(--soft); font-family:var(--font-sans); }
.problems-footer { text-align:right; margin-top:24px; }
.problems-footer a { display:inline-flex; align-items:center; min-height:44px; gap:20px; color:var(--accent-ink); text-decoration:none; }
.problems-footer svg { width:28px; height:10px; }
.services-bg,.products-bg,.catalog-section,.case,.final { padding:80px 56px; background:var(--work); border-block:1px solid var(--line); }
.products-bg { background:var(--bg); border-top:0; }
.services-inner,.products-inner,.catalog,.case-inner,.strip-inner,.final-inner { max-width:var(--width); margin-inline:auto; }
.services-grid,.products-grid,.cat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.srv-card,.prod-card,.cat-card { min-width:0; padding:32px; border:1px solid var(--line); border-radius:var(--radius); background:var(--bg); display:flex; flex-direction:column; justify-content:space-between; gap:24px; }
.srv-card:hover,.prod-card:hover,.cat-card:hover { border-color:var(--accent-line); }
.srv-card h3,.prod-card h3 { margin-bottom:16px; }
.srv-card p:not(.srv-tag),.prod-card p:not(.prod-format) { color:var(--muted); }
.srv-includes,.cat-list { list-style:none; margin-top:24px; color:var(--muted); }
.srv-includes li,.cat-list li { padding-block:7px; font-size:.9375rem; line-height:1.6; }
.srv-includes li:before,.cat-list li:before { content:'· '; color:var(--accent-ink); }
.srv-bottom,.prod-bottom { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; padding-top:24px; border-top:1px solid var(--line); margin-top:auto; }
.srv-price,.prod-price { font-size:2rem; line-height:1.5; }
.srv-price span { font:400 .875rem/1.5 var(--font-sans); color:var(--muted); }
.prod-price { color:var(--accent-ink); }
.about-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:80px; margin-top:40px; }
.about-text p { color:var(--muted); margin-bottom:20px; }
.cred-list { display:grid; gap:24px; }
.cred-item { padding-left:24px; border-left:1px solid var(--accent-line); }
.cred-item h4 { margin-bottom:12px; }
.cred-item p { color:var(--muted); font-size:.9375rem; }
.cta-section { padding:100px 24px; text-align:center; }
.cta-section h2 { margin-bottom:24px; }
.cta-section>p { color:var(--muted); max-width:48ch; margin:0 auto 32px; }
.cta-email { display:block; margin-top:24px; color:var(--accent-ink); font-size:1.25rem; }
.municipal .hero h1 { max-width:17ch; margin-bottom:36px; }
.hero-grid { display:grid; grid-template-columns:1.3fr 1fr; gap:80px; }
.hero-meta { border-left:1px solid var(--line); padding-left:32px; }
.hero-meta-label { font-size:.8125rem; color:var(--soft); margin-bottom:4px; }
.hero-meta-value { font-size:.9375rem; margin-bottom:20px; }
.hero-ctas,.final-ctas { display:flex; flex-wrap:wrap; gap:16px; margin-top:32px; }
.strip { padding:36px 56px; border-block:1px solid var(--line); }
.strip-inner { display:grid; grid-template-columns:1fr 2fr; align-items:center; gap:32px; }
.strip-label { margin:0; }
.strip-laws { display:flex; flex-wrap:wrap; gap:16px 24px; }
.strip-law { font-size:.875rem; color:var(--muted); }
.strip-law b { color:var(--accent-ink); margin-right:8px; font-weight:500; }
.ed-row { display:grid; grid-template-columns:90px 1fr 1.2fr; gap:40px; padding-block:40px; border-bottom:1px solid var(--line); }
.ed-row p { color:var(--muted); }
.cat-card { position:relative; justify-content:start; gap:0; }
.cat-card.featured { border-color:var(--accent-line); background:var(--panel); }
.cat-badge { position:absolute; left:24px; top:-14px; font-size:.8125rem; background:var(--accent); color:var(--on-accent); padding:3px 12px; border-radius:var(--komfy-r-kapsula); }
.cat-name { font-size:1.6rem; line-height:1.3; margin-bottom:24px; }
.cat-price-wrap { display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.cat-price { font-size:3rem; line-height:1.2; }
.cat-price-from,.cat-price-unit,.cat-time { color:var(--muted); font-size:.875rem; }
.cat-price-unit { flex-basis:100%; margin-top:4px; }
.cat-time { margin-block:20px; }
.cat-divider { border-top:1px solid var(--line); }
.cat-list { margin:20px 0 28px; flex:1; }
.cat-foot-note,.tier-foot { color:var(--soft); font-size:.875rem; margin-top:28px; max-width:90ch; }
.tier-section { margin-top:64px; padding-top:48px; border-top:1px solid var(--line); }
.tier-head { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:end; margin-bottom:28px; }
.tier-head p { color:var(--muted); }
.tier-matrix { display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }
.tier-cell { padding:24px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.tier-cell:nth-child(4n) { border-right:0; }
.tier-cell:nth-last-child(-n+4) { border-bottom:0; }
.tier-cell.head,.tier-cell.head-segment { background:var(--panel); color:var(--accent-ink); }
.tier-cell.price { font-size:1.25rem; }
.tier-label-meta,.tier-price-unit { display:block; font-size:.875rem; color:var(--muted); margin-top:8px; }
.process-head { max-width:750px; margin-bottom:40px; }
.process-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
.process-step { padding-block:24px; border-top:1px solid var(--line); }
.ps-title { font-size:1.25rem; margin-bottom:16px; }
.ps-body { color:var(--muted); font-size:.9375rem; }
.case-inner { display:grid; grid-template-columns:1fr 1fr; gap:80px; }
.case-left h2 { margin-bottom:28px; }
.case-left p { color:var(--muted); margin-bottom:16px; }
.case-meta { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:32px; }
.case-meta .label { font-size:.8125rem; color:var(--soft); margin-bottom:8px; }
.case-meta .value { font-size:.9375rem; }
.case-right { background:var(--bg); padding:28px; border:1px solid var(--line); border-radius:var(--radius); }
.case-finding { display:grid; grid-template-columns:12px 1fr; gap:8px 14px; padding-block:22px; border-bottom:1px solid var(--line); }
.case-finding:last-child { border-bottom:0; }
.case-finding .text { color:var(--muted); font-size:.9375rem; }
.case-finding .text b { color:var(--ink); }
.case-finding .mark { width:8px; height:8px; border-radius:50%; margin-top:10px; }
.mark.red { background:#ed8686; } .mark.amber { background:var(--warning); } .mark.green { background:var(--positive); }
.sev { grid-column:2; color:var(--soft); font-size:.8125rem; }
.promise-inner { display:grid; grid-template-columns:1fr 2fr; gap:48px; border-block:1px solid var(--line); padding-block:48px; }
.promise-body h2 { margin-bottom:28px; }
.promise-body p { color:var(--muted); margin-bottom:16px; }
.faq { padding-top:0; max-width:1080px; }
.faq-head { margin-bottom:36px; max-width:750px; }
.faq-item { border-bottom:1px solid var(--line); }
.faq-item summary { display:flex; justify-content:space-between; gap:24px; list-style:none; padding:24px 0; font-size:1.0625rem; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary:after { content:'+'; color:var(--accent-ink); font-size:1.5rem; flex:none; line-height:1; transition:transform .2s; }
.faq-item[open] summary:after { transform:rotate(45deg); }
.faq-item p { color:var(--muted); padding-bottom:24px; max-width:80ch; }
.final-inner { max-width:1000px; text-align:center; }
.final h2 { margin-bottom:24px; }
.final-inner>p { color:var(--muted); max-width:60ch; margin:auto; }
.final-ctas { justify-content:center; }
.final-contacts { display:flex; justify-content:center; flex-wrap:wrap; gap:40px; padding-top:32px; margin-top:40px; border-top:1px solid var(--line); text-align:left; }
.final-contact .lab { font-size:.8125rem; color:var(--soft); margin-bottom:8px; }
@media (max-width:1100px) {
  .hero,.section,.editorial,.process,.promise,.faq,.academy-entry { width:calc(100% - 64px); }
  .home .hero,.problems-intro,.ed-head,.cat-head,.about-grid,.case-inner { gap:40px; }
  .problem-row { grid-template-columns:60px 1.3fr 1fr; gap:24px; }
  .academy-entry { grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:28px; }
  .services-bg,.products-bg,.catalog-section,.case,.final,.strip { padding-inline:32px; }
  .srv-card,.prod-card,.cat-card { padding:24px; }
  .cat-grid,.services-grid,.products-grid { gap:16px; }
}
@media (max-width:820px) {
  .academy-entry { grid-template-columns:1fr; gap:32px; }
  .home .hero { grid-template-columns:1fr; min-height:0; gap:24px; }
  .hero { padding-block:48px 64px; }
  .hero-text h1 { max-width:16ch; }
  .brand-directions { padding-top:20px; }
  .brand-directions>a { padding-block:24px; }
  .brand-directions h2 { font-size:1.75rem; }
  .section,.editorial,.process,.promise,.faq { padding-block:64px; }
  .services-grid,.products-grid,.cat-grid { grid-template-columns:1fr; gap:24px; }
  .srv-card,.prod-card { display:grid; grid-template-columns:1fr 180px; gap:32px; }
  .srv-bottom,.prod-bottom { border:0; margin:0; padding:0; align-content:start; }
  .problems-intro,.ed-head,.cat-head,.about-grid,.case-inner,.hero-grid { grid-template-columns:1fr; gap:28px; }
  .problem-row { grid-template-columns:60px 1fr; gap:24px; }
  .p-viz { grid-column:2; max-width:400px; width:100%; }
  .ed-row { grid-template-columns:60px 1fr; gap:24px; }
  .ed-row>p { grid-column:2; }
  .hero-meta { padding:24px 0 0; border-left:0; border-top:1px solid var(--line); }
  .hero-lede { margin-bottom:0; }
  .strip-inner,.promise-inner,.tier-head { grid-template-columns:1fr; gap:24px; }
  .process-grid { grid-template-columns:1fr 1fr; }
  .tier-matrix { grid-template-columns:1fr 1fr 1fr; }
  .tier-cell { padding:16px; }
  .tier-cell.head-segment { display:none; }
  .tier-cell.label { grid-column:1/-1; background:var(--panel); border-right:0; }
  .tier-cell.head { border-bottom:0; }
  .tier-cell:nth-last-child(-n+4) { border-bottom:1px solid var(--line); }
  .tier-cell:nth-last-child(-n+3) { border-bottom:0; }
  .tier-cell:nth-child(4n) { border-right:1px solid var(--line); }
  .tier-cell:nth-child(4n+1) { border-right:0; }
  .faq { padding-top:0; }
}
@media (max-width:560px) {
  .hero,.section,.editorial,.process,.promise,.faq,.academy-entry { width:calc(100% - 40px); }
  .hero-text h1 { max-width:13ch; }
  .brand-directions>a { gap:12px; grid-template-columns:24px 1fr 18px; }
  .brand-directions h2 { font-size:1.5rem; }
  .brand-directions p { font-size:.875rem; }
  .academy-entry { grid-template-columns:1fr; padding-block:32px; }
  .academy-entry .cta-secondary { justify-self:start; }
  .services-bg,.products-bg,.catalog-section,.case,.final { padding:56px 20px; }
  .strip { padding:32px 20px; }
  .srv-card,.prod-card { display:flex; padding:24px; gap:28px; }
  .srv-bottom,.prod-bottom { width:100%; border-top:1px solid var(--line); padding-top:20px; }
  .problem-row,.ed-row { grid-template-columns:36px 1fr; gap:16px; }
  .p-numeral,.ed-numeral { font-size:2rem; }
  .p-body h3,.ed-row h3 { font-size:1.375rem; }
  .p-viz { grid-column:1/-1; padding-top:20px; }
  .p-vlabel,.p-vbase { font-size:.75rem; }
  .process-grid { grid-template-columns:1fr; gap:0; }
  .ps-num { margin-bottom:12px; }
  .tier-cell { padding:12px 9px; }
  .tier-cell.price { font-size:1rem; }
  .tier-cell.head,.tier-price-unit { font-size:.8125rem; }
  .tier-label-meta { font-size:.875rem; }
  .case-right { padding:18px; }
  .case-meta { gap:20px; }
  .final-contacts { gap:24px; justify-content:start; }
  .hero-ctas { align-items:start; flex-direction:column; }
}
@media (prefers-reduced-motion:no-preference) { a,button { transition:color .18s,background-color .18s,border-color .18s; } }
@media print { .ka-header,.skip,.ka-footer,.hero-ctas,.final-ctas { display:none; } body { background:white; color:#111; } :root { --ink:#111; --muted:#333; --soft:#444; --bg:#fff; --work:#fff; --panel:#fff; --accent-ink:#88462d; --line:#ccc; } .services-grid,.products-grid,.cat-grid { display:block; } .srv-card,.prod-card,.cat-card { break-inside:avoid; margin-bottom:24px; } }