/* ══ OLEK AI STUDIO v6 ══ */
:root{
  --c-bg:#fff;--c-bg-alt:#f7f7f8;--c-bg-dark:#0f0f12;--c-bg-card:#fff;
  --c-border:#e8e8ec;--c-border-hover:#d0d0d8;
  --c-text:#0f0f12;--c-text-2:#3b3b44;--c-text-3:#6e6e7a;--c-text-4:#a3a3b0;
  --c-accent:#7c3aed;--c-accent-h:#6d28d9;--c-accent-s:rgba(124,58,237,0.07);
  --c-ok:#059669;--c-ok-s:#d1fae5;--c-warn:#d97706;--c-warn-s:#fef3c7;
  --f-h:'Bricolage Grotesque',system-ui,sans-serif;
  --f-b:'Plus Jakarta Sans',system-ui,sans-serif;
  --w:1060px;--r:12px;--rl:16px;
  --ease:cubic-bezier(.25,.46,.45,.94);--ease-o:cubic-bezier(.16,1,.3,1)
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--f-b);font-size:.9375rem;color:var(--c-text);background:var(--c-bg);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--c-accent-s);color:var(--c-accent-h)}
img{max-width:100%;height:auto;display:block}
a{color:var(--c-accent);text-decoration:none;transition:color .2s}
.wrap{width:100%;max-width:var(--w);margin:0 auto;padding:0 clamp(1.2rem,3vw,2rem)}
.wrap-s{max-width:700px}
.sec{padding:clamp(3.5rem,7vw,5.5rem) 0}
.sec-alt{background:var(--c-bg-alt)}
h1,h2,h3,h4{font-family:var(--f-h);font-weight:700;line-height:1.15;letter-spacing:-.025em;color:var(--c-text)}
h1{font-size:clamp(1.8rem,3vw,2.5rem)}
h2{font-size:clamp(1.35rem,2.4vw,1.9rem)}
h3{font-size:clamp(1.05rem,1.4vw,1.2rem)}
h4{font-size:1rem;font-weight:600}
.muted{color:var(--c-text-3)}

/* ── NAV ── */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .35s var(--ease)}
.nav-in{max-width:var(--w);margin:0 auto;display:flex;align-items:center;height:68px;padding:0 clamp(1.2rem,3vw,2rem)}
.nav-logo{flex-shrink:0}
.nav-logo img{height:52px;width:auto;filter:brightness(0) invert(1);transition:filter .3s}
.scrolled .nav-logo img{filter:none}
.nav-links{display:flex;align-items:center;gap:2px;margin:0 auto}
.nav-a{padding:6px 15px;font-size:13px;font-weight:500;color:rgba(255,255,255,.75);border-radius:99px;transition:all .2s;text-decoration:none}
.nav-a:hover{color:#fff;background:rgba(255,255,255,.08)}
.nav-a.on{color:#fff;font-weight:600}
.nav-r{display:flex;align-items:center;gap:4px}
.lang-sw{position:relative}
.lang-btn{font-size:11px;font-weight:600;color:rgba(255,255,255,.5);cursor:pointer;padding:4px 6px;border:none;background:none;letter-spacing:.04em;transition:color .2s}
.lang-btn:hover{color:#fff}
.scrolled .lang-btn{color:var(--c-text-4)}
.scrolled .lang-btn:hover{color:var(--c-text)}
.lang-dd{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--c-border);border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.12);padding:4px;display:none;min-width:54px;z-index:10}
.lang-sw.open .lang-dd{display:block}
.lang-dd a{display:block;padding:5px 10px;font-size:11px;font-weight:500;color:var(--c-text-3);text-decoration:none;border-radius:6px;transition:all .15s}
.lang-dd a:hover{background:var(--c-bg-alt);color:var(--c-text)}
.lang-dd a.on{color:var(--c-accent);font-weight:700}
.nav-tog{display:none;background:none;border:none;cursor:pointer;padding:8px}
.nav-tog span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;margin:5px 0;transition:all .3s}
.nav-tog.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.nav-tog.active span:nth-child(2){opacity:0}
.nav-tog.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.scrolled{background:rgba(255,255,255,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--c-border)}
.scrolled .nav-a{color:var(--c-text-3)}
.scrolled .nav-a:hover{color:var(--c-text);background:var(--c-bg-alt)}
.scrolled .nav-a.on{color:var(--c-text)}
.scrolled .nav-tog span{background:var(--c-text)}

