/* purged */
:root{color-scheme: light;
  --canvas: #fdfcff;            
  --white: #ffffff;             
  --panel: #f3f0fb;             
  --ink: #161125;               
  --grey: #6a6480;
  --micro-c: #89819e;
  --body-c: #48425c;
  --line: rgba(22, 17, 37, 0.12);
  --accent: #8b5cf6;
  --accent-soft: #a78bfa;
  --accent-deep: #6d28d9;
  --grad-shine: linear-gradient(115deg, #ddd6fe 0%, #8b5cf6 32%, #6d28d9 58%, #a78bfa 85%, #ddd6fe 100%);
  --grad-btn: linear-gradient(135deg, #c4b5fd 0%, #8b5cf6 55%, #6d28d9 100%);
  --glow: 0 0 44px -10px rgba(139, 92, 246, 0.55);
  --aurora: var(--accent);      
  --brand-grad: linear-gradient(135deg, #c4b5fd, #6d28d9); 
  --r: 16px;
  --r-card: 20px;
  --shadow-card: 0 22px 45px -28px rgba(35, 26, 52, 0.25);
  --font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --serif: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --script: 'Snell Roundhand', 'Apple Chancery', 'Segoe Script', cursive;}
*{margin: 0; padding: 0; box-sizing: border-box;}
html{scroll-behavior: smooth;}
body{font-family: var(--font);
  color: var(--ink);
  background: var(--canvas);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;}
a{color: inherit;}
:focus-visible{outline: 3px solid var(--accent); outline-offset: 3px;}
::selection{background: rgba(139, 92, 246, 0.4); color: #fff;}
h1,h2{font-family: var(--serif);
  font-weight: 400;
  letter-spacing: -0.015em;
  line-height: 1.06;
  text-wrap: balance;}
h1{font-size: clamp(2.8rem, 6.5vw, 5.6rem);}
h2{font-size: clamp(2rem, 3.8vw, 3rem);}
h3{font-weight: 700; font-size: 1.12rem; letter-spacing: -0.01em;}
.btn,.btn-aurora{font-family: var(--font);
  display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
  font-weight: 600; font-size: 0.95rem;
  text-decoration: none;
  border: 0; border-radius: 999px;
  padding: 0.95rem 1.9rem;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease, opacity 0.2s ease, border-color 0.2s ease;}
.btn-aurora{position: relative; overflow: hidden;
  background: var(--grad-btn);
  color: #170f2a;
  box-shadow: 0 10px 30px -12px rgba(139, 92, 246, 0.55);}
.btn-aurora::after{content: '';
  position: absolute; top: 0; bottom: 0; left: -80%;
  width: 55%;
  background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.55), transparent);
  transform: skewX(-20deg);
  transition: left 0.55s ease;
  pointer-events: none;}
.btn-aurora:hover{transform: translateY(-2px); box-shadow: 0 16px 40px -14px rgba(139, 92, 246, 0.75);}
.btn-aurora:hover::after{left: 130%;}
.nav{position: fixed; top: 0; left: 0; right: 0; z-index: 60; transition: transform 0.3s ease;}
.nav.nav-hidden{transform: translateY(-110%);}
.nav-inner{max-width: 1180px; margin: 0 auto;
  display: flex; align-items: center; gap: 2rem;
  padding: 1.1rem 1.5rem;
  background: rgba(13, 11, 19, 0.72);

  border-bottom: 1px solid var(--line);
  transition: padding 0.3s ease;}
.logo{display: flex; align-items: center; text-decoration: none;}
.nav-links{display: flex; gap: 1.9rem; margin: 0 auto;}
.nav-links a{position: relative;
  text-decoration: none; font-weight: 500; font-size: 0.93rem;
  color: var(--grey); transition: color 0.2s ease;}
.nav-links a::after{content: '';
  position: absolute; left: 0; right: 0; bottom: -6px;
  height: 2px; border-radius: 2px;
  background: var(--grad-btn);
  transform: scaleX(0); transform-origin: left;
  transition: transform 0.25s ease;}
.nav-links a:hover{color: var(--ink);}
.nav-links a:hover::after{transform: scaleX(1);}
.nav-cta{background: var(--ink); color: #131022;
  font-weight: 600; font-size: 0.88rem;
  text-decoration: none; border-radius: 999px;
  padding: 0.7rem 1.4rem;
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; white-space: nowrap;}
.nav-cta:hover{transform: translateY(-1px);
  background: var(--grad-btn); color: #170f2a;
  box-shadow: 0 10px 26px -12px rgba(139, 92, 246, 0.6);}
@media (max-width: 640px){.nav-links{display: none;}
.nav-cta{margin-left: auto;}}
.hero-v2{position: relative;
  min-height: 88vh;
  display: flex; align-items: center; justify-content: center;
  padding: 9rem 1.25rem 4rem;
  overflow: hidden;
  text-align: center;}
@keyframes haloBreathe{
  from { opacity: 0.7; transform: translate(-50%, -50%) scale(0.96); }
  to   { opacity: 1;   transform: translate(-50%, -50%) scale(1.05); }
}
.hero-glow-follow{position: absolute; inset: 0;
  background: radial-gradient(560px circle at var(--mx, 50%) var(--my, 42%), rgba(255, 122, 40, 0.1), transparent 62%);
  pointer-events: none;}
@keyframes ping{ 75%, 100% { transform: scale(2.2); opacity: 0; } }
.hero-v2 h1{font-size: clamp(3rem, 8vw, 6.4rem); line-height: 1.05;}
.rotator{position: relative; display: inline-grid; text-align: center; vertical-align: top; padding: 0 0.05em 0.12em;}
.rotator-word{grid-area: 1 / 1;
  white-space: nowrap;
  font-style: italic;
  background: var(--grad-shine);
  background-size: 220% 100%;
  -webkit-background-clip: text; background-clip: text;
  color: transparent;
  animation: molten 7s linear infinite;
  opacity: 0;
  transform: translateY(0.5em);
  transition: opacity 0.4s ease, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;}
@keyframes molten{ to { background-position: -220% 0; } }
.rotator-word.is-on{opacity: 1; transform: none; pointer-events: auto;}
.rotator-word.is-out{opacity: 0; transform: translateY(-0.45em);}
.rotator::after{content: '';
  position: absolute;
  left: 6%; right: 6%; bottom: 0.06em;
  height: 2px; border-radius: 2px;
  background: var(--grad-btn);
  box-shadow: 0 0 14px rgba(139, 92, 246, 0.55);
  opacity: 0.95;}
@keyframes hvIn{ to { opacity: 1; transform: none; } }
@keyframes cueDrop{ 0% { transform: translateY(0); opacity: 1; } 70% { transform: translateY(12px); opacity: 0; } 100% { transform: translateY(0); opacity: 0; } }
@keyframes marquee{ from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes clFloat{ 50% { transform: translateY(-9px); } }
@keyframes tagShimmer{ to { background-position: -200% 0; } }
.price{margin-top: 0.2rem; display: flex; align-items: baseline; gap: 0.55rem;}
.price small{font-size: 0.8rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.12em; color: var(--micro-c);}
.price span{font-family: var(--font); font-weight: 800; font-size: 3.1rem; letter-spacing: -0.035em; font-variant-numeric: tabular-nums;}
summary{font-weight: 600; font-size: 1.02rem; cursor: pointer; list-style: none; display: flex; align-items: center; gap: 0.7rem;}
summary::-webkit-details-marker{display: none;}
summary em{font-style: normal; font-weight: 700; color: var(--accent); font-variant-numeric: tabular-nums;}
.consent{position: fixed; bottom: 1.2rem; left: 1.2rem; z-index: 100; max-width: 400px; background: var(--white); border: 1px solid var(--line); border-radius: var(--r); box-shadow: var(--shadow-card); padding: 1.25rem 1.4rem;}
@media (max-width: 520px){.consent{right: 1.2rem;}}
.consent p{font-size: 0.88rem; color: var(--body-c);}
.consent a{color: var(--ink); font-weight: 600;}
.consent-btns{display: flex; gap: 0.6rem; margin-top: 1rem;}
.btn-consent{border: 0; cursor: pointer; font-family: var(--font); font-weight: 600; font-size: 0.88rem; border-radius: 999px; padding: 0.6rem 1.4rem; transition: transform 0.15s ease;}
.btn-consent:active{transform: scale(0.97);}
.btn-consent.accept{background: var(--grad-btn); color: #170f2a;}
.btn-consent.decline{background: rgba(22, 17, 37, 0.08); color: var(--ink);}
.float-actions{position: fixed; right: 1.2rem; bottom: 1.2rem; z-index: 90; display: flex; flex-direction: column; align-items: flex-end; gap: 0.7rem; opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity 0.3s ease, transform 0.3s ease;}
.float-actions.show{opacity: 1; transform: none; pointer-events: auto;}
@media (max-width: 1023px){.float-actions{right: 1rem; bottom: 1rem;}}
.post{max-width: 720px; margin: 0 auto; padding: 9rem 1.5rem 4rem;}
.post-back{font-weight: 600; font-size: 0.9rem; color: var(--grey); text-decoration: none;}
.post-back:hover{color: var(--accent);}
.post-meta{font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--micro-c); margin: 1.4rem 0 0.6rem;}
.post h1{font-size: clamp(2rem, 4.5vw, 2.8rem);}
.post-excerpt{color: var(--grey); font-size: 1.1rem; margin-top: 1rem;}
.post-body{margin-top: 2rem;}
.post-body h2{font-size: 1.5rem; margin: 2.2rem 0 0.7rem;}
.post-body p{color: var(--body-c); margin-bottom: 1rem; line-height: 1.75;}
.post-cta{margin-top: 3rem;
  background: linear-gradient(#161125, #161125) padding-box,
              linear-gradient(150deg, rgba(139, 92, 246, 0.7), rgba(139, 92, 246, 0.1) 55%, rgba(244, 242, 251, 0.12)) border-box;
  border: 1px solid transparent;
  color: var(--ink);
  border-radius: var(--r-card);
  padding: 2.2rem;
  text-align: center;
  box-shadow: 0 30px 70px -40px rgba(139, 92, 246, 0.4);}
.post-cta h2{font-size: 1.6rem; margin: 0 auto 0.6rem; color: var(--ink);}
.post-cta p{color: var(--grey); margin-bottom: 1.4rem;}
.legal{max-width: 760px; margin: 0 auto; padding: 9rem 1.5rem 5rem;}
.legal h1{font-size: clamp(2.2rem, 5vw, 3.2rem); margin-bottom: 2rem;}
.legal h2{font-family: var(--font); font-weight: 700; font-size: 1.15rem; margin: 2.2rem 0 0.6rem;}
.legal p,.legal li{color: var(--body-c);}
.legal ul{padding-left: 1.2rem; margin-top: 0.4rem;}
.legal a{color: var(--accent); font-weight: 600; text-decoration: underline;}
.reveal{opacity: 0; transform: translateY(14px); transition: opacity 0.55s cubic-bezier(0.22,1,0.36,1), transform 0.55s cubic-bezier(0.22,1,0.36,1);}
.reveal.in{opacity: 1; transform: none;}
@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}
*,*::before,*::after{animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important;}
.reveal{opacity: 1; transform: none;}}
@media (max-width: 640px){.hero-v2{min-height: 82vh; padding-top: 7.5rem;}
.hero-v2 h1{font-size: clamp(2.4rem, 11vw, 3.2rem);}}
.hero3{padding: 0;}
.hero3 h1{font-size: clamp(2.9rem, 6.2vw, 5.4rem); line-height: 1.04; color: #d6d2e4;}
@keyframes h3Float{ 50% { transform: translateY(-10px); } }
@media (max-width: 979px){.hero3{padding-top: 5.2rem;}
.hero3 h1{font-size: clamp(2.5rem, 10vw, 3.4rem);}}
.nav{padding: 0.85rem 1rem 0;}
.nav.nav-hidden{transform: translateY(-130%);}
.nav-inner{max-width: 780px;
  border-radius: 999px;
  border: 1px solid rgba(244, 242, 251, 0.13);
  background: rgba(13, 11, 19, 0.94);
  padding: 0.45rem 0.5rem 0.45rem 0.95rem;
  gap: 1.2rem;
  box-shadow: 0 1px 0 rgba(139, 92, 246, 0.14) inset, 0 18px 50px -25px rgba(0, 0, 0, 0.9);}
.logo{gap: 0.6rem;}
.nav-links{gap: 0.3rem;}
.nav-links a{font-size: 0.9rem; padding: 0.48rem 0.9rem; border-radius: 999px; transition: background 0.2s ease, color 0.2s ease;}
.nav-links a::after{content: none;}
.nav-links a:hover{background: rgba(244, 242, 251, 0.08);}
.nav-cta{background: var(--grad-btn); color: #170f2a;
  padding: 0.6rem 1.3rem;
  box-shadow: 0 10px 26px -12px rgba(139, 92, 246, 0.55);}
.nav-cta:hover{background: var(--grad-btn); color: #170f2a; box-shadow: 0 14px 32px -12px rgba(139, 92, 246, 0.75);}
.ab-card{background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--r-card);
  padding: 1.9rem;
  transition: border-color 0.25s ease;}
.ab-card:hover{border-color: rgba(139, 92, 246, 0.35);}
.ab-card h3{font-size: 1.18rem;}
.ab-card > p:not(.ab-k){color: var(--body-c); font-size: 0.93rem; margin-top: 0.55rem;}
@keyframes abGlowSeq{ 0%, 28%, 100% { box-shadow: none; } 12% { box-shadow: 0 0 12px rgba(139, 92, 246, 0.75); } }
@keyframes abMove5{ 0%, 100% { transform: translate(0, 0); } 32% { transform: translate(-66px, 28px); } 62% { transform: translate(-26px, 72px); } }
@keyframes abSheen{ to { background-position: -220% 0; } }
@keyframes abPulse{ 50% { box-shadow: 0 6px 26px -4px rgba(139, 92, 246, 0.85); } }
@keyframes abMove1{ 0%, 100% { transform: translate(0, 0); } 22% { transform: translate(52px, 38px); } 48% { transform: translate(14px, 96px); } 74% { transform: translate(70px, 20px); } }
@keyframes abMove2{ 0%, 100% { transform: translate(0, 0); } 26% { transform: translate(-64px, 52px); } 52% { transform: translate(-18px, 118px); } 78% { transform: translate(-84px, 12px); } }
@keyframes abMove3{ 0%, 100% { transform: translate(0, 0); } 24% { transform: translate(66px, -34px); } 50% { transform: translate(120px, -86px); } 76% { transform: translate(28px, -8px); } }
@keyframes abMove4{ 0%, 100% { transform: translate(0, 0); } 28% { transform: translate(-58px, -46px); } 55% { transform: translate(-110px, -12px); } 80% { transform: translate(-26px, -70px); } }
@media (max-width: 640px){.ab-card{padding: 1.5rem;}}
.nav-inner,.post-cta{--ink: #f4f2fb;
  --grey: #a49dba;
  --micro-c: #8f88a6;
  --body-c: #c6c0d6;
  --line: rgba(244, 242, 251, 0.12);}
.vband-video{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.ab-card{background: #ffffff;
  color: #161125;
  --ink: #161125;
  --grey: #6a6480;
  --micro-c: #89819e;
  --body-c: #48425c;
  --line: rgba(22, 17, 37, 0.12);
  --panel: #f1ede4;
  border-color: rgba(22, 17, 37, 0.1);}
.ab-card:hover{border-color: rgba(139, 92, 246, 0.45);}
.ab-card h3{color: #161125;}
#pricing{padding: 0;}
.stk-card{position: sticky;
  display: grid;
  gap: 0;
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid var(--line);
  box-shadow: 0 -18px 50px -30px rgba(22, 17, 37, 0.35), var(--shadow-card);
  min-height: min(72vh, 620px);}
.stk-card + .stk-card{margin-top: 11vh;}
.stk-card:nth-child(1){top: var(--stk-top);}
.stk-card:nth-child(2){top: calc(var(--stk-top) + 22px);}
.stk-card:nth-child(3){top: calc(var(--stk-top) + 44px);}
.stk-card:nth-child(4){top: calc(var(--stk-top) + 66px);}
.stk-card:nth-child(5){top: calc(var(--stk-top) + 88px);}
@media (min-width: 900px){.stk-card{grid-template-columns: 0.92fr 1.08fr;}}
@supports (animation-timeline: view()){.stk-card{animation: stkExit linear both; animation-timeline: view(); animation-range: exit-crossing 0% exit-crossing 90%; will-change: transform, opacity;}
@keyframes stkExit{ to { transform: scale(0.94) translateY(-8px); opacity: 0.55; } }}
@media (max-width: 899px){.stk-card{min-height: 0;}
.stk-card + .stk-card{margin-top: 7vh;}}
body{background-image:
    radial-gradient(42% 30% at 88% 3%, rgba(139, 92, 246, 0.07), transparent 62%),
    radial-gradient(46% 34% at 6% 38%, rgba(196, 181, 253, 0.08), transparent 64%),
    radial-gradient(40% 30% at 92% 72%, rgba(139, 92, 246, 0.05), transparent 60%);}
.stk-card:nth-child(6){top: calc(var(--stk-top) + 110px);}
body{background-color: #fdfcff;
  background-image:
    radial-gradient(52% 30% at 85% 4%, rgba(139, 92, 246, 0.06), transparent 65%),
    radial-gradient(56% 26% at 10% 46%, rgba(196, 181, 253, 0.07), transparent 65%),
    radial-gradient(50% 24% at 88% 82%, rgba(139, 92, 246, 0.05), transparent 65%);
  background-repeat: no-repeat;}
.vband-video{will-change: transform; transform: translateZ(0);}
.ab-card{position: relative;}
.ab-card::before{content: '';
  position: absolute; inset: 0;
  border-radius: inherit;
  background: radial-gradient(260px circle at var(--mx, 50%) var(--my, 50%), rgba(139, 92, 246, 0.16), transparent 65%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;}
.ab-card:hover::before{opacity: 1;}
.ab-card > *,.stk-card > *{position: relative; z-index: 1;}
#studio,#pricing,#faq{content-visibility: auto;
  contain-intrinsic-size: auto 900px;}
:root{--lav: #f0ebfe; --lav-deep: #e9e2fd;}
#studio .ab-card{box-shadow: 0 26px 55px -30px rgba(76, 29, 149, 0.28);}
.scroll-progress{position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 90; background: var(--grad-btn); transform-origin: 0 50%; transform: scaleX(0); pointer-events: none;}
.nav-cta.glass-cta{position: relative; isolation: isolate; overflow: hidden;
  display: inline-flex; align-items: center;
  padding: 0; border: 0; background: none;
  border-radius: 9999px;
  box-shadow: 0 8px 40px rgba(129, 140, 248, 0.25);
  transition: transform .3s ease, box-shadow .3s ease;}
.nav-cta.glass-cta:hover{background: none; transform: scale(1.05);
  box-shadow: 0 0 40px 8px rgba(129, 140, 248, 0.35);}
.glass-cta .gc-shimmer{position: absolute; inset: 0; border-radius: inherit; overflow: hidden;}
.glass-cta .gc-shimmer > span{position: absolute; inset: -200%; width: 400%; height: 400%;
  background: conic-gradient(from 225deg, transparent 0, rgba(255,255,255,0.6) 90deg, transparent 90deg);
  animation: gc-rotate 4s linear infinite; will-change: transform;}
.glass-cta .gc-glass{position: absolute; inset: 1px; border-radius: 9999px;
  background: rgba(12, 13, 22, 0.94);}
.glass-cta .gc-inner{position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 9px;
  padding: 9px 12px 9px 16px; color: #fff; font-weight: 600; font-size: 0.92rem; line-height: 1;
  white-space: nowrap;}
.glass-cta .gc-icon{display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; border-radius: 50%; background: rgba(255,255,255,0.12); color: #fff;}
@keyframes gc-rotate{ from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce){.glass-cta .gc-shimmer > span{animation: none;}}
@keyframes bar-shine{ 0% { transform: translateX(-170%) skewX(-18deg); } 70% { transform: translateX(280%) skewX(-18deg); } 100% { transform: translateX(280%) skewX(-18deg); } }
.ab-card:not(.in) *,.ab-card:not(.in) *::before,.ab-card:not(.in) *::after{animation-play-state: paused !important;}
@keyframes abFloat{ 0%,100% { transform: translateY(0) rotate(-1.5deg); } 50% { transform: translateY(-8px) rotate(-1.5deg); } }
@keyframes abInk{ 0%,18% { background: rgba(244,242,251,.14); } 30%,100% { background: rgba(244,242,251,.32); } }
@keyframes abPaint{ 0%,18% { background: rgba(244,242,251,.08); border-color: rgba(244,242,251,.18); } 30%,100% { background: linear-gradient(135deg,#7c3aed,#c4b5fd); border-color: transparent; } }
@keyframes abPaintSoft{ 0%,22% { background: rgba(244,242,251,.08); } 34%,100% { background: rgba(139,92,246,.35); } }
@keyframes abPaintBtn{ 0%,24% { background: rgba(244,242,251,.10); } 36%,100% { background: linear-gradient(90deg,#a78bfa,#7c3aed); } }
@keyframes abCode{ 0%,22% { opacity: 0; transform: translateY(12px); } 30%,62% { opacity: 1; transform: translateY(0); } 70%,100% { opacity: 0; transform: translateY(-8px); } }
@keyframes abReady{ 0%,72% { opacity: 0; transform: translate(-50%, 10px) scale(.9); } 78%,94% { opacity: 1; transform: translate(-50%, 0) scale(1); } 100% { opacity: 0; transform: translate(-50%, -6px) scale(.96); } }
@keyframes abChip{ 0% { opacity: 0; transform: translateY(8px) scale(.94); } 6%,24% { opacity: 1; transform: translateY(0) scale(1); } 30%,100% { opacity: 0; transform: translateY(-6px) scale(.96); } }
@keyframes abBlink{ to { opacity: 0; } }
@keyframes abProg{ from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes abBuilds{ 0%,19.9% { opacity: 1; } 20%,100% { opacity: 0; } }
@keyframes abTick{ 0%,10% { background: transparent; border-color: rgba(244,242,251,.25); } 22%,88% { background: #9be8b0; border-color: #9be8b0; } 100% { background: transparent; border-color: rgba(244,242,251,.25); } }
@keyframes abTickMark{ 0%,10% { transform: rotate(45deg) scale(0); } 22%,88% { transform: rotate(45deg) scale(1); } 100% { transform: rotate(45deg) scale(0); } }
@keyframes abBadge{ 0%,42% { transform: scale(0); } 50%,86% { transform: scale(1) rotate(-4deg); } 94%,100% { transform: scale(0); } }
@keyframes abType{ 0% { width: 0; } 20%,85% { width: 100%; } 100% { width: 100%; opacity: 0; } }
.nav-burger{display: none;}
.mobile-menu{display: none;}
.mobile-sticky{display: none;}
@media (max-width: 760px){.nav{padding: 0.6rem 0.75rem 0;}
.nav-inner{padding: 0.4rem 0.45rem 0.4rem 0.7rem; gap: .6rem;}
.nav-links{display: none;}
.nav-cta.glass-cta .gc-inner{padding: 8px 10px 8px 13px; font-size: .86rem;}
.nav-burger{display: inline-flex; flex-direction: column; justify-content: center; gap: 5px; width: 42px; height: 42px; margin-left: 0; padding: 0 11px; border: 0; border-radius: 999px; background: rgba(244,242,251,.08); cursor: pointer;}
.nav-burger span{display: block; height: 2px; border-radius: 2px; background: #f4f2fb; transition: transform .25s ease, opacity .2s ease;}
.menu-open .nav-burger span:nth-child(1){transform: translateY(7px) rotate(45deg);}
.menu-open .nav-burger span:nth-child(2){opacity: 0;}
.menu-open .nav-burger span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}
.mobile-menu{display: block; position: fixed; left: .75rem; right: .75rem; top: 4.4rem; z-index: 59; border-radius: 22px; background: rgba(13,11,19,.97); border: 1px solid rgba(244,242,251,.12); box-shadow: 0 30px 60px -25px rgba(0,0,0,.9); padding: .6rem; animation: menuIn .22s ease both;}
.mobile-menu[hidden]{display: none;}
.mobile-menu nav{display: flex; flex-direction: column;}
.mobile-menu a{display: block; padding: .95rem 1rem; border-radius: 14px; color: #f4f2fb; text-decoration: none; font-weight: 600; font-size: 1.05rem;}
.mobile-menu a:active{background: rgba(244,242,251,.08);}
.mobile-menu-cta{margin-top: .4rem; background: var(--grad-btn); color: #170f2a !important; text-align: center;}
@keyframes menuIn{ from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
.mobile-sticky{display: block; position: fixed; left: .75rem; right: .75rem; bottom: .75rem; z-index: 58; padding: 1rem; border-radius: 999px; background: #14102a; color: #fff; text-align: center; font-weight: 700; text-decoration: none; box-shadow: 0 18px 40px -16px rgba(20,16,42,.8), 0 0 0 1px rgba(255,255,255,.08) inset;}
body{padding-bottom: 4.6rem;}
.float-actions{bottom: 5.4rem;}
.h4-num{font-size: 20px;}
.ab-card{padding: 1.35rem; border-radius: 22px;}
.stk-card{position: relative; top: auto; border-radius: 22px;}
.stk-card + .stk-card{margin-top: 1rem;}
h2{font-size: clamp(1.9rem, 8vw, 2.5rem);}
img,video{max-width: 100%;}}
@keyframes logoScroll{ from { transform: translateX(0); } to { transform: translateX(-50%); } }
.h4-num{font-size: 27px; font-weight: 800; letter-spacing: -.03em; margin: 5px 0 7px; font-variant-numeric: tabular-nums;}
@keyframes h4NtfL{ 0% { opacity: 0; transform: translateX(70px) scale(.94); } 5%,34% { opacity: 1; transform: translateX(0) scale(1); } 40%,100% { opacity: 0; transform: translateX(-14px) scale(.98); } }
@keyframes h4NtfR{ 0% { opacity: 0; transform: translateX(-70px) scale(.94); } 5%,34% { opacity: 1; transform: translateX(0) scale(1); } 40%,100% { opacity: 0; transform: translateX(14px) scale(.98); } }
@keyframes h4Float{ 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes h4FloatB{ 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@keyframes h4Bar{ 0%,6% { transform: scaleY(0); } 26%,84% { transform: scaleY(1); } 100% { transform: scaleY(0); } }
@keyframes h4Seg{ 0%,28% { transform: translateX(0); } 33%,61% { transform: translateX(100%); } 66%,94% { transform: translateX(200%); } 100% { transform: translateX(0); } }
@keyframes h4Item{ 0%,4% { opacity: 0; transform: translateY(10px); } 18%,88% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-6px); } }
@keyframes h4Draw{ 0%,8% { stroke-dashoffset: 420; } 50%,88% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes h4Area{ 0%,40% { opacity: 0; } 55%,88% { opacity: 1; } 100% { opacity: 0; } }
@keyframes h4Pop{ 0%,46% { transform: scale(0); } 54%,88% { transform: scale(1); } 100% { transform: scale(0); } }
@media (max-width: 760px){.h4-num{font-size: 21px;}}
.is-off,.is-off *,.is-off *::before,.is-off *::after{animation-play-state: paused !important;}
.aud-wrap{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2.5rem; align-items: center;}
.aud-tab{--acc: #7c3aed; display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 1rem; width: 100%; text-align: left; padding: .95rem 1.1rem; border-radius: 18px; border: 1px solid rgba(20,16,42,.08); background: #fff; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; font-family: inherit;}
.aud-tab:hover{transform: translateX(4px); box-shadow: 0 16px 30px -20px rgba(20,16,42,.35);}
.aud-tab.is-on{border-color: var(--acc); box-shadow: 0 24px 44px -24px rgba(20,16,42,.35), 0 0 0 3px color-mix(in srgb, var(--acc) 14%, transparent);}
.aud-plate{position: absolute; inset: 6% 8%; border-radius: 2.4rem; background: linear-gradient(160deg, #ede9fe, #ddd6fe 50%, #c4b5fd); transform: rotate(-5deg); box-shadow: inset 0 1px 0 #fff; transition: background .6s ease;}
.ap-panel{--acc: #7c3aed; position: absolute; inset: 0; padding: 44px 14px 18px; display: flex; flex-direction: column; gap: 10px; opacity: 0; transform: translateX(24px); transition: opacity .45s ease, transform .45s cubic-bezier(.2,.8,.2,1); pointer-events: none;}
.ap-panel.is-on{opacity: 1; transform: none;}
.aud-chips{position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 6px); display: flex; gap: .45rem; opacity: 0; transition: opacity .4s ease, transform .4s ease; pointer-events: none; z-index: 3;}
.aud-chips.is-on{opacity: 1; transform: translate(-50%, 0);}
.aud-chips span{background: #fff; border: 1px solid rgba(20,16,42,.08); border-radius: 999px; padding: .4rem .8rem; font-size: .76rem; font-weight: 600; color: #14102a; box-shadow: 0 10px 20px -14px rgba(20,16,42,.35); white-space: nowrap;}
@media (max-width: 1023px){.aud-wrap{grid-template-columns: 1fr; gap: 1.5rem;}
.aud-tab{flex: 0 0 auto; width: auto; grid-template-columns: 36px auto; gap: .6rem; padding: .7rem .9rem; scroll-snap-align: start; border-radius: 999px;}}
@media (max-width: 760px){.ap-panel{padding: 38px 12px 14px;}
.aud-chips{flex-wrap: wrap; justify-content: center; width: 100%;}}
@media (prefers-reduced-motion: reduce){.ap-panel,.aud-chips,.aud-tab{transition: none;}}
.ap-shot{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; opacity: 0; transform: scale(1.02); transition: opacity .5s ease, transform .5s cubic-bezier(.2,.8,.2,1);}
.ap-shot.is-on{opacity: 1; transform: none;}
.aud-tab{background: rgba(255,255,255,.96); border-color: rgba(255,255,255,.08);}
.aud-tab.is-on{background: #fff;}
.aud-plate{background: linear-gradient(160deg, rgba(196,181,253,.55), rgba(139,92,246,.35) 55%, rgba(91,33,182,.45)); box-shadow: 0 50px 100px -50px rgba(0,0,0,.7);}
.aud-tab{-webkit-tap-highlight-color: transparent; min-height: 64px;}
@supports not (background: color-mix(in srgb, red 10%, white)){.aud-tab.is-on{box-shadow: 0 24px 44px -24px rgba(20,16,42,.35);}}
@media (max-width: 760px){.aud-plate{inset: 4% 4%;}
.aud-tab{min-height: 48px;}}
.aud-wrap{display: none;}
.nav-links{align-items: center;}
.nav-item{position: relative;}
.nav-mega-trigger{display: inline-flex; align-items: center; gap: .35rem;}
.nav-mega-trigger svg{transition: transform .2s ease;}
.has-mega.is-open .nav-mega-trigger svg,.has-mega:hover .nav-mega-trigger svg{transform: rotate(180deg);}
.mega{position: absolute; left: 50%; top: calc(100% + 14px); width: min(860px, calc(100vw - 2rem)); transform: translate(-50%, 8px); opacity: 0; visibility: hidden; pointer-events: none;
  display: grid; grid-template-columns: 1.25fr 1fr 1.05fr; gap: 0; padding: 1.25rem; border-radius: 24px;
  background: rgba(16,13,24,.97); border: 1px solid rgba(244,242,251,.12); box-shadow: 0 40px 80px -30px rgba(0,0,0,.9), inset 0 1px 0 rgba(139,92,246,.18);
  transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s; z-index: 70;}
.mega::before{content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 14px;}
.has-mega:hover .mega,.has-mega.is-open .mega,.has-mega:focus-within .mega{opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); transition-delay: 0s;}
@media (max-width: 760px){.mega{display: none;}}
@media (min-width: 761px) and (max-width: 1023px){.mega{grid-template-columns: 1fr 1fr;}}
.nav,.nav .mega{z-index: 200;}
.mobile-menu{z-index: 199; background: #100d18 !important;}
.mega{width: min(920px, calc(100vw - 2rem)); grid-template-columns: 1.45fr .9fr 1fr;}
@keyframes shOrb{ 0%,100% { transform: translateY(0); } 50% { transform: translateY(-24px); } }
.nav{isolation: isolate;}
.mega{background: #ffffff !important; border: 1px solid rgba(20,16,42,.08) !important; box-shadow: 0 40px 90px -30px rgba(20,16,42,.45), 0 0 0 1px rgba(20,16,42,.04) !important; width: min(980px, calc(100vw - 2rem)); padding: 1.1rem; border-radius: 26px;
  display: grid !important; grid-template-columns: 1fr 290px; grid-template-rows: auto auto; gap: 1rem; opacity: 0; visibility: hidden;}
.has-mega:hover .mega,.has-mega.is-open .mega,.has-mega:focus-within .mega{opacity: 1; visibility: visible;}
@media (min-width: 761px) and (max-width: 1023px){.mega{grid-template-columns: 1fr;}}
@keyframes sxDrift1{ 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(-40px, 30px) scale(1.08); } }
@keyframes sxDrift2{ 0%,100% { transform: translate(0,0) rotate(0); } 50% { transform: translate(30px, -40px) rotate(6deg); } }
@keyframes sxDrift3{ 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(50px, 20px) scale(.92); } }
@keyframes sxUp{ from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes ssIn{ from { opacity: 0; transform: translateY(60px) rotate(0); } to { opacity: 1; } }
@keyframes ssFloat{ 0%,100% { translate: 0 0; } 50% { translate: 0 -10px; } }
.mega-services{grid-template-columns: 1fr 300px;}
@media (max-width: 760px){.mega-services{display: none !important;}}