/* ==========================================================================
   AELA polish (2026-11-10): light, elegant questions and lists in the style
   of the contact form; side light for the founder; numbers fade in.
   Loaded last on every page.
   ========================================================================== */

/* --- questions -------------------------------------------------------- */
:is(.faq-list,.detail-editorial-faq,.sw-faq){border-top:1px solid rgba(255,255,255,.09)!important}
:is(.faq-item,.detail-editorial-faq details,.sw-faq details){margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.09)!important;border-radius:0!important;background:none!important;overflow:hidden}
:is(.faq-item,.detail-editorial-faq details,.sw-faq details)>summary{position:relative;display:flex!important;align-items:center;justify-content:space-between;gap:28px;min-height:74px;padding:22px 44px 22px 0!important;list-style:none;cursor:pointer;font-size:17px!important;font-weight:400!important;line-height:1.45;color:#eef1f6!important;transition:color .25s ease}
:is(.faq-item,.detail-editorial-faq details,.sw-faq details)>summary::-webkit-details-marker{display:none}
:is(.faq-item,.detail-editorial-faq details,.sw-faq details)>summary::marker{content:""}
:is(.faq-item,.detail-editorial-faq details,.sw-faq details)>summary:hover{color:#fff!important}
/* one thin plus, drawn with two hairlines */
.faq-item .faq-plus,.sw-faq summary>span{font-size:0!important;width:0;height:0}
:is(.faq-item,.detail-editorial-faq details,.sw-faq details)>summary::after{content:""!important;position:absolute;right:6px;top:50%;width:14px;height:14px;margin-top:-7px;background:linear-gradient(currentColor,currentColor) center/14px 1px no-repeat,linear-gradient(currentColor,currentColor) center/1px 14px no-repeat;color:#8bb5ff;opacity:.8;transform:none!important;transition:transform .4s cubic-bezier(.2,.7,.2,1),opacity .25s ease}
:is(.faq-item,.detail-editorial-faq details,.sw-faq details)>summary:hover::after{opacity:1}
:is(.faq-item,.detail-editorial-faq details,.sw-faq details)[open]>summary::after{transform:rotate(45deg)!important}
.sw-faq summary>span::after,.detail-editorial-faq summary>span::after{display:none!important}
:is(.faq-item .answer,.detail-editorial-faq details>p,.sw-faq details>p){max-width:64ch;margin:0!important;padding:0 44px 26px 0!important;font-size:16px!important;line-height:1.7;color:#a9b1c0!important}
/* open / close: fade with a light blur (JS in subpage.js animates height) */
:is(.faq-item,.detail-editorial-faq details,.sw-faq details)>:not(summary){transition:opacity .45s ease,filter .45s ease,transform .45s ease}
:is(.faq-item,.detail-editorial-faq details,.sw-faq details).is-closing>:not(summary),
:is(.faq-item,.detail-editorial-faq details,.sw-faq details).is-opening>:not(summary){opacity:0;filter:blur(6px);transform:translateY(-4px)}

/* --- founder: heading like the contact, blue light from the side ------- */
body.aela-home .team{position:relative;isolation:isolate;overflow:hidden}
body.aela-home .team::before{content:"";position:absolute;z-index:-1;top:50%;right:-18%;width:70%;height:120%;transform:translateY(-50%);background:radial-gradient(closest-side,rgba(61,139,255,.34),rgba(61,139,255,.08) 55%,transparent 80%);pointer-events:none}
body.aela-home .fd-text h2{margin-top:0!important}
body.aela-home .fd-text>p{color:#b5bccb}
body.aela-home .fd-photo{border-radius:20px}

/* --- steps heading without the right paragraph -------------------------- */
body.aela-home #cesta .head-row{display:block}

/* --- numbers fade in ------------------------------------------------------ */
.js-count{opacity:0;filter:blur(8px);transform:translateY(10px);transition:opacity .8s ease,filter .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.js-count.is-in{opacity:1;filter:none;transform:none}
body.aela-studio .st-num.is-count-lamp{
  color:rgba(133,255,170,.4)!important;
  font-variant-numeric:tabular-nums;
}
body.aela-studio .st-num.is-count-lamp b{color:inherit}
body.aela-studio .st-num.is-count-lamp.js-count{
  transition-property:opacity,filter,transform,color,text-shadow;
  transition-duration:.8s,.8s,.8s,.28s,.28s;
}
body.aela-studio .st-num.is-count-lamp.is-count-lit{
  color:#85ffaa!important;
  text-shadow:0 0 .12em rgba(133,255,170,.55),0 0 .32em rgba(82,230,108,.68),0 0 .68em rgba(38,153,54,.7);
}

/* --- AI page: collaboration path --------------------------------------- */
.aela-ai-skica #postup-spoluprace .ai-journey{
  --journey-gap:clamp(22px,3.3vw,40px);
  column-gap:var(--journey-gap)!important;
}
.aela-ai-skica #postup-spoluprace .ai-journey>li{
  position:relative;
  padding:26px 0 0!important;
  border-top:0!important;
}
.aela-ai-skica .ai-journey>li::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0 auto auto 0;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--st-accent-ink);
}
.aela-ai-skica .ai-journey>li:not(:last-child)::after{
  content:"";
  position:absolute;
  top:4px;
  left:4px;
  width:calc(100% + var(--journey-gap));
  height:1px;
  background:var(--st-line);
}
@media(max-width:1000px){
  .aela-ai-skica #postup-spoluprace .ai-journey{grid-template-columns:1fr!important;row-gap:0}
  .aela-ai-skica #postup-spoluprace .ai-journey>li{padding:0 0 28px 26px!important}
  .aela-ai-skica #postup-spoluprace .ai-journey>li:last-child{padding-bottom:0!important}
  .aela-ai-skica .ai-journey>li::before{top:9px}
  .aela-ai-skica .ai-journey>li:not(:last-child)::after{top:13px;bottom:-13px;width:1px;height:auto}
  .aela-ai-skica .ai-journey .st-step{margin-bottom:12px;font-size:1.65rem!important}
}

/* --- AI page: real-world examples -------------------------------------- */
.aela-ai-skica .ai-milestones-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));
  gap:30px 24px;
  list-style:none;
  margin:0;
  padding:0;
}
.aela-ai-skica .ai-milestones-grid img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:0}
.aela-ai-skica .ai-milestones-grid h3{margin:14px 0 0;font-size:1rem;font-weight:500;color:var(--st-text)}
.aela-ai-skica .ai-milestones-grid p{margin:6px 0 0;font-size:.875rem;color:var(--st-muted)}
.aela-ai-skica .ai-milestones-grid small{display:block;margin-top:6px;font-size:.75rem;color:var(--st-muted)}
.aela-ai-skica .ai-milestones-grid a{color:inherit}
.aela-ai-skica .ai-milestones-grid a:hover{text-decoration:underline}

