*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#02040f;--bg2:#030612;
  --card:#080d1f;
  --b1:rgba(96,165,250,.1);--b2:rgba(96,165,250,.22);--b3:rgba(96,165,250,.44);
  --cyan:#60a5fa;--cyan2:#93c5fd;--blue:#3b82f6;--indigo:#6366f1;
  --neon:#00d4ff;--neon2:#0099ff;
  --text:#f0f4ff;--sub:#7a9bbf;--dim:#3d5878;
  --ease:cubic-bezier(.16,1,.3,1);
}
html{scroll-behavior:smooth}
body{
  font-family:'Syne',sans-serif;
  background:var(--bg);
  color:var(--text);
  overflow-x:hidden;
  line-height:1.7;
}

/* CURSOR */
#cursor{position:fixed;width:10px;height:10px;border-radius:50%;background:var(--neon);
  pointer-events:none;z-index:99999;transform:translate(-50%,-50%);
  transition:width .2s,height .2s;mix-blend-mode:screen;
  box-shadow:0 0 20px var(--neon),0 0 40px var(--neon2);}
#cursor-ring{position:fixed;width:32px;height:32px;border-radius:50%;
  border:1.5px solid rgba(96,165,250,.5);pointer-events:none;z-index:99998;
  transform:translate(-50%,-50%);transition:width .3s,height .3s,border-color .3s;}
body{cursor:none}
@media(hover:none){body{cursor:auto}#cursor,#cursor-ring{display:none}}

/* 3D BG */
#bg3d{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5}

/* NAV */
nav{
  position:fixed;top:0;inset-inline:0;z-index:200;
  display:flex;align-items:center;justify-content:space-between;
  padding:1rem 3.5rem;
  background:rgba(2,4,15,.82);backdrop-filter:blur(28px);
  border-bottom:1px solid var(--b1);
}
nav::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--neon),transparent);
  opacity:.3;}
.nav-logo{font-size:1.2rem;font-weight:800;text-decoration:none;color:var(--text);
  text-shadow:0 0 20px rgba(96,165,250,.4);}
.nav-logo:hover{text-shadow:0 0 30px var(--neon)}
.nav-back{
  display:flex;align-items:center;gap:.55rem;
  color:var(--sub);text-decoration:none;font-size:.83rem;font-weight:600;
  border:1px solid var(--b1);border-radius:8px;padding:.35rem .9rem;
  transition:background .2s,color .2s,border-color .2s;
}
.nav-back:hover{background:rgba(96,165,250,.08);color:var(--text);border-color:var(--b2)}
@media(max-width:680px){nav{padding:.9rem 1.2rem}}

/* PAGE HEADER */
.p-header{
  padding:9rem 2rem 3.5rem;
  text-align:center;
  position:relative;z-index:10;
}
.p-tag{
  display:inline-flex;align-items:center;gap:.55rem;
  margin-bottom:1.8rem;border:1px solid var(--b2);border-radius:6px;
  padding:.32rem .9rem;font-size:.7rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--cyan);
  background:rgba(0,212,255,.04);
  box-shadow:0 0 20px rgba(96,165,250,.08);
}
.p-tag-dot{width:5px;height:5px;border-radius:50%;background:var(--neon);
  animation:blink 2s ease-in-out infinite;box-shadow:0 0 8px var(--neon);}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