/* ── BTN ── */
.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;font-family:var(--f-b);font-size:.84rem;font-weight:600;border:none;border-radius:99px;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}
.btn-p{background:var(--c-text);color:#fff}
.btn-p:hover{background:var(--c-accent);transform:translateY(-1px);box-shadow:0 4px 12px rgba(124,58,237,.2)}
.btn-o{background:transparent;color:var(--c-text);border:1.5px solid var(--c-border-hover)}
.btn-o:hover{border-color:var(--c-text)}
.btn-l{padding:13px 30px;font-size:15px}
.btn-s{padding:6px 14px;font-size:.74rem}

/* ── HERO (PRESERVED — DO NOT MODIFY) ── */
.hero{min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;text-align:center}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg img,.hero-bg video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.hero-bg-yt{position:absolute;inset:0;overflow:hidden;background:#000}
.hero-bg-yt iframe,.hero-bg-yt>div{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:calc(100vh * 16 / 9);height:calc(100vw * 9 / 16 + 200px);transform:translate(-50%,-50%);border:none;pointer-events:none}
.hero-bg-yt{opacity:0;transition:opacity .8s ease}
.hero-bg-yt.ready{opacity:1}
.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,rgba(0,0,0,.15) 40%,rgba(0,0,0,.05) 100%);z-index:1}
.hero-content{position:relative;z-index:2;max-width:780px;width:100%;padding:0 clamp(1.5rem,4vw,3rem);display:flex;flex-direction:column;align-items:center;gap:0}
.hero-title{font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:800;letter-spacing:-.03em;line-height:1.08;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.3);margin:0;animation:heroIn .7s var(--ease-o) both}
.hero-title .text-gradient{background:none;-webkit-text-fill-color:inherit;color:inherit}
.hero-tagline{font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:400;color:rgba(255,255,255,.75);margin-top:.6rem;height:2em;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:heroIn .7s var(--ease-o) .08s both}
.hero-rotate{display:inline-block;position:relative}
.hero-rotate-word{display:inline-block;opacity:0;position:absolute;left:50%;transform:translateY(20px);white-space:nowrap;transition:all .5s var(--ease-o)}
.hero-rotate-word.active{opacity:1;position:relative;left:auto;transform:translateX(0) translateY(0)}
.hero-rotate-word.exit{opacity:0;transform:translateX(-50%) translateY(-20px);position:absolute;left:50%}
.hero-cta{display:inline-flex;align-items:center;gap:8px;padding:14px 36px;font-family:var(--f-b);font-size:15px;font-weight:600;color:#111;background:#fff;border-radius:28px;text-decoration:none;transition:all .3s var(--ease);margin-top:2rem;animation:heroIn .7s var(--ease-o) .16s both;border:none;cursor:pointer;letter-spacing:.01em}
.hero-cta:hover{background:var(--c-accent);color:#fff;transform:translateY(-2px);box-shadow:0 8px 30px rgba(124,58,237,.3)}
.hero-cta svg{width:18px;height:18px;transition:transform .25s}
.hero-cta:hover svg{transform:translateX(3px)}
@keyframes heroIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* ── SECTION HEADER ── */
.sh{text-align:center;max-width:540px;margin:0 auto clamp(2rem,4vw,3rem)}
.sh h2{margin-bottom:.35rem}
.sh p{color:var(--c-text-3);font-size:.9rem;line-height:1.7}

/* ── KPIs ── */
.kpis{padding:clamp(1.8rem,3.5vw,2.8rem) 0;border-bottom:1px solid var(--c-border)}
.kpis-grid{display:grid;gap:1.5rem;text-align:center}
.kpi-n{font-family:var(--f-h);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;color:var(--c-text);line-height:1;margin-bottom:.25rem;letter-spacing:-.03em}
.kpi-l{font-size:.72rem;color:var(--c-text-4);text-transform:uppercase;letter-spacing:.06em;font-weight:500}

/* ── CARDS ── */
.card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--rl);padding:clamp(1.3rem,2.8vw,1.8rem);transition:border-color .2s,box-shadow .2s,transform .2s}
.card:hover{border-color:var(--c-border-hover);box-shadow:0 6px 24px rgba(0,0,0,.05);transform:translateY(-2px)}
.card-ico{width:44px;height:44px;border-radius:12px;background:rgba(124,58,237,.06);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--c-accent)}
.card-ico svg{width:22px;height:22px;stroke:var(--c-accent);flex-shrink:0}
.card-t{font-size:var(--fs-h4,1rem);font-weight:700;margin-bottom:.35rem}
.card-p{color:var(--c-text-3);font-size:.84rem;line-height:1.75}

/* ── GRIDS ── */
.g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--s-gap,1.2rem)}
.g4{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--s-gap,1.2rem)}

/* ── PRODUCTS ── */
.p-status{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;font-size:.74rem;font-weight:600;margin-bottom:1rem}
.p-live{background:var(--c-ok-s);color:var(--c-ok)}
.p-beta{background:var(--c-warn-s);color:var(--c-warn)}
.p-dev{background:var(--c-accent-s);color:var(--c-accent)}
.p-dot{width:6px;height:6px;border-radius:50%;background:var(--c-ok);animation:pulse 2.5s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.p-stats{display:flex;flex-wrap:wrap;gap:1rem;padding-top:1rem;margin-top:1rem;border-top:1px solid var(--c-border)}
.p-sv{font-family:var(--f-h);font-weight:700;font-size:1rem}
.p-sl{font-size:.72rem;color:var(--c-text-4)}

/* ── PROCESS ── */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.2rem;counter-reset:s}
.step{counter-increment:s;position:relative;padding-top:2.8rem}
.step::after{content:counter(s,decimal-leading-zero);position:absolute;top:clamp(1.3rem,2.4vw,1.8rem);right:clamp(1.3rem,2.4vw,1.8rem);font-family:var(--f-h);font-size:2rem;font-weight:800;color:rgba(124,58,237,.08);line-height:1}