/* --- AI page: 18 areas, light like the contact -------------------------- */
body.aela-studio .ai-skica-services{position:relative;isolation:isolate}
body.aela-studio .ai-skica-services .st-head{max-width:760px;margin:0 auto 56px!important;text-align:center!important}
body.aela-studio .ai-skica-services .st-head>p:not(.detail-editorial-label){margin-inline:auto!important}
body.aela-studio .ai-skica-grid{gap:0 48px!important;border-top:1px solid rgba(255,255,255,.08)!important}
body.aela-studio .ai-skica-grid>li{border-bottom:1px solid rgba(255,255,255,.08)!important}
body.aela-studio .ai-skica-item{min-height:68px!important;gap:14px!important}
body.aela-studio .ai-skica-item .ai-skica-icon{width:20px!important;height:20px!important;opacity:.75}
body.aela-studio .ai-skica-item span:last-child{font-size:16px!important;font-weight:400!important;color:#e6e9f0;transition:color .25s ease}
body.aela-studio .ai-skica-item::after{content:""!important;width:12px;height:12px;background:linear-gradient(currentColor,currentColor) center/12px 1px no-repeat,linear-gradient(currentColor,currentColor) center/1px 12px no-repeat}
body.aela-studio .ai-skica-item:hover span:last-child{color:#fff!important}
body.aela-studio .ai-skica-item:hover::after{opacity:.9!important}
/* detail window */
.aela-ai-skica .ai-skica-dialog{border:1px solid rgba(255,255,255,.1)!important;border-radius:24px!important;background:radial-gradient(90% 70% at 50% 120%,rgba(61,139,255,.28),transparent 65%),#0b0c10!important;box-shadow:0 40px 120px -30px rgba(0,0,0,.9)!important;color:#eef1f6}
.aela-ai-skica .ai-skica-dialog::backdrop{background:rgba(5,6,8,.6)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.aela-ai-skica .ai-skica-dialog[open]{animation:aela-dialog-in .45s cubic-bezier(.2,.7,.2,1)!important}
.aela-ai-skica .ai-skica-dialog-panel{background:none!important;border:0!important;box-shadow:none!important}
.aela-ai-skica .ai-skica-dialog-header h2{font-family:var(--aela-heading,"Space Grotesk",sans-serif)!important;font-weight:400!important;letter-spacing:-.03em}
.aela-ai-skica .ai-skica-dialog-content li{font-size:16px;line-height:1.65;color:#b5bccb!important;border-color:rgba(255,255,255,.08)!important}
.aela-ai-skica .ai-skica-dialog-header button{background:none!important;border:1px solid rgba(255,255,255,.14)!important}
@keyframes aela-dialog-in{from{opacity:0;filter:blur(8px);transform:translateY(10px) scale(.985)}to{opacity:1;filter:none;transform:none}}

@media(prefers-reduced-motion:reduce){
  .js-count,body.aela-studio .st-num.is-count-lamp.js-count{opacity:1;filter:none;transform:none;transition:none}
  :is(.faq-item,.detail-editorial-faq details,.sw-faq details)>:not(summary){transition:none}
  .aela-ai-skica .ai-skica-dialog[open]{animation:none!important}
}

/* service pages: every opening uses the same device scene as the web page */
body.aela-studio .detail-visual--devices img{object-fit:contain!important;object-position:center!important}
body.aela-studio .ai-skica-item:hover span:last-child{text-decoration:none!important}

/* ==========================================================================
   Blue light, used sparingly: opening, one middle section, contact.
   ========================================================================== */
body.aela-studio .detail-hero::before{content:"";position:absolute;z-index:-1;right:-6%;bottom:-18%;width:62%;height:90%;background:radial-gradient(closest-side,rgba(61,139,255,.22),rgba(61,139,255,.06) 60%,transparent 85%);pointer-events:none}
body.aela-studio #postup-spoluprace{position:relative;isolation:isolate}
body.aela-studio #postup-spoluprace::before{content:"";position:absolute;z-index:-1;left:-22%;top:10%;width:60%;height:90%;background:radial-gradient(closest-side,rgba(61,139,255,.16),rgba(61,139,255,.04) 60%,transparent 85%);pointer-events:none}
body.aela-home #cesta{position:relative;isolation:isolate;overflow:hidden}
body.aela-home #cesta::after{content:"";position:absolute;z-index:-1;left:-20%;bottom:-30%;width:60%;height:100%;background:radial-gradient(closest-side,rgba(61,139,255,.16),rgba(61,139,255,.04) 60%,transparent 85%);pointer-events:none}
body.aela-studio .detail-visual--brain{background:none!important}
body.aela-studio .detail-visual--brain img{object-fit:contain;padding:clamp(16px,3vw,40px)}

/* The actual transparent product renders use the page as their backdrop. */
body.aela-studio .detail-visual--brain::after,
body.aela-studio .detail-hero--iphones::before,
body.aela-studio .detail-visual--iphones::after,
body.aela-studio.apple-page .detail-hero::before,
body.aela-studio.apple-page .detail-visual::after{
  content:none;
}

body.aela-studio.apple-page .detail-visual img{
  object-fit:contain;
}

body.aela-studio.apple-page .detail-unboxing{
  width:min(100%,470px);
  justify-self:center;
}

body.aela-studio.apple-page .detail-unboxing img{
  width:100%;
  height:auto;
}

/* Two website previews built from the existing project screenshots. */
body.aela-studio.web-simple #ukazky .detail-editorial-heading{
  margin-inline:auto!important;
  text-align:center;
}

body.aela-studio.web-simple #ukazky .detail-editorial-heading > p:not(.detail-editorial-label){
  margin-inline:auto!important;
}

body.aela-studio.web-simple #ukazky .detail-project-list--featured{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(18px,3vw,36px);
}

body.aela-studio.web-simple .detail-device-scene{
  position:relative;
  isolation:isolate;
  grid-column:1/-1;
  aspect-ratio:16/10;
  overflow:hidden;
  border-radius:16px;
  background:radial-gradient(ellipse at 53% 68%,#1c2637 0%,var(--st-bg) 74%);
}

body.aela-studio.web-simple .detail-device{
  position:absolute;
  display:block;
  border:2px solid #4a5260;
  border-radius:8px;
  padding:3px;
  background:#11151b;
  box-shadow:0 14px 26px #000a;
}

body.aela-studio.web-simple .detail-device img{
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:auto;
  border-radius:3px;
  object-fit:cover;
  object-position:top;
}

body.aela-studio.web-simple .detail-device--mac{
  z-index:1;
  left:8%;
  bottom:18%;
  width:65%;
  aspect-ratio:16/10;
  transform:perspective(850px) rotateY(-8deg);
}

body.aela-studio.web-simple .detail-device--mac::after{
  position:absolute;
  top:100%;
  inset-inline:-5%;
  height:6%;
  border-radius:1px 1px 40% 40%;
  background:linear-gradient(#929ba9,#303740 65%,#191d25);
  content:"";
}

body.aela-studio.web-simple .detail-device--tablet{
  z-index:2;
  right:7%;
  bottom:30%;
  width:36%;
  aspect-ratio:4/3;
  transform:perspective(850px) rotateY(9deg) rotate(3deg);
}

body.aela-studio.web-simple .detail-device--phone{
  z-index:3;
  right:4%;
  bottom:10%;
  width:16%;
  aspect-ratio:1/2.04;
  border-radius:9px;
  transform:perspective(650px) rotateY(8deg) rotate(7deg);
}

body.aela-studio.web-simple .detail-device--phone::after{
  position:absolute;
  top:5%;
  left:35%;
  width:30%;
  height:4%;
  border-radius:9px;
  background:#11151b;
  content:"";
}

@media(max-width:860px){
  body.aela-studio.web-simple .detail-editorial-reverse > :is(.detail-editorial-heading,.detail-editorial-visual){
    grid-column:auto;
    grid-row:auto;
  }
}

@media(max-width:600px){
  body.aela-studio.web-simple #ukazky .detail-project-list--featured{
    grid-template-columns:minmax(0,1fr);
  }
}

/* ==========================================================================
   Motion: content appears with a fade and a light blur, the opening
   headline assembles word by word. Only when JS runs and motion is allowed.
   ========================================================================== */
html.motion .m-r{opacity:0;filter:blur(10px);transform:translateY(18px);transition:opacity .9s ease,filter .9s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
html.motion .m-r.in-view{opacity:1;filter:blur(0);transform:none}
html.motion .m-w{display:inline-block;opacity:0;filter:blur(12px);transform:translateY(.28em);animation:aela-word .95s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i) * 75ms + 120ms)}
@keyframes aela-word{to{opacity:1;filter:blur(0);transform:none}}
html.motion .m-hero{opacity:0;filter:blur(8px);animation:aela-word 1s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:var(--d,.6s)}
@media(prefers-reduced-motion:reduce){html.motion .m-r,html.motion .m-w,html.motion .m-hero{opacity:1!important;filter:none!important;transform:none!important;animation:none!important;transition:none!important}}

/* === 2026-11-10 odpoledne: homepage úpravy === */
body.aela-home .hero-platforms{margin-top:46px}
body.aela-home .hero-platforms>.platform-window{margin:0}
body.aela-home .platform-note{width:min(1240px,calc(100% - 48px));margin:-6px auto 0;text-align:left;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(170,176,189,.5)}
@media(min-width:901px){
  body.aela-home .services .head-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;align-items:end}
  body.aela-home .services .head-row>div{grid-column:1/8}
  body.aela-home .services .head-row>p{grid-column:8/13;max-width:none;margin:0}
}
body.aela-home #cesta{overflow:visible!important}
body.aela-home{overflow-x:clip}
body.aela-home #cesta::after{left:-25%!important;bottom:auto!important;top:45%!important;width:75%!important;height:150%!important;background:radial-gradient(closest-side,rgba(61,139,255,.17),rgba(61,139,255,.06) 50%,rgba(61,139,255,.015) 78%,transparent 100%)!important}
body.aela-home .team{overflow:visible!important}
body.aela-home .fd-links{display:flex;flex-wrap:wrap;gap:6px 26px;margin-top:18px}
body.aela-home .fd-links .fd-link{margin-top:0}
html:has(body.aela-home){overflow-x:clip}

/* ceníky */
body.aela-studio .st-price-incl{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px;line-height:1.5;color:#9aa3b4}
body.aela-studio .st-price-incl li{position:relative;padding-left:16px}
body.aela-studio .st-price-incl li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:1px;background:var(--st-accent-ink,#8bb5ff)}
body.aela-studio .st-price-note{margin:36px 0 0;font-size:13.5px;color:#7d8596;max-width:70ch}
body.aela-studio .st-price strong small:last-child{font-size:.36em}
/* AI: malé čtverce */
body.aela-studio .ai-wow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
body.aela-studio .ai-wow a{display:block;color:inherit;text-decoration:none}
body.aela-studio .ai-wow-img{display:block;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#111318;border:1px solid rgba(255,255,255,.07)}
body.aela-studio .ai-wow-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s;filter:saturate(.9)}
body.aela-studio .ai-wow a:hover .ai-wow-img img{transform:scale(1.05);filter:saturate(1.1)}
body.aela-studio .ai-wow h3{margin:14px 0 6px;font-size:15px;font-weight:500;line-height:1.3;color:#fff}
body.aela-studio .ai-wow p{margin:0;font-size:13px;line-height:1.5;color:#8f97a8}
body.aela-studio .ai-wow-credits{margin:28px 0 0;font-size:11.5px;color:#5f6676}
@media(max-width:1100px){body.aela-studio .ai-wow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){body.aela-studio .ai-wow{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}

/* Archer demo */
.ar-app{--ar-line:rgba(255,255,255,.09);border:1px solid var(--ar-line);border-radius:18px;background:linear-gradient(180deg,#121319,#0c0d11);overflow:hidden;box-shadow:0 40px 120px -40px rgba(61,139,255,.35),0 0 0 1px rgba(0,0,0,.4);color:#d9deea;font-size:14px}
.ar-bar{display:flex;align-items:center;gap:14px;height:42px;padding:0 16px;border-bottom:1px solid var(--ar-line);background:#15161c}
.ar-dots{display:flex;gap:7px}.ar-dots i{width:11px;height:11px;border-radius:50%;background:#3a3c45}.ar-dots i:first-child{background:#ff5f57}.ar-dots i:nth-child(2){background:#febc2e}.ar-dots i:nth-child(3){background:#28c840}
.ar-name{font-weight:500;color:#fff}.ar-name small{margin-left:6px;font-size:11px;color:#8bb5ff;border:1px solid rgba(139,181,255,.35);border-radius:99px;padding:1px 7px}
.ar-tc{margin-left:auto;font:500 12.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#9aa3b4}
.ar-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:0}
.ar-stage{padding:18px;display:grid;gap:14px;min-width:0}
.ar-screen{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000}
.ar-canvas{width:100%;height:100%;display:block}
.ar-play{position:absolute;left:14px;bottom:14px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.92);display:grid;place-items:center;cursor:pointer;transition:transform .2s}
.ar-play:hover{transform:scale(1.06)}.ar-play svg{width:20px;height:20px;fill:#09090b}.ar-play .i-pause{display:none}
.is-playing .ar-play .i-play{display:none}.is-playing .ar-play .i-pause{display:block}
.ar-tools{display:flex;flex-wrap:wrap;gap:8px}
.ar-tools button,.ar-chips button{font:inherit;font-size:13px;color:#d9deea;background:rgba(255,255,255,.05);border:1px solid var(--ar-line);border-radius:99px;padding:7px 13px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.ar-tools button:hover,.ar-chips button:hover{background:rgba(61,139,255,.16);border-color:rgba(61,139,255,.5);color:#fff}
.ar-timeline{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;font-size:12px}
.ar-labels{display:grid;grid-template-rows:22px 46px 30px;gap:6px;color:#7d8596}.ar-labels span{display:flex;align-items:center}.ar-labels b{margin-left:4px;font-weight:500;color:#8bb5ff}
.ar-lanes{position:relative;display:grid;grid-template-rows:22px 46px 30px;gap:6px;cursor:ew-resize;touch-action:none;user-select:none}
.ar-track-titles{position:relative}
.ar-title-clip{position:absolute;top:0;height:22px;border-radius:6px;background:rgba(139,181,255,.18);border:1px solid rgba(139,181,255,.45);color:#cfe0ff;padding:0 8px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11.5px}
.ar-track-video{display:flex;gap:3px}
.ar-clip{min-width:0;height:46px;border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:6px 8px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;font:inherit;font-size:11.5px;color:#fff;cursor:pointer;overflow:hidden;transition:outline-color .2s}
.ar-clip span,.ar-clip small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ar-clip small{color:rgba(255,255,255,.6);font-size:10.5px}
.ar-clip--city{background:linear-gradient(135deg,#0f2550,#1d3f7a)}.ar-clip--office{background:linear-gradient(135deg,#4a2a12,#7a4a22)}.ar-clip--product{background:linear-gradient(135deg,#0a1830,#16408a)}
.ar-clip.is-sel{outline:2px solid #8bb5ff;outline-offset:1px}
.is-mono .ar-clip{filter:grayscale(1)}
.ar-track-audio{height:30px;border-radius:7px;border:1px solid rgba(110,225,200,.28);background:rgba(110,225,200,.05);display:flex;align-items:center;gap:2px;padding:0 6px;overflow:hidden}
.ar-track-audio i{flex:1;min-width:1px;height:calc(var(--h,.5)*(30% + 60%*var(--vol,1)));background:rgba(110,225,200,calc(.35 + .5*var(--vol,1)));border-radius:1px;transition:height .4s,background .4s}
.ar-playhead{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:#fff;border-radius:2px;box-shadow:0 0 12px rgba(139,181,255,.8);pointer-events:none}
.ar-playhead::before{content:"";position:absolute;top:-3px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:2px;background:#fff;transform:rotate(45deg)}
.ar-chat{display:flex;flex-direction:column;border-left:1px solid var(--ar-line);background:#0f1015;min-height:0;max-height:560px}
.ar-chat-head{display:flex;align-items:center;gap:10px;margin:0;padding:14px 16px;border-bottom:1px solid var(--ar-line);font-weight:500;color:#fff}
.ar-avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:linear-gradient(135deg,#3d8bff,#8bb5ff);color:#09090b;font-weight:600}
.ar-log{flex:1;overflow:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-height:200px}
.ar-msg{margin:0;max-width:92%;padding:9px 12px;border-radius:12px;line-height:1.45;font-size:13px;animation:ar-in .3s ease}
.ar-msg--ai{background:rgba(255,255,255,.06);border-bottom-left-radius:4px;align-self:flex-start}
.ar-msg--me{background:#3d8bff;color:#fff;border-bottom-right-radius:4px;align-self:flex-end}
.ar-msg.is-typing{opacity:.6}
@keyframes ar-in{from{opacity:0;transform:translateY(4px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.ar-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px}.ar-chips button{font-size:12px;padding:5px 10px}
.ar-ask{display:flex;gap:8px;padding:12px 16px 16px;border-top:1px solid var(--ar-line)}
.ar-ask input{flex:1;min-width:0;font:inherit;font-size:13.5px;color:#fff;background:rgba(255,255,255,.05);border:1px solid var(--ar-line);border-radius:99px;padding:9px 14px;outline:none}
.ar-ask input:focus{border-color:rgba(61,139,255,.6)}
.ar-ask button{width:38px;height:38px;flex:none;border-radius:50%;border:0;background:#fff;color:#09090b;display:grid;place-items:center;cursor:pointer}.ar-ask button svg{width:16px;height:16px}
.ar-note{margin:18px 0 0;font-size:13px;color:#7d8596}.ar-note a{color:#8bb5ff;text-decoration:none}
@media(max-width:900px){.ar-body{grid-template-columns:1fr}.ar-chat{border-left:0;border-top:1px solid var(--ar-line);max-height:none}.ar-log{max-height:240px}}
@media(max-width:560px){.ar-stage{padding:12px}.ar-timeline{grid-template-columns:58px minmax(0,1fr)}.ar-labels b{display:none}.ar-clip small{display:none}}
/* malé karty ukázek */
.pf-mini{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pf-mini a{display:block;color:inherit;text-decoration:none}
.pf-mini-img{display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#111318;border:1px solid rgba(255,255,255,.07)}
.pf-mini-img img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.pf-mini a:hover .pf-mini-img img{transform:scale(1.04)}
.pf-mini-tag{display:block;margin-top:14px;font-size:12px;color:#8bb5ff}
.pf-mini h3{margin:4px 0 6px;font-size:16px;font-weight:500;color:#fff}
.pf-mini p{margin:0;font-size:13.5px;line-height:1.5;color:#8f97a8}
@media(max-width:1000px){.pf-mini{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.pf-mini{grid-template-columns:1fr}}

/* weby: karty a portfolio */
body.aela-studio .st-mini-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:7px;font-size:14px;color:#9aa3b4}
body.aela-studio .st-mini-list li{position:relative;padding-left:16px}
body.aela-studio .st-mini-list li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:1px;background:var(--st-accent-ink,#8bb5ff)}
.pf-groups{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px}
.pf-group-label{margin:0 0 14px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#7d8596}
.pf-mini--2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.pf-mini-btn{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer}
.pf-mini-btn:hover .pf-mini-img img{transform:scale(1.04)}
.pf-mini-btn:focus-visible{outline:2px solid #8bb5ff;outline-offset:6px;border-radius:14px}
@media(max-width:900px){.pf-groups{grid-template-columns:1fr}}
@media(max-width:520px){.pf-mini--2{grid-template-columns:1fr 1fr!important;gap:14px}.pf-mini h3{font-size:14.5px}.pf-mini p{display:none}}
.pf-dialog{width:min(980px,calc(100% - 32px));max-height:calc(100vh - 48px);padding:0;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#0f1015;color:#d9deea;overflow:auto;opacity:0;transform:translateY(12px) scale(.98);filter:blur(6px);transition:opacity .3s,transform .3s,filter .3s}
.pf-dialog[open]{opacity:1;transform:none;filter:none}
.pf-dialog.is-closing{opacity:0;transform:translateY(8px) scale(.98);filter:blur(6px)}
@starting-style{.pf-dialog[open]{opacity:0;transform:translateY(12px) scale(.98);filter:blur(6px)}}
.pf-dialog::backdrop{background:rgba(5,5,8,.72);backdrop-filter:blur(6px)}
.pf-dialog-img{display:block;width:100%;height:auto;background:#09090b}
.pf-dialog-body{padding:24px 28px 28px}
.pf-dialog-body h3{margin:4px 0 8px;font-size:24px;font-weight:400;color:#fff}
.pf-dialog-body p{margin:0 0 20px;color:#9aa3b4}
.pf-dialog-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(9,9,11,.7);color:#fff;font-size:20px;line-height:1;cursor:pointer;z-index:2}
/* zarovnání sekcí s logem */
body.aela-studio :is(.detail-section,.ai-skica-block){max-width:none!important;width:min(1240px,calc(100% - 48px))!important;margin-inline:auto!important;padding-inline:0!important}
/* kyberbezpečnost */
body.aela-studio .kb-ico{display:inline-grid;margin-bottom:14px}
body.aela-studio .kb-ico svg{width:24px;height:24px}
body.aela-studio .kb-visual{margin:0;width:min(100%,560px);justify-self:center}
body.aela-studio .kb-visual img{display:block;width:100%;height:auto;-webkit-mask-image:radial-gradient(closest-side,#000 70%,transparent 100%);mask-image:radial-gradient(closest-side,#000 70%,transparent 100%)}
/* IT hero: fotka se rozplývá do černé */
body.aela-studio.it-page .detail-visual img{-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 5%,#000 14%,#000 82%,rgba(0,0,0,.35) 93%,transparent 100%),linear-gradient(180deg,transparent 0,rgba(0,0,0,.3) 8%,#000 24%,#000 74%,rgba(0,0,0,.35) 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 5%,#000 14%,#000 82%,rgba(0,0,0,.35) 93%,transparent 100%),linear-gradient(180deg,transparent 0,rgba(0,0,0,.3) 8%,#000 24%,#000 74%,rgba(0,0,0,.35) 88%,transparent 100%);mask-composite:intersect}
body.aela-studio.it-page .detail-visual{background:none!important;box-shadow:none!important;border:0!important}
body.aela-studio.it-page .detail-visual::after,body.aela-studio.it-page .detail-visual::before{content:none!important}
body.aela-studio.it-page .detail-visual img{width:100%!important;height:auto!important;max-height:none!important;object-fit:fill!important;align-self:center}
body.aela-studio.it-page .detail-visual{display:flex!important;align-items:center;height:auto!important}
/* weby: realizované + ukázkové */
.pf-groups{grid-template-columns:1fr!important;gap:44px!important}
.pf-groups .pf-mini,.pf-groups .pf-mini--2{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.pf-mini-img--ph{position:relative;display:grid!important;place-items:center;background:radial-gradient(120% 90% at 30% 20%,rgba(61,139,255,.22),transparent 60%),#101219}
.pf-mini-img--ph img{position:absolute;inset:0}
.pf-ph-name{font:400 22px/1.15 var(--aela-heading,"Space Grotesk",sans-serif);letter-spacing:-.02em;color:#dfe7f7;padding:20px;text-align:center}
@media(max-width:900px){.pf-groups .pf-mini,.pf-groups .pf-mini--2{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* redakční systém s AI */
.cms-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,90px);align-items:center}
.cms-grid .st-head{margin:0!important;max-width:none!important}
.cms-list{margin-top:26px!important;font-size:15px!important;gap:10px!important}
.cms-demo{border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(180deg,#121319,#0c0d11);overflow:hidden;box-shadow:0 40px 120px -40px rgba(61,139,255,.35)}
.cms-bar{display:flex;align-items:center;gap:14px;height:40px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08);background:#15161c;font-size:12.5px;color:#9aa3b4}
.cms-chat{display:flex;flex-direction:column;gap:10px;padding:20px}
.cms-msg{margin:0;max-width:84%;padding:10px 13px;border-radius:13px;font-size:13.5px;line-height:1.45}
.cms-msg--me{align-self:flex-end;background:#3d8bff;color:#fff;border-bottom-right-radius:4px}
.cms-msg--ai{align-self:flex-start;background:rgba(255,255,255,.06);color:#d9deea;border-bottom-left-radius:4px}
.cms-diff{align-self:flex-start;display:flex;gap:8px;font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.cms-diff span{padding:6px 9px;border-radius:7px}
.cms-diff-old{background:rgba(255,95,87,.12);color:#ff9a94;text-decoration:line-through}
.cms-diff-new{background:rgba(40,200,64,.12);color:#7be38d}
.cms-actions{align-self:flex-start;display:flex;gap:8px}
.cms-btn{font-size:12.5px;padding:6px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.12);color:#d9deea}
.cms-btn--pri{background:#fff;color:#09090b;border-color:#fff}
.cms-input{display:flex;align-items:center;justify-content:space-between;margin:0 20px 20px;padding:10px 10px 10px 16px;border:1px solid rgba(255,255,255,.09);border-radius:99px;font-size:13px;color:#6f7787}
.cms-input i{width:30px;height:30px;border-radius:50%;background:#fff}
@media(max-width:900px){.cms-grid{grid-template-columns:1fr}}
.pf-mini--3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.pf-mini-static{display:block}
@media(max-width:900px){.pf-mini--3{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){.pf-mini--3{grid-template-columns:1fr!important}}
.pf-groups .pf-mini--3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:900px){.pf-groups .pf-mini--3{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){.pf-groups .pf-mini--3{grid-template-columns:1fr!important}}

/* AI recepční — simulace hovoru */
.rc{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;margin-top:8px}
.rc-phone,.rc-side{border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.rc-phone{display:flex;flex-direction:column;min-height:520px;overflow:hidden}
.rc-top{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.06)}
.rc-id{flex:1;min-width:0}.rc-id b{display:block;font:400 17px/1.2 "Space Grotesk",Inter,sans-serif;color:#fff}
.rc-status{font-size:13px;color:#8a8f9c}
.rc[data-state=ai] .rc-status{color:#8bb5ff}.rc[data-state=you] .rc-status{color:#9be7b9}
.rc-timer{font:400 13px/1 Inter,sans-serif;font-variant-numeric:tabular-nums;color:#6b7080}
.rc-orb{position:relative;width:44px;height:44px;flex:none}
.rc-orb i{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#bcd6ff,#3d8bff 55%,#1a3f80);box-shadow:0 0 24px -4px rgba(61,139,255,.7)}
.rc-orb i:nth-child(2),.rc-orb i:nth-child(3){background:none;box-shadow:none;border:1px solid rgba(61,139,255,.5);opacity:0}
.rc.in-call .rc-orb i:nth-child(2){animation:rcRing 1.8s ease-out infinite}.rc.in-call .rc-orb i:nth-child(3){animation:rcRing 1.8s .9s ease-out infinite}
.rc[data-state=ai] .rc-orb i:first-child{animation:rcTalk .5s ease-in-out infinite alternate}
@keyframes rcRing{from{transform:scale(1);opacity:.8}to{transform:scale(1.9);opacity:0}}
@keyframes rcTalk{from{transform:scale(.94)}to{transform:scale(1.06)}}
.rc-log{flex:1;display:flex;flex-direction:column;gap:10px;padding:20px;overflow-y:auto;max-height:340px;scroll-behavior:smooth}
.rc-hint{margin:auto;max-width:300px;text-align:center;color:#6b7080;font-size:14px}
.rc-b{margin:0;max-width:82%;padding:11px 14px;border-radius:16px;font-size:14.5px;line-height:1.45;animation:rcIn .3s ease}
.rc-b--ai{align-self:flex-start;background:rgba(61,139,255,.12);color:#dbe6ff;border-bottom-left-radius:5px}
.rc-b--me{align-self:flex-end;background:rgba(255,255,255,.08);color:#fff;border-bottom-right-radius:5px}
@keyframes rcIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.rc-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 14px}
.rc-chips button{padding:8px 13px;border-radius:99px;border:1px solid rgba(139,181,255,.28);background:rgba(61,139,255,.06);color:#cfe0ff;font:400 13.5px/1.2 Inter,sans-serif;cursor:pointer;transition:background .15s,border-color .15s}
.rc-chips button:hover{background:rgba(61,139,255,.16);border-color:rgba(139,181,255,.5)}
.rc-bottom{display:flex;gap:8px;padding:14px 16px;border-top:1px solid rgba(255,255,255,.06)}
.rc-type{flex:1;display:flex;align-items:center;min-width:0;height:46px;padding:0 6px 0 14px;border-radius:99px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07)}
.rc-type input{flex:1;min-width:0;border:0;outline:0;background:none;color:#fff;font:400 14px Inter,sans-serif}
.rc-type input::placeholder{color:#6b7080}
.rc-type button,.rc-mic{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:none;color:#8a8f9c;cursor:pointer}
.rc-mic{width:46px;height:46px;flex:none;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07)}
.rc-mic.on{color:#9be7b9;border-color:rgba(155,231,185,.35)}
.rc[data-state=you] .rc-mic.on{animation:rcMic 1.4s ease-in-out infinite}
@keyframes rcMic{50%{box-shadow:0 0 0 6px rgba(155,231,185,.12)}}
.rc-type svg,.rc-mic svg{width:18px;height:18px}
.rc-call{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;flex:none;border:0;border-radius:99px;background:#3d8bff;color:#fff;font:500 14.5px Inter,sans-serif;cursor:pointer;box-shadow:0 10px 24px -10px rgba(61,139,255,.8);transition:background .2s}
.rc-call svg{width:17px;height:17px}
.rc.in-call .rc-call{background:#e5484d;box-shadow:0 10px 24px -10px rgba(229,72,77,.7)}
.rc.in-call .rc-call svg{transform:rotate(135deg)}
.rc-side{display:flex;flex-direction:column;padding:22px}
.rc-side-label{margin:0 0 14px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#8a8f9c}
.rc-empty{margin:0;color:#6b7080;font-size:14px}
.rc-acts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.rc-acts li{display:flex;gap:11px;align-items:flex-start;font-size:14px;line-height:1.4;color:#d7dbe4;animation:rcIn .35s ease}
.rc-ai-ic{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:8px;background:rgba(61,139,255,.12);color:#8bb5ff;font-size:13px}
.rc-note{margin:auto 0 0;padding-top:18px;font-size:12.5px;line-height:1.5;color:#5d6270}
@media(max-width:900px){.rc{grid-template-columns:1fr}.rc-phone{min-height:460px}}
@media(max-width:560px){.rc-call span{display:none}.rc-call{padding:0 14px}.rc-b{max-width:92%}.rc-log{padding:16px}.rc-chips{padding:0 16px 12px}}
.rc-hero-link{display:inline-flex;align-items:center;gap:8px;margin-left:18px;color:#8bb5ff;font-size:15px;text-decoration:none;border-bottom:1px solid rgba(139,181,255,.3);padding-bottom:2px;transition:border-color .2s}
.rc-hero-link:hover{border-color:#8bb5ff}
@media(max-width:560px){.rc-hero-link{margin:16px 0 0}}
.rc-form-link{display:inline-flex;margin-top:16px;padding:10px 14px;border-radius:99px;background:#3d8bff;color:#fff;font-size:14px;text-decoration:none;align-self:flex-start;animation:rcIn .35s ease}
.rc-ts{display:flex;justify-content:center;padding:0 16px 12px}.rc-ts:empty{display:none}

/* Willy · chat */
.wl-launch{--d:54px;position:fixed;right:22px;bottom:22px;z-index:2147483000;width:var(--d);height:calc(var(--d) * 1.48);padding:0;border:0;background:none;cursor:pointer;opacity:0;transform:translateY(16px);transition:opacity .45s,transform .45s cubic-bezier(.2,.9,.25,1.2)}
.wl-launch.on{opacity:1;transform:none}
.wl-launch.hide{opacity:0;transform:translateY(16px) scale(.94);pointer-events:none}
.wl-pop{position:absolute;inset:0;display:block}
.wl-ring{position:absolute;left:0;bottom:0;width:var(--d);height:var(--d);border-radius:50%;background:rgba(14,17,24,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.26),0 12px 26px -10px rgba(0,0,0,.8);transition:box-shadow .35s}
.wl-ring::after{content:"";position:absolute;inset:0;border-radius:50%;border:2.5px solid #ccff00;opacity:0;transition:opacity .3s}
.wl-bot{position:absolute;inset:0;-webkit-mask:radial-gradient(circle calc(var(--d) / 2) at 50% calc(100% - var(--d) / 2),#000 97%,transparent 100%),linear-gradient(#000,#000) top/100% calc(100% - var(--d) / 2) no-repeat;mask:radial-gradient(circle calc(var(--d) / 2) at 50% calc(100% - var(--d) / 2),#000 97%,transparent 100%),linear-gradient(#000,#000) top/100% calc(100% - var(--d) / 2) no-repeat}
.wl-bot img{position:absolute;left:50%;top:calc(var(--d) * .14);width:calc(var(--d) * 1.09);transform:translate(-50%,calc(var(--d) * 1.45));transition:transform .45s cubic-bezier(.2,.9,.25,1.15);filter:drop-shadow(0 5px 8px rgba(0,0,0,.5))}
.wl-face{position:absolute;left:0;bottom:0;width:var(--d);height:var(--d);border-radius:50%;overflow:hidden}
.wl-face>span{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;transition:transform .4s cubic-bezier(.6,0,.3,1)}
.wl-face img{width:calc(var(--d) * .48);height:auto;display:block;margin-top:2px}
.wl-launch:hover .wl-face>span,.wl-launch:focus-visible .wl-face>span{transform:translateY(105%)}
.wl-launch:hover .wl-ring::after,.wl-launch:focus-visible .wl-ring::after{opacity:1}
.wl-launch:hover .wl-ring,.wl-launch:focus-visible .wl-ring{box-shadow:inset 0 0 0 1.5px transparent,0 12px 26px -10px rgba(0,0,0,.8),0 0 22px -2px rgba(204,255,0,.6),inset 0 0 12px rgba(204,255,0,.22)}
.wl-launch:hover .wl-bot img,.wl-launch:focus-visible .wl-bot img{transform:translate(-50%,0);transition-delay:.12s}
@media (hover:none),(max-width:560px){
.wl-launch{--d:56px}
.wl-launch .wl-face{display:none}
.wl-launch .wl-ring::after{opacity:1}
.wl-launch .wl-ring{box-shadow:inset 0 0 0 1.5px transparent,0 12px 26px -10px rgba(0,0,0,.8),0 0 20px -2px rgba(204,255,0,.5),inset 0 0 12px rgba(204,255,0,.2)}
.wl-launch.on .wl-bot img{transform:translate(-50%,0);transition-delay:.3s}
}
.wl-launch-t{position:absolute;right:66px;bottom:14px;padding:8px 13px;border-radius:99px;background:rgba(18,19,24,.92);border:1px solid rgba(255,255,255,.1);color:#fff;font:500 13.5px/1 Inter,sans-serif;white-space:nowrap;opacity:0;transform:translateX(6px);transition:opacity .25s,transform .25s;pointer-events:none}
.wl-launch:hover .wl-launch-t,.wl-launch.hint .wl-launch-t{opacity:1;transform:none}
.wl-logo{position:relative;display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;overflow:hidden;background:#0d1626}
.wl-logo img{width:100%;height:100%;object-fit:cover;display:block}
.wl-logo b{display:none;font:500 18px/1 "Space Grotesk",Inter,sans-serif;color:#fff}
.wl-logo.wl-mono{background:linear-gradient(140deg,#5b9dff,#2a64d8)}.wl-logo.wl-mono b{display:block}
.wl-logo--lg{width:38px;height:38px}
.wl-panel{position:fixed;right:24px;bottom:24px;z-index:2147483001;display:flex;flex-direction:column;width:min(400px,calc(100vw - 32px));height:min(620px,calc(100vh - 48px));border:1px solid rgba(255,255,255,.22);border-radius:26px;background:linear-gradient(160deg,rgba(255,255,255,.22),rgba(255,255,255,.1) 45%,rgba(255,255,255,.14));-webkit-backdrop-filter:blur(30px) saturate(170%);backdrop-filter:blur(30px) saturate(170%);color:#f2f4f8;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 0 0 1px rgba(255,255,255,.05),0 40px 80px -30px rgba(0,0,0,.75);overflow:hidden;opacity:0;transform:translateY(16px) scale(.98);transform-origin:bottom right;transition:opacity .25s,transform .25s}
.wl-panel.on{opacity:1;transform:none}
.wl-head{display:flex;align-items:center;gap:12px;padding:16px 16px 14px 18px;border-bottom:1px solid rgba(255,255,255,.14)}
.wl-head div{flex:1;min-width:0}.wl-head b{display:block;font:400 17px/1.2 "Space Grotesk",Inter,sans-serif;color:#fff}
.wl-head small{display:flex;align-items:center;gap:6px;font-size:12.5px;color:rgba(242,244,248,.7)}.wl-head small i{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.15)}
.wl-x{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;background:none;color:rgba(242,244,248,.75);cursor:pointer}.wl-x:hover{background:rgba(255,255,255,.12);color:#fff}.wl-x svg{width:18px;height:18px}
.wl-log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:18px;scroll-behavior:smooth;overscroll-behavior:contain}
.wl-b{max-width:86%;padding:10px 14px;border-radius:16px;font-size:14.5px;line-height:1.5;white-space:pre-line;word-wrap:break-word;animation:wlIn .25s ease}
.wl-b--bot{align-self:flex-start;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.12);border-bottom-left-radius:5px}
.wl-b--me{align-self:flex-end;background:#3d8bff;color:#fff;border-bottom-right-radius:5px}
.wl-b a{color:#8bb5ff;text-decoration:underline;text-underline-offset:2px}.wl-b--me a{color:#fff}
@keyframes wlIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.wl-typing{display:flex;gap:4px;padding:14px 16px}.wl-typing i{width:6px;height:6px;border-radius:50%;background:rgba(242,244,248,.6);animation:wlDot 1s infinite}.wl-typing i:nth-child(2){animation-delay:.15s}.wl-typing i:nth-child(3){animation-delay:.3s}
@keyframes wlDot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.wl-cta{align-self:flex-start;padding:9px 14px;border-radius:99px;background:#3d8bff;color:#fff;font-size:14px;text-decoration:none;animation:wlIn .25s ease}
.wl-chips{display:flex;flex-wrap:wrap;gap:7px;padding:0 18px 12px}.wl-chips:empty{display:none}
.wl-chips button{padding:7px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#f2f4f8;font:400 13px/1.2 Inter,sans-serif;cursor:pointer}.wl-chips button:hover{background:rgba(255,255,255,.16)}
.wl-ts{display:flex;justify-content:center;padding:0 16px 8px}.wl-ts:empty{display:none}
.wl-form{display:flex;align-items:flex-end;gap:8px;margin:0 12px;padding:6px 6px 6px 14px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(255,255,255,.09)}
.wl-form:focus-within{border-color:rgba(255,255,255,.4)}
.wl-form textarea{flex:1;min-width:0;max-height:120px;padding:8px 0;border:0;outline:0;resize:none;background:none;color:#fff;font:400 14.5px/1.4 Inter,sans-serif}
.wl-form textarea::placeholder{color:rgba(242,244,248,.55)}
.wl-form button{display:grid;place-items:center;width:36px;height:36px;flex:none;border:0;border-radius:12px;background:#3d8bff;color:#fff;cursor:pointer}.wl-form button svg{width:17px;height:17px}
.wl-foot{margin:8px 0 12px;text-align:center;font-size:11.5px;color:rgba(242,244,248,.5)}
.willy-ask{display:flex;align-items:center;width:min(440px,100%);height:50px;margin-top:16px;padding:0 6px 0 20px;border:1px solid rgba(255,255,255,.18);border-radius:99px;background:rgba(0,0,0,.25);transition:border-color .2s}
.willy-ask:hover,.willy-ask:focus-within{border-color:rgba(255,255,255,.42)}
.willy-ask input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;color:#fff;font:400 15px Inter,sans-serif}
.willy-ask input::placeholder{color:#8a8f9c}
.willy-ask button{display:grid;place-items:center;width:38px;height:38px;flex:none;border:0;border-radius:50%;background:none;color:#8a8f9c;cursor:pointer;transition:color .2s,background .2s}
.willy-ask button:hover,.willy-ask:focus-within button{color:#fff;background:rgba(255,255,255,.08)}.willy-ask button svg{width:17px;height:17px}
@media(max-width:560px){.wl-launch{right:14px;bottom:14px}.wl-launch-t{display:none}.wl-panel{right:0;bottom:0;width:100vw;height:100dvh;border-radius:0;border:0}.wl-b{max-width:92%}}
.wl-form textarea:focus,.wl-form textarea:focus-visible,.willy-ask input:focus,.willy-ask input:focus-visible{outline:none!important;box-shadow:none!important}
.wl-panel[hidden]{display:none!important}.wl-panel:not(.on){pointer-events:none}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.wl-panel{background:rgba(24,27,34,.97)}}
.wl-form .wl-mic{background:rgba(255,255,255,.1);color:#f2f4f8}.wl-form .wl-mic:hover{background:rgba(255,255,255,.18)}
.wl-form .wl-mic.on{background:#e5484d;color:#fff}
.wl-form .wl-mic[hidden]{display:none}
.wl-voice{display:flex;align-items:center;gap:10px;margin:0 12px 10px;padding:10px 10px 10px 12px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);animation:wlIn .25s ease}
.wl-voice[hidden]{display:none}
.wl-orb{width:22px;height:22px;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,#eaffb0,#ccff00 55%,#6f8f00);box-shadow:0 0 14px rgba(204,255,0,.55)}
.wl-voice[data-state=ai] .wl-orb{animation:wlTalk .45s ease-in-out infinite alternate}
.wl-voice[data-state=you] .wl-orb{animation:wlListen 1.6s ease-in-out infinite}
.wl-voice[data-state=ring] .wl-orb{opacity:.6}
@keyframes wlTalk{from{transform:scale(.88)}to{transform:scale(1.12)}}
@keyframes wlListen{50%{box-shadow:0 0 0 7px rgba(204,255,0,.12),0 0 14px rgba(204,255,0,.55)}}
.wl-vs{flex:1;min-width:0;font-size:14px;color:#f2f4f8}
.wl-vt{font-size:12.5px;font-variant-numeric:tabular-nums;color:rgba(242,244,248,.6)}
.wl-vend{height:32px;padding:0 12px;border:0;border-radius:99px;background:#e5484d;color:#fff;font:500 13px Inter,sans-serif;cursor:pointer}

/* ===== Úvod: menu, nadpis, Willy pole, loga (11/2026) ===== */
html:has(body.aela-home){scroll-behavior:smooth}
body.aela-home :is(#sluzby,#cesta,#tym,#faq,#kontakt){scroll-margin-top:84px}
.nav-dd{position:relative;display:flex;align-items:center}
.nav-dd-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:10px 12px;border:0;background:none;color:#c6c9d1;font:inherit;font-size:14px;cursor:pointer}
.nav-dd-btn:hover,.nav-dd.open .nav-dd-btn{color:#fff}
.nav-dd-btn svg{width:14px;height:14px;transition:transform .25s}
.nav-dd.open .nav-dd-btn svg{transform:rotate(180deg)}
.nav-dd-panel{position:absolute;top:calc(100% + 10px);left:50%;width:560px;display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:1px;background:#1d1e24;border-radius:2px;box-shadow:0 30px 60px -20px rgba(0,0,0,.9);opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .2s,transform .2s,visibility .2s}
.nav-dd-panel::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-dd.open .nav-dd-panel{opacity:1;visibility:visible;transform:translate(-50%,0)}
body #nav .nav-links .nav-dd-panel a{display:flex;align-items:center;gap:14px;padding:16px 18px;min-height:0;background:#0a0a0c;color:#fff;font-size:14px;text-decoration:none;transition:background .15s}
body #nav .nav-links .nav-dd-panel a:hover,body #nav .nav-links .nav-dd-panel a:focus-visible{background:#15161b}
.nd-ic{display:grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid rgba(255,255,255,.12);border-radius:2px;color:#8bb5ff}
.nd-ic svg{width:18px;height:18px}
.nd-t b{display:block;font-weight:500;font-size:14.5px;color:#fff}.nd-t small{display:block;margin-top:2px;font-size:12.5px;color:#8a8f9c}
body #nav .nav-links .nav-dd-panel a.nd-all{grid-column:1/-1;justify-content:space-between;padding:12px 18px;font-size:13px;color:#aab0bd}
body #nav .nav-links .nav-dd-panel a.nd-all:hover{color:#fff}
@media(max-width:920px){
 .nav-dd{flex-direction:column;align-items:stretch}
 .nav-dd-btn{justify-content:space-between;width:100%;padding:10px 12px}
 .nav-dd-panel{position:static;width:auto;grid-template-columns:1fr;transform:none;display:none;opacity:1;visibility:visible;box-shadow:none;margin:4px 0 6px}
 .nav-dd.open .nav-dd-panel{display:grid;transform:none}
 .nav-dd-panel::before{display:none}
 body #nav .nav-links .nav-dd-panel a{padding:12px 14px}
}
/* rotující slovo */
#headline .hw{display:inline-block;white-space:nowrap;background:linear-gradient(100deg,#fff 0%,#cfe0ff 60%,#8bb5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}
#headline .hw-c{display:inline-block;-webkit-text-fill-color:transparent;background:inherit;-webkit-background-clip:text;background-clip:text;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s,filter .4s;transition-delay:calc(var(--k) * 28ms)}
#headline .hw-c.in{transform:translateY(.55em);opacity:0;filter:blur(8px);transition:none}
#headline .hw-c.out{transform:translateY(-.45em);opacity:0;filter:blur(8px);transition-duration:.35s;transition-delay:calc(var(--k) * 18ms)}
@supports not (background-clip:text){#headline .hw,#headline .hw-c{color:#fff;-webkit-text-fill-color:#fff;background:none}}
/* Willy pole: kompaktní, po kliknutí se roztáhne */
body.aela-home .willy-ask{width:248px;transition:width .45s cubic-bezier(.2,.8,.2,1),border-color .25s,background .25s}
body.aela-home .willy-ask:focus-within,body.aela-home .willy-ask.has-text{width:min(460px,100%);border-color:rgba(204,255,0,.55);background:rgba(0,0,0,.4)}
body.aela-home .willy-ask:hover{border-color:rgba(255,255,255,.4)}
body.aela-home .willy-ask:focus-within button,body.aela-home .willy-ask.has-text button{background:#ccff00;color:#0b0d07;box-shadow:0 0 18px -2px rgba(204,255,0,.6)}
body.aela-home .willy-ask button:active{transform:scale(.94)}
/* loga níž, popisek nad ně */
body.aela-home .hero-platforms{margin-top:86px}
body.aela-home .hero-platforms>.platform-note{margin:0 auto 18px}
@media(max-width:700px){body.aela-home .hero-platforms{margin-top:56px}}
/* vše kolem Willyho v zelené */
.wl-form button[type=submit]{background:#ccff00;color:#0b0d07}
.wl-b--me{background:rgba(204,255,0,.16);border:1px solid rgba(204,255,0,.38);color:#f4ffd6}
.wl-b a{color:#d9ff66}
.wl-cta{background:#ccff00;color:#0b0d07}
.wl-chips button{border-color:rgba(204,255,0,.3)}
.wl-chips button:hover{background:rgba(204,255,0,.12)}
.wl-form:focus-within{border-color:rgba(204,255,0,.5)}
@media(max-width:700px){#headline .hw{display:block;width:max-content}#headline br{display:none}}
body:has(#navLinks.open) .wl-launch{opacity:0;pointer-events:none}

/* ===== AI stránka (11/2026) ===== */
body.aela-ai-skica{--st-accent-ink:#3f81e1}
body .detail-editorial-steps .st-step.st-step--ic,body .st-step.st-step--ic{display:grid!important;place-items:center;width:48px!important;max-width:48px!important;height:48px!important;margin:0 0 20px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px;color:#8bb5ff!important;font-size:0!important}
.st-step--ic svg{width:24px;height:24px}
/* Hedy: bílé okno */
.rc-phone,.rc-side{background:#fff;border:0;box-shadow:0 30px 70px -30px rgba(0,0,0,.7)}
.rc-top{border-bottom-color:#eef0f3}
.rc-id b{color:#0d0f14}.rc-status{color:#6b7280}
.rc[data-state=ai] .rc-status{color:#2563eb}.rc[data-state=you] .rc-status{color:#16a34a}
.rc-timer{color:#9aa1ad}
.rc-hint{color:#8a909c}
.rc-b--ai{background:#f1f4f9;color:#111827}
.rc-b--me{background:#0d0f14;color:#fff}
.rc-chips button{border-color:#dbe3f0;background:#fff;color:#1f3b75}
.rc-chips button:hover{background:#eef4ff;border-color:#bcd0f5}
.rc-bottom{border-top-color:#eef0f3}
.rc-type{background:#f4f6f9;border-color:#e6e9ef}
.rc-type input{color:#0d0f14}.rc-type input::placeholder{color:#9aa1ad}
.rc-type button{color:#6b7280}
.rc-mic{background:#f4f6f9;border-color:#e6e9ef;color:#6b7280}
.rc-mic.on{color:#16a34a;border-color:#bfe8cd;background:#f0fbf4}
.rc-side-label{color:#9aa1ad}
.rc-empty{color:#8a909c}
.rc-acts li{color:#1f2430}
.rc-ai-ic{background:#eef4ff;color:#2563eb}
.rc-note{color:#9aa1ad}
.rc-orb i:first-child{box-shadow:0 0 22px -4px rgba(61,139,255,.6)}
/* IT: Willy eskalace */
.it-esc{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:18px}
.it-esc li{display:flex;gap:16px;align-items:flex-start}
.it-esc-n{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;border:1px solid rgba(204,255,0,.5);color:#ccff00;font:400 15px/1 "Space Grotesk",Inter,sans-serif}
.it-esc li:not(:first-child) .it-esc-n{border-color:rgba(196,176,255,.4);color:#c4b0ff}
.it-esc h3{margin:4px 0 4px;font:400 18px/1.3 "Space Grotesk",Inter,sans-serif;color:#fff}
.it-esc p{margin:0;font-size:15px;line-height:1.55;color:#a3a9b6}
.it-willy-img img{object-fit:contain;max-height:540px;padding:24px;background:radial-gradient(circle at 50% 60%,rgba(204,255,0,.1),transparent 62%)}
/* Weby: okno redakce s AI, světlé */
.cms-demo{background:#fff!important;border:0!important;border-radius:20px!important;box-shadow:0 40px 80px -36px rgba(0,0,0,.8)!important;color:#111827;overflow:hidden}
.cms-demo .cms-bar{background:#f6f7f9!important;border-bottom:1px solid #eceef2!important;color:#6b7280!important}
.cms-preview{margin:16px 18px 4px;padding:14px 16px;border-radius:14px;background:#fbf3f7;border:1px solid #f4dce8}
.cms-pv-label{display:block;margin-bottom:8px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#b0688d}
.cms-pv-row{display:flex;gap:12px;align-items:center;padding:6px 0;font-size:14px;color:#374151;border-top:1px solid #f1e3ea}
.cms-pv-row:first-of-type{border-top:0}
.cms-pv-row span:first-child{width:70px;color:#6b7280}
.cms-pv-row--new span:last-of-type{font-weight:600;color:#111827;background:linear-gradient(transparent 55%,#fbd3e6 55%)}
.cms-pv-row em{margin-left:auto;font-style:normal;font-size:11.5px;padding:2px 8px;border-radius:99px;background:#111827;color:#fff}
.cms-demo .cms-chat{background:#fff!important}
.cms-demo .cms-msg--ai{background:#f3f4f6!important;color:#111827!important;border:0!important}
.cms-demo .cms-msg--me{background:#111827!important;color:#fff!important;border:0!important}
.cms-demo .cms-diff-old{background:#fee2e2!important;color:#b91c1c!important}
.cms-demo .cms-diff-new{background:#dcfce7!important;color:#15803d!important}
.cms-demo .cms-btn{background:#f3f4f6!important;color:#111827!important;border:0!important}
.cms-demo .cms-btn--pri{background:#f2aacd!important;color:#3a0d22!important}
.cms-demo .cms-input{background:#f6f7f9!important;border:1px solid #eceef2!important;color:#9aa1ad!important}
.cms-demo .cms-input i{background:#111827!important}