/* Real conversation audio, integrated with the approved Aski composition. */
.hero~section.audio-demo{max-width:none;margin:0;background:var(--paper);padding:80px max(70px,calc((100vw - 1300px)/2)) 65px;color:var(--navy)}
.audio-demo-heading{margin-bottom:25px}.audio-demo-heading .eyebrow{font-size:10px;letter-spacing:2.7px}.audio-demo h2{font-size:72px;line-height:.98;max-width:1000px;margin:22px 0 0}.audio-demo-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:50px;align-items:center}.audio-portrait{position:relative;isolation:isolate;--audio-energy:0}.audio-portrait img{display:block;width:100%;height:auto;transform:translateY(calc(var(--audio-energy) * -3px)) scale(calc(1 + var(--audio-energy) * .015));transition:transform .2s ease,filter .2s ease;filter:drop-shadow(0 5px calc(4px + var(--audio-energy) * 12px) #34aecb22)}.audio-portrait-orbit{position:absolute;left:4%;right:4%;top:10%;aspect-ratio:1;border:1px solid #34aecb28;border-radius:50%;z-index:-1}.audio-portrait-orbit:before{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:var(--cyan);top:20%;left:8%}.audio-demo-content{min-width:0;padding:30px 0 5px}.audio-demo-content h3{font-family:var(--body);font-size:24px;line-height:1.35;letter-spacing:-.6px;margin:0 0 9px;font-weight:700}.audio-demo-caption{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 30px}.audio-player audio{width:100%;max-width:100%;margin-bottom:15px}.audio-player.custom-audio-ready audio{display:none}.audio-custom-controls{display:grid;grid-template-columns:72px minmax(0,1fr) auto 36px;gap:22px;align-items:center}.audio-custom-controls[hidden]{display:none}.audio-play{border:0;background:var(--navy);color:white;border-radius:50%;width:72px;height:72px;display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .2s;flex:none}.audio-play:hover{background:#274661;transform:scale(1.04)}.audio-play:focus-visible,.audio-mute:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.audio-play svg{fill:currentColor;width:31px;height:31px}.audio-play .audio-icon-play{margin-left:2px}.audio-icon-pause{display:none}.audio-player.is-playing .audio-icon-play{display:none}.audio-player.is-playing .audio-icon-pause{display:block}.audio-wave-seek{height:82px;position:relative;min-width:0;--audio-progress:0%}.audio-wave-base,.audio-wave-played{position:absolute;inset:4px 0;pointer-events:none}.audio-wave-base{color:#a9c6d6}.audio-wave-played{color:var(--cyan);clip-path:inset(0 calc(100% - var(--audio-progress)) 0 0)}.audio-wave-base svg,.audio-wave-played svg{width:100%;height:100%;display:block;fill:currentColor;overflow:visible}.audio-playhead{position:absolute;left:var(--audio-progress);top:0;bottom:0;width:1px;background:var(--cyan);pointer-events:none;transform:translateX(-.5px)}.audio-playhead:before{content:'';position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:9px;height:9px;border-radius:50%;background:var(--cyan)}input.audio-seek{appearance:none;-webkit-appearance:none;position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;color:transparent;cursor:pointer;z-index:2;border-radius:0}input.audio-seek::-webkit-slider-runnable-track{background:transparent;height:100%}input.audio-seek::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:100%;background:transparent;border:0}input.audio-seek::-moz-range-track{height:100%;background:transparent}input.audio-seek::-moz-range-thumb{width:14px;height:75px;background:transparent;border:0}input.audio-seek:focus-visible{outline:2px solid #34aecb80;outline-offset:8px;border-radius:3px}.audio-time{font-size:12px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums;display:flex;gap:7px;align-items:center}.audio-time-divider{color:#8b9eaf}.audio-mute{background:none;border:0;border-left:1px solid #b8cdd7;padding:0 0 0 12px;cursor:pointer;height:31px;width:36px;color:var(--navy);display:grid;place-items:center}.audio-mute svg{width:26px;height:26px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.audio-volume-cross{display:none}.audio-player.is-muted .audio-volume-cross{display:block}.audio-player.is-muted .audio-volume-waves{display:none}.audio-status:empty{display:none}.audio-status{font-size:12px;line-height:1.7;color:var(--muted);margin:12px 0}.audio-demo-description{font-size:13px;line-height:1.8;margin:20px 0 0;color:var(--ink)}.audio-demo-footer{border-top:1px solid #aabfcb80;padding-top:25px;margin-top:30px;display:flex;justify-content:space-between;gap:25px;align-items:center}.audio-text-link{font-size:12px;line-height:1.6;border-bottom:1px solid var(--cyan);padding-bottom:7px;display:inline-flex;gap:15px;align-items:center}.audio-text-link:hover{color:#187b94}.audio-text-link span{font-size:17px}
@media(max-width:1100px){.hero~section.audio-demo{padding:65px 35px 55px}.audio-demo-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}.audio-demo h2{font-size:64px}.audio-demo-content h3{font-size:20px}.audio-custom-controls{grid-template-columns:60px minmax(0,1fr) 32px;gap:18px}.audio-play{width:60px;height:60px}.audio-time{grid-column:2;grid-row:2;font-size:11px;margin-top:-8px}.audio-mute{grid-column:3;grid-row:1}.audio-wave-seek{height:65px}.audio-demo-footer{gap:20px;flex-wrap:wrap}.audio-text-link{font-size:11px}.audio-demo-caption{font-size:11px}}
@media(max-width:700px){.hero~section.audio-demo{padding:45px 22px 40px}.audio-demo-heading{margin-bottom:25px}.audio-demo-heading .eyebrow{font-size:8px;letter-spacing:2px}.audio-demo h2{font-size:44px;line-height:1.02;letter-spacing:-.6px;margin-top:18px}.audio-demo-layout{grid-template-columns:1fr;gap:0}.audio-portrait{width:120px;margin:0 auto 0}.audio-portrait img{width:100%}.audio-demo-content{padding-top:10px}.audio-demo-content h3{font-size:18px;line-height:1.4;letter-spacing:-.3px;margin-bottom:6px}.audio-demo-caption{font-size:10px;margin-bottom:22px}.audio-custom-controls{grid-template-columns:52px minmax(0,1fr) 28px;gap:14px}.audio-play{width:52px;height:52px}.audio-play svg{width:25px;height:25px}.audio-wave-seek{height:58px}.audio-time{font-size:10px;gap:6px;grid-column:2;grid-row:2;margin-top:-5px}.audio-mute{width:28px;padding-left:8px;height:25px}.audio-mute svg{width:20px;height:20px}.audio-playhead:before{width:7px;height:7px}.audio-demo-description{font-size:11px;margin-top:18px}.audio-demo-footer{margin-top:22px;padding-top:20px;gap:20px;align-items:start}.audio-text-link{font-size:10px;gap:9px}.audio-text-link span{font-size:14px}.audio-demo{scroll-margin-top:15px}}
@media(prefers-reduced-motion:reduce){.audio-portrait img,.audio-play{transition:none!important;transform:none!important}}
body.motion-paused .audio-portrait img{transform:none!important;filter:none}

.audio-recordings{display:flex;gap:12px;margin:32px 0 12px}.audio-recording{font:inherit;display:flex;align-items:center;gap:15px;flex:1;text-align:left;border:1px solid #a9c6d6;background:transparent;color:var(--navy);padding:18px 20px;cursor:pointer;transition:background .2s,border-color .2s}.audio-recording[aria-pressed="true"]{background:var(--navy);color:white;border-color:var(--navy);box-shadow:inset 0 -3px var(--cyan)}.audio-recording:hover{border-color:var(--cyan)}.audio-recording:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.audio-recording-number{font-family:var(--display);font-size:34px;line-height:1;color:var(--cyan)}.audio-recording strong{display:block;font-size:14px;font-weight:700}.audio-recording small{display:block;font-size:10px;line-height:1.6;margin-top:5px;opacity:.75}.audio-recordings-note{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 12px;max-width:800px}@media(max-width:700px){.audio-recordings{overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:9px;gap:10px;margin-top:24px}.audio-recording{flex:0 0 72%;scroll-snap-align:start;padding:15px}.audio-recording strong{font-size:12px}.audio-recording-number{font-size:30px}.audio-recordings-note{font-size:10px}}

.audio-portrait-svg{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 4px #34aecb22)}

/* Persistent navigation with a separate docking lane for Aski. */
:root{--sticky-header-height:100px}
body{padding-top:var(--sticky-header-height)}
body header{position:fixed;inset:0 0 auto;width:100%;max-width:none;margin:0;height:auto;min-height:100px;padding:18px max(35px,calc((100vw - 1300px)/2));background:#fffffffa;border-bottom:1px solid #dce4e8;box-shadow:0 4px 18px #182c480a;z-index:90;box-sizing:border-box}
html{scroll-padding-top:calc(var(--sticky-header-height) + 20px)}
body .aski-avatar-hit{top:calc(var(--sticky-header-height) + 8px)}
body .aski-bubble{top:calc(var(--sticky-header-height) + 125px)}
.aski-expressive-head,.aski-expressive-eyes{will-change:transform}
@media(max-width:700px){body header{min-height:0;padding:12px 18px 8px;display:flex;flex-direction:column;align-items:stretch;gap:10px}body header .brand-lockup{gap:5px}body header .agency-sign img{height:15px}body header nav{display:flex;gap:18px;align-items:center;width:100%;overflow-x:auto;padding:1px 0 5px;white-space:nowrap;scrollbar-width:thin}body header nav a:not(.btn){display:block;font-size:10px;flex:none}body header nav .btn{padding:7px 9px;font-size:10px;min-width:0;flex:none}body .aski-bubble{top:calc(var(--sticky-header-height) + 83px)}}

/* Sales feedback approved by Jarek, 04.11.2026. */
body .hero>div:first-child{min-height:760px;padding-top:58px;padding-bottom:55px}body .hero h1{font-size:clamp(85px,9vw,136px);max-width:62%;line-height:.96}body .hero .lead{font-size:15px;line-height:1.85;max-width:530px}body .hero .lead strong{font-size:20px;line-height:1.6}body .hero .actions{margin:24px 0}body .synth-stage:not(.aski-traveller){width:43vw;max-width:640px;height:650px;right:0;top:70px}body .hero-note{font-size:12px;line-height:1.8}body .section-head p,body .use p,body .incoming p,body .step p,body details p,body .price-card p{font-size:14px;line-height:1.85}body summary{font-size:14px}body .section-head h2,body .everyday h2,body .call-flow h2{font-size:clamp(48px,5.5vw,78px);line-height:1.02}body .audio-demo h2{font-size:clamp(44px,5vw,68px)}body .audio-portrait{max-width:190px;margin-inline:auto}body .contact p{font-size:14px}body .audio-demo-caption,body .audio-demo-description{font-size:13px}
.hero~section.sales-facts{display:flex;align-items:center;gap:40px;max-width:none;margin:0;padding:35px max(35px,calc((100vw - 1300px)/2));background:#e9f3f5}.sales-facts>div{flex:1}.sales-facts strong{font-family:var(--display);font-size:52px;font-weight:600;color:var(--navy)}.sales-facts p{font-size:12px;line-height:1.8;margin:8px 0 0}.sales-facts>a{font-size:13px;border-bottom:1px solid var(--cyan);padding-bottom:9px;display:flex;gap:20px}.everyday-intro{max-width:740px;font-size:15px;line-height:1.9;color:var(--muted)}.everyday-scenes{display:grid;grid-template-columns:1fr 1fr;gap:0 55px;margin-top:35px}.everyday-scenes article{padding:28px 0;border-top:1px solid var(--line)}.everyday-scenes article>span{font-size:10px;color:#287f92;letter-spacing:1px}.everyday-scenes h3{font-family:var(--display);font-size:36px;font-weight:600;line-height:1.15;margin:15px 0}.everyday-scenes p,.call-flow>p{font-size:14px;line-height:1.9;color:var(--muted)}.call-flow ol{padding:0;margin-top:35px;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}.call-flow li{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding:15px 0;font-size:13px}.call-flow li>span{font-family:var(--display);font-size:25px;color:#16849c}.call-flow small{margin-left:auto;color:var(--muted);font-size:10px}.call-flow .to-human{color:var(--navy);font-weight:800}.call-flow .to-human>span{color:var(--navy)}
@media(max-width:700px){body .hero>div:first-child{min-height:0;padding:35px 22px 35px}body .hero h1{font-size:17vw;max-width:100%;line-height:.96}body .hero .lead:first-of-type{margin-top:260px}body .hero .lead{font-size:14px;max-width:100%}body .hero .lead strong{font-size:18px}body .synth-stage:not(.aski-traveller){width:70vw;height:350px;top:205px;right:-2%}body .hero .actions{flex-wrap:wrap;gap:16px;margin:20px 0}body .hero .btn{font-size:12px}body .hero-note{font-size:11px}body .hero~section.sales-facts{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:30px 22px}.sales-facts strong{font-size:39px}.sales-facts p{font-size:11px}.sales-facts>a{font-size:12px}.everyday-scenes{grid-template-columns:1fr;gap:0}.everyday-scenes h3{font-size:32px}.call-flow ol{grid-template-columns:1fr}.call-flow li{font-size:12px}.call-flow small{font-size:9px}body .everyday h2,body .call-flow h2{font-size:46px}}

@media(max-width:700px){body .synth-stage:not(.aski-traveller){width:60vw;height:270px;top:300px;right:4%}}

.audio-recordings[hidden]{display:none}body #proces .step::after,body #proces .step::before{display:none!important;content:none!important}body #proces .steps{border-left:0}body .aski-avatar-hit .aski-name{font-size:8px;letter-spacing:0}@media(max-width:700px){body .aski-avatar-hit .aski-name{font-size:6px}}

/* Hero robot reduced by 30%; docking returns to the existing avatar size. */
.synth-stage .synth-body,.synth-stage .synth-aura,.synth-stage .signal-path{scale:var(--hero-robot-scale,.7)}

/* Anchor the hero character to the centered content column on wide screens. */
@media(min-width:701px){body .synth-stage:not(.aski-traveller){right:max(28px,calc((100vw - 1440px)/2 + 50px))}}