.p-title{
  font-size:clamp(2.4rem,6vw,4.5rem);font-weight:800;
  letter-spacing:-.03em;line-height:.97;
  background:linear-gradient(168deg,#fff 20%,var(--cyan2) 58%,var(--blue) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  filter:drop-shadow(0 4px 12px rgba(0,150,255,.3));
  margin-bottom:1rem;
}
.p-title em{font-style:normal;color:var(--neon);-webkit-text-fill-color:var(--neon)}
.p-desc{color:var(--sub);font-size:.87rem;max-width:520px;margin:.8rem auto 0}

/* SECTION WRAP */
.p-wrap{max-width:1080px;margin:0 auto;padding:0 2rem 5rem;position:relative;z-index:10}
.p-section-head{margin-bottom:2.2rem;text-align:center}
.p-section-head .st{font-size:.7rem;font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;color:var(--dim);margin-bottom:.6rem}
.p-section-head h2{font-size:clamp(1.5rem,3.4vw,2.1rem);font-weight:800;letter-spacing:-.02em;color:var(--text)}
.p-section-head p{color:var(--sub);font-size:.85rem;max-width:520px;margin:.6rem auto 0}

/* PARTNERS GRID */
.p-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:1.2rem;margin-bottom:5rem;
}
.p-card{
  background:rgba(4,8,26,.7);border:1px solid rgba(96,165,250,.14);
  border-radius:16px;padding:2rem 1.4rem;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:1rem;
  transition:transform .3s var(--ease),border-color .3s,box-shadow .3s;
}
.p-card:hover{transform:translateY(-6px);border-color:var(--b3);
  box-shadow:0 16px 40px rgba(0,150,255,.12)}
.p-logo{
  width:64px;height:64px;border-radius:16px;
  background:rgba(255,255,255,.04);border:1px solid rgba(96,165,250,.16);
  display:flex;align-items:center;justify-content:center;padding:14px;
}
.p-logo img,.p-logo svg{width:100%;height:100%;object-fit:contain}
.p-card h3{font-size:1rem;font-weight:800;color:var(--text)}
.p-card span{font-size:.76rem;color:var(--sub);line-height:1.6}

/* SUB BRANDS */
.sb-card{
  background:rgba(4,8,26,.7);border:1px solid rgba(96,165,250,.16);
  border-radius:20px;padding:2.4rem 2.2rem;
  display:flex;align-items:center;gap:1.8rem;
  max-width:720px;margin:0 auto;
}
.sb-logo{
  width:84px;height:84px;border-radius:18px;flex-shrink:0;overflow:hidden;
  background:#fff;border:1px solid rgba(96,165,250,.2);
  display:flex;align-items:center;justify-content:center;
}
.sb-logo img{width:100%;height:100%;object-fit:cover}
.sb-info h3{font-size:1.15rem;font-weight:800;color:var(--cyan2);margin-bottom:.6rem;letter-spacing:-.01em}
.sb-info p{font-size:.85rem;color:var(--sub);line-height:1.85}
@media(max-width:600px){.sb-card{flex-direction:column;text-align:center;padding:2rem 1.4rem}}

/* FOOTER */
footer{
  text-align:center;padding:2.5rem 2rem;
  border-top:1px solid var(--b1);position:relative;z-index:10;
}
.f-name{font-size:1rem;font-weight:800;color:var(--cyan2);letter-spacing:-.01em}
.f-rule{width:48px;height:1px;background:var(--b2);margin:1rem auto}
.f-copy{font-size:.75rem;color:var(--dim);line-height:1.8}
.f-back-top{
  display:inline-flex;align-items:center;gap:.5rem;
  color:var(--sub);font-size:.78rem;font-weight:600;
  border:1px solid var(--b1);border-radius:8px;padding:.4rem 1rem;
  text-decoration:none;margin-bottom:1.5rem;
  transition:background .2s,color .2s,border-color .2s;
}
.f-back-top:hover{background:rgba(96,165,250,.07);color:var(--text);border-color:var(--b2)}

/* DIVIDER */
.div{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--b2),transparent);
  margin:0;position:relative;z-index:10}

/* SCROLLBAR */
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--bg2)}
::-webkit-scrollbar-thumb{background:var(--b2);border-radius:99px}

@keyframes up3d{
  from{opacity:0;transform:translateY(30px)}
  to{opacity:1;transform:translateY(0)}
}
.p-header>*{animation:up3d .7s var(--ease) both}
.p-tag{animation-delay:.05s}
.p-title{animation-delay:.12s}
.p-desc{animation-delay:.2s}