/* === WP ISOLATION === */
#bg3Video{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:0!important;pointer-events:none!important;max-width:none!important;max-height:none!important;transform:none!important;display:block!important;}

html{background:#08080d!important;color:#f0f0f5!important}
body{background:#08080d!important;color:#f0f0f5!important;margin:0!important;padding:0!important;min-width:0!important;max-width:none!important}
body.home,body.page,body.single,body.wp-custom-logo,.site,.site-content,.entry-content,.wp-site-blocks{background:#08080d!important;padding:0!important;margin:0!important;max-width:none!important;width:100%!important}
#page,#content,#primary,#main,.site-main,.entry-content > *:not(style):not(script){max-width:none!important;padding:0!important;margin:0!important;background:transparent!important}
.wp-admin-bar-wrap,#wpadminbar{z-index:99999!important}
/* SEC-OVERLAP — nie może przykrywać kolejnych sekcji */
/* VIDEO SECTIONS — force height against WP resets */
/* reset WP typography overrides */
h1,h2,h3,h4,h5,h6,p,a,span,div,section,footer,nav{font-family:inherit}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:#06060a}
::-webkit-scrollbar-thumb{background:#1a1a28;border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:#24243a}
::selection{background:rgba(74,125,255,.25);color:#fff}
html{scroll-behavior:smooth}

/* PRELOADER */
.preloader{position:fixed;inset:0;z-index:9999;background:#08080d;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}
.preloader.done{opacity:0;transform:scale(1.04);pointer-events:none}
.preloader-wordmark{font-size:clamp(64px,10vw,120px);font-weight:200;letter-spacing:.4em;color:#f0f0f5;animation:ppulse 2s ease-in-out infinite}
.preloader-sub{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:rgba(107,140,255,.35);animation:ppulse 2s ease-in-out infinite;animation-delay:.3s}
.preloader-line{width:100px;height:1px;background:linear-gradient(90deg,transparent,rgba(74,125,255,.5),transparent);animation:pline 1.5s ease-in-out infinite}
@keyframes ppulse{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes pline{0%,100%{transform:scaleX(.2);opacity:.2}50%{transform:scaleX(1);opacity:1}}

/* HERO VIDEO BG */
.hero-video-wrap{position:absolute;inset:0;z-index:0;overflow:hidden}
#heroBgVideo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;pointer-events:none}

/* HERO TITLE SHIMMER */
@keyframes heroShimmer{0%,100%{text-shadow:0 0 20px rgba(107,140,255,0),0 0 60px rgba(74,125,255,0)}50%{text-shadow:0 0 80px rgba(107,140,255,1),0 0 160px rgba(74,125,255,.9),0 0 300px rgba(59,107,255,.7),0 0 400px rgba(74,125,255,.4)}}
.hero-title-glow{animation:heroShimmer 1.6s ease-in-out infinite}

/* NOISE */
.noise{display:none}

/* MOUSE GLOW */
.mouse-glow{position:fixed;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,rgba(74,125,255,.05) 0%,transparent 65%);pointer-events:none;z-index:2;transform:translate(-50%,-50%);will-change:left,top}
@media(max-width:768px){.mouse-glow{display:none}}

/* CURSOR */
.cursor-dot{position:fixed;width:6px;height:6px;background:rgba(107,140,255,.7);border-radius:50%;pointer-events:none;z-index:9991;transform:translate(-50%,-50%);transition:width .25s cubic-bezier(.16,1,.3,1),height .25s,background .25s;mix-blend-mode:screen}
.cursor-dot.hover{width:36px;height:36px;background:rgba(74,125,255,.08);border:1px solid rgba(74,125,255,.2)}
@media(max-width:768px),(pointer:coarse){.cursor-dot{display:none}}

/* NAV */
.main-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 clamp(24px,4vw,64px);height:72px;display:flex;align-items:center;justify-content:space-between;background:rgba(8,8,13,.55);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);border-bottom:1px solid rgba(255,255,255,.035);opacity:0;transition:opacity 2s ease}
.main-nav.visible{opacity:1}
.nav-link{position:relative;color:rgba(240,240,245,.42);font-size:13px;font-weight:400;letter-spacing:.04em;text-decoration:none;transition:color .3s}
.nav-link:hover{color:rgba(240,240,245,.9)}
.nav-link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:rgba(74,125,255,.55);transition:width .3s cubic-bezier(.16,1,.3,1)}
.nav-link:hover::after{width:100%}

/* CINEMA */
.cinema-wrap{position:absolute;inset:-12%;overflow:hidden;will-change:transform}
.cinema-layer{position:absolute;inset:0}
.cinema-layer-1{background:radial-gradient(ellipse 80% 60% at 25% 40%,rgba(74,125,255,.11) 0%,transparent 60%);animation:drift1 25s ease-in-out infinite}
.cinema-layer-2{background:radial-gradient(ellipse 70% 50% at 75% 30%,rgba(100,150,255,.07) 0%,transparent 55%);animation:drift2 30s ease-in-out infinite}
.cinema-layer-3{background:radial-gradient(ellipse 90% 70% at 50% 80%,rgba(59,107,255,.05) 0%,transparent 50%);animation:drift3 22s ease-in-out infinite}
.cinema-layer-4{background:radial-gradient(ellipse 40% 40% at 60% 50%,rgba(74,125,255,.03) 0%,transparent 50%);animation:drift4 18s ease-in-out infinite}
@keyframes drift1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(5%,3%) scale(1.05)}66%{transform:translate(-3%,5%) scale(.97)}}
@keyframes drift2{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-4%,-3%) scale(1.03)}66%{transform:translate(3%,-5%) scale(1.06)}}
@keyframes drift3{0%,100%{transform:translate(0,0)}50%{transform:translate(2%,-4%)}}
@keyframes drift4{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(-3%,2%) rotate(2deg)}}
.cinema-light{position:absolute;width:2px;height:200px;background:linear-gradient(180deg,transparent,rgba(74,125,255,.13),transparent);filter:blur(1px);animation:lightBeam 14s ease-in-out infinite}
.cinema-light:nth-child(1){left:20%;top:10%;transform:rotate(15deg)}
.cinema-light:nth-child(2){left:55%;top:5%;transform:rotate(-10deg);animation-delay:4s;opacity:.6}
.cinema-light:nth-child(3){left:80%;top:15%;transform:rotate(8deg);animation-delay:8s;opacity:.4}
@keyframes lightBeam{0%,100%{opacity:0;transform:translateY(0) rotate(15deg)}20%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translateY(80px) rotate(15deg)}}

