/* ============== FounderClone — Premium Extend Layer ==============
   Non-destructive add-on. Only adds. Never overrides core layout.
   Adds: cross-browser neural background, brand-loader logo,
   blink utility, autotyper styling, image-slider styling,
   premium section accents, mobile-safe fallbacks.
=================================================================== */

/* Brand logo inside the existing preloader (graceful — only shows if found) */
#preloader .pre-orb::before,
#preloader .pre-orb::after { z-index: 0; }
#preloader .pre-brand{
  position:absolute; inset:0; display:grid; place-items:center;
  pointer-events:none; z-index:3;
}
#preloader .pre-brand img{
  width:54px;height:54px;border-radius:14px;object-fit:cover;
  box-shadow:0 0 30px rgba(0,229,255,.55),0 0 60px rgba(168,85,247,.35);
  animation:pxLogoIn .9s cubic-bezier(.2,.7,.2,1) both, pxLogoPulse 2.4s ease-in-out infinite alternate;
}
@keyframes pxLogoIn{from{opacity:0;transform:scale(.4) rotate(-12deg);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes pxLogoPulse{to{filter:brightness(1.25) drop-shadow(0 0 14px #00e5ff)}}
#preloader .pre-brand .pre-brand-name{
  position:absolute; bottom:-58px; left:50%; transform:translateX(-50%);
  font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:.45em;
  text-transform:uppercase; color:#8a92ad; white-space:nowrap;
}
#preloader .pre-brand .pre-brand-name b{
  color:#e9ecf5; background:linear-gradient(135deg,#00e5ff,#a855f7 60%,#ff3d9a);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  font-weight:700; letter-spacing:.3em;
}

/* ---- Premium neural canvas (works on every device & browser) ---- */
#px-neural{
  position:fixed; inset:0; width:100%; height:100%;
  z-index:0; pointer-events:none;
  /* Gracefully degrade with a tasteful gradient if canvas fails */
  background:
    radial-gradient(1200px 800px at 20% 10%, rgba(0,229,255,.10), transparent 60%),
    radial-gradient(1000px 800px at 85% 90%, rgba(168,85,247,.10), transparent 60%);
}
@media (max-width:640px){
  #px-neural{ opacity:.65 }
}

/* ---- Blink utility ---- */
.px-blink{ animation:pxBlink 1.15s steps(2) infinite }
@keyframes pxBlink{50%{opacity:.18}}

/* ---- Live status ribbon (re-usable) ---- */
.px-live{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 14px;border-radius:999px;
  background:rgba(0,229,255,.06);border:1px solid rgba(0,229,255,.25);
  color:#cfeefb;font-family:"JetBrains Mono",monospace;
  font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;font-weight:600;
}
.px-live .dotx{width:7px;height:7px;border-radius:50%;background:#00e5ff;box-shadow:0 0 12px #00e5ff;animation:pxBlink 1.15s steps(2) infinite}

/* ---- Premium image slider (auto + manual) ---- */
.px-slider-wrap{position:relative;border-radius:24px;overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 40px 100px -30px rgba(0,229,255,.25),
             0 40px 100px -40px rgba(168,85,247,.3),
             inset 0 0 0 1px rgba(255,255,255,.04)}
.px-slider{display:flex;transition:transform .9s cubic-bezier(.2,.7,.2,1);height:clamp(320px,55vw,540px)}
.px-slide{flex:0 0 100%;position:relative;overflow:hidden}
.px-slide img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04);transition:transform 8s linear}
.px-slider:hover .px-slide.is-active img{transform:scale(1.12)}
.px-slide::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.85) 100%)}
.px-cap{position:absolute;left:clamp(18px,3vw,36px);right:clamp(18px,3vw,36px);bottom:clamp(18px,3vw,36px);z-index:2;color:#fff;
  transform:translateY(20px);opacity:0;transition:transform .8s cubic-bezier(.2,.7,.2,1) .15s,opacity .8s ease .15s}
.px-slide.is-active .px-cap{transform:none;opacity:1}
.px-cap .eb{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.35em;text-transform:uppercase;color:#7be3ff;margin-bottom:10px;display:inline-block;padding:5px 10px;border:1px solid rgba(123,227,255,.4);border-radius:999px;background:rgba(0,229,255,.08)}
.px-cap h3{font-size:clamp(22px,3vw,42px);line-height:1.05;letter-spacing:-.02em;margin:6px 0 8px;
  text-shadow:0 6px 30px rgba(0,0,0,.65)}
.px-cap p{margin:0;color:#dbe5f5;max-width:640px;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.px-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;
  background:rgba(6,7,13,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.18);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:5;
  font-size:18px;transition:transform .25s ease, background .25s ease}
.px-nav:hover{background:linear-gradient(135deg,#00e5ff,#a855f7);transform:translateY(-50%) scale(1.08)}
.px-nav.prev{left:14px}.px-nav.next{right:14px}
.px-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:8px;z-index:4}
.px-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35);cursor:pointer;transition:all .35s}
.px-dots i.on{background:linear-gradient(135deg,#00e5ff,#a855f7);width:28px;border-radius:4px}

/* ---- Premium section frame ---- */
.px-section{position:relative;padding:96px 0;z-index:4}
.px-section .px-inner{max-width:1200px;margin:0 auto;padding:0 24px}
.px-eyebrow{display:inline-flex;gap:10px;align-items:center;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.35em;text-transform:uppercase;color:#7be3ff;margin-bottom:18px}
.px-eyebrow::before{content:"";width:24px;height:1px;background:linear-gradient(90deg,#00e5ff,transparent)}
.px-h{font-size:clamp(32px,5vw,64px);line-height:1.02;letter-spacing:-.035em;margin:0 0 18px;font-weight:600}
.px-h em{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;background:linear-gradient(135deg,#00e5ff,#a855f7 60%,#ff3d9a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.px-lede{color:#8a92ad;max-width:680px;line-height:1.65;font-size:clamp(15px,1.4vw,18px);margin:0 0 40px}

/* Typer caret + cursor */
.px-typer{display:inline-block;min-height:1.15em}
.px-typer .px-caret{display:inline-block;width:3px;height:1em;vertical-align:-2px;margin-left:6px;
  background:linear-gradient(180deg,#00e5ff,#ff3d9a);border-radius:2px;animation:pxBlink 1s steps(2) infinite}

/* Floating accent orbs for any section */
.px-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.45;pointer-events:none;z-index:0}
.px-orb.a{width:420px;height:420px;background:radial-gradient(circle,#00e5ff,transparent 60%);top:-120px;left:-80px;animation:pxFloatA 18s ease-in-out infinite alternate}
.px-orb.b{width:360px;height:360px;background:radial-gradient(circle,#a855f7,transparent 60%);bottom:-100px;right:-60px;animation:pxFloatB 22s ease-in-out infinite alternate}
@keyframes pxFloatA{to{transform:translate(80px,40px) scale(1.15)}}
@keyframes pxFloatB{to{transform:translate(-60px,-30px) scale(1.2)}}

/* Cross-browser: smaller blur on iOS to avoid jank */
@supports (-webkit-touch-callout: none){
  .px-orb{filter:blur(40px)}
  #px-neural{opacity:.55}
}
@media (prefers-reduced-motion:reduce){
  .px-blink,.px-live .dotx,.px-typer .px-caret,.px-orb,#preloader .pre-brand img{animation:none!important}
  .px-slider{transition:none}
}

/* hide any stray v19 auto-injected floating logo */
.v19-logo, .v19-section{display:none!important}