/* ── PAGE HEADER ── */
.ph{padding:8rem 0 3rem;text-align:center;position:relative;overflow:hidden;background:var(--c-bg-dark)}
.ph-bg{position:absolute;inset:0;z-index:0}
.ph-bg img,.ph-bg video,.ph-bg iframe{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.ph-bg::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.3);z-index:1}
.ph-c{position:relative;z-index:2}
.ph h1{color:#fff;margin-bottom:.4rem;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.ph p{color:rgba(255,255,255,.75);max-width:460px;margin:0 auto;font-size:clamp(.88rem,1.3vw,1rem)}

/* ── CTA ── */
.cta-s{text-align:center;background:var(--c-bg-dark);padding:clamp(3.5rem,7vw,5.5rem) 0;color:#fff}
.cta-s h2{color:#fff;margin-bottom:.4rem}
.cta-s p{color:rgba(255,255,255,.5);max-width:420px;margin:0 auto 1.6rem}
.cta-s .btn-p{background:#fff;color:var(--c-text)}
.cta-s .btn-p:hover{background:var(--c-accent);color:#fff}

/* ── FOOTER ── */
.ft{padding:clamp(3rem,5vw,4rem) 0 1.5rem;background:var(--c-bg-dark);color:rgba(255,255,255,.6)}
.ft a{color:rgba(255,255,255,.55);transition:color .2s}
.ft a:hover{color:#fff}
.ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2.5rem;margin-bottom:2.5rem}
.ft-logo{height:44px;width:auto;filter:brightness(0) invert(1);margin-bottom:.6rem}
.ft-tag{color:rgba(255,255,255,.35);font-size:.84rem;line-height:1.7;max-width:220px}
.ft-soc{display:flex;gap:8px;margin-top:1rem}
.ft-soc a{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.4)}
.ft-soc a:hover{border-color:var(--c-accent);color:var(--c-accent);background:rgba(124,58,237,.1)}
.ft-h{font-family:var(--f-h);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.8rem;color:rgba(255,255,255,.25)}
.ft-ul{list-style:none;display:flex;flex-direction:column;gap:.45rem}
.ft-ul a{font-size:.84rem}
.ft-addr{font-size:.74rem;color:rgba(255,255,255,.3);margin-top:.4rem;line-height:1.5}
.ft-bot{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.06);font-size:.72rem;color:rgba(255,255,255,.25)}
.ft-leg{display:flex;gap:1.2rem}
.ft-leg a{color:rgba(255,255,255,.25)}
.ft-leg a:hover{color:rgba(255,255,255,.6)}

/* ── FORMS ── */
.fg{margin-bottom:1.1rem}
.fl{display:block;font-size:.84rem;font-weight:600;margin-bottom:4px;color:var(--c-text-2)}
.fi,.ft-a,.fs{width:100%;padding:10px 14px;background:#fff;border:1.5px solid var(--c-border);border-radius:var(--r);color:var(--c-text);font-family:var(--f-b);font-size:16px;transition:all .2s;outline:none}
.fi:focus,.ft-a:focus,.fs:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-s)}
.ft-a{resize:vertical;min-height:110px}

/* ── COOKIE ── */
.cookie{position:fixed;bottom:0;left:0;right:0;z-index:999;background:#fff;border-top:1px solid var(--c-border);padding:12px 0;box-shadow:0 -4px 16px rgba(0,0,0,.04);animation:sUp .3s var(--ease-o)}
@keyframes sUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.cookie-in{max-width:var(--w);margin:0 auto;padding:0 clamp(1.2rem,3vw,2rem);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.cookie-in p{font-size:.84rem;color:var(--c-text-3)}
.cookie-btns{display:flex;gap:6px;flex-shrink:0}

/* ── REVEAL ── */
.rv{opacity:0;transform:translateY(20px);transition:opacity .55s var(--ease-o),transform .55s var(--ease-o)}
.rv.visible{opacity:1;transform:translateY(0)}
.rv-1{transition-delay:.07s}.rv-2{transition-delay:.14s}.rv-3{transition-delay:.21s}

/* ── BLOG ── */
.blog-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem}
.blog-c{color:var(--c-text)}
.blog-img{aspect-ratio:16/9;overflow:hidden;margin:calc(clamp(1.3rem,2.8vw,1.8rem)*-1);margin-bottom:1rem;border-radius:var(--rl) var(--rl) 0 0}
.blog-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.blog-c:hover .blog-img img{transform:scale(1.03)}
.blog-meta{display:flex;gap:.6rem;font-size:.72rem;color:var(--c-text-4);margin-bottom:.4rem}
.blog-body h2,.blog-body h3{margin-top:1.5rem;margin-bottom:.5rem}
.blog-body p{margin-bottom:1rem}
.blog-body blockquote{border-left:3px solid var(--c-accent);padding:.6rem 1rem;margin:1.2rem 0;background:var(--c-accent-s);border-radius:0 var(--r) var(--r) 0;font-style:italic}

/* ── TEAM ── */
.team-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem}
.team-c{text-align:center;padding:2rem 1.4rem}
.team-av{width:60px;height:60px;border-radius:50%;background:var(--c-accent);margin:0 auto .8rem;display:flex;align-items:center;justify-content:center;font-family:var(--f-h);font-weight:800;font-size:1.05rem;color:#fff}
.team-nm{font-size:1rem;font-weight:700;margin-bottom:.1rem}
.team-rl{font-size:.84rem;color:var(--c-accent);margin-bottom:.5rem;font-weight:500}
.team-bio{font-size:.84rem;color:var(--c-text-3)}

/* ── RESPONSIVE ── */
@media(max-width:1024px){.ft-grid{grid-template-columns:1fr 1fr;gap:2rem}}
@media(max-width:768px){
.nav-in{height:64px}
.nav-tog{display:block}
.nav-tog span{margin:5px 0;width:24px;height:2px}
.nav-logo{position:absolute;left:50%;transform:translateX(-50%)}
.nav-logo img{height:42px}
.nav-r{margin-left:auto}
.nav-links{position:fixed;top:0;left:-100%;width:85%;max-width:320px;height:100dvh;background:#fff;flex-direction:column;align-items:stretch;padding:0;gap:0;transition:left .35s var(--ease);box-shadow:8px 0 40px rgba(0,0,0,.12);z-index:100;transform:none;overflow-y:auto}
.nav-links::before{content:'Olek AI Studio';display:block;padding:2rem 1.8rem 1.4rem;font-family:var(--f-h);font-weight:800;font-size:1.1rem;color:var(--c-text);border-bottom:1px solid var(--c-border)}
.nav-links.open{left:0}
.nav-links .nav-a{color:var(--c-text);width:100%;padding:14px 1.8rem;border-radius:0;font-size:16px;font-weight:500;border-bottom:1px solid rgba(0,0,0,.04)}
.nav-links .nav-a:hover,.nav-links .nav-a.on{color:var(--c-accent);background:var(--c-bg-alt)}
.hero-title{font-size:clamp(1.6rem,7vw,2.4rem)}
.hero-tagline{font-size:clamp(.9rem,3.5vw,1.15rem);height:1.6em}
.hero-cta{padding:12px 28px;font-size:14px}
.ft-grid{grid-template-columns:1fr;gap:1.5rem}
.ft-bot{flex-direction:column;gap:.5rem;text-align:center}
.cookie-in{flex-direction:column;text-align:center}
.g3,.g4,.blog-g,.steps{grid-template-columns:1fr}
.team-g{grid-template-columns:repeat(2,1fr)}
[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}
.ph{padding:6rem 0 2rem}
}
@media(max-width:380px){.kpis-grid{grid-template-columns:1fr!important}.team-g{grid-template-columns:1fr}}

/* ── COMPAT (old class names) ── */
.container{width:100%;max-width:var(--w);margin:0 auto;padding:0 clamp(1.2rem,3vw,2rem)}
.container-narrow{max-width:700px}
.section{padding:clamp(3.5rem,7vw,5.5rem) 0}
.section-alt{background:var(--c-bg-alt)}
.section-header{text-align:center;max-width:540px;margin:0 auto clamp(2rem,4vw,3rem)}
.section-header h2{margin-bottom:.35rem}
.section-header p{color:var(--c-text-3);font-size:.9rem}
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .35s var(--ease)}
.navbar-inner{max-width:var(--w);margin:0 auto;display:flex;align-items:center;height:68px;padding:0 clamp(1.2rem,3vw,2rem)}
.navbar-logo{flex-shrink:0}
.navbar-logo img{height:52px;width:auto;filter:brightness(0) invert(1);transition:filter .3s}
.scrolled .navbar-logo img{filter:none}
.navbar-links{display:flex;align-items:center;gap:2px;margin:0 auto}
.nav-link{padding:6px 15px;font-size:13px;font-weight:500;color:rgba(255,255,255,.75);border-radius:99px;transition:all .2s;text-decoration:none}
.nav-link:hover{color:#fff;background:rgba(255,255,255,.08)}
.nav-link.nav-active{color:#fff;font-weight:600}
.navbar-right{display:flex;align-items:center;gap:4px;margin-left:0}
.lang-sw-current{font-size:11px;font-weight:600;color:rgba(255,255,255,.5);cursor:pointer;padding:4px 6px;border:none;background:none;letter-spacing:.04em;transition:color .2s}
.lang-sw-current:hover{color:#fff}
.scrolled .lang-sw-current{color:var(--c-text-4)}
.scrolled .lang-sw-current:hover{color:var(--c-text)}
.lang-sw-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--c-border);border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.12);padding:4px;display:none;min-width:54px;z-index:10}
.lang-sw.open .lang-sw-menu{display:block}
.lang-sw-menu a{display:block;padding:5px 10px;font-size:11px;font-weight:500;color:var(--c-text-3);text-decoration:none;border-radius:6px;transition:all .15s}
.lang-sw-menu a:hover{background:var(--c-bg-alt);color:var(--c-text)}
.lang-sw-menu a.lang-active{color:var(--c-accent);font-weight:700}
.navbar-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}
.navbar-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;margin:5px 0;transition:all .3s}
.navbar-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.navbar-toggle.active span:nth-child(2){opacity:0}
.navbar-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.scrolled .nav-link{color:var(--c-text-3)}
.scrolled .nav-link:hover{color:var(--c-text);background:var(--c-bg-alt)}
.scrolled .nav-link.nav-active{color:var(--c-text)}
.scrolled .navbar-toggle span{background:var(--c-text)}
.navbar-right .lang-sw .lang-sw-menu{right:0;left:auto}
.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem}
.product-card{padding:clamp(1.3rem,2.8vw,1.8rem)}
.product-status{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;font-size:.74rem;font-weight:600;margin-bottom:1rem}
.status-live{background:var(--c-ok-s);color:var(--c-ok)}
.status-beta{background:var(--c-warn-s);color:var(--c-warn)}
.status-dev{background:var(--c-accent-s);color:var(--c-accent)}
.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--c-ok);animation:pulse 2.5s infinite}
.product-card h3{font-size:clamp(1.05rem,1.4vw,1.2rem);margin-bottom:.6rem}
.product-stats{display:flex;flex-wrap:wrap;gap:1rem;padding-top:1rem;margin-top:1rem;border-top:1px solid var(--c-border)}
.product-stat-value{font-family:var(--f-h);font-weight:700;font-size:1rem}
.product-stat-label{font-size:.72rem;color:var(--c-text-4)}
.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.2rem;counter-reset:s}
.step-card{counter-increment:s;position:relative;padding-top:2.8rem}
.step-card::after{content:counter(s,decimal-leading-zero);position:absolute;top:clamp(1.3rem,2.4vw,1.8rem);right:clamp(1.3rem,2.4vw,1.8rem);font-family:var(--f-h);font-size:2rem;font-weight:800;color:rgba(124,58,237,.08);line-height:1}
.card-icon{width:44px;height:44px;border-radius:12px;background:rgba(124,58,237,.06);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--c-accent)}
.card-icon svg{width:22px;height:22px;stroke:var(--c-accent);flex-shrink:0}
.card-title{font-size:1rem;font-weight:700;margin-bottom:.35rem}
.card-text{color:var(--c-text-3);font-size:.84rem;line-height:1.75}
.text-accent{color:var(--c-accent)}
.text-gradient{background:linear-gradient(135deg,#7c3aed,#4c1d95);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.text-muted{color:var(--c-text-3)}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s var(--ease-o),transform .55s var(--ease-o)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.07s}.reveal-delay-2{transition-delay:.14s}.reveal-delay-3{transition-delay:.21s}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem}
.blog-card{color:var(--c-text)}
.blog-card-img{aspect-ratio:16/9;overflow:hidden;margin:calc(clamp(1.3rem,2.8vw,1.8rem)*-1);margin-bottom:1rem;border-radius:var(--rl) var(--rl) 0 0}
.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.blog-card:hover .blog-card-img img{transform:scale(1.03)}
.blog-meta{display:flex;gap:.6rem;font-size:.72rem;color:var(--c-text-4);margin-bottom:.4rem}
.blog-content h2,.blog-content h3{margin-top:1.5rem;margin-bottom:.5rem}
.blog-content p{margin-bottom:1rem}
.blog-content blockquote{border-left:3px solid var(--c-accent);padding:.6rem 1rem;margin:1.2rem 0;background:var(--c-accent-s);border-radius:0 var(--r) var(--r) 0;font-style:italic}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem}
.team-card{text-align:center;padding:2rem 1.4rem}
.team-avatar{width:60px;height:60px;border-radius:50%;background:var(--c-accent);margin:0 auto .8rem;display:flex;align-items:center;justify-content:center;font-family:var(--f-h);font-weight:800;font-size:1.05rem;color:#fff}
.team-name{font-size:1rem;font-weight:700;margin-bottom:.1rem}
.team-role{font-size:.84rem;color:var(--c-accent);margin-bottom:.5rem;font-weight:500}
.team-bio{font-size:.84rem;color:var(--c-text-3)}
.cta-section{text-align:center;background:var(--c-bg-dark);padding:clamp(3.5rem,7vw,5.5rem) 0;color:#fff}
.cta-section h2{color:#fff;margin-bottom:.4rem}
.cta-section p{color:rgba(255,255,255,.5);max-width:420px;margin:0 auto 1.6rem}
.cta-section .btn-primary{background:#fff;color:var(--c-text)}
.cta-section .btn-primary:hover{background:var(--c-accent);color:#fff}
.btn-primary{background:var(--c-text);color:#fff}
.btn-primary:hover{background:var(--c-accent);transform:translateY(-1px);box-shadow:0 4px 12px rgba(124,58,237,.2)}
.btn-outline{background:transparent;color:var(--c-text);border:1.5px solid var(--c-border-hover)}
.btn-outline:hover{border-color:var(--c-text)}
.btn-lg{padding:13px 30px;font-size:15px}
.btn-sm{padding:6px 14px;font-size:.74rem}
.form-group{margin-bottom:1.1rem}
.form-label{display:block;font-size:.84rem;font-weight:600;margin-bottom:4px;color:var(--c-text-2)}
.form-input,.form-textarea,.form-select{width:100%;padding:10px 14px;background:#fff;border:1.5px solid var(--c-border);border-radius:var(--r);color:var(--c-text);font-family:var(--f-b);font-size:16px;transition:all .2s;outline:none}
.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-s)}
.form-textarea{resize:vertical;min-height:110px}
.page-header{padding:8rem 0 3rem;text-align:center;position:relative;overflow:hidden;background:var(--c-bg-dark)}
.page-header-bg{position:absolute;inset:0;z-index:0}
.page-header-bg img,.page-header-bg video,.page-header-bg iframe{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.page-header-bg::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.3);z-index:1}
.page-header-content{position:relative;z-index:2}
.page-header h1{color:#fff;margin-bottom:.4rem;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.page-header p{color:rgba(255,255,255,.75);max-width:460px;margin:0 auto;font-size:clamp(.88rem,1.3vw,1rem)}
.footer{padding:clamp(3rem,5vw,4rem) 0 1.5rem;background:var(--c-bg-dark);color:rgba(255,255,255,.6);border:none}
.footer a{color:rgba(255,255,255,.55);transition:color .2s}
.footer a:hover{color:#fff}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2.5rem;margin-bottom:2.5rem}
.footer-logo-img{height:44px;width:auto;filter:brightness(0) invert(1)}
.footer-tagline{color:rgba(255,255,255,.35);font-size:.84rem;line-height:1.7;max-width:220px;margin-top:.6rem}
.footer-socials{display:flex;gap:8px;margin-top:1rem}
.footer-socials a{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.4)}
.footer-socials a:hover{border-color:var(--c-accent);color:var(--c-accent);background:rgba(124,58,237,.1)}
.footer-heading{font-family:var(--f-h);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.8rem;color:rgba(255,255,255,.25)}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:.45rem}
.footer-links li,.footer-links a{font-size:.84rem;color:rgba(255,255,255,.55)}
.footer-links a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.06);font-size:.72rem;color:rgba(255,255,255,.25)}
.footer-legal{display:flex;gap:1.2rem}
.footer-legal a{color:rgba(255,255,255,.25)}
.footer-legal a:hover{color:rgba(255,255,255,.6)}
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:999;background:#fff;border-top:1px solid var(--c-border);padding:12px 0;box-shadow:0 -4px 16px rgba(0,0,0,.04);animation:sUp .3s var(--ease-o)}
.cookie-content{max-width:var(--w);margin:0 auto;padding:0 clamp(1.2rem,3vw,2rem);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.cookie-content p{font-size:.84rem;color:var(--c-text-3)}
.cookie-actions{display:flex;gap:6px;flex-shrink:0}
@media(max-width:768px){
.navbar-inner{height:64px}
.navbar-toggle{display:block}
.navbar-toggle span{margin:5px 0;width:24px;height:2px}
.navbar-logo{position:absolute;left:50%;transform:translateX(-50%)}
.navbar-logo img{height:42px}
.navbar-right{margin-left:auto}
.navbar-links{position:fixed;top:0;left:-100%;width:85%;max-width:320px;height:100dvh;background:#fff;flex-direction:column;align-items:stretch;padding:0;gap:0;transition:left .35s var(--ease);box-shadow:8px 0 40px rgba(0,0,0,.12);z-index:100;transform:none;overflow-y:auto}
.navbar-links::before{content:'Olek AI Studio';display:block;padding:2rem 1.8rem 1.4rem;font-family:var(--f-h);font-weight:800;font-size:1.1rem;color:var(--c-text);border-bottom:1px solid var(--c-border)}
.navbar-links.open{left:0}
.navbar-links .nav-link{color:var(--c-text);width:100%;padding:14px 1.8rem;border-radius:0;font-size:16px;font-weight:500;border-bottom:1px solid rgba(0,0,0,.04)}
.navbar-links .nav-link:hover,.navbar-links .nav-link.nav-active{color:var(--c-accent);background:var(--c-bg-alt)}
.footer-grid{grid-template-columns:1fr;gap:1.5rem}
.footer-bottom{flex-direction:column;gap:.5rem;text-align:center}
.cookie-content{flex-direction:column;text-align:center}
.products-grid,.blog-grid,.process-steps{grid-template-columns:1fr}
.team-grid{grid-template-columns:repeat(2,1fr)}
.page-header{padding:6rem 0 2rem}
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}
.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}
.cta-section .btn-outline,.cta-s .btn-o{border-color:rgba(255,255,255,.25);color:#fff}
.cta-section .btn-outline:hover,.cta-s .btn-o:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.06)}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px}



/* ═══ FLOATING SHAPES — 2026 MINIMAL ═══ */
.sec-ai{position:relative;overflow:hidden;background:linear-gradient(160deg,#faf9ff 0%,#f3f1fb 40%,#f8f8fc 100%)}
.sec-ai .container,.sec-ai .wrap{position:relative;z-index:2}
.ai-shapes{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.ai-s{position:absolute;border:1.5px solid rgba(124,58,237,.08);border-radius:50%;animation:sDrift linear infinite}
.ai-s::before{content:'';position:absolute;inset:25%;border:1px solid rgba(124,58,237,.06);border-radius:inherit}
/* Circles */
.ai-s:nth-child(1){width:120px;height:120px;top:5%;left:3%;animation-duration:20s;border-radius:50%}
.ai-s:nth-child(2){width:80px;height:80px;top:20%;right:6%;animation-duration:16s;animation-delay:-5s}
.ai-s:nth-child(3){width:60px;height:60px;top:55%;left:8%;animation-duration:22s;animation-delay:-8s}
.ai-s:nth-child(4){width:100px;height:100px;bottom:10%;right:12%;animation-duration:18s;animation-delay:-3s}
/* Squares rotated = diamonds */
.ai-s:nth-child(5){width:50px;height:50px;top:12%;left:55%;border-radius:4px;transform:rotate(45deg);animation-duration:24s;animation-delay:-6s}
.ai-s:nth-child(6){width:70px;height:70px;top:65%;right:30%;border-radius:4px;transform:rotate(45deg);animation-duration:19s;animation-delay:-10s}
/* Hexagons via clip-path */
.ai-s:nth-child(7){width:90px;height:90px;top:35%;left:75%;border:none;background:rgba(124,58,237,.03);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);animation-duration:21s;animation-delay:-2s}
.ai-s:nth-child(7)::before{display:none}
.ai-s:nth-child(8){width:40px;height:40px;top:80%;left:40%;border:none;background:rgba(124,58,237,.04);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);animation-duration:17s;animation-delay:-7s}
.ai-s:nth-child(8)::before{display:none}
/* Dots */
.ai-s:nth-child(9){width:8px;height:8px;top:25%;left:35%;border:none;background:rgba(124,58,237,.1);border-radius:50%;animation-duration:15s;animation-delay:-4s}
.ai-s:nth-child(9)::before{display:none}
.ai-s:nth-child(10){width:6px;height:6px;top:70%;left:65%;border:none;background:rgba(124,58,237,.08);border-radius:50%;animation-duration:13s;animation-delay:-9s}
.ai-s:nth-child(10)::before{display:none}
/* Crosses */
.ai-s:nth-child(11){width:24px;height:24px;top:8%;left:80%;border:none;animation-duration:23s;animation-delay:-1s}
.ai-s:nth-child(11)::before{content:'';position:absolute;top:50%;left:0;right:0;height:1.5px;background:rgba(124,58,237,.1);border:none;border-radius:0;inset:auto}
.ai-s:nth-child(11)::after{content:'';position:absolute;left:50%;top:0;bottom:0;width:1.5px;background:rgba(124,58,237,.1)}
.ai-s:nth-child(12){width:20px;height:20px;bottom:20%;left:20%;border:none;animation-duration:19s;animation-delay:-11s}
.ai-s:nth-child(12)::before{content:'';position:absolute;top:50%;left:0;right:0;height:1.5px;background:rgba(124,58,237,.08);border:none;border-radius:0;inset:auto}
.ai-s:nth-child(12)::after{content:'';position:absolute;left:50%;top:0;bottom:0;width:1.5px;background:rgba(124,58,237,.08)}
@keyframes sDrift{0%{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-12px) rotate(2deg)}66%{transform:translateY(8px) rotate(-1.5deg)}100%{transform:translateY(0) rotate(0deg)}}

/* Glass cards on light bg */
.glass{background:rgba(255,255,255,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);box-shadow:0 2px 16px rgba(124,58,237,.03)}
.glass:hover{background:rgba(255,255,255,.85);border-color:rgba(124,58,237,.1);box-shadow:0 8px 32px rgba(124,58,237,.07);transform:translateY(-3px)}





/* ═══ REVIEWS — 3D COVERFLOW ═══ */
.rv-stage{position:relative;height:240px;perspective:900px;overflow:hidden;margin:0 auto;max-width:100vw}
.rv-card{position:absolute;width:300px;left:50%;top:50%;margin-left:-150px;margin-top:-100px;height:200px;padding:1.1rem 1.2rem;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.06);border-radius:14px;box-shadow:0 4px 20px rgba(0,0,0,.05);cursor:pointer;transition:all .6s cubic-bezier(.25,.1,.25,1);transform-origin:center center;display:flex;flex-direction:column;justify-content:space-between}
.rv-card .r-stars{display:flex;gap:1px;margin-bottom:.4rem}
.rv-card .r-quote{font-size:.82rem;line-height:1.6;color:#555;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1;font-style:italic}
.rv-card .r-bot{display:flex;align-items:center;gap:.5rem;margin-top:.6rem}
.rv-card .r-av{width:28px;height:28px;border-radius:50%;background:var(--c-accent,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.6rem;flex-shrink:0;overflow:hidden}
.rv-card .r-av img{width:100%;height:100%;object-fit:cover}
.rv-card .r-nm{font-weight:600;font-size:.76rem}
.rv-card .r-sr{font-size:.6rem;color:#aaa}
.rv-dots{display:flex;justify-content:center;gap:6px;margin-top:.8rem}
.rv-dot{width:7px;height:7px;border-radius:50%;border:1.5px solid #ccc;background:none;cursor:pointer;padding:0;transition:all .3s}
.rv-dot.on{background:var(--c-accent,#7c3aed);border-color:var(--c-accent,#7c3aed);transform:scale(1.3)}
@media(max-width:768px){.rv-card{width:260px;margin-left:-130px;height:190px}.rv-stage{height:220px}}
/* ═══ REVIEW POPUP ═══ */
.r-card{cursor:pointer}
.r-modal{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:20px}
.r-modal.open{display:flex}
.r-modal-card{background:#fff;border-radius:16px;max-width:520px;width:100%;padding:clamp(1.5rem,4vw,2rem);position:relative;max-height:80vh;overflow-y:auto;animation:rPopIn .2s ease-out}
.r-modal-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:22px;cursor:pointer;color:#999;line-height:1}
.r-modal-close:hover{color:#333}
.r-modal-text{font-size:.92rem;line-height:1.8;color:var(--c-text-2,#444);margin:1rem 0 1.2rem;font-style:italic}
@keyframes rPopIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}

/* ═══ COVERFLOW ARROWS ═══ */
.rv-arrows{display:flex;justify-content:center;gap:.5rem;margin-top:.6rem}
.rv-arr{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--c-border,#e0e0e4);background:rgba(255,255,255,.8);backdrop-filter:blur(8px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--c-text-3,#777)}
.rv-arr:hover{border-color:var(--c-accent,#7c3aed);color:var(--c-accent,#7c3aed);transform:scale(1.08)}

/* ═══ INTERACTION HINTS ═══ */
.hint{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;color:var(--c-text-4,#aaa);letter-spacing:.03em;text-transform:uppercase;font-weight:500;pointer-events:none;margin-top:.5rem}
.hint svg{opacity:.5}
.hero-scroll-hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.65rem;color:rgba(255,255,255,.5);letter-spacing:.08em;text-transform:uppercase;animation:hintBounce 2s ease-in-out infinite;z-index:5}
.hero-scroll-hint svg{opacity:.5}
@keyframes hintBounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}
.card-hint{position:absolute;bottom:10px;right:12px;font-size:.62rem;color:var(--c-text-4,#bbb);opacity:0;transition:opacity .3s;pointer-events:none;display:flex;align-items:center;gap:3px}
.card:hover .card-hint,.product-card:hover .card-hint,.step-card:hover .card-hint{opacity:1}
.rv-hint{text-align:center;font-size:.65rem;color:var(--c-text-4,#aaa);margin-top:.4rem;letter-spacing:.03em}
@media(max-width:768px){.hero-scroll-hint{bottom:16px}}

/* ═══ NAVIGATION HELPERS ═══ */
/* Always-visible card link */
.card-link{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:600;color:var(--c-accent,#7c3aed);margin-top:.8rem;transition:gap .2s}
.card-link:hover{gap:8px}
.card-link svg{transition:transform .2s}
.card-link:hover svg{transform:translateX(2px)}

/* Back to top */
.back-top{position:fixed;bottom:24px;right:24px;width:42px;height:42px;border-radius:50%;background:var(--c-accent,#7c3aed);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(124,58,237,.25);opacity:0;pointer-events:none;transition:all .3s;z-index:90}
.back-top.show{opacity:1;pointer-events:auto}
.back-top:hover{transform:scale(1.1);box-shadow:0 6px 24px rgba(124,58,237,.35)}

/* WhatsApp float */
.wa-float{position:fixed;bottom:24px;left:24px;width:48px;height:48px;border-radius:50%;background:#25D366;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,.3);z-index:90;transition:transform .2s}
.wa-float:hover{transform:scale(1.1)}
.wa-float::after{content:'';position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:#ff3b30;border-radius:50%;border:2px solid #fff;animation:waPulse 2s ease-in-out infinite}
@keyframes waPulse{0%,100%{opacity:1}50%{opacity:.4}}

/* Scroll progress bar */
.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--c-accent,#7c3aed),#a78bfa);z-index:1001;width:0;transition:width .1s linear}

/* Section nav hint arrows between sections */
.section-next{display:flex;justify-content:center;padding:0;margin:-1rem 0}
.section-next-btn{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;color:var(--c-text-4,#aaa);text-decoration:none;padding:8px 16px;border-radius:99px;border:1px solid var(--c-border,#e8e8ec);background:var(--c-bg,#fff);transition:all .2s;cursor:pointer}
.section-next-btn:hover{border-color:var(--c-accent,#7c3aed);color:var(--c-accent,#7c3aed)}

/* Visible hint always */
.card-hint{opacity:.6}
.card:hover .card-hint,.product-card:hover .card-hint{opacity:1}

/* ═══ SIDE SECTION NAV ═══ */
.side-nav{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:80;display:flex;flex-direction:column;gap:10px;align-items:center}
.side-nav a{width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(0,0,0,.15);background:none;transition:all .3s;display:block;position:relative}
.side-nav a:hover,.side-nav a.on{background:var(--c-accent,#7c3aed);border-color:var(--c-accent,#7c3aed);transform:scale(1.3)}
.side-nav a .side-tip{position:absolute;right:20px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:.65rem;color:#fff;background:rgba(0,0,0,.75);padding:3px 8px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s}
.side-nav a:hover .side-tip{opacity:1}
@media(max-width:768px){.side-nav{display:none}}

/* ═══ LAZY YOUTUBE ═══ */
.yt-lazy{position:absolute;inset:0;overflow:hidden}
.yt-bg{position:absolute;inset:0;overflow:hidden;z-index:0}

/* ═══ VIDEO PLAY BUTTON (iOS fallback) ═══ */
.video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.2);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.4);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;animation:playPulse 2s ease-in-out infinite}
.video-play-btn:hover{background:rgba(255,255,255,.3);transform:translate(-50%,-50%) scale(1.1)}
.video-play-btn svg{margin-left:3px}
.video-play-btn.hidden{opacity:0;pointer-events:none}
@keyframes playPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.3)}50%{box-shadow:0 0 0 12px rgba(255,255,255,0)}}

/* ═══ VIDEO PLAY BUTTON (iOS fallback) ═══ */
.video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;animation:playPulse 2s ease-in-out infinite}
.video-play-btn:hover{background:rgba(124,58,237,.7);border-color:rgba(255,255,255,.5);transform:translate(-50%,-50%) scale(1.1)}
.video-play-btn.hidden{opacity:0;pointer-events:none}
@keyframes playPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.2)}50%{box-shadow:0 0 0 16px rgba(255,255,255,0)}}

/* ═══ iOS VIDEO FIX ═══ */
.page-header-bg,.hero-bg{overflow:hidden!important}
.page-header-bg video,.hero-bg video{
  position:absolute!important;top:50%!important;left:50%!important;
  min-width:100%!important;min-height:100%!important;
  width:auto!important;height:auto!important;
  transform:translate(-50%,-50%)!important;
  object-fit:cover!important;
  -webkit-transform:translate(-50%,-50%)!important
}
@supports (-webkit-touch-callout: none){
  .page-header-bg video,.hero-bg video{
    width:177.78vh!important;height:100vh!important;
    min-width:100vw!important;min-height:100%!important
  }
}