.client-app-showcase{background:#17231d;color:#f0f1e8;overflow:hidden}
.client-app-showcase [hidden]{display:none!important}
.client-app-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,7vw,130px);align-items:center}
.client-app-copy h2{font-size:clamp(46px,5vw,76px);line-height:1.06;letter-spacing:-.025em}
.client-app-copy h2 em{color:#bdcda7;font-style:normal}
.client-app-copy .lead{font-size:17px;line-height:1.8;color:#cdd4c9;max-width:460px;margin-top:30px}
.client-app-tabs{display:grid;gap:0;margin:36px 0 28px}
.client-app-tabs button{display:flex;align-items:center;gap:20px;min-height:66px;text-align:left;background:transparent;border:0;border-top:1px solid #f0f1e825;color:#b9c5b4;font:inherit;font-size:16px;cursor:pointer;padding:16px 2px;transition:color .2s,padding .2s}
.client-app-tabs button:last-child{border-bottom:1px solid #f0f1e825}
.client-app-tabs button>span{font-size:11px;font-variant-numeric:tabular-nums;opacity:.7}
.client-app-tabs button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.3;margin-left:auto;opacity:0}
.client-app-tabs button[aria-selected=true]{color:#f4f5ed;padding-left:10px}
.client-app-tabs button[aria-selected=true] svg{opacity:1}
.client-app-tabs button:hover{color:#fff}
.client-app-showcase :focus-visible{outline:2px solid #bdcda7;outline-offset:4px}
.client-app-showcase .client-app-login{font-size:13px;color:#d9e3cc}
.client-app-visual{min-width:0;position:relative;text-align:center}
.client-app-phone{position:relative;width:clamp(260px,27vw,340px);max-width:100%;margin:auto;border:5px solid #3d473f;border-radius:42px;overflow:hidden;background:#f8fafb;box-shadow:0 25px 70px #0004}
.client-app-phone img{display:block;width:100%;height:auto;max-width:none}
.client-app-description{max-width:410px;margin:24px auto 0;min-height:122px;text-align:left}
.client-app-description h3{font-family:Inter,sans-serif;font-size:17px;line-height:1.4;letter-spacing:-.01em;margin:0 0 8px}
.client-app-description p{font-size:14px;line-height:1.7;color:#c0cbbb;margin:0}
.client-app-caption{font-size:10px;letter-spacing:.025em;color:#a8b4a1;margin:18px 0 0}
/* The funding story shows the shipped product; its copy describes further development. */
.tr-current-app{margin:0;background:#dfe5d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:35px 24px;min-width:0;overflow:hidden}
.tr-current-app .client-app-phone{width:260px;border-radius:34px;border-width:4px}
.tr-current-app figcaption{font-size:11px;color:#40513e;text-align:center;line-height:1.6}
@media(max-width:900px){.client-app-layout{gap:35px}.client-app-copy .lead{font-size:16px}.client-app-description{min-height:150px}.client-app-copy h2{font-size:48px}}
@media(max-width:700px){.client-app-layout{grid-template-columns:1fr;gap:32px}.client-app-copy h2{font-size:clamp(40px,10vw,57px)}.client-app-copy .lead{margin-top:22px;font-size:16px}.client-app-tabs{grid-template-columns:1fr 1fr 1.4fr;margin:28px 0 20px;gap:12px}.client-app-tabs button,.client-app-tabs button[aria-selected=true]{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 0;font-size:13px;min-height:78px;border-bottom:1px solid #f0f1e825}.client-app-tabs button[aria-selected=true]{border-top-color:#d5e3c1;color:#e8f1dc}.client-app-tabs button svg{display:none}.client-app-phone{width:300px;max-width:90%;border-radius:38px}.client-app-description{min-height:144px;max-width:340px;margin-top:25px}.client-app-caption{margin-top:0}.tr-current-app{padding:30px 20px}.tr-current-app .client-app-phone{width:260px}}
@media(prefers-reduced-motion:reduce){.client-app-tabs button{transition:none}}
.ia-telefon{--frame-hi:#8a948f;--frame-edge:#3c4643;--screen-off:#05070a;--display:Areplos,Georgia,serif;--body:Inter,system-ui,sans-serif;pointer-events:none;user-select:none;color-scheme:dark;text-align:left}.ia-telefon *{box-sizing:border-box}
/* Telefon */
.ia-telefon{min-width:0}
.ia-scene{position:relative;height:720px;max-width:480px;margin:0 auto;perspective:1500px;display:grid;place-items:center;overflow:visible}
@media(max-width:480px){.ia-scene{height:640px}}
.ia-glow{position:absolute;width:70%;height:70%;left:15%;top:20%;border-radius:50%;background:radial-gradient(closest-side,#bdcda722,transparent);filter:blur(10px);pointer-events:none}
.ia-tilt{transform-style:flat}
.ia-float{animation:ia-float 7s ease-in-out infinite}
@keyframes ia-float{0%,100%{transform:translateY(0) rotateZ(0)}50%{transform:translateY(-10px) rotateZ(-.6deg)}}
.ia-phone{position:relative;width:clamp(250px,64vw,320px);aspect-ratio:1206/2622;border-radius:54px;
  background:linear-gradient(165deg,#2b3330 0%,#1a201e 45%,#232a27 100%);
  box-shadow:0 0 0 1.5px var(--frame-hi),0 0 0 3px var(--frame-edge),0 0 0 4px #0b0f0e,inset 0 0 0 1px #ffffff14,0 50px 100px -16px #000b,0 18px 36px -12px #0009;
  transform:translateY(70px) scale(.94);opacity:0;
  transition:transform 1.6s cubic-bezier(.2,.85,.25,1),opacity .9s ease;transform-style:flat}
.ia-phone.ia-in{transform:none;opacity:1}
.ia-phone.ia-out{transform:translateY(-40px) scale(.96);opacity:0;transition:transform 1.4s cubic-bezier(.55,0,.7,.1),opacity .8s ease .5s}
.ia-back{position:absolute;inset:0;border-radius:54px;background:linear-gradient(160deg,#333c39,#1f2624 60%,#272e2b);transform:rotateY(180deg) translateZ(1px);backface-visibility:hidden;overflow:hidden}
.ia-back::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,#ffffff10 50%,transparent 60%)}
.ia-cam{position:absolute;left:5%;top:3.2%;width:40%;aspect-ratio:1;border-radius:24%;background:#171d1b;box-shadow:inset 0 0 0 1px #3a4542,0 6px 14px #0006}
.ia-cam i{position:absolute;width:34%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#3a4a55,#0b0f12 60%);box-shadow:inset 0 0 0 3px #20282b,0 0 0 1px #0a0d0d}
.ia-cam i:nth-child(1){left:12%;top:12%}.ia-cam i:nth-child(2){left:12%;top:54%}.ia-cam i:nth-child(3){left:54%;top:33%}
.ia-phone .ia-btn{position:absolute;background:linear-gradient(90deg,#5d6762,#2a312e);width:4px;border-radius:3px;box-shadow:0 0 0 1px #0b0f0e}
.ia-phone .ia-btn.ia-l1{left:-7px;top:17%;height:4.5%}.ia-phone .ia-btn.ia-l2{left:-7px;top:24%;height:8.5%}.ia-phone .ia-btn.ia-l3{left:-7px;top:34%;height:8.5%}.ia-phone .ia-btn.ia-r{right:-7px;top:27%;height:13%;background:linear-gradient(270deg,#5d6762,#2a312e)}
/* Clip the accelerated video itself as well as the screen. iOS can otherwise
   composite a rectangular video above a rounded, transformed ancestor. */
.ia-screen{--screen-radius:44px;position:absolute;inset:11px;border-radius:var(--screen-radius);box-shadow:inset 0 0 0 1px #000;overflow:hidden;background:var(--screen-off);isolation:isolate;contain:paint;-webkit-mask-image:linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff);-webkit-clip-path:inset(0 round var(--screen-radius));clip-path:inset(0 round var(--screen-radius))}
.ia-screen video{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;display:block;background:#000;border-radius:inherit;-webkit-clip-path:inset(0 round var(--screen-radius));clip-path:inset(0 round var(--screen-radius));-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ia-screen .ia-dim{position:absolute;inset:0;background:#000;opacity:1;transition:opacity .6s;pointer-events:none}
.ia-screen.ia-awake .ia-dim{opacity:0}
.ia-screen.ia-off .ia-dim{opacity:1;transition:opacity .5s}
.ia-island{position:absolute;left:50%;top:22px;width:34%;height:4.2%;margin-left:-17%;border-radius:999px;background:#000;z-index:5}

/* Zamčená obrazovka */
.ia-lock{position:absolute;inset:0;z-index:3;color:#fff;display:flex;flex-direction:column;align-items:center;padding-top:19%;
  background:radial-gradient(90% 60% at 50% 110%,#1b2a3d 0%,#0b1220 45%,#05070a 100%);
  transition:transform .8s cubic-bezier(.7,0,.3,1),opacity .4s;overflow:hidden}
.ia-lock::before{content:"";position:absolute;inset:0;opacity:.7;pointer-events:none;
  background-image:radial-gradient(1px 1px at 14% 22%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 72% 31%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 38% 64%,#fff 50%,transparent 51%),
  radial-gradient(1px 1px at 86% 70%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 22% 83%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 58% 12%,#fff 50%,transparent 51%),
  radial-gradient(1px 1px at 48% 44%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 8% 50%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 92% 92%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 66% 88%,#fff 50%,transparent 51%)}
.ia-lock.ia-up{transform:translateY(-104%)}
.ia-lock .ia-ic{width:14px;height:17px;margin-bottom:10px;opacity:.9}
.ia-lock .ia-ic svg{width:100%;height:100%;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round}
.ia-lock .ia-ic .ia-sh{transform-origin:3px 7px;transition:transform .35s cubic-bezier(.3,1.4,.5,1)}
.ia-lock.ia-open .ia-ic .ia-sh{transform:rotate(-28deg) translateX(-1px)}
.ia-lock .ia-date{font-size:clamp(12px,3.6vw,15px);font-weight:400;letter-spacing:.01em;opacity:.95;margin:0}
.ia-lock .ia-time{font-family:var(--body);font-weight:300;font-size:clamp(56px,20vw,86px);line-height:1;letter-spacing:-.02em;margin:2px 0 0;font-variant-numeric:tabular-nums}
.ia-lock .ia-wm{margin-top:auto;margin-bottom:60%;font-family:var(--display);font-size:16px;letter-spacing:.02em;opacity:.7}
.ia-lock .ia-wm::before{content:"";display:inline-block;width:14px;height:1px;background:#fff;vertical-align:middle;margin-right:4px;opacity:.9}
.ia-faceid{position:absolute;left:50%;top:50%;width:74px;height:74px;margin:-37px 0 0 -37px;border-radius:18px;background:#ffffff14;backdrop-filter:blur(8px);
  display:grid;place-items:center;opacity:0;transform:scale(.7);transition:opacity .35s,transform .45s cubic-bezier(.2,1.2,.3,1)}
.ia-faceid.ia-show{opacity:1;transform:scale(1)}
.ia-faceid svg{width:46px;height:46px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ia-faceid .ia-f{stroke-dasharray:70;stroke-dashoffset:70}
.ia-faceid.ia-show .ia-f{animation:ia-draw .55s ease-out forwards}
.ia-faceid.ia-show .ia-f:nth-child(2){animation-delay:.08s}.ia-faceid.ia-show .ia-f:nth-child(3){animation-delay:.16s}.ia-faceid.ia-show .ia-f:nth-child(4){animation-delay:.24s}
.ia-faceid .ia-eye,.ia-faceid .ia-nose,.ia-faceid .ia-mouth{opacity:0}
.ia-faceid.ia-show .ia-eye,.ia-faceid.ia-show .ia-nose,.ia-faceid.ia-show .ia-mouth{animation:ia-pop .3s ease-out .45s forwards}
.ia-faceid .ia-ok{stroke-dasharray:30;stroke-dashoffset:30;opacity:0}
.ia-faceid.ia-done .ia-ok{animation:ia-draw .35s ease-out forwards;opacity:1}
.ia-faceid.ia-done .ia-eye,.ia-faceid.ia-done .ia-nose,.ia-faceid.ia-done .ia-mouth{animation:none;opacity:0;transition:opacity .2s}
@keyframes ia-draw{to{stroke-dashoffset:0}}
@keyframes ia-pop{to{opacity:1}}
.ia-lock .ia-hint{position:absolute;left:0;right:0;top:calc(50% + 48px);text-align:center;font-size:12px;opacity:0;transition:opacity .3s;letter-spacing:.02em}
.ia-lock .ia-hint.ia-show{opacity:.9}
.ia-glare{position:absolute;inset:0;z-index:4;pointer-events:none;mix-blend-mode:screen;opacity:.38;
  background:linear-gradient(115deg,transparent 30%,#ffffff18 44%,#ffffff26 50%,#ffffff18 56%,transparent 70%);
  animation:ia-glare 11s ease-in-out infinite alternate}
@keyframes ia-glare{from{transform:translateX(16%)}to{transform:translateX(-16%)}}
.ia-shadow{position:absolute;bottom:4%;left:18%;right:18%;height:30px;border-radius:50%;background:radial-gradient(closest-side,#000a,transparent);filter:blur(10px);
  transform:scaleX(var(--sh,1));transition:transform 1.7s;pointer-events:none}
.ia-snap, .ia-snap *{transition:none!important}

.ia-telefon .ia-scene{height:clamp(590px,51vw,720px);max-width:480px}.ia-telefon .ia-phone{width:clamp(250px,23vw,305px)}.ia-telefon .ia-dim{z-index:6}.ia-telefon .ia-island{pointer-events:none}.ia-telefon .ia-lock .ia-hint{margin:0}.ia-telefon .ia-float,.ia-telefon .ia-glare{animation-play-state:paused}.ia-telefon.ia-visible .ia-float,.ia-telefon.ia-visible .ia-glare{animation-play-state:running}
@media(max-width:760px){.ia-telefon .ia-scene{height:590px}.ia-telefon .ia-phone{width:250px;border-radius:44px}.ia-telefon .ia-screen{--screen-radius:36px;inset:9px}.ia-telefon .ia-back{border-radius:44px}.ia-telefon .ia-island{top:18px}.ia-telefon .ia-shadow{bottom:1%}}
@media(prefers-reduced-motion:reduce){.ia-telefon .ia-phone,.ia-telefon .ia-tilt,.ia-telefon .ia-glare,.ia-telefon .ia-float{transition:none!important;animation:none!important;transform:none!important}.ia-telefon .ia-lock{transition:opacity .6s!important}.ia-telefon .ia-lock.ia-up{transform:none!important;opacity:0}.ia-telefon .ia-phone.ia-out{opacity:1}}

/* Keep the three chapters alongside a proportionate handset on phones. */
@media(max-width:700px){
 .client-app-film .client-app-layout{grid-template-columns:minmax(102px,.85fr) minmax(0,1.15fr);gap:24px 18px}
 .client-app-film .client-app-copy,.client-app-film .client-app-visual{display:contents}
 .client-app-film .client-app-intro{grid-column:1/-1;grid-row:1;min-width:0}
 .client-app-film .client-app-tabs{grid-column:1;grid-row:2;grid-template-columns:1fr;gap:0;margin:0;align-self:center;min-width:0}
 .client-app-film .client-app-tabs button,.client-app-film .client-app-tabs button[aria-selected=true]{flex-direction:row;align-items:center;gap:8px;min-height:66px;padding:14px 0;font-size:15px;line-height:1.4;border-bottom:0}
 .client-app-film .client-app-tabs button:last-child{border-bottom:1px solid #f0f1e825}
 .client-app-film .client-app-tabs button>span{font-size:10px}
 .client-app-film .client-app-login{grid-column:1/-1;grid-row:4;justify-self:start}
 .client-app-film .client-app-panel{grid-column:1/-1;grid-row:3;min-width:0}
 .client-app-film .client-app-description{margin:0;max-width:none;min-height:128px}
 .client-app-film .client-app-status{grid-column:1/-1}
 .client-app-film .client-app-status:empty{display:none}
 .client-app-film .ia-telefon{grid-column:2;grid-row:2;container-type:inline-size;width:100%;max-width:210px;justify-self:center;align-self:center}
 .client-app-film .ia-telefon .ia-scene{height:auto;max-width:none;padding:12px 8px;display:block}
 .client-app-film .ia-telefon .ia-tilt,.client-app-film .ia-telefon .ia-float{width:100%}
 .client-app-film .ia-telefon .ia-phone{width:100%;border-radius:16cqw;box-shadow:0 0 0 1px var(--frame-hi),0 0 0 2px var(--frame-edge),0 18px 35px -12px #0009}
 .client-app-film .ia-telefon .ia-back{border-radius:16cqw}
 .client-app-film .ia-telefon .ia-screen{--screen-radius:13cqw;inset:3.4cqw}
 .client-app-film .ia-telefon .ia-island{top:7cqw}
 .client-app-film .ia-telefon .ia-btn{width:2px}
 .client-app-film .ia-telefon .ia-btn.ia-l1,.client-app-film .ia-telefon .ia-btn.ia-l2,.client-app-film .ia-telefon .ia-btn.ia-l3{left:-4px}
 .client-app-film .ia-telefon .ia-btn.ia-r{right:-4px}
 .client-app-film .ia-telefon .ia-lock .ia-ic{width:4.5cqw;height:5.5cqw;margin-bottom:3cqw}
 .client-app-film .ia-telefon .ia-lock .ia-date{font-size:clamp(8px,4.5cqw,11px)}
 .client-app-film .ia-telefon .ia-lock .ia-time{font-size:27cqw}
 .client-app-film .ia-telefon .ia-lock .ia-wm{font-size:6cqw}
 .client-app-film .ia-telefon .ia-faceid{width:24cqw;height:24cqw;margin:-12cqw 0 0 -12cqw;border-radius:6cqw}
 .client-app-film .ia-telefon .ia-faceid svg{width:15cqw;height:15cqw}
 .client-app-film .ia-telefon .ia-lock .ia-hint{top:calc(50% + 16cqw);font-size:6cqw}
}