/* Asfot – Welcome (widżet Elementora) */
.aw{--accent:#0054a6;--ink:#333;--muted:#777;--bg:#fff;--top:62;--bottom:38;--shadeL:.45;--shadeR:.3;--o:0s;position:relative;height:100vh;height:100dvh;min-height:560px;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);font-family:Helvetica,Arial,sans-serif;padding-top:env(safe-area-inset-top,0px)}
.aw *,.aw *::before,.aw *::after{box-sizing:border-box}
.aw a{color:#fff;text-decoration:none}

/* nagłówek */
.aw-h{height:70px;flex-shrink:0;padding:0 clamp(16px,3vw,40px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:6;background:var(--bg);opacity:0;animation:aw-fadeup .8s cubic-bezier(.16,1,.3,1) calc(1.9s - var(--o)) forwards}
.aw-addr{font-size:14px;color:var(--muted)}
.aw .aw-logo{display:flex;align-items:center;color:var(--ink)}
.aw .aw-logo img{display:block;height:50px;width:auto;max-width:none}
.aw .aw-burger{justify-self:end;width:44px;height:44px;background:none;border:0;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--accent)}
.aw .aw-burger:hover,.aw .aw-burger:focus{background:none;color:var(--accent)}
.aw-line{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--accent);transform-origin:left;transform:scaleX(0);animation:aw-bar 1.1s cubic-bezier(.65,0,.35,1) calc(2s - var(--o)) forwards}
.aw-menu{position:absolute;top:70px;right:0;width:min(360px,100%);background:#fff;box-shadow:-8px 8px 24px rgba(0,0,0,.14);z-index:20;padding:12px 32px 28px;display:none;flex-direction:column}
.aw.menu-open .aw-menu{display:flex}
.aw .aw-menu a{color:var(--ink);font-size:18px;padding:14px 0;border-bottom:1px solid #eee}
.aw .aw-menu a:hover{color:var(--accent)}

/* scena i panele */
.aw-stage{position:relative;flex-grow:1}
.aw-slide{position:absolute;inset:0;pointer-events:none}
.aw-slide .aw-panel{pointer-events:auto}
.aw-slide.l{transform:translateX(-102%);animation:aw-to 1.1s cubic-bezier(.77,0,.18,1) calc(1.75s - var(--o)) forwards}
.aw-slide.r{transform:translateX(102%);animation:aw-to 1.1s cubic-bezier(.77,0,.18,1) calc(1.85s - var(--o)) forwards}
.aw-panel{position:absolute;inset:0;display:block;overflow:hidden;transition:clip-path .6s cubic-bezier(.16,1,.3,1)}
.l .aw-panel{background:#3b3531;cursor:default;clip-path:polygon(0 0,calc(var(--top)*1%) 0,calc(var(--bottom)*1%) 100%,0 100%)}
.r .aw-panel{background:#2c3640;cursor:pointer;clip-path:polygon(calc(var(--top)*1% + .6%) 0,100% 0,100% 100%,calc(var(--bottom)*1% + .6%) 100%)}
.aw-media{position:absolute;inset:-4%}
.l .aw-media{animation:aw-kb 18s ease-in-out 2.4s infinite alternate}
.r .aw-media{animation:aw-kb2 20s ease-in-out 2.4s infinite alternate}
.aw .aw-media img,.aw .aw-media video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0}
.l .aw-media img{right:auto;width:70%}
.aw-shade{position:absolute;inset:0;transition:background-color .6s ease}
.l .aw-shade{background:linear-gradient(90deg,rgba(0,0,0,calc(var(--shadeL) + .25)) 0%,rgba(0,0,0,var(--shadeL)) 45%,rgba(0,0,0,calc(var(--shadeL) - .2)) 70%)}
.r .aw-shade{background:rgba(0,0,0,var(--shadeR))}

/* teksty */
.aw-copy{position:absolute;display:flex;flex-direction:column;gap:22px}
.l .aw-copy{left:clamp(20px,3.4vw,48px);top:clamp(24px,6vh,56px)}
.r .aw-copy{right:clamp(20px,3.4vw,48px);bottom:clamp(48px,7vh,64px);align-items:flex-end;text-align:right}
.aw h2{text-shadow:0 2px 24px rgba(0,0,0,.35);margin:0;padding:0;font:400 clamp(72px,11.8vw,170px)/.86 'Bebas Neue',Oswald,Impact,sans-serif;color:#fff;letter-spacing:.01em;text-transform:none}
.aw-ln{display:block;overflow:hidden;padding-top:6px}
.aw-ln>span{display:block;transform:translateY(110%);animation:aw-to .9s cubic-bezier(.16,1,.3,1) forwards}
.aw p{margin:0;font-size:clamp(16px,1.55vw,22px);line-height:1.35;max-width:460px}
.l p{color:#f1ece8}.r p{color:#e6ebf0}
.aw-fu{opacity:0;animation:aw-fadeup .8s cubic-bezier(.16,1,.3,1) forwards}
.aw .aw-cta{position:relative;overflow:hidden;align-self:flex-start;display:flex;align-items:center;gap:12px;padding:16px 26px;background:var(--accent);color:#fff;font-weight:700;font-size:17px;transition:transform .25s ease,filter .25s ease}
.aw .aw-cta:hover{transform:translateY(-2px);filter:brightness(1.1);color:#fff}
.aw-gl{position:absolute;top:0;bottom:0;left:0;width:60%;background:rgba(255,255,255,.22);transform:translateX(-120%);animation:aw-sweep 1.2s ease calc(4s - var(--o)) 2}
.aw .aw-enter{position:absolute;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;font-weight:600;font-size:12px;letter-spacing:.2em;opacity:0;animation:aw-in .8s ease calc(3.6s - var(--o)) forwards;z-index:3}
.aw-enter svg{animation:aw-bob 1.6s ease-in-out 4s infinite}

/* preloader */
.aw-pre{position:absolute;inset:0;z-index:30;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;animation:aw-lift .8s cubic-bezier(.77,0,.18,1) 1.45s forwards}
.aw.fast .aw-pre,.aw.no-pre .aw-pre{display:none}
.aw .aw-pre-logo{width:clamp(200px,28vw,340px);height:auto;max-width:none;opacity:0;transform:scale(.92);animation:aw-pop .9s cubic-bezier(.16,1,.3,1) .1s forwards}
.aw-bar{width:220px;height:2px;background:#eee;position:relative;overflow:hidden}
.aw-bar::after{content:"";position:absolute;inset:0;background:var(--accent);transform-origin:left;transform:scaleX(0);animation:aw-bar 1.2s cubic-bezier(.65,0,.35,1) .2s forwards}

@keyframes aw-pop{to{opacity:1;transform:none}}
@keyframes aw-bar{to{transform:scaleX(1)}}
@keyframes aw-lift{to{transform:translateY(-101%)}}
@keyframes aw-to{to{transform:none}}
@keyframes aw-fadeup{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes aw-in{to{opacity:1}}
@keyframes aw-kb{from{transform:scale(1)}to{transform:scale(1.05) translate(-1%,-.5%)}}
@keyframes aw-kb2{from{transform:scale(1.1) translate(1%,1%)}to{transform:scale(1)}}
@keyframes aw-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
@keyframes aw-sweep{from{transform:translateX(-120%)}to{transform:translateX(120%)}}

/* telefon: podział poziomy */
@media (max-width:760px){
 .l .aw-panel{clip-path:polygon(0 0,100% 0,100% calc(var(--bottom)*1%),0 calc(var(--top)*1%))}
 .r .aw-panel{clip-path:polygon(0 calc(var(--top)*1% + .6%),100% calc(var(--bottom)*1% + .6%),100% 100%,0 100%)}
 .l .aw-copy{top:20px}.r .aw-copy{bottom:64px}
 .aw p{display:none}
 .aw .aw-cta{padding:13px 18px;font-size:15px}
 .l .aw-media img{height:62%;width:100%}
 .r .aw-media img,.r .aw-media video{top:auto;bottom:0;height:62%}
 .aw-addr{display:none}
 .aw .aw-logo img{height:40px}
}
@media (prefers-reduced-motion:reduce){.aw *{animation-duration:.01s!important;animation-delay:0s!important;transition:none!important}}