/* Lean layer: keeps AELA's multi-page structure and makes individual sections calmer. */
body.aela-home .hero{min-height:max(680px,92svh)}
body.aela-home .hero-content{padding-block:128px 42px}
body.aela-home .hero-sub{max-width:43ch}
body.aela-home .hero-cta{margin-top:30px}
body.aela-home .hero-platforms{margin-top:42px}
body.aela-home .hero-platforms>.platform-caption{margin-bottom:8px}
body.aela-home .services{padding-top:88px}
body.aela-home .head-row{margin-bottom:44px}
body.aela-home .services-foot{margin-top:20px}
body.aela-home .services-foot p{max-width:45ch}

.aela-willy {
  padding-block: clamp(72px, 8vw, 116px);
  background: radial-gradient(ellipse at 80% 50%, #10224b, #080b14 54%, #08080a 76%);
}
.aela-willy-grid {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  align-items: center;
  gap: clamp(32px, 5vw, 72px);
}
.aela-home .aela-willy-copy .label { color: #9ebfff; }
.aela-willy-copy h2 {
  max-width: 14ch;
  font-size: clamp(2.6rem, 4.5vw, 4rem);
  text-wrap: balance;
}
.aela-willy-copy > p {
  max-width: 37ch;
  margin-top: 22px;
  color: #b8c3d6;
  font-size: 17px;
  line-height: 1.65;
}
.aela-willy-copy .cta-2 { margin-top: 28px; }
.aela-willy-visual { margin: 0; min-width: 0; }
.aela-home .aela-willy-visual img {
  width: 100%;
  aspect-ratio: 5 / 4;
  object-fit: cover;
  object-position: right center;
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 89%, transparent),
    radial-gradient(ellipse 78% 77% at 52% 48%, #000 49%, transparent 87%);
  mask-composite: intersect;
}
.aela-willy-visual figcaption {
  margin-top: 4px;
  color: #a3afc4;
  font-size: 13px;
  text-align: center;
}

body.aela-home .why{padding-block:96px}
body.aela-home .team{padding-block:96px}
body.aela-home #faq{padding-block:96px}
body.aela-home .contact{padding-block:96px}

/* The work page opens only the selected category, keeping previews together. */
body.aela-service .logo-img{filter:none!important}
/* The colourful tiles belong to the homepage. Every detail page is one calm AELA space. */
body.aela-service{--service-accent-ink:#8bb5ff!important;--service-accent-soft:#14223a!important}
body.aela-service .ap-hero{padding-bottom:46px}
body.aela-service .ap-hero-copy{max-width:480px}
body.aela-service .ap-lead{max-width:38ch;line-height:1.65}
body.aela-service .ap-actions .ap-link{display:none}
body.aela-service .ap-photo{background:transparent}
body.aela-service .ap-photo img{filter:none}
body.aela-service :is(.ai-services-section,.ai-deployment,.ai-pricing,.sw-section,.ai-contact,.sw-contact){padding-block:72px}
body.aela-service :is(.ai-price-card,.sw-price){background:#121419}
body.aela-service .sw-portfolio-fold{margin:0;border-top:1px solid rgba(255,255,255,.15)}
body.aela-service .sw-portfolio-fold:last-of-type{border-bottom:1px solid rgba(255,255,255,.15)}
body.aela-service .sw-portfolio-fold summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px;cursor:pointer;list-style:none}
body.aela-service .sw-portfolio-fold summary::-webkit-details-marker{display:none}
body.aela-service .sw-portfolio-fold summary span{display:grid;gap:4px}
body.aela-service .sw-portfolio-fold summary strong{font-size:21px;font-weight:500;letter-spacing:-.025em}
body.aela-service .sw-portfolio-fold summary small{color:var(--aela-muted);font-size:14px}
body.aela-service .sw-portfolio-fold summary i{color:var(--service-accent-ink);font-size:26px;font-style:normal;transition:transform .2s ease}
body.aela-service .sw-portfolio-fold[open] summary i{transform:rotate(45deg)}
body.aela-service .sw-portfolio-fold .sw-work-grid{padding:0 0 28px}
body.aela-service .sw-section--soft .aela-first-stage{margin-top:28px}
.aela-service .sw-custom-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: clamp(32px, 6vw, 80px);
}
.aela-service .sw-custom-grid .sw-section-head { margin: 0; }
.aela-service .sw-custom-copy .sw-button { margin-top: 26px; }
.aela-service .sw-custom-copy p:not(.sw-kicker) {
  max-width: 42ch;
  margin-top: 18px;
  color: var(--aela-muted);
}
.aela-service .sw-custom-example .sw-work-image { aspect-ratio: 1400 / 788; }
.aela-service .sw-custom-example .sw-work-description { margin-top: 8px; }

/* The image belongs to the opening, not to a separate card: it fades into black. */
@media (min-width:760px) and (max-width:900px){
  body.aela-service .ap-hero{position:relative;isolation:isolate;overflow:hidden;padding-bottom:56px}
  body.aela-service .ap-hero-grid{display:block;min-height:440px}
  body.aela-service .ap-hero-copy{position:relative;z-index:1;width:49%;padding-block:48px}
  body.aela-service .ap-back{position:relative;z-index:1}
  body.aela-service .ap-hero .ap-photo{position:absolute;inset:0 0 0 auto;width:65%;height:100%;max-width:none;margin:0;border-radius:0;background:transparent;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.08) 12%,rgba(0,0,0,.55) 35%,#000 65%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.08) 12%,rgba(0,0,0,.55) 35%,#000 65%)}
  body.aela-service .ap-hero .ap-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
  body.aela-service .ap-hero .ap-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#09090b 0%,transparent 22%),linear-gradient(to bottom,#09090b66,transparent 30%)}
}

@media(max-width:800px){
  body.aela-home .hero{min-height:700px}
  body.aela-home .hero-content{padding-block:124px 36px}
  .aela-willy{padding-block:72px}
  .aela-willy-grid{grid-template-columns:1fr;gap:38px}
  .aela-willy-copy h2{font-size:clamp(2.5rem,10vw,3.5rem)}
  .aela-willy-visual{max-width:680px;width:100%;justify-self:center}
  .aela-service .sw-custom-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  body.aela-home .services,body.aela-home .why,body.aela-home .team,body.aela-home #faq,body.aela-home .contact{padding-block:68px}
  body.aela-service :is(.ai-services-section,.ai-deployment,.ai-pricing,.sw-section,.ai-contact,.sw-contact){padding-block:58px}
  body.aela-service .ap-photo{border-radius:0}
  body.aela-service .sw-portfolio-fold summary{min-height:76px}
  body.aela-service .sw-portfolio-fold summary strong{font-size:19px}
  body.aela-service .sw-portfolio-fold summary small{font-size:13px;line-height:1.45}
}
@media(prefers-reduced-motion:reduce){
  body.aela-service .sw-portfolio-fold summary i{transition:none}
}

/* ==========================================================================
   Unified layer (2026-11-09): one footer, one FAQ, one contact list, one
   navigation button and one pictogram style shared by every page.
   ========================================================================== */
:root{--aela-accent:#8bb5ff;--aela-accent-soft:#14223a;--aela-line:rgba(255,255,255,.12);--aela-radius:16px}

/* Pictograms */
.aela-ico{width:20px;height:20px;flex:none}

/* Section rhythm and kickers */
body.aela-home :is(.services,.why,.team,.contact),body.aela-home #faq,
body.aela-service :is(.ai-services-section,.ai-deployment,.ai-pricing,.sw-section,.ai-contact,.sw-contact){padding-block:88px}
body.aela-home .label,body.aela-home .aela-willy-copy .label{color:var(--aela-accent);font-weight:500;letter-spacing:0}
body.legal-page .service-eyebrow{font-weight:500}

/* Navigation: the outlined button is the same on every page */
body:is(.aela-home,.aela-service) #nav .nav-cta{min-height:44px;padding:10px 18px;border:1px solid rgba(255,255,255,.25);border-radius:99px;background:transparent;color:#fff;font-weight:500}
body:is(.aela-home,.aela-service) #nav .nav-cta:hover{background:#fff;color:#111}

/* Corners */
body.aela-home :is(.tile,.contact-card,.founder-photo),
body.aela-service :is(.ai-price-card,.sw-price,.ai-contact-form,.sw-form){border-radius:var(--aela-radius)}

/* Logo strip: pause control is a pictogram */
body.aela-home .platform-pause{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#aab0bd;text-decoration:none;transition:color .2s,border-color .2s}
body.aela-home .platform-pause[hidden]{display:none}
body.aela-home .platform-pause:hover{color:#fff;border-color:rgba(255,255,255,.5)}
body.aela-home .platform-pause .aela-ico{width:16px;height:16px}
body.aela-home .platform-pause .i-play,body.aela-home .hero-platforms.is-paused .platform-pause .i-pause{display:none}
body.aela-home .hero-platforms.is-paused .platform-pause .i-play{display:block}

/* Steps: pictogram and number on one line */
.aela-step-head{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.aela-step-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:var(--aela-accent-soft);color:var(--aela-accent)}
.aela-step-symbol .aela-ico{width:22px;height:22px}
body.aela-home .why-row .aela-step-head .n{margin:0;color:var(--aela-accent)}

/* Founder */
body.aela-home .founder-meta{display:grid;gap:10px;margin-top:24px}
body.aela-home .founder-meta span{display:flex;align-items:center;gap:12px;font-size:14px;color:#a7adba}
body.aela-home .founder-meta .aela-ico{width:18px;height:18px;color:var(--aela-accent)}

/* FAQ: lines instead of boxes, identical on the homepage and on service pages */
body.aela-home .faq-item,body.aela-service .sw-faq details{margin:0;padding:0;border:0;border-top:1px solid var(--aela-line);border-radius:0;background:none}
body.aela-home .faq-item:last-child,body.aela-service .sw-faq details:last-child{border-bottom:1px solid var(--aela-line)}
body.aela-service .sw-faq{gap:0}
body.aela-home .faq-item summary,body.aela-service .sw-faq summary{min-height:68px;padding:18px 0;font-size:17px;font-weight:500}
body.aela-home .faq-item .answer,body.aela-service .sw-faq details>p{max-width:62ch;padding:0 40px 24px 0;color:#a4abba}
body.aela-home .faq-plus,body.aela-service .sw-faq summary>span::after{color:var(--aela-accent)}
body.aela-service .sw-faq summary>span::after{display:block;line-height:1;transition:transform .2s}
body.aela-service .sw-faq details[open] summary>span::after{content:"+";transform:rotate(45deg)}

/* Contact list */
.aela-contact-list{display:grid;gap:14px;margin:30px 0 0;padding:0;list-style:none}
.aela-contact-list li{display:flex;align-items:center;gap:14px;font-size:15px;line-height:1.5;color:#c9ced8}
.aela-contact-list .aela-ico{color:var(--aela-accent)}
.aela-contact-list strong{font-weight:500;color:#fff}
.aela-contact-list a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:4px}
.aela-contact-list a:hover{text-decoration-color:#fff}

/* Forms: same heading and button everywhere */
body.aela-service .sw-form h3{margin:0 0 20px;font-family:var(--aela-heading);font-size:23px;font-weight:500}
body.aela-home .contact-card .cta{width:auto;justify-content:center;gap:12px}
body:is(.aela-home,.aela-service) :is(.cta,.sw-button) .aela-ico{width:18px;height:18px}
body.aela-home .contact-card .small a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* Footer: one component for every page */
body:is(.aela-home,.aela-service) .aela-footer{padding:64px 0 28px;border-top:1px solid var(--aela-line);background:#08080a;color:#c7ccd7}
body:is(.aela-home,.aela-service) .aela-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px}
body:is(.aela-home,.aela-service) .aela-footer-brand img{width:112px;height:auto;filter:brightness(0) invert(1)}
body:is(.aela-home,.aela-service) .aela-footer-brand p{max-width:30ch;margin-top:20px;font-size:14px;line-height:1.7;color:#909aac}
body:is(.aela-home,.aela-service) .aela-footer h3{margin:0 0 12px;font:500 14px/1.5 var(--aela-body);letter-spacing:0;color:#e5e8f0}
body:is(.aela-home,.aela-service) .aela-footer-grid>div:not(:first-child)>:is(a,span){display:block;padding-block:6px;font-size:14px;line-height:1.5;color:#9ca6b7}
body:is(.aela-home,.aela-service) .aela-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
body:is(.aela-home,.aela-service) .aela-footer-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 28px;margin-top:48px;padding-top:22px;border-top:1px solid var(--aela-line);font-size:13px;line-height:1.6;color:#8690a2}

@media(max-width:800px){
  body:is(.aela-home,.aela-service) .aela-footer-grid{grid-template-columns:1fr 1fr;gap:36px 24px}
  body:is(.aela-home,.aela-service) .aela-footer-brand{grid-column:1/-1}
}
@media(max-width:680px){
  body.aela-home :is(.services,.why,.team,.contact),body.aela-home #faq,
  body.aela-service :is(.ai-services-section,.ai-deployment,.ai-pricing,.sw-section,.ai-contact,.sw-contact){padding-block:60px}
  body:is(.aela-home,.aela-service) .aela-footer{padding-top:48px}
  body.aela-home .faq-item .answer,body.aela-service .sw-faq details>p{padding-right:0}
}
@media(prefers-reduced-motion:reduce){
  body.aela-service .sw-faq summary>span::after,body.aela-home .platform-pause{transition:none}
}

/* ==========================================================================
   Service pages, sales structure (2026-11-09):
   hero → who it is for → what you get → variants → price and first steps
   → questions → inquiry. Lines and rows instead of boxes.
   ========================================================================== */

/* Hero: reassurance directly under the button */
.aela-hero-trust{display:flex;flex-wrap:wrap;gap:6px 18px;width:max-content;max-width:calc(100vw - 48px);margin:22px 0 0;padding:0;list-style:none}
.aela-hero-trust li{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.5;color:#aab0bd}
.aela-hero-trust .aela-ico{width:15px;height:15px;color:var(--aela-accent)}

/* Who it is for */
body.aela-service .aela-fit{padding-block:88px;background:#111215}
body.aela-service .aela-fit-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px;align-items:start}
.aela-fit-list{margin:0;padding:0;list-style:none}
.aela-fit-list li{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-top:1px solid var(--aela-line);font-size:17px;line-height:1.55;color:#e4e7ee}
.aela-fit-list li:last-child{border-bottom:1px solid var(--aela-line)}
.aela-fit-list .aela-ico{width:22px;height:22px;margin-top:2px;color:var(--aela-accent)}
.aela-fit-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:22px;font-size:15px;font-weight:500;color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:5px}
.aela-fit-link:hover{text-decoration-color:#fff}
.aela-fit-link .aela-ico{width:18px;height:18px}

/* Price: recommended entry point and the first three steps */
body.aela-service .ai-price-card{position:relative}
body.aela-service .ai-price-card.aela-price-start{outline:1px solid rgba(139,181,255,.5);outline-offset:-1px}
.aela-price-badge{position:absolute;top:22px;right:22px;padding:5px 11px;border-radius:99px;background:var(--aela-accent-soft);color:var(--aela-accent);font:500 12px/1.4 var(--aela-body);font-style:normal}
.aela-start{margin-top:56px;padding-top:36px;border-top:1px solid var(--aela-line)}
body.aela-service .aela-start h3{margin:0 0 26px;font-family:var(--aela-heading);font-size:23px;font-weight:500;letter-spacing:-.02em}
.aela-start-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:0;padding:0;list-style:none}
.aela-start-steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:start}
.aela-start-steps strong{display:block;font-size:16px;font-weight:500;line-height:1.4;color:#fff}
.aela-start-steps p{margin-top:6px;font-size:15px;line-height:1.6;color:#a4abba}

/* Mobile call-to-action bar */
.aela-sticky-cta{display:none}
@media(max-width:800px){
  .aela-sticky-cta:not([hidden]){position:fixed;z-index:40;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--aela-line);background:rgba(12,13,16,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .aela-sticky-cta span{font-size:14px;font-weight:500;line-height:1.35;color:#fff}
  .aela-sticky-cta small{display:block;font-size:12px;font-weight:400;color:#9ca6b7}
  .aela-sticky-cta a{display:inline-flex;align-items:center;min-height:44px;padding:10px 20px;border-radius:99px;background:#fff;color:#111;font-size:14px;font-weight:500;white-space:nowrap}
  body.has-sticky-cta .aela-footer{padding-bottom:96px}
}

@media(max-width:900px){
  body.aela-service .aela-fit-grid{grid-template-columns:1fr;gap:28px}
  .aela-start-steps{grid-template-columns:1fr;gap:24px}
}
@media(max-width:680px){
  body.aela-service .aela-fit{padding-block:60px}
  .aela-fit-list li{font-size:16px}
  .aela-price-badge{position:static;align-self:flex-start;margin-bottom:14px}
  .aela-start{margin-top:40px;padding-top:28px}
}

/* ==========================================================================
   Service pages, calmer pass (2026-11-09): one background, hairlines between
   sections, less copy.
   ========================================================================== */
body.aela-service :is(.aela-fit,.ai-deployment,.sw-section--soft),body.legal-page .legal-hero{background:#09090b}
body.aela-service main>section{border-top:1px solid var(--aela-line)}
body.aela-service :is(.aela-fit,.ai-services-section,.ai-deployment,.ai-pricing,.sw-section,.ai-contact,.sw-contact){padding-block:80px}
body.aela-service .ap-hero{padding-bottom:64px}
body.aela-service :is(.ai-section-head,.ai-pricing-head,.sw-section-head){margin-bottom:36px}
body.aela-service .sw-faq-layout .sw-section-head{margin-bottom:0}
.aela-start-steps p{margin-top:4px}
@media(max-width:680px){
  body.aela-service :is(.aela-fit,.ai-services-section,.ai-deployment,.ai-pricing,.sw-section,.ai-contact,.sw-contact){padding-block:56px}
  body.aela-service .ap-hero{padding-bottom:40px}
}

/* ==========================================================================
   Service pages, symmetric pass (2026-11-09): every section is a centred
   heading over an even grid of equal cells.
   ========================================================================== */
body.aela-service :is(.ai-section-head,.ai-pricing-head,.aela-fit-head),
body.aela-service :is(#sluzby,#ukazky,#cenik,#otazky) .sw-section-head{display:block;max-width:none;margin:0 auto 48px;text-align:center}
body.aela-service :is(.ai-section-head,.ai-pricing-head,.aela-fit-head) :is(h2,.section-title),
body.aela-service :is(#sluzby,#ukazky,#cenik,#otazky) .sw-section-head h2{max-width:24ch;margin-inline:auto;text-wrap:balance}
body.aela-service #ukazky .sw-section-head p:not(.sw-kicker){max-width:60ch;margin-inline:auto}

/* Who it is for: 2 x 2 ticks */
body.aela-service .aela-fit-grid{display:block}
.aela-fit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;max-width:1040px;margin-inline:auto}
.aela-fit-list li,.aela-fit-list li:last-child{align-items:center;min-height:76px;padding:16px 0;border-top:1px solid var(--aela-line);border-bottom:0}
.aela-fit-list li:nth-last-child(-n+2){border-bottom:1px solid var(--aela-line)}
.aela-fit-list .aela-ico{margin-top:0}
.aela-fit-cta{margin-top:32px;text-align:center}
.aela-fit-link{margin-top:0}

/* What we do: equal cells */
.aela-cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-radius:var(--aela-radius);overflow:hidden;background:var(--aela-line)}
.aela-cap{padding:32px;background:#0c0d10}
body.aela-service .aela-cap .aela-service-symbol{margin:0 0 20px}
body.aela-service .aela-cap h3{margin:0;font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.02em}
body.aela-service .aela-cap p{margin-top:8px;font-size:15px;line-height:1.6;color:#a4abba}
body.aela-service .aela-service-grid{gap:1px;align-items:stretch;border-radius:var(--aela-radius);overflow:hidden;background:var(--aela-line)}
body.aela-service .aela-service-group{display:block;padding:32px 28px;background:#0c0d10}
.aela-cap-list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.aela-cap-list li{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.45;color:#d5d9e2}
.aela-cap-list .aela-ico{width:16px;height:16px;color:var(--aela-accent)}

/* Price note, first steps, questions, inquiry on the same axis */
body.aela-service .ai-price-note,body.aela-service #cenik .sw-note{max-width:70ch;margin-inline:auto;text-align:center}
body.aela-service .aela-start h3{text-align:center;margin-bottom:32px}
body.aela-service .sw-faq-layout{grid-template-columns:1fr;gap:0;max-width:820px}
body.aela-service :is(.ai-contact-grid,.sw-contact-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:72px}

@media(max-width:900px){
  .aela-cap-grid,body.aela-service .aela-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.aela-service :is(.ai-contact-grid,.sw-contact-grid){grid-template-columns:1fr;gap:36px}
}
@media(max-width:680px){
  body.aela-service :is(.ai-section-head,.ai-pricing-head,.aela-fit-head),
  body.aela-service :is(#sluzby,#ukazky,#cenik,#otazky) .sw-section-head{margin-bottom:32px}
  .aela-fit-list{grid-template-columns:1fr}
  .aela-fit-list li:nth-last-child(2){border-bottom:0}
  .aela-fit-list li{min-height:0}
  .aela-cap-grid,body.aela-service .aela-service-grid{grid-template-columns:1fr}
  .aela-cap,body.aela-service .aela-service-group{padding:24px 22px}
  body.aela-service .aela-service-group .aela-service-symbol{grid-row:auto}
}

body.aela-service .aela-fit-cta{margin-top:36px}
body.aela-service .sw-service-list{gap:1px;align-items:stretch;border-radius:var(--aela-radius);overflow:hidden;background:var(--aela-line)}
body.aela-service .sw-service{display:block;padding:32px 28px;background:#0c0d10}
@media(max-width:900px){body.aela-service .sw-service-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){body.aela-service .sw-service-list{grid-template-columns:1fr}body.aela-service .sw-service{padding:24px 22px}}
@media(max-width:680px){body.aela-service .aela-service-group .aela-service-symbol{margin:0 0 16px}}

/* ==========================================================================
   2026-11-10: shared contact card (homepage + service pages), founder block,
   black backgrounds everywhere.
   ========================================================================== */
body.aela-home .why,body.aela-home .team,body.aela-home #faq{background:transparent!important}

/* contact card: the same on every page */
.ct{padding:clamp(64px,8vw,104px) 24px}
.ct-card{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,6vw,88px);max-width:1200px;margin:0 auto;padding:clamp(40px,6vw,80px);border:1px solid rgba(139,181,255,.22);border-radius:32px;overflow:hidden}
.ct-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(75% 85% at 50% 125%,rgba(61,139,255,.6),rgba(61,139,255,.12) 45%,transparent 68%),#0b0d12}
.ct-label{margin:0 0 16px;font-size:14px;font-weight:500;color:#8bb5ff}
.ct-info h2{margin:0;font-family:var(--aela-heading,"Space Grotesk",sans-serif);font-size:clamp(2.3rem,4.4vw,3.6rem);font-weight:500;line-height:1.04;letter-spacing:-.04em;color:#fff;text-wrap:balance}
.ct-accent{color:#8bb5ff}
.ct-info>p{max-width:42ch;margin:20px 0 0;font-size:17px;line-height:1.65;color:#c3c9d6}
.ct-form{display:grid;gap:16px;align-content:start;margin:0;padding:0;background:none;border:0}
.ct-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ct-field{display:grid;gap:8px}
.ct-field label{font-size:14px;font-weight:500;color:#e8ecf4}
.ct-field :is(input,select,textarea){width:100%;min-height:50px;padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(0,0,0,.35);color:#fff;font:inherit;font-size:16px}
.ct-field textarea{min-height:130px;resize:vertical}
.ct-field :is(input,textarea)::placeholder{color:#7f899b}
.ct-field option{color:#111;background:#fff}
.ct-field :is(input,select,textarea):focus{outline:none;border-color:#3d8bff;box-shadow:0 0 0 3px rgba(61,139,255,.25)}
.ct-submit{justify-self:start;display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:14px 26px;border:0;border-radius:99px;background:#fff;color:#0a0a0c;font:600 15px/1 var(--aela-body,Inter,sans-serif);cursor:pointer;transition:background .2s ease}
.ct-submit:hover{background:#dfe7f5}
.ct-submit .aela-ico{width:18px;height:18px}
.ct-small,.ct-form .aela-form-fallback{margin:0;font-size:13px;line-height:1.55;color:#9aa3b4}
.ct-small a,.ct-form .aela-form-fallback a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.ct-form .aela-form-status:empty{display:none}
@media(max-width:860px){.ct-card{grid-template-columns:1fr}}
@media(max-width:600px){.ct{padding-inline:12px}.ct-card{border-radius:24px;padding:36px 20px}.ct-row{grid-template-columns:1fr}.ct-submit{justify-self:stretch;justify-content:center}}

/* founder: photo and a short personal statement */
.fd{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(36px,6vw,88px);align-items:center}
.fd-photo{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/5;max-width:440px}
.fd-photo img{display:block;width:100%;height:100%;object-fit:cover}
.fd-text h2{margin:14px 0 0;font-size:clamp(2.2rem,4.2vw,3.5rem);line-height:1.05;letter-spacing:-.04em;font-weight:500;text-wrap:balance}
.fd-accent{color:#8bb5ff}
.fd-text>p{max-width:56ch;margin:22px 0 0;font-size:17px;line-height:1.7;color:#c3c9d6}
.fd-sign{display:grid;gap:4px;margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}
.fd-sign strong{font-size:17px;font-weight:600;color:#fff}
.fd-sign span{font-size:14px;color:#9aa3b4}
.fd-link{display:inline-flex;gap:8px;margin-top:18px;font-size:15px;font-weight:500;color:#8bb5ff;text-decoration:none}
.fd-link:hover{color:#fff}
@media(max-width:800px){.fd{grid-template-columns:1fr}.fd-photo{max-width:320px}}

/* ==========================================================================
   2026-11-10 (2): one heading style everywhere, centred FAQ, simple contact.
   ========================================================================== */
/* headings: the same light Space Grotesk as "S čím vám pomůžeme" */
body.aela-home .fd-text h2,
body:is(.aela-home,.aela-service) .ct-info h2,
body.aela-studio :is(.detail-editorial-heading,.st-head) h2,
body.aela-studio .ai-skica-block>h2,body.aela-studio .ai-skica-block>div>h2{font-family:var(--aela-heading,"Space Grotesk",sans-serif)!important;font-size:clamp(2.2rem,3.7vw,3.3rem)!important;font-weight:400!important;line-height:1.1!important;letter-spacing:-.04em!important}
body.aela-studio .st-num,body.aela-studio .st-step,body.aela-studio .st-num b,body.aela-studio .st-price strong{font-weight:400!important}
body.aela-studio :is(.detail-editorial-grid,.st-ai-cards) h3{font-weight:400!important}

/* founder block on the homepage */
body.aela-home .team .fd-text .label{display:block}
body.aela-home .fd-text h2{margin-top:14px}

/* FAQ: heading centred on top, questions below (homepage and service pages) */
body.aela-home .faq-grid{display:block!important}
body.aela-home .faq-grid>div:first-child{text-align:center;margin:0 auto 44px}
body.aela-home .faq-grid>div:first-child h2 br{display:none}
body.aela-home .faq-list{max-width:860px;margin:0 auto}
body.aela-studio #caste-dotazy :is(.detail-editorial-heading,.st-head),body.aela-studio .ai-skica-faq>div:first-child,body.aela-studio #otazky .detail-editorial-heading{margin:0 auto 44px!important;text-align:center!important}
body.aela-studio :is(.detail-editorial-faq,.faq-list){max-width:860px!important;margin:0 auto!important}

/* contact: no card, centred, blue light from below */
.ct{position:relative;isolation:isolate;padding:clamp(80px,10vw,128px) 24px clamp(96px,11vw,140px);overflow:hidden}
.ct::before{content:"";position:absolute;inset:auto -10% 0;height:70%;z-index:-1;background:radial-gradient(50% 70% at 50% 100%,rgba(61,139,255,.42),rgba(61,139,255,.1) 55%,transparent 75%);pointer-events:none}
.ct-card{display:block;max-width:640px;margin:0 auto;padding:0;border:0;border-radius:0;overflow:visible}
.ct-card::before{display:none}
.ct-info{text-align:center}
.ct-label{margin:0 0 14px}
.ct-info>p{max-width:46ch;margin:18px auto 0;color:#b5bccb}
.ct-form{margin-top:44px;gap:14px}
.ct-field label{font-size:13px;font-weight:500;color:#aab2c2}
.ct-field :is(input,select,textarea){min-height:48px;padding:12px 0;border:0;border-bottom:1px solid rgba(255,255,255,.2);border-radius:0;background:transparent}
.ct-field select{padding-right:24px}
.ct-field textarea{min-height:96px}
.ct-field :is(input,select,textarea):focus{border-bottom-color:#3d8bff;box-shadow:none}
.ct-submit{justify-self:center;margin-top:14px}
.ct-small{text-align:center}
.ct-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin:22px 0 0;font-size:14px;color:#c3c9d6}
.ct-meta a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:4px}
@media(max-width:600px){.ct{padding-inline:20px}.ct-submit{justify-self:stretch}}
.ct .ct-label{color:#8bb5ff!important}
body.aela-home .fd-photo{max-width:380px}
body.aela-studio .ai-skica-faq{display:block!important;max-width:1200px!important}
body.aela-studio .ai-skica-faq>div:first-child{max-width:860px!important;margin:0 auto 44px!important;text-align:center!important}
body.aela-studio .ai-skica-faq>.faq-list{width:100%;max-width:860px!important;margin:0 auto!important}