/* GLASS */
.glass{background:rgba(255,255,255,.03);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05)}
.glass-blue{background:rgba(74,125,255,.033);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(74,125,255,.065)}

/* REVEALS */
.reveal{opacity:0;transform:translateY(48px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}
.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.reveal-delay-6{transition-delay:.6s}
.reveal-left{opacity:0;transform:translateX(-56px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.reveal-left.visible{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(56px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.reveal-right.visible{opacity:1;transform:translateX(0)}

/* GRADIENT TEXT */
.gradient-text{background:linear-gradient(135deg,#6b8cff 0%,#4a7dff 30%,#8eaaff 60%,#4a7dff 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gshift 6s ease-in-out infinite}
@keyframes gshift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* BUTTONS */
.btn-premium{position:relative;display:inline-flex;align-items:center;gap:12px;padding:16px 36px;border:none;border-radius:60px;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:500;letter-spacing:.03em;cursor:pointer;overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;text-decoration:none}
.btn-premium::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(74,125,255,.4),rgba(74,125,255,.08),rgba(100,150,255,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.btn-primary-blue{background:linear-gradient(135deg,#3b6bff 0%,#4a7dff 50%,#5588ff 100%);color:#fff;box-shadow:0 0 40px rgba(59,107,255,.13),0 4px 20px rgba(59,107,255,.17)}
.btn-primary-blue:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 60px rgba(59,107,255,.22),0 8px 30px rgba(59,107,255,.26)}
.btn-ghost{background:rgba(255,255,255,.04);color:rgba(240,240,245,.6);border:1px solid rgba(255,255,255,.07)}
.btn-ghost:hover{background:rgba(255,255,255,.08);color:#f0f0f5;transform:translateY(-1px)}

/* HR */
.hr-anim{height:1px;background:linear-gradient(90deg,transparent,rgba(74,125,255,.28),transparent);background-size:200% 100%;animation:hrsh 4s ease-in-out infinite}
@keyframes hrsh{0%,100%{background-position:-200% 0}50%{background-position:200% 0}}

/* SCROLL INDICATOR */
.scroll-ind{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:10}
.scroll-ind span{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(240,240,245,.22)}
.scroll-vline{width:1px;height:38px;background:linear-gradient(180deg,rgba(74,125,255,.38),transparent);animation:svp 2s ease-in-out infinite}
@keyframes svp{0%,100%{opacity:.3;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}

/* DATA FLOW */
.dfl{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(74,125,255,.18),rgba(74,125,255,.38),rgba(74,125,255,.18),transparent);background-size:200% 100%;animation:dflow 3s linear infinite}
@keyframes dflow{0%{background-position:-200% 0}100%{background-position:200% 0}}

/* FLOAT ORBS */
.float-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:orbd 20s ease-in-out infinite}
@keyframes orbd{0%,100%{transform:translate(0,0)}25%{transform:translate(28px,-18px)}50%{transform:translate(-18px,28px)}75%{transform:translate(18px,18px)}}

/* SECTION HELPERS */
.sec-fade-t::before{content:'';position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(180deg,rgba(8,8,13,1) 0%,transparent 100%);z-index:1;pointer-events:none}
.sec-fade-b::after{content:'';position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(0deg,rgba(8,8,13,1) 0%,transparent 100%);z-index:1;pointer-events:none}
.sec-overlap{position:relative;z-index:2;margin-top:-80px}
.sec-overlap-lg{position:relative;z-index:3;margin-top:-140px}

/* SYSTEM NODE */
.sys-node{position:relative;padding:18px 22px;border-radius:14px;cursor:default;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}
.sys-node:hover{transform:translateY(-4px);box-shadow:0 8px 40px rgba(74,125,255,.09)}

/* SYS PREVIEW GRID — responsive */
@media(max-width:700px){
  .sys-preview-grid{grid-template-columns:1fr!important}
}
@media(min-width:701px) and (max-width:900px){
  .sys-preview-grid{grid-template-columns:repeat(2,1fr)!important}
}

/* SYS NODE CLICKABLE */
button.sys-node{cursor:pointer;font-family:inherit}
button.sys-node:focus-visible{outline:2px solid rgba(74,125,255,.5);outline-offset:2px}

/* CAP CARD */
.cap-card{position:relative;padding:40px;border-radius:20px;overflow:hidden;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.cap-card::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(74,125,255,0) 0%,rgba(74,125,255,.02) 100%);transition:background .5s}
.cap-card:hover::before{background:linear-gradient(135deg,rgba(74,125,255,0) 0%,rgba(74,125,255,.055) 100%)}
.cap-card:hover{transform:translateY(-5px)}
.cap-num{font-size:11px;font-weight:500;letter-spacing:.15em;color:rgba(74,125,255,.32);margin-bottom:24px}

/* AI STICKY */
.ai-sticky-sec{height:300vh;position:relative}
.ai-sticky-in{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}
.ai-canvas-wrap{position:absolute;inset:0;z-index:0}
.ai-canvas-wrap canvas{width:100%;height:100%}
@media(max-width:768px){.ai-sticky-sec{height:auto}.ai-sticky-in{position:relative;height:auto;min-height:100vh;padding:80px 24px}}

/* MARQUEE */
.strip{border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055);padding:18px 0;overflow:hidden}
.strip-inner{display:flex;gap:72px;animation:marq 28s linear infinite;white-space:nowrap;width:max-content}
.strip-item{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(240,240,245,.18);flex-shrink:0}
@keyframes marq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* VIDEO PARALLAX */
.video-sec{position:relative;min-height:62vh;display:flex;align-items:center;overflow:hidden}
.video-bg{position:absolute;inset:-25%;z-index:0;will-change:transform}
.video-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(8,8,13,.12) 0%,transparent 45%,rgba(8,8,13,.12) 100%)}
.scanlines{position:absolute;inset:0;z-index:3;opacity:.016;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.3) 2px,rgba(0,0,0,.3) 4px);pointer-events:none}
.video-content{position:relative;z-index:4;padding:100px clamp(24px,6vw,80px)}
.video-label{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(107,140,255,.5);margin-bottom:18px}
.video-title{font-size:clamp(30px,5vw,68px);font-weight:200;line-height:1.08;letter-spacing:-.025em;color:#f0f0f5}

/* TICKER */
.ticker-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055)}
.ticker-item{padding:34px 24px;border-right:1px solid rgba(255,255,255,.055);text-align:center}
.ticker-item:last-child{border-right:none}
.ticker-val{font-size:36px;font-weight:200;color:#f0f0f5;letter-spacing:-.03em;line-height:1}
.ticker-val span{font-size:19px;color:#6b8cff}
.ticker-label{font-size:11px;color:rgba(106,106,122,.75);letter-spacing:.1em;text-transform:uppercase;margin-top:8px}

/* SYSTEM LAYER STACK */
.sys-layer{display:flex;align-items:center;gap:18px;padding:16px 20px;border-left:2px solid rgba(255,255,255,.065);transition:border-color .3s,background .3s;cursor:default;margin-top:11px}
.sys-layer:hover{border-color:#4a7dff;background:rgba(74,125,255,.038)}
.sys-layer-n{font-size:11px;color:rgba(106,106,122,.65);width:22px;flex-shrink:0;font-weight:400;letter-spacing:.05em}
.sys-layer-t{font-size:14px;font-weight:400;flex:1;color:#f0f0f5}
.sys-layer-s{font-size:12px;color:rgba(138,138,154,.65)}

/* AI PIPELINE */
.ai-pipeline{position:relative;height:296px;border:1px solid rgba(255,255,255,.055);overflow:hidden;border-radius:4px}
.ai-pgrid{position:absolute;inset:0;opacity:.048;background-image:repeating-linear-gradient(0deg,#4a7dff 0,#4a7dff 1px,transparent 1px,transparent 40px),repeating-linear-gradient(90deg,#4a7dff 0,#4a7dff 1px,transparent 1px,transparent 40px)}
.ai-pnodes{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 44px}
.ai-pflow{display:flex;align-items:center;width:100%}
.ai-pnode{display:flex;flex-direction:column;align-items:center;gap:9px;flex:1}
.ai-pbox{width:86px;height:50px;border:1px solid rgba(255,255,255,.09);background:rgba(20,20,31,.9);display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.08em;color:rgba(138,138,154,.75);transition:all .4s;border-radius:3px}
.ai-pbox.active{border-color:#4a7dff;color:#8eaaff;background:rgba(74,125,255,.11);box-shadow:0 0 28px rgba(74,125,255,.16)}
.ai-plabel{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(74,74,102,.75)}
.ai-pedge{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(74,125,255,.22),rgba(255,255,255,.055));position:relative;min-width:14px}
.ai-pedge::after{content:'›';position:absolute;top:50%;right:-5px;transform:translateY(-50%);font-size:10px;color:rgba(74,74,102,.65)}
.ai-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.055);border-top:none}
.ai-metric{padding:28px 22px;border-right:1px solid rgba(255,255,255,.055)}
.ai-metric:last-child{border-right:none}
.ai-metric .n{font-size:32px;font-weight:200;color:#f0f0f5;letter-spacing:-.03em;line-height:1}
.ai-metric .u{font-size:16px;font-weight:200;color:#6b8cff}
.ai-metric .l{font-size:11px;color:rgba(74,74,102,.85);letter-spacing:.08em;text-transform:uppercase;margin-top:7px}

/* PROCESS */
.proc-step{display:grid;grid-template-columns:96px 1fr 1fr;gap:0;border-top:1px solid rgba(255,255,255,.055);padding:50px 0;align-items:start}
.proc-step:last-child{border-bottom:1px solid rgba(255,255,255,.055)}
.ps-num{font-size:50px;font-weight:200;color:rgba(240,240,245,.09);line-height:1;font-feature-settings:"tnum"}
.ps-body{padding-right:44px}
.ps-title{font-size:22px;font-weight:300;margin-bottom:11px;line-height:1.2;color:#f0f0f5;letter-spacing:-.01em}
.ps-desc{font-size:14px;color:rgba(160,160,176,.75);line-height:1.8;font-weight:300}
.ps-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.ps-tag{font-size:11px;letter-spacing:.07em;padding:5px 11px;border:1px solid rgba(255,255,255,.065);color:rgba(160,160,176,.55);border-radius:2px}
.ps-bars{display:flex;flex-direction:column;gap:13px;padding-top:5px}
.ps-bar-row{display:flex;flex-direction:column;gap:5px}
.ps-blabel{display:flex;justify-content:space-between;font-size:11px;color:rgba(106,106,122,.75);letter-spacing:.04em}
.ps-bar{height:2px;background:rgba(255,255,255,.065);position:relative;overflow:hidden;border-radius:1px}
.ps-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#4a7dff,#8eaaff);border-radius:1px}

/* =============================================
   MOBILE PORTRAIT — max-width 768px
   ============================================= */
@media(max-width:768px){

  /* GLOBAL — prevent horizontal overflow */
  html,body{max-width:100%;overflow-x:hidden}
  *{box-sizing:border-box}

  /* NAV */
  .main-nav{padding:0 20px;height:60px}

  /* HERO */
  #hero{min-height:100svh}
  #heroTitle{font-size:clamp(26px,7.5vw,44px)!important;letter-spacing:.06em!important}

  /* VIDEO SECTIONS */
  .video-sec{min-height:56vh}
  .video-content{padding:48px 24px}
  .video-label{font-size:9px;letter-spacing:.2em}
  .video-title{font-size:clamp(24px,7vw,38px)!important;line-height:1.12!important}

  /* MARQUEE — prevent overflow */
  .strip{overflow:hidden;width:100%}
  .strip-inner{width:max-content}

  /* TICKER */
  .ticker-row{grid-template-columns:1fr 1fr}
  .ticker-item{border-bottom:1px solid rgba(255,255,255,.055);padding:22px 12px}
  .ticker-item:nth-child(2){border-right:none}
  .ticker-item:nth-child(3){border-bottom:none}
  .ticker-item:nth-child(4){border-bottom:none;border-right:none}
  .ticker-val{font-size:clamp(32px,9vw,48px)!important}
  .ticker-label{font-size:9px;letter-spacing:.08em}

  /* MANIFESTO / LIGHT SECTIONS */
  .sec-overlap,.sec-overlap-lg{margin-top:0!important;border-radius:20px 20px 0 0!important}

  /* SYSTEM GRID — 2 col */
  .sys-grid{grid-template-columns:1fr 1fr!important}
  .sys-node{padding:18px 14px}

  /* SYS LAYERS */
  .sys-layer{padding:13px 0;gap:10px;flex-wrap:wrap}
  .sys-layer-t{font-size:13px}
  .sys-layer-s{font-size:10px;width:100%;padding-left:32px}

  /* AI STANDALONE VIDEO — show it */
  #ai{height:56.25vw!important;min-height:240px!important}
  #bg1Video{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}

  /* AI STICKY — disable sticky, show phases as normal blocks */
  .ai-sticky-sec{height:auto!important}
  .ai-sticky-in{
    position:relative!important;
    height:auto!important;
    min-height:unset!important;
    padding:60px 20px 48px;
    overflow:visible!important;
  }
  .ai-canvas-wrap,#aiCanvasWrap{display:none!important}
  .ai-phase{
    position:relative!important;
    inset:auto!important;
    opacity:1!important;
    transform:none!important;
    pointer-events:auto!important;
    display:block!important;
    margin-bottom:48px;
    padding:0!important;
  }
  .ai-phase:last-child{margin-bottom:0}
  .ai-phase[data-phase="0"]{text-align:center}
  .ai-phase[data-phase="1"] .glass-blue{padding:20px 16px}
  .ai-phase[data-phase="1"] > div{grid-template-columns:1fr!important;gap:14px}

  /* AI PIPELINE — vertical stack instead of horizontal row */
  .ai-pipeline{
    height:auto!important;
    border:none!important;
    overflow:visible!important;
  }
  .ai-pgrid{display:none}
  .ai-pnodes{
    position:relative!important;
    inset:auto!important;
    padding:0!important;
  }
  .ai-pflow{
    flex-direction:column!important;
    width:100%!important;
    gap:0!important;
    align-items:stretch!important;
  }
  .ai-pnode{
    flex-direction:row!important;
    align-items:center!important;
    gap:14px!important;
    flex:none!important;
    padding:12px 0;
    border-bottom:1px solid rgba(255,255,255,.055);
  }
  .ai-pnode:last-child{border-bottom:none}
  .ai-pbox{
    width:72px!important;
    height:40px!important;
    font-size:9px!important;
    flex-shrink:0;
  }
  .ai-plabel{
    font-size:11px!important;
    letter-spacing:.08em;
    color:rgba(160,160,176,.65);
  }
  .ai-pedge{display:none!important}
  .ai-metrics{
    grid-template-columns:1fr 1fr!important;
    margin-top:20px;
  }
  .ai-metric{
    padding:16px 12px!important;
    border-bottom:1px solid rgba(255,255,255,.055);
  }
  .ai-metric:nth-child(3),.ai-metric:nth-child(4){border-bottom:none}

  /* CAPABILITIES */
  .cap-grid{grid-template-columns:1fr!important}
  .cap-card{padding:24px 20px}

  /* PROCESS */
  .proc-step{
    grid-template-columns:44px 1fr!important;
    gap:14px;
    padding:22px 0;
  }
  .ps-num{font-size:clamp(26px,6vw,38px)}
  .ps-bars{display:none!important}
  .ps-title{font-size:18px}
  .ps-desc{font-size:13px}

  /* CONTACT */
  #contact{height:56.25vw!important;min-height:240px!important}
  #bgLastVideo{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
  #ctaContent{padding:28px 20px!important}

  /* CTA SOUND BUTTON */
  #ctaSoundBtn{bottom:32px!important}
  #videoSoundBtn{bottom:32px!important}

  /* FOOTER */
  footer{padding:0 16px}
  footer > div{flex-direction:column!important;text-align:center;gap:14px;padding:24px 0}
  footer .flex{flex-direction:column!important;gap:14px}
}

/* ── LOGO CAROUSEL ── */
.logo-carousel-wrap {
  overflow: hidden;
  width: 100%;
  margin-bottom: 56px;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
}
.logo-carousel-track {
  display: flex;
  align-items: center;
  gap: 56px;
  width: max-content;
  animation: logoScroll 28s linear infinite;
}
.logo-carousel-wrap:hover .logo-carousel-track {
  animation-play-state: paused;
}
.logo-carousel-item {
  height: 36px;
  width: auto;
  object-fit: contain;
  opacity: 0.45;
  filter: grayscale(1);
  transition: opacity .25s, filter .25s;
  flex-shrink: 0;
}
.logo-carousel-item:hover {
  opacity: 0.8;
  filter: grayscale(0);
}
@keyframes logoScroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}