/* ==========================================================================
   AELA — service pages (2026-11-10)
   Clean and minimal: black page, one blue accent, large type,
   thin lines instead of boxes. Blue light only where it matters:
   the contact card. The opening keeps the earlier photo layout.
   Loaded last on every service page; body carries .aela-studio.
   ========================================================================== */
body.aela-studio{
  --st-bg:#09090b;
  --st-line:rgba(255,255,255,.12);
  --st-accent:#3d8bff;
  --st-accent-ink:#8bb5ff;
  --st-text:#f4f6fa;
  --st-muted:#a3abba;
  --service-accent-ink:var(--st-accent-ink)!important;
  --service-accent-soft:#14223a!important;
  background:var(--st-bg);
  color:var(--st-text);
}

/* --- atoms -------------------------------------------------------------- */
.aela-studio .st-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.aela-studio .st-pill{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:5px 14px;border-radius:99px;font-size:13px;font-weight:500;line-height:1;color:#c9d3e6;border:1px solid rgba(255,255,255,.16)}
.aela-studio .st-pill--solid{background:var(--st-accent);border-color:var(--st-accent);color:#fff}
.aela-studio .st-pill--solid::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff}
.aela-studio .st-accent{color:var(--st-accent-ink)}
.aela-studio .st-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 28px;border-radius:99px;font-size:15px;font-weight:600;line-height:1;text-decoration:none;transition:background .2s ease,color .2s ease}
.aela-studio .st-btn svg{width:17px;height:17px}
.aela-studio .st-btn--primary{background:var(--st-accent);color:#fff}
.aela-studio .st-btn--primary:hover{background:#5a9dff}
.aela-studio .st-btn--ghost{color:#fff;border:1px solid rgba(255,255,255,.22)}
.aela-studio .st-btn--ghost:hover{background:#fff;color:#0a0a0c}
.aela-studio .detail-editorial-label{display:block;margin:0 0 16px;padding:0;border:0;background:none;font-size:14px!important;font-weight:500;letter-spacing:0;text-transform:none;color:var(--st-accent-ink)!important}

/* --- navigation --------------------------------------------------------- */
body.aela-studio #nav .nav-cta{background:var(--st-accent)!important;border-color:var(--st-accent)!important;color:#fff!important}
body.aela-studio #nav .nav-cta:hover{background:#5a9dff!important}

/* --- sections: no boxes, just type and thin lines ----------------------- */
body.aela-studio main>section{border-top:0!important;background:none!important}
body.aela-studio :is(.detail-section,.ai-skica-block){display:block!important;max-width:1200px;margin-inline:auto;padding-block:clamp(72px,9vw,112px)!important;padding-inline:24px}
body.aela-studio :is(.detail-editorial-heading,.st-head),
body.aela-studio .ai-skica-faq>div:first-child{display:block!important;max-width:760px;margin:0 0 48px!important;text-align:left}
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{margin:0;font-size:clamp(2.2rem,4.2vw,3.5rem)!important;line-height:1.05!important;letter-spacing:-.04em;font-weight:500;text-wrap:balance}
body.aela-studio :is(.detail-editorial-heading,.st-head)>p:not(.detail-editorial-label){max-width:56ch;margin:18px 0 0!important;font-size:17px;line-height:1.65;color:var(--st-muted)}
body.aela-studio .ai-skica-faq .label{display:block;margin:0 0 16px;font-size:14px;font-weight:500;color:var(--st-accent-ink)}

/* grids of items: columns separated by a thin top line */
body.aela-studio :is(.detail-editorial-grid,.st-ai-cards){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0 40px!important;margin:0!important;padding:0;list-style:none;border:0!important}
body.aela-studio :is(.detail-editorial-grid>li,.st-ai-cards>article){min-height:0;margin:0!important;padding:28px 0 36px!important;border:0!important;border-top:1px solid var(--st-line)!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:none!important}
body.aela-studio :is(.detail-editorial-grid,.st-ai-cards) h3{margin:0 0 10px!important;font-size:20px!important;line-height:1.3;font-weight:500;letter-spacing:-.02em}
body.aela-studio :is(.detail-editorial-grid,.st-ai-cards) p{margin:0!important;font-size:15px!important;line-height:1.65;color:var(--st-muted)!important}
body.aela-studio .detail-editorial-benefits .detail-editorial-grid>li:last-child{grid-column:auto!important}
body.aela-studio .st-num,body.aela-studio .st-step{display:block;margin:0 0 22px;font:400 clamp(2.4rem,4vw,3.2rem)/1 var(--aela-heading,"Space Grotesk",sans-serif)!important;letter-spacing:-.05em;color:#fff!important;background:none!important;width:auto!important;height:auto!important;border:0!important;position:static!important}
body.aela-studio .st-num b{font-weight:400;color:var(--st-accent-ink)}
body.aela-studio .st-step{color:var(--st-accent-ink)!important}
body.aela-studio .detail-editorial-steps{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.aela-studio .detail-editorial-steps>li>:is(h3,p){padding:0!important}

/* split section (pilot / sample) */
body.aela-studio .detail-editorial-split{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
body.aela-studio .detail-editorial-split .detail-editorial-heading{margin:0!important}
body.aela-studio .detail-editorial-sample{border-radius:24px!important;border:1px solid rgba(139,181,255,.22)!important;background:radial-gradient(80% 90% at 100% 120%,rgba(61,139,255,.28),transparent 62%),#0b0d12!important}

/* questions: plain lines */
body.aela-studio :is(.detail-editorial-faq,.faq-list){max-width:none;margin:0!important;border:0!important;border-top:1px solid var(--st-line)!important}
body.aela-studio :is(.detail-editorial-faq details,.faq-item){margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid var(--st-line)!important;border-radius:0!important;background:none!important}
body.aela-studio :is(.detail-editorial-faq summary,.faq-item summary){display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:20px 0!important;list-style:none;font-size:18px!important;font-weight:500;cursor:pointer}
body.aela-studio .detail-editorial-faq summary::-webkit-details-marker{display:none}
body.aela-studio .detail-editorial-faq summary::marker{content:""}
body.aela-studio .detail-editorial-faq summary::after{content:"+";flex:none;font-size:26px;font-weight:300;line-height:1;color:var(--st-accent-ink);transition:transform .25s ease}
body.aela-studio .detail-editorial-faq details[open] summary::after{transform:rotate(45deg)}
body.aela-studio .faq-item summary .faq-plus{flex:none;background:none!important;font-size:26px;font-weight:300;color:var(--st-accent-ink)}
body.aela-studio :is(.detail-editorial-faq details>p,.faq-item .answer){max-width:64ch;padding:0 0 26px!important;margin:0!important;font-size:16px;line-height:1.65;color:var(--st-muted)!important}
body.aela-studio .ai-skica-faq{display:block!important}

/* --- contact: the blue-lit card ----------------------------------------- */
body.aela-studio :is(.detail-contact,.ai-skica-contact){position:relative;isolation:isolate;max-width:1200px;margin:0 auto 96px;padding:clamp(44px,6vw,80px)!important;border:1px solid rgba(139,181,255,.22);border-radius:32px;overflow:hidden}
body.aela-studio :is(.detail-contact,.ai-skica-contact)::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 80% at 50% 120%,rgba(61,139,255,.45),transparent 62%),#0b0d12}
body.aela-studio :is(.detail-contact,.ai-skica-contact) h2{font-size:clamp(2.2rem,4.2vw,3.4rem)!important;letter-spacing:-.04em;line-height:1.04}
body.aela-studio :is(.detail-contact,.ai-skica-contact) :is(input,select,textarea){border-radius:12px!important;background:rgba(0,0,0,.35)!important;border:1px solid rgba(255,255,255,.14)!important}
body.aela-studio :is(.detail-contact,.ai-skica-contact) :is(input,select,textarea):focus{border-color:var(--st-accent)!important;outline:none}
body.aela-studio :is(.detail-contact,.ai-skica-contact) button[type=submit]{min-height:52px;padding:14px 28px!important;border:0!important;border-radius:99px!important;background:var(--st-accent)!important;color:#fff!important;font-weight:600}

/* --- floating call to action -------------------------------------------- */
body.aela-studio .aela-sticky-cta:not([hidden]){position:fixed;z-index:40;right:20px;bottom:20px;left:auto;display:flex;align-items:center;gap:14px;padding:6px 6px 6px 20px;border:1px solid rgba(255,255,255,.14);border-radius:99px;background:rgba(9,9,11,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body.aela-studio .aela-sticky-cta span{font-size:14px;font-weight:500;color:#fff}
body.aela-studio .aela-sticky-cta small{display:none}
body.aela-studio .aela-sticky-cta a{display:inline-flex;align-items:center;min-height:42px;padding:10px 18px;border-radius:99px;background:var(--st-accent);color:#fff;font-size:14px;font-weight:600;text-decoration:none}

/* --- AI page: 18 areas as a clean list ----------------------------------- */
body.aela-studio .ai-skica-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0 40px!important;padding:0;margin:0;border-top:1px solid var(--st-line)}
body.aela-studio .ai-skica-grid>li{border-bottom:1px solid var(--st-line)}
body.aela-studio .ai-skica-item{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:16px;min-height:72px;padding:14px 0!important;border:0;border-radius:0;background:none!important;text-align:left!important;color:#fff;text-decoration:none}
body.aela-studio .ai-skica-item::after{content:"→";margin-left:auto;color:var(--st-accent-ink);opacity:0;transform:translateX(-6px);transition:opacity .2s ease,transform .2s ease}
body.aela-studio .ai-skica-item:hover::after{opacity:1;transform:none}
body.aela-studio .ai-skica-item:hover span:last-child{color:var(--st-accent-ink)}
body.aela-studio .ai-skica-item .ai-skica-icon{display:grid!important;place-items:center;flex:none;width:24px!important;height:24px!important;margin:0!important;background:none!important;color:var(--st-accent-ink)!important}
body.aela-studio .ai-skica-item span:last-child{font-size:17px;font-weight:500;line-height:1.3}

/* --- web page: prices ---------------------------------------------------- */
body.aela-studio .st-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;margin:0;padding:0;list-style:none}
body.aela-studio .st-price{display:flex;flex-direction:column;gap:18px;padding:28px 0 0;border-top:1px solid var(--st-line)}
body.aela-studio .st-price--featured{border-top-color:var(--st-accent)}
body.aela-studio .st-price-name{font-size:15px;font-weight:500;color:var(--st-muted)}
body.aela-studio .st-price strong{font:400 clamp(2.4rem,4vw,3.4rem)/1 var(--aela-heading,"Space Grotesk",sans-serif);letter-spacing:-.045em;color:#fff}
body.aela-studio .st-price strong b{font-weight:400;color:var(--st-accent-ink)}
body.aela-studio .st-price strong small{font-size:.4em;letter-spacing:0;color:var(--st-muted)}
body.aela-studio .st-price a{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--st-accent-ink);text-decoration:none}
body.aela-studio .st-price a svg{width:16px;height:16px}
body.aela-studio .st-price a:hover{color:#fff}

/* --- responsive --------------------------------------------------------- */
@media(max-width:1000px){
  body.aela-studio .detail-editorial-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.aela-studio .ai-skica-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:860px){
  body.aela-studio :is(.detail-editorial-grid,.st-ai-cards,.st-prices){grid-template-columns:1fr!important}
  body.aela-studio .detail-editorial-split{grid-template-columns:1fr}
}
@media(max-width:600px){
  body.aela-studio :is(.detail-section,.ai-skica-block){padding-inline:20px}
  body.aela-studio .detail-editorial-steps{grid-template-columns:1fr!important}
  body.aela-studio .ai-skica-grid{grid-template-columns:1fr!important}
  body.aela-studio .st-btn{flex:1 1 auto}
  body.aela-studio :is(.detail-contact,.ai-skica-contact){margin-inline:12px;border-radius:24px;padding:36px 20px!important}
  body.aela-studio .aela-sticky-cta:not([hidden]){left:12px;right:12px;bottom:12px;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){
  body.aela-studio .ai-skica-item::after{transition:none}
}

/* --- alignment and rhythm ----------------------------------------------- */
body.aela-studio :is(.detail-section,.ai-skica-block){padding-block:clamp(64px,8vw,96px)!important}
body.aela-studio :is(.detail-contact,.ai-skica-contact){background:none!important}
body.aela-studio :is(.detail-contact,.ai-skica-contact)::before{background:radial-gradient(75% 85% at 50% 125%,rgba(61,139,255,.6),rgba(61,139,255,.12) 45%,transparent 68%),#0b0d12}
@media(max-width:600px){
}
body.aela-studio .st-num,body.aela-studio .st-step{font-weight:500!important;letter-spacing:-.04em}
body.aela-studio .st-num b{font-weight:500}
body.aela-studio .ct{max-width:none}
body.aela-studio .ct{margin:0;max-width:none}

/* FAQ: heading centred, questions centred below */
body.aela-studio :is(.detail-editorial-faq,.faq-list){width:100%;max-width:860px!important;margin:0 auto!important}
body.aela-studio #caste-dotazy .detail-editorial-heading,body.aela-studio #otazky .detail-editorial-heading,body.aela-studio .ai-skica-faq>div:first-child{max-width:860px!important;margin:0 auto 44px!important;text-align:center!important}