/* ============================================
   COINIS.COM — V3 Styles
   Premium storytelling. Wow UI/UX.
   Unified design system with adforce.html.
   ============================================ */

:root {
  --navy: #012D6C;
  --blue: #0071BD;
  --deep: #0A1F44;
  --sky: #5BA3D9;
  --ora1: #F9AE3B;
  --ora2: #FF6A40;
  --green: #22C55E;
  --red: #EF4444;
  --txt: #1E293B;
  --muted: #64748B;
  --bg: #F8FAFC;
  --white: #FFFFFF;
  --border: #E2E8F0;
  --grad: linear-gradient(135deg, var(--ora1), var(--ora2));
  --space: linear-gradient(170deg, #030A14 0%, #081A38 25%, #0C2858 55%, #164588 100%);
  --wa: #25D366;
  --tg: #0088CC;
  --ff: 'Inter', system-ui, -apple-system, sans-serif;
  --mono: 'JetBrains Mono', 'SF Mono', 'Fira Code', monospace;
  --r: 12px;
  --rl: 20px;
}

/* --- Reset --- */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { font-family: var(--ff); font-size: 17px; line-height: 1.6; color: var(--txt); background: var(--white); overflow-x: hidden; }
a { text-decoration: none; color: inherit; transition: .2s ease; }
ul { list-style: none; }
img { max-width: 100%; display: block; }
strong { font-weight: 700; }
.wrap { max-width: 1080px; margin: 0 auto; padding: 0 24px; }

/* ============================================
   BUTTONS
   ============================================ */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  border-radius: 50px; font-family: var(--ff); font-weight: 700;
  cursor: pointer; border: none; white-space: nowrap; transition: all .2s;
}
.btn--s { padding: 11px 24px; font-size: .85rem; }
.btn--l { padding: 18px 40px; font-size: 1.05rem; }
.btn--cta {
  background: var(--grad); color: var(--white);
  box-shadow: 0 4px 20px rgba(255, 106, 64, .35);
}
.btn--cta:hover {
  box-shadow: 0 8px 32px rgba(255, 106, 64, .5);
  transform: translateY(-2px);
}
.btn--outline-light {
  background: transparent; color: rgba(255,255,255,.8);
  border: 1.5px solid rgba(255,255,255,.2); padding: 14px 32px; font-size: .9rem;
}
.btn--outline-light:hover {
  background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.4); color: #fff;
}
.btn--outline {
  background: transparent; color: var(--blue);
  border: 1.5px solid var(--border); padding: 14px 32px; font-size: .9rem;
}
.btn--outline:hover {
  background: rgba(0,113,189,.04); border-color: var(--blue);
}
.btn--wa {
  background: var(--wa); color: var(--white);
  box-shadow: 0 4px 20px rgba(37, 211, 102, .3);
}
.btn--wa:hover {
  box-shadow: 0 8px 32px rgba(37, 211, 102, .45);
  transform: translateY(-2px); background: #20BD5A;
}
.btn--wa svg { flex-shrink: 0; }
.btn--tg {
  background: var(--tg); color: var(--white);
  box-shadow: 0 4px 20px rgba(0, 136, 204, .3);
}
.btn--tg:hover {
  box-shadow: 0 8px 32px rgba(0, 136, 204, .45);
  transform: translateY(-2px); background: #0077B5;
}
.btn--tg svg { flex-shrink: 0; }
.cta-pair {
  display: flex; align-items: center; justify-content: center; gap: 12px;
}
.cta-pair--compact .btn { padding: 16px 32px; font-size: .95rem; }

/* Hero CTAs */
.btn--wa-pro, .btn--tg-pro {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 15px 36px; border-radius: 10px; font-family: var(--ff);
  font-weight: 600; font-size: .88rem; cursor: pointer; border: none;
  color: #fff; transition: all .25s; letter-spacing: .2px;
  position: relative; overflow: hidden;
}
.btn--wa-pro::before, .btn--tg-pro::before {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 60%);
  pointer-events: none;
}
.btn--wa-pro {
  background: linear-gradient(180deg, #2BD974 0%, #1EA855 100%);
  box-shadow: 0 1px 0 rgba(255,255,255,.15) inset, 0 4px 20px rgba(34,197,94,.25), 0 1px 3px rgba(0,0,0,.2);
}
.btn--wa-pro:hover {
  box-shadow: 0 1px 0 rgba(255,255,255,.15) inset, 0 8px 32px rgba(34,197,94,.35), 0 2px 6px rgba(0,0,0,.25);
  transform: translateY(-1px);
}
.btn--tg-pro {
  background: linear-gradient(180deg, #2CA5E0 0%, #0088CC 100%);
  box-shadow: 0 1px 0 rgba(255,255,255,.15) inset, 0 4px 20px rgba(0,136,204,.25), 0 1px 3px rgba(0,0,0,.2);
}
.btn--tg-pro:hover {
  box-shadow: 0 1px 0 rgba(255,255,255,.15) inset, 0 8px 32px rgba(0,136,204,.35), 0 2px 6px rgba(0,0,0,.25);
  transform: translateY(-1px);
}
.btn--wa-pro svg, .btn--tg-pro svg { flex-shrink: 0; opacity: .9; }
.cta-pair--hero { gap: 10px; }

/* Check availability buttons */
.btn--check {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  margin: 4px 24px 12px; padding: 15px 24px; border-radius: 10px;
  font-family: var(--ff); font-size: .88rem; font-weight: 700;
  color: #fff; text-decoration: none; cursor: pointer;
  background: linear-gradient(135deg, var(--ora1), var(--ora2));
  box-shadow: 0 4px 20px rgba(255,106,64,.3), 0 1px 0 rgba(255,255,255,.1) inset;
  transition: all .25s; position: relative; overflow: hidden; letter-spacing: .2px;
}
.btn--check::before {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 55%);
  pointer-events: none;
}
.btn--check:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(255,106,64,.45), 0 1px 0 rgba(255,255,255,.12) inset;
}
.btn--check svg { transition: transform .2s; }
.btn--check:hover svg { transform: translateX(3px); }
.btn--check-pop {
  background: linear-gradient(135deg, #F9AE3B 0%, #FF6A40 50%, #FF4D2D 100%);
  box-shadow: 0 4px 24px rgba(255,106,64,.4), 0 0 0 1px rgba(255,255,255,.08) inset, 0 1px 0 rgba(255,255,255,.15) inset;
  font-size: .92rem; padding: 17px 24px;
}
.btn--check-pop:hover {
  box-shadow: 0 10px 40px rgba(255,106,64,.55), 0 0 0 1px rgba(255,255,255,.1) inset, 0 1px 0 rgba(255,255,255,.18) inset;
}

.doubt {
  display: block; text-align: center; margin-top: 12px;
  font-size: .78rem; color: var(--muted); font-weight: 500;
}
.sec--pricing .doubt,
.sec--proof .doubt,
.sec--final .doubt { color: rgba(255,255,255,.4); }

/* ============================================
   NAV
   ============================================ */
.nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
  padding: 14px 0; transition: all .3s;
}
.nav.scrolled {
  background: rgba(255,255,255,.97); backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 1px 12px rgba(0,0,0,.06); padding: 10px 0;
}
.nav__inner { display: flex; align-items: center; justify-content: space-between; }
.nav__logo {
  display: flex; align-items: center; gap: 8px; z-index: 10;
}
.nav__logo img { height: 28px; width: auto; transition: opacity .3s ease; }
.nav__logo-light { opacity: 1; }
.nav__logo-dark { opacity: 0; position: absolute; }
.nav.scrolled .nav__logo-light { opacity: 0; position: absolute; }
.nav.scrolled .nav__logo-dark { opacity: 1; position: static; }
.nav__links {
  display: flex; align-items: center; gap: 28px;
}
.nav__link {
  font-size: .82rem; font-weight: 600; color: rgba(255,255,255,.65);
  letter-spacing: .3px; transition: color .2s;
}
.nav__link:hover { color: #fff; }
.nav.scrolled .nav__link { color: var(--muted); }
.nav.scrolled .nav__link:hover { color: var(--navy); }
.nav__actions {
  display: flex; align-items: center; gap: 10px;
}
.nav.scrolled .btn--outline-light {
  color: var(--navy); border-color: var(--border);
}
.nav.scrolled .btn--outline-light:hover {
  background: rgba(0,113,189,.04); border-color: var(--blue); color: var(--blue);
}

.nav__burger {
  display: none; background: none; border: none; cursor: pointer;
  width: 28px; height: 20px; position: relative; z-index: 10;
}
.nav__burger span {
  display: block; width: 100%; height: 2px; background: #fff;
  border-radius: 2px; transition: all .3s; position: absolute; left: 0;
}
.nav__burger span:nth-child(1) { top: 0; }
.nav__burger span:nth-child(2) { top: 9px; }
.nav__burger span:nth-child(3) { top: 18px; }
.nav.scrolled .nav__burger span { background: var(--navy); }
.nav__burger.active span:nth-child(1) { top: 9px; transform: rotate(45deg); }
.nav__burger.active span:nth-child(2) { opacity: 0; }
.nav__burger.active span:nth-child(3) { top: 9px; transform: rotate(-45deg); }

/* ============================================
   HERO
   ============================================ */
.hero {
  position: relative; background: var(--space); overflow: hidden; padding: 130px 0 0;
}
.hero__canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }

.hero__orbs { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.hero__orb {
  position: absolute; border-radius: 50%; filter: blur(120px); opacity: .15;
}
.hero__orb--blue {
  width: 600px; height: 600px; background: var(--blue);
  top: -200px; left: -200px;
  animation: float-orb 8s ease-in-out infinite;
}
.hero__orb--orange {
  width: 500px; height: 500px; background: var(--ora1);
  bottom: -200px; right: -200px;
  animation: float-orb 10s ease-in-out infinite reverse;
}
@keyframes float-orb {
  0%, 100% { transform: translateY(0) translateX(0); }
  33% { transform: translateY(-20px) translateX(10px); }
  66% { transform: translateY(15px) translateX(-15px); }
}

.hero__inner {
  position: relative; z-index: 2; text-align: center;
  max-width: 860px; margin: 0 auto; padding-bottom: 56px;
}

.trust-pill {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(34,197,94,.06);
  border: 1px solid rgba(34,197,94,.2);
  border-radius: 8px; padding: 8px 18px; margin-bottom: 32px;
  font-size: .72rem; font-weight: 600; color: rgba(255,255,255,.65);
  letter-spacing: .8px; text-transform: uppercase;
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
.trust-pill svg { flex-shrink: 0; }
.trust-pill__avatars {
  display: flex; align-items: center; margin-right: 2px;
}
.trust-pill__avatar {
  width: 22px; height: 22px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: .5rem; font-weight: 700; color: #fff;
  border: 2px solid rgba(10,10,14,.9);
  margin-left: -6px; position: relative;
}
.trust-pill__avatar:first-child { margin-left: 0; }

.hero__h1 {
  font-size: 3.8rem; font-weight: 900; color: #fff; line-height: 1.06;
  margin-bottom: 24px; letter-spacing: -1.5px;
}
.hero__gradient {
  background: linear-gradient(135deg, var(--ora1) 0%, var(--ora2) 50%, #FF4D6A 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hero__sub {
  font-size: 1.12rem; color: rgba(200,210,225,.55); line-height: 1.75;
  margin-bottom: 36px; max-width: 600px; margin-left: auto; margin-right: auto;
}
.hero__hook { color: #fff; font-weight: 700; }

.hero__cta-block {
  display: flex; flex-direction: column; align-items: center; gap: 20px;
}

.trust-strip { display: flex; align-items: center; gap: 14px; }
.trust-strip__methods { display: flex; align-items: center; gap: 6px; }
.trust-strip__methods svg { opacity: .55; transition: opacity .2s; border-radius: 3px; }
.trust-strip__methods svg:hover { opacity: .85; }
.trust-strip__label {
  font-size: .7rem; font-weight: 600; color: rgba(255,255,255,.35);
  letter-spacing: .5px; text-transform: uppercase;
  border-left: 1px solid rgba(255,255,255,.1); padding-left: 14px;
}

/* ============================================
   TRUST STACK — 3-layer hero bottom
   ============================================ */
.tstack {
  max-width: 780px; margin: 40px auto 0;
  display: flex; flex-direction: column; gap: 20px;
}

/* --- Layer 1: Social Proof --- */
.tstack__proof {
  display: flex; align-items: center; justify-content: center;
  gap: 10px;
}
.tstack__tp-star { flex-shrink: 0; filter: drop-shadow(0 0 4px rgba(0,182,122,.3)); }
.tstack__tp-score {
  font-size: .78rem; color: rgba(255,255,255,.5);
}
.tstack__tp-score strong { color: #fff; font-weight: 800; }
.tstack__tp-sep { color: rgba(255,255,255,.15); font-size: .9rem; }
.tstack__tp-count {
  font-size: .78rem; color: rgba(255,255,255,.5);
}
.tstack__tp-count strong { color: rgba(255,255,255,.75); font-weight: 700; }

/* --- Layer 2: Authority Partners --- */
.tstack__authority {
  display: flex; flex-direction: column; align-items: center; gap: 10px;
}
.tstack__auth-label {
  font-size: .55rem; font-weight: 700; color: rgba(255,255,255,.2);
  text-transform: uppercase; letter-spacing: 2.5px;
}
.tstack__auth-grid {
  display: flex; align-items: stretch; justify-content: center; gap: 16px;
  flex-wrap: wrap;
}
.tstack__auth-card {
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  padding: 14px 20px 12px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  transition: border-color .2s, background .2s;
  min-width: 150px;
}
.tstack__auth-card:hover {
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.15);
}
.tstack__auth-card svg { flex-shrink: 0; margin-bottom: 2px; }
.tstack__auth-card-name {
  font-size: .72rem; font-weight: 700; color: rgba(255,255,255,.8);
  letter-spacing: .2px; text-align: center;
}
.tstack__auth-card-sub {
  font-size: .6rem; font-weight: 500; color: rgba(255,255,255,.35);
  letter-spacing: .3px; text-align: center;
}
.tstack__auth-card-badge {
  font-size: .55rem; font-weight: 700; color: #22C55E;
  letter-spacing: .5px; margin-top: 4px;
}

/* --- Layer 3: Persona Tags --- */
.tstack__persona {
  display: flex; align-items: center; justify-content: center; gap: 14px;
}
.tstack__persona-label {
  font-size: .6rem; font-weight: 700; color: rgba(255,255,255,.2);
  text-transform: uppercase; letter-spacing: 2px;
  flex-shrink: 0;
}
.tstack__tags {
  display: flex; align-items: center; gap: 8px;
}
.tstack__tag {
  display: flex; align-items: center; gap: 7px;
  padding: 8px 16px;
  border-radius: 10px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.07);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  transition: all .25s;
}
.tstack__tag:hover {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.15);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,.15);
}
.tstack__tag-icon {
  width: 28px; height: 28px; border-radius: 8px;
  background: rgba(249,174,59,.08);
  border: 1px solid rgba(249,174,59,.12);
  display: flex; align-items: center; justify-content: center;
  color: var(--ora1);
  flex-shrink: 0;
}
.tstack__tag-icon--blue {
  background: rgba(0,113,189,.08);
  border-color: rgba(0,113,189,.12);
  color: var(--sky);
}
.tstack__tag-icon--green {
  background: rgba(34,197,94,.08);
  border-color: rgba(34,197,94,.12);
  color: var(--green);
}
.tstack__tag span {
  font-size: .76rem; font-weight: 700; color: rgba(255,255,255,.6);
  white-space: nowrap;
}

/* Logo strip */
.logo-strip {
  position: relative; z-index: 2; padding: 18px 0; overflow: hidden;
  border-top: 1px solid rgba(255,255,255,.06);
}
.logo-strip__track { overflow: hidden; }
.logo-strip__scroll {
  display: flex; gap: 48px; animation: marquee 30s linear infinite; width: max-content;
}
.logo-strip__scroll span {
  font-size: .85rem; font-weight: 700; color: rgba(255,255,255,.25); white-space: nowrap;
}
@keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

/* ============================================
   SECTIONS — shared
   ============================================ */
.sec { padding: 80px 0; }
.sec--arch { background: var(--space); padding: 100px 0 80px; position: relative; overflow: hidden; }
.sec--pain { background: var(--white); }
.sec--agitate { background: var(--bg); }
.sec--solve { background: var(--white); }
.sec--proof { background: var(--space); }
.sec--compare { background: var(--bg); }
.sec--community { background: var(--space); padding: 100px 0; position: relative; overflow: hidden; }
.sec--owners { background: var(--white); padding: 90px 0; }
.sec--services {
  background: linear-gradient(160deg, #0A1225 0%, #0D1B3A 40%, #0A1F44 70%, #091428 100%);
  padding: 110px 0 100px; position: relative; overflow: hidden;
}
.sec--steps { background: var(--bg); }
.sec--pricing { background: var(--space); padding: 90px 0; }
.sec--guarantee { background: var(--bg); padding: 60px 0; }
.sec--press { background: var(--white); padding: 60px 0; border-bottom: 1px solid var(--border); }
.sec--faq { background: var(--white); }
.sec--final { background: var(--space); padding: 100px 0; }

.sec__eyebrow {
  text-align: center; font-size: .7rem; font-weight: 700;
  letter-spacing: 2.5px; text-transform: uppercase;
  color: var(--blue); margin-bottom: 10px;
}
.sec__eyebrow--gold { color: var(--ora1); }
.sec__h2 {
  text-align: center; font-size: 2.2rem; font-weight: 900;
  color: var(--navy); line-height: 1.15; margin-bottom: 40px;
}
.sec__h2--light { color: #fff; }
.sec__sub { text-align: center; color: var(--muted); font-size: 1rem; margin: -24px auto 48px; max-width: 560px; }
.sec__sub--light { color: rgba(255,255,255,.6); }
.sec__sub strong { color: var(--navy); }
.sec__sub--light strong { color: #fff; }

/* ============================================
   VISUAL ARCHITECTURE
   ============================================ */
.arch__glow {
  position: absolute; width: 500px; height: 500px; border-radius: 50%;
  background: radial-gradient(circle, rgba(0,113,189,.12) 0%, transparent 70%);
  top: -120px; left: 50%; transform: translateX(-50%);
  pointer-events: none; animation: arch-glow 6s ease-in-out infinite;
}
.arch__glow--2 {
  width: 300px; height: 300px;
  background: radial-gradient(circle, rgba(249,174,59,.08) 0%, transparent 70%);
  top: auto; bottom: -80px; left: 20%;
  animation: arch-glow 8s ease-in-out infinite reverse;
}
@keyframes arch-glow {
  0%, 100% { opacity: .5; transform: translateX(-50%) scale(1); }
  50% { opacity: 1; transform: translateX(-50%) scale(1.12); }
}
.arch__content { position: relative; z-index: 2; }

/* ---- Topology Map ---- */
.arch__map {
  position: relative;
  width: 100%; max-width: 620px; margin: 0 auto 56px;
  height: 420px;
}

/* Central hub */
.arch__hub {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.arch__hub-ring {
  position: absolute; border-radius: 50%;
  top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.arch__hub-ring--outer {
  width: 130px; height: 130px;
  border: 1px solid rgba(0,113,189,.2);
  animation: hub-rotate 20s linear infinite;
  background: radial-gradient(circle, rgba(0,113,189,.04) 0%, transparent 70%);
}
.arch__hub-ring--inner {
  width: 95px; height: 95px;
  border: 1px dashed rgba(249,174,59,.2);
  animation: hub-rotate 14s linear infinite reverse;
}
@keyframes hub-rotate {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}
.arch__hub-core {
  position: relative;
  width: 80px; height: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(0,113,189,.15), rgba(249,174,59,.1));
  border: 2px solid rgba(255,255,255,.12);
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 2px;
  box-shadow: 0 0 40px rgba(0,113,189,.15), 0 0 80px rgba(0,113,189,.05);
  backdrop-filter: blur(12px);
}
.arch__hub-core svg { color: var(--ora1); margin-bottom: 2px; }
.arch__hub-core span {
  font-size: .48rem; font-weight: 700; color: rgba(255,255,255,.7);
  text-transform: uppercase; letter-spacing: 1px; text-align: center;
  line-height: 1.2;
}

/* Orbit nodes */
.arch__orbit {
  position: absolute; inset: 0;
}
.arch__node {
  position: absolute;
  top: 50%; left: 50%;
  --radius: 185px;
  --x: calc(cos(var(--angle)) * var(--radius));
  --y: calc(sin(var(--angle)) * var(--radius));
  transform: translate(calc(-50% + var(--x)), calc(-50% + var(--y)));
}
.arch__node-inner {
  display: flex; flex-direction: column; align-items: center;
  gap: 6px; padding: 16px 20px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  backdrop-filter: blur(16px);
  min-width: 120px;
  transition: all .3s;
  position: relative;
  z-index: 2;
}
.arch__node-inner:hover {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0,0,0,.2);
}
.arch__node-icon {
  width: 40px; height: 40px; border-radius: 12px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,.6);
}
.arch__node--meta .arch__node-icon { background: rgba(24,119,242,.1); border-color: rgba(24,119,242,.2); color: #1877F2; }
.arch__node--google .arch__node-icon { background: rgba(66,133,244,.08); border-color: rgba(66,133,244,.15); }
.arch__node--tiktok .arch__node-icon { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.1); color: #fff; }
.arch__node--aff .arch__node-icon { background: rgba(249,174,59,.08); border-color: rgba(249,174,59,.15); color: var(--ora1); }
.arch__node--treasury .arch__node-icon { background: rgba(34,197,94,.08); border-color: rgba(34,197,94,.15); color: var(--green); }

.arch__node-label {
  font-size: .68rem; font-weight: 700; color: rgba(255,255,255,.7);
  text-transform: uppercase; letter-spacing: .8px;
}
.arch__node-stat {
  font-family: var(--mono);
  font-size: .6rem; font-weight: 600; color: rgba(255,255,255,.35);
  letter-spacing: .5px;
}
.arch__node-stat span { color: var(--ora1); font-weight: 700; }

/* Connection lines */
.arch__line {
  position: absolute;
  top: 50%; left: 50%;
  width: var(--radius);
  height: 1px;
  transform-origin: 0% 50%;
  transform: rotate(calc(var(--angle) + 180deg));
  z-index: 0;
  overflow: visible;
}
.arch__line::before {
  content: '';
  position: absolute; top: 0; left: 0;
  width: 100%; height: 1px;
  background: linear-gradient(90deg, rgba(249,174,59,.3), rgba(0,113,189,.1));
}
.arch__line::after {
  content: '';
  position: absolute; top: -2px; left: 0;
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--ora1);
  box-shadow: 0 0 8px rgba(249,174,59,.5);
  animation: data-pulse 3s ease-in-out infinite;
  animation-delay: calc(var(--angle) * 0.01s);
}
@keyframes data-pulse {
  0% { left: 0; opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { left: calc(100% - 6px); opacity: 0; }
}

/* ---- Throughput Meters ---- */
.arch__meters {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
  max-width: 780px; margin: 0 auto 48px;
}
.arch__meter {
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 14px; padding: 20px;
  transition: all .2s;
}
.arch__meter:hover {
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.12);
}
.arch__meter-header {
  display: flex; align-items: baseline; justify-content: space-between;
  margin-bottom: 12px;
}
.arch__meter-label {
  font-size: .65rem; font-weight: 600; color: rgba(255,255,255,.35);
  text-transform: uppercase; letter-spacing: 1px;
}
.arch__meter-val {
  font-family: var(--mono);
  font-size: 1rem; font-weight: 800; color: #fff;
}
.arch__meter-track {
  width: 100%; height: 6px; border-radius: 3px;
  background: rgba(255,255,255,.06);
  overflow: hidden;
}
.arch__meter-fill {
  height: 100%; border-radius: 3px; width: 0%;
  background: linear-gradient(90deg, var(--ora1), var(--ora2));
  transition: width 2s cubic-bezier(.4,0,.2,1);
  box-shadow: 0 0 12px rgba(249,174,59,.3);
  position: relative;
}
.arch__meter-fill--green {
  background: linear-gradient(90deg, var(--green), #5BE49B);
  box-shadow: 0 0 12px rgba(34,197,94,.3);
}

/* ---- Infrastructure Badges ---- */
.arch__badges {
  display: flex; align-items: center; justify-content: center;
  gap: 0;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 16px;
  max-width: 780px; margin: 0 auto;
  overflow: hidden;
}
.arch__badge-item {
  flex: 1; text-align: center;
  padding: 24px 16px;
  transition: background .2s;
}
.arch__badge-item:hover { background: rgba(255,255,255,.03); }
.arch__badge-sep {
  width: 1px; height: 48px;
  background: rgba(255,255,255,.06);
  flex-shrink: 0;
}
.arch__badge-num {
  display: block;
  font-family: var(--mono);
  font-size: 1.6rem; font-weight: 800; color: #fff;
  line-height: 1; margin-bottom: 6px; letter-spacing: -.5px;
}
.arch__badge-label {
  font-size: .58rem; font-weight: 600; color: rgba(255,255,255,.3);
  text-transform: uppercase; letter-spacing: 1px;
}

/* ============================================
   PROBLEM — WOW Pain Section
   ============================================ */
.sec--pain-wow {
  background: linear-gradient(170deg, #0A0610 0%, #150B20 30%, #1A0A1A 60%, #12081A 100%);
  padding: 100px 0 80px;
  position: relative;
  overflow: hidden;
}

/* Animated glow orbs */
.pain-wow__glow {
  position: absolute;
  width: 500px; height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(239,68,68,.12) 0%, transparent 70%);
  top: -150px; left: -100px;
  pointer-events: none;
  animation: pain-glow 5s ease-in-out infinite;
}
.pain-wow__glow--2 {
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(239,68,68,.08) 0%, transparent 70%);
  top: auto; bottom: -100px; left: auto; right: -80px;
  animation: pain-glow 6s ease-in-out infinite reverse;
}
@keyframes pain-glow {
  0%, 100% { opacity: .5; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.15); }
}

/* Red particle canvas */
.pain-wow__particles {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  pointer-events: none; z-index: 0;
}

.pain-wow__content { position: relative; z-index: 2; }

/* Live loss ticker */
.pain-wow__ticker {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  margin-bottom: 12px;
}
.pain-wow__ticker-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--red);
  box-shadow: 0 0 12px var(--red), 0 0 24px rgba(239,68,68,.4);
  animation: pulse-danger 1.5s ease-in-out infinite;
}
.pain-wow__ticker-pulse {
  display: none;
}
@keyframes pulse-danger {
  0%, 100% { opacity: 1; box-shadow: 0 0 12px var(--red), 0 0 24px rgba(239,68,68,.4); }
  50% { opacity: .5; box-shadow: 0 0 6px var(--red), 0 0 12px rgba(239,68,68,.2); }
}
.pain-wow__ticker-label {
  font-family: var(--mono);
  font-size: .68rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: rgba(239,68,68,.7);
  font-weight: 600;
}

/* Giant counter */
.pain-wow__counter {
  text-align: center;
  font-family: var(--mono);
  font-size: clamp(2.8rem, 7vw, 5rem);
  font-weight: 900;
  color: #fff;
  line-height: 1;
  margin-bottom: 8px;
  text-shadow: 0 0 40px rgba(239,68,68,.3), 0 0 80px rgba(239,68,68,.15);
}
.pain-wow__counter span {
  background: linear-gradient(180deg, #fff 30%, rgba(239,68,68,.6));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.pain-wow__counter-sub {
  text-align: center;
  color: rgba(255,255,255,.4);
  font-size: .82rem;
  max-width: 460px;
  margin: 0 auto 48px;
  line-height: 1.6;
}

/* Headline */
.pain-wow__h2 {
  text-align: center;
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  font-weight: 900;
  color: #fff;
  line-height: 1.15;
  margin-bottom: 16px;
}
.pain-wow__h2-accent {
  background: linear-gradient(90deg, var(--red), #FF6B6B, var(--red));
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: gradient-shift 4s linear infinite;
}
@keyframes gradient-shift {
  0% { background-position: 0% center; }
  100% { background-position: 200% center; }
}

.pain-wow__sub {
  text-align: center;
  color: rgba(255,255,255,.5);
  font-size: 1rem;
  max-width: 520px;
  margin: 0 auto 52px;
  line-height: 1.7;
}

/* Card grid */
.pain-wow-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 48px;
}

/* Individual cards */
.pain-wow-card {
  position: relative;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(239,68,68,.15);
  border-radius: var(--rl);
  padding: 32px 28px;
  overflow: hidden;
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
  opacity: 0;
  transform: translateY(30px);
  transition-delay: var(--delay, 0s);
}
.pain-wow-card.visible {
  opacity: 1;
  transform: translateY(0);
}
.pain-wow-card:hover {
  background: rgba(255,255,255,.06);
  border-color: rgba(239,68,68,.4);
  transform: translateY(-6px);
  box-shadow:
    0 20px 60px rgba(239,68,68,.1),
    0 0 0 1px rgba(239,68,68,.2),
    inset 0 1px 0 rgba(255,255,255,.05);
}

/* Animated border glow on hover */
.pain-wow-card__border {
  position: absolute;
  top: -1px; left: -1px; right: -1px; bottom: -1px;
  border-radius: var(--rl);
  background: conic-gradient(from 0deg, transparent, rgba(239,68,68,.4), transparent, rgba(239,68,68,.2), transparent);
  opacity: 0;
  transition: opacity .4s;
  z-index: -1;
  animation: border-spin 4s linear infinite;
}
.pain-wow-card:hover .pain-wow-card__border {
  opacity: 1;
}
@keyframes border-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Red shimmer sweep */
.pain-wow-card__shimmer {
  position: absolute;
  top: -50%; left: -50%;
  width: 200%; height: 200%;
  background: linear-gradient(
    45deg,
    transparent 30%,
    rgba(239,68,68,.03) 45%,
    rgba(239,68,68,.06) 50%,
    rgba(239,68,68,.03) 55%,
    transparent 70%
  );
  animation: shimmer-red 8s linear infinite;
  pointer-events: none;
}
@keyframes shimmer-red {
  0% { transform: translateX(-30%) translateY(-30%) rotate(25deg); }
  100% { transform: translateX(30%) translateY(30%) rotate(25deg); }
}

/* Stat badge */
.pain-wow-card__stat {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 20px;
}
.pain-wow-card__stat-num {
  font-family: var(--mono);
  font-size: 1.8rem;
  font-weight: 900;
  color: var(--red);
  line-height: 1;
  text-shadow: 0 0 20px rgba(239,68,68,.3);
}
.pain-wow-card__stat-label {
  font-size: .7rem;
  color: rgba(255,255,255,.35);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

/* Icon */
.pain-wow-card__icon {
  width: 44px; height: 44px;
  border-radius: 12px;
  background: rgba(239,68,68,.08);
  border: 1px solid rgba(239,68,68,.15);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  color: var(--red);
  transition: all .3s;
}
.pain-wow-card__icon svg { width: 22px; height: 22px; }
.pain-wow-card:hover .pain-wow-card__icon {
  background: rgba(239,68,68,.15);
  box-shadow: 0 0 20px rgba(239,68,68,.2);
}

/* Card text */
.pain-wow-card h4 {
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
}
.pain-wow-card p {
  font-size: .85rem;
  color: rgba(255,255,255,.45);
  line-height: 1.65;
}

/* Bottom urgency text */
.pain-wow__bottom {
  text-align: center;
}
.pain-wow__bottom-text {
  display: inline-block;
  font-size: .9rem;
  font-weight: 600;
  color: rgba(239,68,68,.7);
  padding: 12px 28px;
  border: 1px solid rgba(239,68,68,.2);
  border-radius: 50px;
  background: rgba(239,68,68,.04);
  animation: bottom-pulse 3s ease-in-out infinite;
}
@keyframes bottom-pulse {
  0%, 100% { border-color: rgba(239,68,68,.2); box-shadow: none; }
  50% { border-color: rgba(239,68,68,.4); box-shadow: 0 0 30px rgba(239,68,68,.08); }
}

/* ============================================
   AGITATE
   ============================================ */
.agitate__inner { text-align: center; max-width: 600px; margin: 0 auto; }
.agitate__inner h2 {
  font-size: 1.6rem; font-weight: 800; color: var(--navy); margin-bottom: 12px; line-height: 1.3;
}
.agitate__inner p {
  color: var(--muted); font-size: .95rem; line-height: 1.7; margin-bottom: 28px;
}

/* ============================================
   SOLVE — Video Command Center
   ============================================ */
.sec--solve {
  position: relative; overflow: hidden;
  background: var(--space);
  padding: 90px 0 80px;
}
.slv__glow {
  position: absolute; width: 700px; height: 700px; border-radius: 50%;
  pointer-events: none; z-index: 0;
  animation: slv-glow-float 14s ease-in-out infinite;
}
.slv__glow--1 {
  background: radial-gradient(circle, rgba(59,130,246,.1) 0%, rgba(59,130,246,.04) 40%, transparent 70%);
  top: -200px; left: -150px;
}
.slv__glow--2 {
  background: radial-gradient(circle, rgba(34,197,94,.08) 0%, rgba(249,174,59,.04) 40%, transparent 70%);
  bottom: -250px; right: -150px;
  animation-delay: -7s; animation-duration: 18s;
}
@keyframes slv-glow-float {
  0%, 100% { opacity: .5; transform: scale(1) translate(0, 0); }
  50% { opacity: 1; transform: scale(1.12) translate(20px, -15px); }
}

/* Header */
.slv__header { text-align: center; position: relative; z-index: 2; margin-bottom: 40px; }
.slv__pill {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 20px; border-radius: 50px; margin-bottom: 24px;
  background: rgba(59,130,246,.1); border: 1px solid rgba(59,130,246,.2);
  font-size: .65rem; font-weight: 800; letter-spacing: 2.5px; color: #60A5FA;
}
.slv__pill-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: #60A5FA;
  animation: pulse-dot 2s ease-in-out infinite;
}
.slv__sub {
  max-width: 560px; margin: -8px auto 0; font-size: 1rem;
  color: rgba(255,255,255,.5); line-height: 1.7;
}

/* ===== VIDEO SHOWCASE ===== */
.slv__video-wrap {
  position: relative; z-index: 2; margin-bottom: 40px;
}
.slv__video-frame {
  position: relative; border-radius: 20px; overflow: hidden;
  background: rgba(0,0,0,.4);
  border: 1px solid rgba(255,255,255,.1);
  box-shadow:
    0 30px 80px rgba(0,0,0,.5),
    0 0 0 1px rgba(255,255,255,.04),
    0 0 120px rgba(59,130,246,.08),
    inset 0 1px 0 rgba(255,255,255,.08);
}
.slv__video-shine {
  position: absolute; inset: 0; z-index: 2; pointer-events: none;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(255,255,255,.06) 0%, transparent 40%, transparent 60%, rgba(255,255,255,.02) 100%);
}
.slv__video {
  display: block; width: 100%; height: auto;
  border-radius: 20px;
}

/* Floating stat badges */
.slv__video-badge {
  position: absolute; z-index: 3;
  display: flex; align-items: center; gap: 10px;
  padding: 10px 16px; border-radius: 12px;
  background: rgba(3,10,20,.85);
  border: 1px solid rgba(255,255,255,.1);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 8px 32px rgba(0,0,0,.4);
  animation: slv-badge-float 4s ease-in-out infinite;
}
.slv__video-badge svg { flex-shrink: 0; }
.slv__video-badge div { display: flex; flex-direction: column; }
.slv__video-badge strong {
  font-size: .68rem; font-weight: 800; color: #fff; letter-spacing: -.2px;
  line-height: 1.2;
}
.slv__video-badge span {
  font-size: .52rem; color: rgba(255,255,255,.4); font-weight: 500;
  letter-spacing: .3px;
}
.slv__video-badge--tl { top: 16px; left: 16px; animation-delay: 0s; }
.slv__video-badge--tr { top: 16px; right: 16px; animation-delay: -1s; }
.slv__video-badge--bl { bottom: 16px; left: 16px; animation-delay: -2s; }
.slv__video-badge--br { bottom: 16px; right: 16px; animation-delay: -3s; }

@keyframes slv-badge-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}

/* ===== COMPACT FEATURE STRIP ===== */
.slv__features {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;
  position: relative; z-index: 2; margin-bottom: 40px;
}
.slv__feat {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 18px 16px; border-radius: 14px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.06);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  transition: all .3s cubic-bezier(.4,0,.2,1);
}
.slv__feat:hover {
  transform: translateY(-3px);
  border-color: rgba(255,255,255,.12);
  box-shadow: 0 12px 40px rgba(0,0,0,.2);
}
.slv__feat-icon {
  width: 38px; height: 38px; border-radius: 10px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  background: var(--fc);
  border: 1px solid rgba(255,255,255,.06);
}
.slv__feat h4 {
  font-size: .82rem; font-weight: 800; color: #fff;
  margin-bottom: 3px; letter-spacing: -.1px; line-height: 1.2;
}
.slv__feat p {
  font-size: .72rem; color: rgba(255,255,255,.42); line-height: 1.5; margin: 0;
}

/* Bottom CTA */
.slv__bottom { position: relative; z-index: 2; text-align: center; }
.slv__promise {
  display: inline-flex; align-items: center; gap: 10px;
  margin-bottom: 20px; padding: 10px 22px; border-radius: 50px;
  background: rgba(34,197,94,.06); border: 1px solid rgba(34,197,94,.12);
  font-size: .76rem; color: rgba(255,255,255,.5);
}
.slv__promise svg { flex-shrink: 0; }
.slv__cta-row {
  display: flex; align-items: center; justify-content: center; gap: 12px;
}

/* ============================================
   SOCIAL PROOF — Trustpilot Review Wall
   ============================================ */

/* Trust Banner */
.rv-banner {
  display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 20px;
  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px; padding: 16px 28px; margin-top: 10px; margin-bottom: 40px;
  backdrop-filter: blur(8px);
}
.rv-banner__left { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.rv-banner__stars { display: flex; align-items: center; gap: 8px; }
.rv-banner__rating { font-size: .82rem; font-weight: 600; color: rgba(255,255,255,.7); }
.rv-banner__right {}
.rv-banner__count { font-size: .8rem; color: rgba(255,255,255,.5); }
.rv-banner__count strong { color: #fff; }

/* Review Grid */
.rv-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
  margin-bottom: 40px;
}

/* Review Card */
.rv-card {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px; padding: 26px 24px;
  display: flex; flex-direction: column;
  transition: all .3s cubic-bezier(.4,0,.2,1);
  position: relative; overflow: hidden;
}
.rv-card::before {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(0,182,122,.03) 0%, transparent 50%);
  opacity: 0; transition: opacity .3s;
}
.rv-card:hover {
  background: rgba(255,255,255,.07);
  border-color: rgba(0,182,122,.2);
  transform: translateY(-4px);
  box-shadow: 0 20px 60px rgba(0,0,0,.2), 0 0 40px rgba(0,182,122,.05);
}
.rv-card:hover::before { opacity: 1; }

/* Featured card */
.rv-card--featured {
  border-color: rgba(0,182,122,.2);
  background: rgba(0,182,122,.04);
}
.rv-card--featured::after {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, #00B67A, #00D68F);
  border-radius: 14px 14px 0 0;
}

/* Card Top — stars + result badge */
.rv-card__top {
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px; margin-bottom: 14px; position: relative; z-index: 1;
}
.rv-card__stars {
  display: flex; align-items: center; gap: 6px;
}
.rv-card__stars span {
  font-size: .78rem; font-weight: 700; color: rgba(255,255,255,.6);
}

/* Result badges */
.rv-card__result {
  font-size: .68rem; font-weight: 700; letter-spacing: .3px;
  padding: 4px 10px; border-radius: 50px;
  white-space: nowrap;
}
.rv-card__result--green {
  background: rgba(34,197,94,.12); color: #4ADE80; border: 1px solid rgba(34,197,94,.15);
}
.rv-card__result--blue {
  background: rgba(59,130,246,.12); color: #60A5FA; border: 1px solid rgba(59,130,246,.15);
}
.rv-card__result--purple {
  background: rgba(168,85,247,.12); color: #C084FC; border: 1px solid rgba(168,85,247,.15);
}
.rv-card__result--cyan {
  background: rgba(6,182,212,.12); color: #22D3EE; border: 1px solid rgba(6,182,212,.15);
}

/* Card Title */
.rv-card__title {
  font-size: .95rem; font-weight: 800; color: #fff; line-height: 1.35;
  margin-bottom: 10px; position: relative; z-index: 1;
}

/* Card Body */
.rv-card__body {
  font-size: .82rem; color: rgba(255,255,255,.6); line-height: 1.65;
  margin-bottom: 18px; flex: 1; position: relative; z-index: 1;
}

/* Author */
.rv-card__author {
  display: flex; align-items: center; gap: 10px;
  padding-top: 16px; border-top: 1px solid rgba(255,255,255,.06);
  position: relative; z-index: 1;
}
.rv-card__avatar {
  width: 38px; height: 38px; border-radius: 50%; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: .72rem; color: #fff;
  background: var(--c, #5B8DEF);
  border: 2px solid rgba(255,255,255,.12);
  box-shadow: 0 4px 12px rgba(0,0,0,.2);
}
.rv-card__meta { flex: 1; }
.rv-card__meta strong { display: block; color: #fff; font-size: .82rem; font-weight: 700; }
.rv-card__meta span { font-size: .72rem; color: rgba(255,255,255,.4); }
.rv-card__verified { flex-shrink: 0; filter: drop-shadow(0 2px 4px rgba(0,182,122,.3)); }

/* Bottom CTA strip */
.rv-bottom {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 20px;
  background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.06);
  border-radius: 14px; padding: 22px 28px;
}
.rv-bottom__quote {
  display: flex; align-items: center; gap: 10px;
  font-size: .85rem; color: rgba(255,255,255,.6); font-style: italic;
}
.rv-bottom__quote strong { color: #fff; font-style: normal; }
.rv-bottom__actions { display: flex; gap: 10px; }

/* ============================================
   AI CREATIVE STUDIO — $1M Showcase
   ============================================ */
.sec--studio {
  position: relative; background: var(--space); overflow: hidden;
  padding: 100px 0 80px;
}
.studio__canvas {
  position: absolute; inset: 0; width: 100%; height: 100%;
  pointer-events: none; z-index: 0;
}
.studio__nebula {
  position: absolute; width: 800px; height: 800px; border-radius: 50%;
  background: radial-gradient(circle, rgba(139,92,246,.12) 0%, rgba(59,130,246,.06) 40%, transparent 70%);
  top: -200px; left: -200px; pointer-events: none; z-index: 0;
  animation: studio-nebula 12s ease-in-out infinite;
}
.studio__nebula--2 {
  background: radial-gradient(circle, rgba(249,174,59,.08) 0%, rgba(255,106,64,.04) 40%, transparent 70%);
  top: auto; bottom: -300px; left: auto; right: -200px;
  animation-delay: -6s; animation-duration: 15s;
}
@keyframes studio-nebula {
  0%, 100% { opacity: .5; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.15); }
}

/* Header */
.studio__header { text-align: center; position: relative; z-index: 2; margin-bottom: 56px; }
.studio__badge {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 18px; border-radius: 50px; margin-bottom: 20px;
  background: rgba(139,92,246,.12); border: 1px solid rgba(139,92,246,.25);
  font-size: .68rem; font-weight: 800; letter-spacing: 2px; color: #C084FC;
}
.studio__badge-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #C084FC;
  animation: pulse-dot 2s ease-in-out infinite;
}
.studio__tagline {
  max-width: 560px; margin: -10px auto 0; font-size: 1rem;
  color: rgba(255,255,255,.55); line-height: 1.7;
}

/* Three-part flow */
.studio__flow {
  display: grid; grid-template-columns: 1fr auto 1fr; gap: 28px;
  align-items: center; position: relative; z-index: 2;
}

/* Glass panels */
.studio__panel {
  position: relative; border-radius: 20px; overflow: hidden;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.1);
  backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
  box-shadow: 0 20px 60px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.06);
}
.studio__panel-glow {
  position: absolute; top: -60px; left: 50%; width: 200px; height: 200px;
  transform: translateX(-50%); border-radius: 50%;
  background: radial-gradient(circle, rgba(139,92,246,.15) 0%, transparent 70%);
  pointer-events: none;
}
.studio__panel--output .studio__panel-glow {
  background: radial-gradient(circle, rgba(249,174,59,.12) 0%, transparent 70%);
}
.studio__panel-header {
  display: flex; align-items: center; gap: 6px;
  padding: 14px 20px; border-bottom: 1px solid rgba(255,255,255,.06);
}
.studio__panel-dot {
  width: 10px; height: 10px; border-radius: 50%;
}
.studio__panel-dot--red { background: #FF5F57; }
.studio__panel-dot--yellow { background: #FFBD2E; }
.studio__panel-dot--green { background: #28C840; }
.studio__panel-title {
  margin-left: 8px; font-size: .72rem; font-weight: 600;
  color: rgba(255,255,255,.4); letter-spacing: .5px;
}
.studio__panel-count {
  margin-left: auto; font-size: .65rem; font-weight: 700;
  color: rgba(249,174,59,.7); background: rgba(249,174,59,.1);
  padding: 3px 10px; border-radius: 50px;
}
.studio__panel-body { padding: 24px 20px; }

/* Input field & labels */
.studio__label {
  display: block; font-size: .65rem; font-weight: 700;
  letter-spacing: 1.2px; text-transform: uppercase;
  color: rgba(255,255,255,.35); margin-bottom: 8px;
}
.studio__input-field {
  display: flex; align-items: center;
  padding: 14px 16px; border-radius: 12px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.1);
  margin-bottom: 20px; min-height: 48px;
  transition: border-color .3s;
}
.studio__input-field:hover { border-color: rgba(139,92,246,.3); }
.studio__input-text {
  font-size: .85rem; color: rgba(255,255,255,.7);
  font-family: var(--ff); white-space: nowrap; overflow: hidden;
}
.studio__input-cursor {
  width: 2px; height: 18px; background: #C084FC;
  animation: studio-cursor 1s step-end infinite; flex-shrink: 0; margin-left: 1px;
}
@keyframes studio-cursor { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

/* Style model selector */
.studio__styles {
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 20px;
}
.studio__style {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 12px; border-radius: 10px;
  background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08);
  cursor: pointer; transition: all .25s; color: rgba(255,255,255,.45);
}
.studio__style:hover { border-color: rgba(139,92,246,.3); color: rgba(255,255,255,.7); }
.studio__style--active {
  border-color: rgba(139,92,246,.5);
  background: rgba(139,92,246,.1);
  color: #C084FC;
  box-shadow: 0 0 20px rgba(139,92,246,.12);
}
.studio__style-icon {
  width: 32px; height: 32px; border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,.04);
}
.studio__style--active .studio__style-icon { background: rgba(139,92,246,.15); }
.studio__style span { font-size: .75rem; font-weight: 600; }

/* Format pills */
.studio__format-row { margin-bottom: 20px; }
.studio__formats { display: flex; gap: 6px; }
.studio__format {
  padding: 6px 12px; border-radius: 6px; font-size: .65rem; font-weight: 600;
  color: rgba(255,255,255,.35); background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.06); cursor: pointer; transition: all .2s;
}
.studio__format:hover { border-color: rgba(255,255,255,.15); color: rgba(255,255,255,.6); }
.studio__format--active {
  background: rgba(139,92,246,.12); border-color: rgba(139,92,246,.35);
  color: #C084FC;
}

/* Generate button */
.studio__generate {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  width: 100%; padding: 16px 24px; border-radius: 12px;
  background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 50%, #5B21B6 100%);
  border: none; color: #fff; font-family: var(--ff);
  font-size: .88rem; font-weight: 700; cursor: pointer;
  position: relative; overflow: hidden; transition: all .3s;
  box-shadow: 0 4px 20px rgba(124,58,237,.3), inset 0 1px 0 rgba(255,255,255,.15);
}
.studio__generate:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(124,58,237,.45), inset 0 1px 0 rgba(255,255,255,.15);
}
.studio__generate-pulse {
  position: absolute; inset: 0; border-radius: 12px;
  background: rgba(255,255,255,.1);
  animation: studio-btn-pulse 2s ease-in-out infinite;
}
@keyframes studio-btn-pulse {
  0%, 100% { opacity: 0; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.02); }
}

/* ===== AI CORE ===== */
.studio__core {
  position: relative; display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  width: 160px; flex-shrink: 0;
}
.studio__core-outer {
  position: relative; width: 130px; height: 130px;
  display: flex; align-items: center; justify-content: center;
}
.studio__core-ring {
  position: absolute; border-radius: 50%; border: 1px solid transparent;
}
.studio__core-ring--1 {
  width: 130px; height: 130px;
  border-color: rgba(139,92,246,.2);
  animation: studio-ring-spin 12s linear infinite;
  background: conic-gradient(from 0deg, rgba(139,92,246,.15), rgba(249,174,59,.1), rgba(59,130,246,.1), rgba(139,92,246,.15));
  mask: radial-gradient(transparent 60px, #000 61px, #000 64px, transparent 65px);
  -webkit-mask: radial-gradient(transparent 60px, #000 61px, #000 64px, transparent 65px);
}
.studio__core-ring--2 {
  width: 100px; height: 100px;
  border-color: rgba(249,174,59,.15);
  animation: studio-ring-spin 8s linear infinite reverse;
  background: conic-gradient(from 90deg, rgba(249,174,59,.2), transparent, rgba(139,92,246,.15), transparent);
  mask: radial-gradient(transparent 44px, #000 45px, #000 49px, transparent 50px);
  -webkit-mask: radial-gradient(transparent 44px, #000 45px, #000 49px, transparent 50px);
}
.studio__core-ring--3 {
  width: 70px; height: 70px;
  border: 2px solid rgba(139,92,246,.1);
  animation: studio-ring-pulse 3s ease-in-out infinite;
}
@keyframes studio-ring-spin { to { transform: rotate(360deg); } }
@keyframes studio-ring-pulse {
  0%, 100% { transform: scale(1); opacity: .5; }
  50% { transform: scale(1.08); opacity: 1; }
}
.studio__core-center {
  position: relative; z-index: 2;
  width: 56px; height: 56px; border-radius: 50%;
  background: linear-gradient(135deg, rgba(139,92,246,.2) 0%, rgba(249,174,59,.15) 100%);
  border: 1px solid rgba(139,92,246,.3);
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 0 40px rgba(139,92,246,.2), 0 0 80px rgba(139,92,246,.08);
}
.studio__core-label {
  margin-top: 16px; font-size: .72rem; font-weight: 700;
  color: rgba(255,255,255,.4); letter-spacing: 1.5px; text-transform: uppercase;
}
.studio__core-stats {
  display: flex; flex-direction: column; gap: 4px; margin-top: 10px; text-align: center;
}
.studio__core-stats span {
  font-size: .62rem; color: rgba(255,255,255,.3);
}
.studio__core-stats strong {
  color: rgba(255,255,255,.6); font-weight: 700;
}

/* Data beams */
.studio__beams { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 0; }
.studio__beam {
  position: absolute; top: 50%; height: 2px; width: 40px;
}
.studio__beam--left {
  right: 100%; margin-right: 20px;
  background: linear-gradient(to right, transparent, rgba(139,92,246,.4));
  animation: studio-beam-left 2.5s ease-in-out infinite;
}
.studio__beam--right {
  left: 100%; margin-left: 20px;
  background: linear-gradient(to left, transparent, rgba(249,174,59,.4));
  animation: studio-beam-right 2.5s ease-in-out infinite;
  animation-delay: 1.2s;
}
@keyframes studio-beam-left {
  0% { opacity: 0; transform: translateX(-20px) scaleX(0); }
  30% { opacity: 1; transform: translateX(0) scaleX(1); }
  70% { opacity: 1; }
  100% { opacity: 0; transform: translateX(30px); }
}
@keyframes studio-beam-right {
  0% { opacity: 0; transform: translateX(20px) scaleX(0); }
  30% { opacity: 1; transform: translateX(0) scaleX(1); }
  70% { opacity: 1; }
  100% { opacity: 0; transform: translateX(-30px); }
}

/* ===== GALLERY ===== */
.studio__gallery {
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
  padding: 16px; max-height: 520px; overflow-y: auto;
}
.studio__gallery::-webkit-scrollbar { width: 4px; }
.studio__gallery::-webkit-scrollbar-track { background: transparent; }
.studio__gallery::-webkit-scrollbar-thumb { background: rgba(255,255,255,.1); border-radius: 4px; }

.studio__ad {
  position: relative; border-radius: 12px; overflow: hidden;
  background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08);
  transition: all .35s cubic-bezier(.4,0,.2,1); cursor: pointer;
}
.studio__ad:hover {
  transform: translateY(-4px) scale(1.02);
  border-color: rgba(139,92,246,.35);
  box-shadow: 0 12px 40px rgba(139,92,246,.15), 0 0 0 1px rgba(139,92,246,.1);
}
.studio__ad--featured {
  grid-column: span 2;
  border-color: rgba(139,92,246,.2);
}
.studio__ad--featured:hover {
  border-color: rgba(139,92,246,.5);
  box-shadow: 0 16px 50px rgba(139,92,246,.2);
}
.studio__ad-badge {
  position: absolute; top: 8px; left: 8px; z-index: 3;
  padding: 4px 10px; border-radius: 6px;
  font-size: .55rem; font-weight: 700; letter-spacing: .8px; text-transform: uppercase;
  background: rgba(139,92,246,.2); color: #C084FC;
  border: 1px solid rgba(139,92,246,.25);
  backdrop-filter: blur(8px);
}
.studio__ad-badge--mint { background: rgba(34,197,94,.15); color: #4ADE80; border-color: rgba(34,197,94,.2); }
.studio__ad-badge--neon { background: rgba(236,72,153,.15); color: #F472B6; border-color: rgba(236,72,153,.2); }
.studio__ad-badge--warm { background: rgba(251,146,60,.15); color: #FB923C; border-color: rgba(251,146,60,.2); }
.studio__ad-badge--gold { background: rgba(249,174,59,.15); color: var(--ora1); border-color: rgba(249,174,59,.2); }
.studio__ad-badge--blue { background: rgba(59,130,246,.15); color: #60A5FA; border-color: rgba(59,130,246,.2); }

.studio__ad-visual {
  position: relative; aspect-ratio: 1 / 1; overflow: hidden;
}
.studio__ad--featured .studio__ad-visual { aspect-ratio: 2 / 1; }
.studio__ad-visual--tall { aspect-ratio: 9 / 16; }

.studio__ad-gradient {
  position: absolute; inset: 0;
  background: var(--g);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 16px; text-align: center;
}
.studio__ad-car {
  width: 70%; max-width: 200px; margin-bottom: 12px; opacity: .7;
}
.studio__ad-headline {
  font-size: 1rem; font-weight: 900; color: #fff;
  letter-spacing: -.3px; line-height: 1.2; margin-bottom: 4px;
}
.studio__ad-headline--dark { color: #1A1A2E; font-size: 1.2rem; }
.studio__ad-headline--neon {
  color: #F472B6; text-shadow: 0 0 20px rgba(244,114,182,.4);
  letter-spacing: 3px; font-size: .85rem;
}
.studio__ad-copy {
  font-size: .65rem; color: rgba(255,255,255,.55); margin-bottom: 10px; line-height: 1.4;
}
.studio__ad-copy--dark { color: rgba(26,26,46,.5); }
.studio__ad-cta-btn {
  display: inline-block; padding: 6px 16px; border-radius: 6px;
  background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.15);
  font-size: .6rem; font-weight: 700; color: #fff; letter-spacing: .5px;
}
.studio__ad-cta-btn--dark {
  background: #1A1A2E; color: #fff; border-color: #1A1A2E;
}
.studio__ad-cta-btn--neon {
  background: rgba(244,114,182,.15); border-color: rgba(244,114,182,.3);
  color: #F472B6;
}

/* Bottom stats */
.studio__bottom { position: relative; z-index: 2; margin-top: 56px; text-align: center; }
.studio__bottom-stats {
  display: flex; align-items: center; justify-content: center; gap: 32px;
  margin-bottom: 20px;
}
.studio__stat { text-align: center; }
.studio__stat-num {
  display: block; font-family: var(--mono);
  font-size: 1.6rem; font-weight: 900; color: #fff; line-height: 1.1;
}
.studio__stat-label {
  font-size: .65rem; color: rgba(255,255,255,.35); font-weight: 600;
  text-transform: uppercase; letter-spacing: .8px;
}
.studio__stat-sep {
  width: 1px; height: 28px; background: rgba(255,255,255,.1);
}
.studio__disclaimer {
  font-size: .82rem; color: rgba(255,255,255,.35); max-width: 420px; margin: 0 auto;
}

/* Studio — Mobile Flow Arrows (visible < 1024px) */
.studio__flow-arrow {
  display: none; text-align: center; margin: -8px 0;
}
.studio__flow-arrow svg {
  width: 28px; height: 28px;
  color: rgba(139,92,246,.35);
  animation: studio-arrow-pulse 2s ease-in-out infinite;
}
@keyframes studio-arrow-pulse {
  0%, 100% { opacity: .4; transform: translateY(0); }
  50% { opacity: .8; transform: translateY(3px); }
}
@media (max-width: 1024px) {
  .studio__flow-arrow { display: block; }
}

/* ============================================
   COMPARISON TABLE — Premium
   ============================================ */
.cmp__header { text-align: center; margin-bottom: 36px; }
.cmp__pill {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(0,113,189,.06); border: 1px solid rgba(0,113,189,.1);
  border-radius: 50px; padding: 6px 16px;
  font-size: .65rem; font-weight: 700; letter-spacing: 2px; color: var(--blue);
  text-transform: uppercase; margin-bottom: 16px;
}
.cmp__pill-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--blue); animation: pulse-dot 2s ease-in-out infinite;
}
.cmp__sub {
  font-size: .95rem; color: var(--muted); max-width: 400px; margin: 0 auto;
}
.cmp__cta { text-align: center; margin-top: 32px; }
.cmp-table {
  max-width: 780px; margin: 0 auto;
  border-radius: var(--rl); overflow: hidden;
  border: 1px solid var(--border);
  background: var(--white);
  box-shadow: 0 8px 40px rgba(0,0,0,.04);
}
.cmp-table__head {
  display: grid; grid-template-columns: 1.4fr 1fr 1fr;
  background: linear-gradient(135deg, #030A14 0%, #0C2858 100%);
  color: #fff; padding: 18px 28px;
  font-size: .78rem; font-weight: 700; letter-spacing: .5px; text-transform: uppercase;
}
.cmp-table__col-af {
  display: flex; align-items: center; gap: 6px;
  color: var(--ora1);
}
.cmp-table__row {
  display: grid; grid-template-columns: 1.4fr 1fr 1fr;
  padding: 15px 28px; border-bottom: 1px solid var(--border);
  font-size: .88rem; align-items: center;
  transition: background .2s;
}
.cmp-table__row:nth-child(odd) { background: rgba(0,113,189,.015); }
.cmp-table__row:hover { background: rgba(0,113,189,.04); }
.cmp-table__row--last { border-bottom: none; }
.cmp-table__row > div:first-child { font-weight: 600; color: var(--navy); }
.cmp-table__yes {
  color: var(--green); font-weight: 600;
  display: flex; align-items: center; gap: 6px;
}
.cmp-table__no {
  color: var(--red); font-weight: 500; opacity: .7;
  display: flex; align-items: center; gap: 5px;
}

/* ============================================
   COMMUNITY / AFFILIATES — WOW section
   ============================================ */
.community__glow {
  position: absolute; width: 600px; height: 600px; border-radius: 50%;
  background: radial-gradient(circle, rgba(249,174,59,.15) 0%, transparent 70%);
  top: -100px; left: 50%; transform: translateX(-50%);
  pointer-events: none;
  animation: glow-pulse 4s ease-in-out infinite;
}
@keyframes glow-pulse {
  0%, 100% { opacity: .6; transform: translateX(-50%) scale(1); }
  50% { opacity: 1; transform: translateX(-50%) scale(1.1); }
}
.community__content { position: relative; z-index: 2; }
.community__sub {
  text-align: center; color: rgba(255,255,255,.6); font-size: 1.05rem;
  max-width: 580px; margin: -20px auto 48px; line-height: 1.7;
}
.community__sub strong { color: #fff; }

.community-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
  max-width: 900px; margin: 0 auto;
}
.community-card {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--rl); padding: 32px;
  transition: all .3s; position: relative; overflow: hidden;
}
.community-card:hover {
  background: rgba(255,255,255,.08);
  transform: translateY(-4px);
  border-color: rgba(249,174,59,.3);
}

.community-card--main {
  grid-column: span 3; padding: 40px;
  border: 2px solid rgba(249,174,59,.25);
  background: linear-gradient(135deg, rgba(249,174,59,.06) 0%, rgba(255,106,64,.03) 100%);
}
.community-card--main:hover {
  border-color: rgba(249,174,59,.5);
  box-shadow: 0 0 60px rgba(249,174,59,.08);
}

/* Shimmer effect */
.community-card__shimmer {
  position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
  background: linear-gradient(
    45deg,
    transparent 30%,
    rgba(249,174,59,.04) 45%,
    rgba(249,174,59,.08) 50%,
    rgba(249,174,59,.04) 55%,
    transparent 70%
  );
  animation: shimmer 6s linear infinite;
  pointer-events: none;
}
@keyframes shimmer {
  0% { transform: translateX(-30%) translateY(-30%) rotate(25deg); }
  100% { transform: translateX(30%) translateY(30%) rotate(25deg); }
}

.community-card__icon {
  margin-bottom: 20px; color: var(--ora1);
}
.community-card__icon--sm {
  margin-bottom: 16px;
}
.community-card__icon--sm svg { color: rgba(255,255,255,.6); }

.community-card h3 {
  font-size: 1.15rem; font-weight: 800; color: #fff; margin-bottom: 8px;
}
.community-card--main h3 { font-size: 1.35rem; }
.community-card p {
  font-size: .88rem; color: rgba(255,255,255,.65); line-height: 1.65;
}
.community-card--main p { font-size: .95rem; }

.community-card__stats {
  display: flex; gap: 32px; margin-top: 24px;
  padding-top: 20px; border-top: 1px solid rgba(255,255,255,.08);
}
.community-card__stats div {
  text-align: center;
}
.community-card__stats strong {
  display: block; font-size: 1.5rem; font-weight: 900; color: var(--ora1);
  font-family: var(--mono); line-height: 1.1;
}
.community-card__stats span {
  font-size: .7rem; color: rgba(255,255,255,.45); font-weight: 600;
  text-transform: uppercase; letter-spacing: .8px;
}

.community__actions {
  display: flex; align-items: center; justify-content: center; gap: 12px;
  margin-top: 48px;
}

/* ============================================
   OFFER OWNERS
   ============================================ */
.owners-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
  margin-bottom: 48px;
}
.owner-card {
  background: var(--bg); border: 1px solid var(--border);
  border-radius: var(--rl); padding: 28px 24px; text-align: center;
  transition: all .3s;
}
.owner-card:hover {
  box-shadow: 0 12px 40px rgba(0,0,0,.06);
  transform: translateY(-4px); border-color: rgba(0,113,189,.15);
}
.owner-card__icon {
  width: 48px; height: 48px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 16px; color: var(--blue);
  background: rgba(0,113,189,.06);
}
.owner-card h4 { font-size: .92rem; font-weight: 700; color: var(--navy); margin-bottom: 6px; }
.owner-card p { font-size: .82rem; color: var(--muted); line-height: 1.55; }

.owners-stats { margin-bottom: 40px; }

.distribution-visual { max-width: 520px; margin: 0 auto; }
.distribution-visual__card {
  background: var(--bg); border: 1px solid var(--border);
  border-radius: var(--rl); padding: 32px; overflow: hidden;
}
.distribution-visual__header {
  text-align: center; margin-bottom: 24px;
}
.distribution-visual__header h4 {
  font-size: 1rem; font-weight: 700; color: var(--navy);
}
.distribution-visual__metrics {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
  margin-bottom: 24px;
}
.distribution-visual__metric { text-align: center; }
.distribution-visual__metric-value {
  display: block; font-family: var(--mono);
  font-size: 1.8rem; font-weight: 900; color: var(--blue); line-height: 1.1;
  margin-bottom: 4px;
}
.distribution-visual__metric-label {
  font-size: .7rem; color: var(--muted); text-transform: uppercase;
  letter-spacing: .8px; font-weight: 600;
}
.distribution-visual__channels {
  display: flex; flex-wrap: wrap; gap: 8px; justify-content: center;
}
.distribution-visual__channel {
  display: inline-block; padding: 6px 14px; border-radius: 50px;
  font-size: .72rem; font-weight: 600; color: var(--blue);
  background: rgba(0,113,189,.06); border: 1px solid rgba(0,113,189,.12);
  letter-spacing: .3px;
}

.owners__cta { text-align: center; display: flex; justify-content: center; gap: 12px; }

/* ============================================
   SERVICES — $1M+ Problem→Solution Engine
   ============================================ */

/* Background & orbs */
.svc__bg {
  position: absolute; inset: 0; pointer-events: none; overflow: hidden;
}
.svc__orb {
  position: absolute; border-radius: 50%; filter: blur(120px);
}
.svc__orb--1 {
  width: 600px; height: 600px; top: -200px; right: -150px;
  background: radial-gradient(circle, rgba(0,113,189,.18), transparent 70%);
  animation: svcFloat 12s ease-in-out infinite;
}
.svc__orb--2 {
  width: 400px; height: 400px; bottom: -100px; left: -100px;
  background: radial-gradient(circle, rgba(249,174,59,.1), transparent 70%);
  animation: svcFloat 15s ease-in-out infinite reverse;
}
.svc__orb--3 {
  width: 300px; height: 300px; top: 50%; left: 50%; transform: translate(-50%,-50%);
  background: radial-gradient(circle, rgba(139,92,246,.08), transparent 70%);
  animation: svcFloat 18s ease-in-out infinite;
}
@keyframes svcFloat {
  0%, 100% { transform: translate(0, 0); }
  33% { transform: translate(30px, -20px); }
  66% { transform: translate(-20px, 15px); }
}
.svc__line-grid {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 20%, transparent 70%);
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 20%, transparent 70%);
}

/* Header */
.svc__header {
  text-align: center; margin-bottom: 64px; position: relative; z-index: 1;
}
.svc__badge {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: .65rem; font-weight: 700; letter-spacing: 2.5px;
  color: var(--ora1); text-transform: uppercase; margin-bottom: 20px;
  padding: 8px 20px; border-radius: 100px;
  background: rgba(249,174,59,.06);
  border: 1px solid rgba(249,174,59,.15);
}
.svc__badge-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--ora1);
  animation: svcPulse 2s ease-in-out infinite;
}
@keyframes svcPulse {
  0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(249,174,59,.4); }
  50% { opacity: .6; box-shadow: 0 0 0 6px rgba(249,174,59,0); }
}
.svc__h2 {
  font-size: 2.6rem; font-weight: 900; color: #fff;
  line-height: 1.15; letter-spacing: -.025em; margin-bottom: 18px;
}
.svc__h2-accent {
  background: linear-gradient(135deg, var(--ora1) 0%, var(--ora2) 50%, #EC4899 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
}
.svc__sub {
  font-size: .98rem; color: rgba(255,255,255,.5); max-width: 540px; margin: 0 auto;
  line-height: 1.7;
}

/* 2-Column Stage */
.svc__stage {
  display: grid; grid-template-columns: 1fr auto 1.4fr; gap: 0; align-items: stretch;
  position: relative; z-index: 1; margin-bottom: 56px;
}

/* Problems Column */
.svc__problems {
  display: flex; flex-direction: column;
}
.svc__problems-label {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: .65rem; font-weight: 700; letter-spacing: 2px;
  color: #EF4444; text-transform: uppercase; margin-bottom: 20px;
  padding-left: 2px;
}
.svc__problem-list {
  display: flex; flex-direction: column; gap: 0; flex: 1;
}
.svc__pain {
  display: flex; align-items: center; gap: 14px;
  padding: 18px 20px;
  font-size: .88rem; font-weight: 500; color: rgba(255,255,255,.55);
  border-left: 2px solid rgba(239,68,68,.15);
  transition: all .3s ease;
  position: relative;
}
.svc__pain:hover {
  color: rgba(255,255,255,.8);
  border-left-color: rgba(239,68,68,.5);
  background: rgba(239,68,68,.04);
}
.svc__pain-x {
  width: 24px; height: 24px; border-radius: 6px; flex-shrink: 0;
  background: rgba(239,68,68,.1); color: #EF4444;
  display: flex; align-items: center; justify-content: center;
  font-size: .85rem; font-weight: 700; line-height: 1;
}

/* Center Transform */
.svc__transform {
  display: flex; flex-direction: column; align-items: center;
  padding: 0 32px; gap: 0;
}
.svc__transform-line {
  flex: 1; width: 2px;
  background: linear-gradient(180deg, transparent, rgba(255,255,255,.1) 30%, rgba(255,255,255,.1) 70%, transparent);
}
.svc__transform-icon {
  width: 48px; height: 48px; border-radius: 50%; flex-shrink: 0;
  background: linear-gradient(135deg, var(--ora1), var(--ora2));
  display: flex; align-items: center; justify-content: center;
  color: #fff; box-shadow: 0 0 40px rgba(249,174,59,.25);
  animation: svcArrowPulse 3s ease-in-out infinite;
}
@keyframes svcArrowPulse {
  0%, 100% { box-shadow: 0 0 20px rgba(249,174,59,.15); }
  50% { box-shadow: 0 0 40px rgba(249,174,59,.35); }
}

/* Solutions Column */
.svc__solutions {
  display: flex; flex-direction: column;
}
.svc__solutions-label {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: .65rem; font-weight: 700; letter-spacing: 2px;
  color: #22C55E; text-transform: uppercase; margin-bottom: 20px;
  padding-left: 2px;
}
.svc__sol-list {
  display: flex; flex-direction: column; gap: 6px;
}
.svc__sol {
  display: flex; align-items: flex-start; gap: 16px;
  padding: 16px 20px; border-radius: 16px;
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.05);
  transition: all .4s cubic-bezier(.25,.46,.45,.94);
  cursor: default;
}
.svc__sol:hover {
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.12);
  transform: translateX(6px);
  box-shadow: 0 8px 32px rgba(0,0,0,.2);
}
.svc__sol-num {
  font-family: var(--mono); font-size: .68rem; font-weight: 700;
  color: rgba(255,255,255,.2); padding-top: 4px;
  min-width: 22px;
}
.svc__sol:hover .svc__sol-num { color: var(--ora1); }
.svc__sol-body {
  display: flex; align-items: flex-start; gap: 14px; flex: 1;
}
.svc__sol-icon {
  width: 40px; height: 40px; border-radius: 10px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  transition: transform .3s ease;
}
.svc__sol:hover .svc__sol-icon { transform: scale(1.1); }
.svc__sol-icon--blue { background: rgba(0,113,189,.12); color: #3B9EE8; }
.svc__sol-icon--orange { background: rgba(249,174,59,.12); color: #F9AE3B; }
.svc__sol-icon--green { background: rgba(34,197,94,.1); color: #22C55E; }
.svc__sol-icon--purple { background: rgba(139,92,246,.1); color: #A78BFA; }
.svc__sol-icon--pink { background: rgba(236,72,153,.1); color: #EC4899; }
.svc__sol-icon--navy { background: rgba(0,113,189,.12); color: #60A5FA; }
.svc__sol-text h4 {
  font-size: .92rem; font-weight: 800; color: #fff;
  margin-bottom: 4px; line-height: 1.3;
  transition: color .3s ease;
}
.svc__sol:hover .svc__sol-text h4 { color: var(--ora1); }
.svc__sol-text p {
  font-size: .8rem; color: rgba(255,255,255,.4); line-height: 1.6;
}

/* Bottom CTA Strip */
.svc__cta {
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  background: linear-gradient(135deg, rgba(249,174,59,.06), rgba(255,106,64,.04));
  border: 1px solid rgba(249,174,59,.12);
  border-radius: 20px; padding: 28px 36px;
  position: relative; z-index: 1;
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
.svc__cta-text {
  display: flex; flex-direction: column; gap: 4px;
}
.svc__cta-text strong {
  font-size: 1rem; font-weight: 800; color: #fff;
}
.svc__cta-text span {
  font-size: .84rem; color: rgba(255,255,255,.5);
}

/* ============================================
   HOW IT WORKS — Steps
   ============================================ */
.steps {
  display: flex; align-items: flex-start; justify-content: center;
  max-width: 720px; margin: 0 auto;
}
.step { text-align: center; flex: 1; }
.step__num {
  width: 56px; height: 56px; border-radius: 50%;
  background: rgba(0,113,189,.08); border: 2px solid rgba(0,113,189,.12);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 14px; font-size: 1.2rem; font-weight: 800; color: var(--blue);
}
.step h4 { font-size: .92rem; font-weight: 700; color: var(--navy); margin-bottom: 4px; }
.step p { font-size: .82rem; color: var(--muted); padding: 0 12px; line-height: 1.5; }
.step__line { width: 48px; height: 2px; background: rgba(0,113,189,.12); margin-top: 28px; flex-shrink: 0; }
.steps__cta { text-align: center; margin-top: 40px; }

/* ============================================
   PRICING
   ============================================ */
.price-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: start; }
.price {
  background: rgba(255,255,255,.05); backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,.1); border-radius: var(--rl);
  overflow: hidden; transition: all .25s; position: relative;
}
.price:hover { background: rgba(255,255,255,.08); transform: translateY(-4px); }
.price--pop { border: 2px solid var(--ora1); transform: scale(1.03); z-index: 2; }
.price--pop:hover { transform: scale(1.03) translateY(-4px); }
.price__ribbon {
  background: var(--grad); color: #fff; text-align: center; padding: 7px;
  font-size: .68rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;
}
.price__head { padding: 28px 24px 16px; text-align: center; }
.price--pop .price__head { padding-top: 24px; }
.price__head h3 { font-size: 1.05rem; font-weight: 700; color: #fff; margin-bottom: 6px; }
.price__amount {
  display: flex; align-items: baseline; justify-content: center; gap: 2px;
  color: #fff; font-size: 2.6rem; font-weight: 900; line-height: 1; margin-bottom: 4px;
}
.price__amount sup { font-size: 1rem; font-weight: 700; }
.price__amount span { font-size: .85rem; color: rgba(255,255,255,.5); font-weight: 500; }
.price__note { font-size: .78rem; color: rgba(255,255,255,.5); }
.price__fee {
  display: inline-flex; align-items: center; gap: 4px;
  margin-top: 8px; padding: 5px 14px; border-radius: 6px;
  background: rgba(249,174,59,.08); border: 1px solid rgba(249,174,59,.2);
  font-size: .78rem; font-weight: 600; color: var(--ora1);
}
.price__list { padding: 0 24px 16px; }
.price__list li {
  display: flex; align-items: flex-start; gap: 8px;
  padding: 6px 0; font-size: .84rem; color: rgba(255,255,255,.8); line-height: 1.4;
}
.price__list li::before {
  content: ''; width: 16px; height: 16px; flex-shrink: 0; margin-top: 1px;
  border-radius: 50%;
  background: rgba(34,197,94,.15) url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 13l4 4L19 7' stroke='%2322C55E' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/10px;
}
.price__bonus {
  margin: 0 24px 16px;
  background: linear-gradient(135deg, rgba(249,174,59,.08) 0%, rgba(255,106,64,.06) 100%);
  border: 1px solid rgba(249,174,59,.18); border-radius: 10px; padding: 16px;
}
.price__bonus span {
  display: flex; align-items: center; gap: 6px;
  font-size: .66rem; font-weight: 800;
  color: var(--ora1); letter-spacing: 1.2px; margin-bottom: 10px;
}
.price__bonus span svg { stroke: var(--ora1); flex-shrink: 0; }
.price__bonus-list { list-style: none; padding: 0; margin: 0; }
.price__bonus-list li {
  display: flex; align-items: center; justify-content: space-between;
  padding: 5px 0; font-size: .78rem; font-weight: 500;
  color: rgba(255,255,255,.75);
  border-bottom: 1px solid rgba(255,255,255,.04);
}
.price__bonus-list li:last-child { border-bottom: none; }
.price__bonus-list li::before { display: none; }
.price__bonus-list li em {
  font-style: normal; font-size: .7rem; font-weight: 600;
  color: var(--ora1); opacity: .8;
}
.price__guarantee {
  text-align: center; font-size: .72rem; color: rgba(255,255,255,.4);
  font-weight: 500; padding: 0 24px 20px;
}

/* Expert bar */
.expert-bar {
  display: flex; align-items: center; justify-content: space-between;
  max-width: 740px; margin: 40px auto 0;
  background: rgba(6,18,40,.65);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px; padding: 20px 28px;
  box-shadow: 0 8px 32px rgba(0,0,0,.2), 0 0 0 1px rgba(255,255,255,.03) inset;
}
.expert-bar__text {
  display: flex; align-items: center; gap: 12px;
  font-size: .88rem; color: rgba(255,255,255,.6);
}
.expert-bar__text strong { color: #fff; font-weight: 600; }
.expert-bar__text svg { flex-shrink: 0; stroke: rgba(255,255,255,.4); }
.expert-bar__btns { display: flex; gap: 8px; flex-shrink: 0; }
.expert-bar__btn {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 10px 20px; border-radius: 10px;
  font-family: var(--ff); font-size: .8rem; font-weight: 600;
  color: #fff; text-decoration: none; transition: all .2s;
  position: relative; overflow: hidden;
}
.expert-bar__btn::before {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 55%);
  pointer-events: none;
}
.expert-bar__btn--wa { background: var(--wa); box-shadow: 0 2px 12px rgba(37,211,102,.25); }
.expert-bar__btn--wa:hover { box-shadow: 0 4px 20px rgba(37,211,102,.4); transform: translateY(-1px); }
.expert-bar__btn--tg { background: var(--tg); box-shadow: 0 2px 12px rgba(0,136,204,.25); }
.expert-bar__btn--tg:hover { box-shadow: 0 4px 20px rgba(0,136,204,.4); transform: translateY(-1px); }
.expert-bar__btn svg { flex-shrink: 0; opacity: .9; }

.pricing-trust {
  display: flex; align-items: center; justify-content: center;
  gap: 32px; margin-top: 28px;
}
.pricing-trust__item {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: .76rem; font-weight: 500; color: rgba(255,255,255,.35);
}
.pricing-trust__item svg { stroke: rgba(255,255,255,.3); flex-shrink: 0; }

/* ============================================
   GUARANTEE
   ============================================ */
.guarantee__inner {
  display: flex; align-items: center; gap: 24px;
  max-width: 640px; margin: 0 auto;
  background: var(--white); border: 2px solid var(--green);
  border-radius: var(--rl); padding: 32px;
}
.guarantee__inner svg { flex-shrink: 0; color: var(--green); }
.guarantee__inner h3 { font-size: 1rem; font-weight: 700; color: var(--navy); margin-bottom: 4px; }
.guarantee__inner p { font-size: .88rem; color: var(--muted); line-height: 1.6; }

/* ============================================
   PRESS / PARTNERS
   ============================================ */
.press-row {
  display: flex; align-items: center; gap: 32px; margin-bottom: 40px;
  justify-content: center; flex-wrap: wrap;
}
.press-row__label {
  font-size: .7rem; font-weight: 700; color: var(--muted);
  letter-spacing: 1.5px; text-transform: uppercase;
}
.press-row__logos {
  display: flex; align-items: center; gap: 24px; flex-wrap: wrap;
}
.press-logo {
  font-size: .95rem; font-weight: 800; color: var(--navy); opacity: .6;
  letter-spacing: .5px;
}
.press-logo small { font-size: .7rem; font-weight: 600; opacity: .7; }
.press-logo:hover { opacity: 1; }

.partners-row { text-align: center; }
.partners-row__title {
  font-size: .72rem; font-weight: 700; color: var(--muted);
  letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 20px;
}
.partners-row__logos {
  display: flex; align-items: center; justify-content: center; gap: 32px; flex-wrap: wrap;
}
.partner-logo {
  font-size: .85rem; font-weight: 700; color: var(--muted);
  padding: 10px 20px; border-radius: 10px;
  border: 1px solid var(--border); background: var(--white);
  transition: all .2s;
}
.partner-logo:hover { border-color: var(--blue); color: var(--blue); }
.partner-logo--meta { border-color: rgba(24,119,242,.2); color: #1877F2; }

/* ============================================
   TRUSTED BY — Light Professional Trust Signal
   ============================================ */
.sec--featured {
  background: linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 40%, #F8FAFC 100%);
  padding: 96px 0 80px; position: relative; overflow: hidden;
}

/* Header */
.featured__header {
  text-align: center; margin-bottom: 48px;
}
.featured__eyebrow {
  font-size: .65rem; font-weight: 700; letter-spacing: 2.5px;
  color: var(--blue); text-transform: uppercase; margin-bottom: 12px;
}
.featured__h2 {
  font-size: 2.2rem; font-weight: 900; color: var(--navy);
  letter-spacing: -.5px; line-height: 1.25; margin-bottom: 14px;
}
.featured__sub {
  font-size: .95rem; color: var(--muted); max-width: 560px; margin: 0 auto;
  line-height: 1.7;
}

/* Official Partner Badges */
.featured__partners {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
  margin-bottom: 48px;
}
.featured__partner {
  display: flex; align-items: center; gap: 12px;
  background: #fff;
  border: 1px solid #E8ECF1;
  border-radius: 14px; padding: 18px 20px;
  transition: all .3s ease;
  position: relative;
}
.featured__partner:hover {
  border-color: #D0D8E4;
  box-shadow: 0 8px 32px rgba(1,45,108,.06);
  transform: translateY(-2px);
}
.featured__partner-icon {
  width: 44px; height: 44px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.featured__partner-icon--meta { background: rgba(0,129,251,.06); }
.featured__partner-icon--google { background: rgba(66,133,244,.06); }
.featured__partner-icon--tiktok { background: rgba(17,17,17,.05); }
.featured__partner-icon--iab { background: rgba(0,113,189,.06); }
.featured__partner-info {
  display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0;
}
.featured__partner-name {
  font-size: .82rem; font-weight: 700; color: var(--navy);
  line-height: 1.3; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis;
}
.featured__partner-tier {
  font-size: .65rem; color: var(--muted); font-weight: 500;
  letter-spacing: .2px;
}
.featured__partner-badge {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: .58rem; font-weight: 700; letter-spacing: .5px;
  color: #16A34A; text-transform: uppercase;
  background: rgba(34,197,94,.06);
  border: 1px solid rgba(34,197,94,.12);
  border-radius: 50px; padding: 4px 10px;
  white-space: nowrap; flex-shrink: 0;
}

/* Featured In Logo Bar */
.featured__logobar {
  text-align: center; margin-bottom: 40px;
  padding: 32px 0;
  border-top: 1px solid #EEF1F5;
  border-bottom: 1px solid #EEF1F5;
}
.featured__logobar-label {
  font-size: .6rem; font-weight: 700; letter-spacing: 2.5px;
  color: #A3B1C6; text-transform: uppercase; margin-bottom: 20px;
}
.featured__logos {
  display: flex; align-items: center; justify-content: center; gap: 36px;
  flex-wrap: wrap;
}
.featured__logo {
  opacity: .55; transition: opacity .3s ease;
  display: flex; align-items: center;
}
.featured__logo:hover { opacity: .9; }
.featured__logo-sep {
  width: 1px; height: 24px; background: #E0E5EC; flex-shrink: 0;
}

/* Trust Proof Bar */
.featured__proof {
  display: flex; align-items: center; justify-content: center; gap: 28px;
  flex-wrap: wrap;
}
.featured__proof-item {
  display: flex; align-items: center; gap: 7px;
  font-size: .76rem; color: #5A6B82; font-weight: 500;
}
.featured__proof-item svg { flex-shrink: 0; }

/* ============================================
   UPCOMING EVENTS — WOW Premium
   ============================================ */
.sec--events {
  background: linear-gradient(160deg, #0A1225 0%, #0D1B3A 40%, #0A1F44 70%, #091428 100%);
  padding: 100px 0 110px; position: relative; overflow: hidden;
}
.events__bg-glow {
  position: absolute; border-radius: 50%; pointer-events: none;
  filter: blur(100px); opacity: .25;
}
.events__bg-glow--1 {
  width: 500px; height: 500px;
  background: radial-gradient(circle, rgba(249,174,59,.35), transparent 70%);
  top: -120px; right: -80px;
}
.events__bg-glow--2 {
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(0,113,189,.3), transparent 70%);
  bottom: -100px; left: -60px;
}
.events__header { text-align: center; margin-bottom: 56px; position: relative; z-index: 1; }
.events__eyebrow {
  display: inline-block;
  font-size: .65rem; font-weight: 800; letter-spacing: 3.5px;
  color: var(--ora1); text-transform: uppercase; margin-bottom: 16px;
  position: relative;
}
.events__eyebrow::after {
  content: ''; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%);
  width: 40px; height: 2px;
  background: linear-gradient(90deg, var(--ora1), var(--ora2)); border-radius: 2px;
}
.events__h2 {
  font-size: 2.6rem; font-weight: 900; color: #fff;
  line-height: 1.15; margin-bottom: 14px; letter-spacing: -.02em;
}
.events__sub {
  font-size: .95rem; color: rgba(255,255,255,.55); max-width: 520px; margin: 0 auto;
  line-height: 1.6;
}
.events__track {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
  position: relative; z-index: 1;
}
.events__card {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px; overflow: hidden;
  transition: all .4s cubic-bezier(.25,.46,.45,.94);
  display: flex; flex-direction: column;
  text-decoration: none; color: inherit;
  position: relative;
}
.events__card::before {
  content: ''; position: absolute; inset: 0; border-radius: 18px;
  background: linear-gradient(135deg, rgba(249,174,59,.06), rgba(0,113,189,.04));
  opacity: 0; transition: opacity .4s ease; z-index: 0;
}
.events__card:hover {
  transform: translateY(-8px);
  box-shadow: 0 24px 80px rgba(0,0,0,.4), 0 0 40px rgba(249,174,59,.08);
  border-color: rgba(249,174,59,.2);
}
.events__card:hover::before { opacity: 1; }
.events__card-img {
  position: relative; overflow: hidden; aspect-ratio: 16/10;
}
.events__card-img img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform .5s cubic-bezier(.25,.46,.45,.94);
}
.events__card:hover .events__card-img img { transform: scale(1.08); }
.events__card-gradient {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 30%, rgba(10,18,37,.85) 100%);
  pointer-events: none;
}
.events__card-status {
  position: absolute; top: 12px; left: 12px;
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(10,18,37,.7); backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,.1);
  color: #fff; font-size: .62rem; font-weight: 700;
  padding: 5px 12px; border-radius: 50px;
  letter-spacing: .5px; text-transform: uppercase; z-index: 1;
}
.events__status-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 8px rgba(34,197,94,.6);
  animation: pulse-dot 2s ease-in-out infinite;
}
.events__card-body {
  padding: 18px 16px 20px; flex: 1; display: flex; flex-direction: column;
  position: relative; z-index: 1;
}
.events__card-date-row {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: .72rem; font-weight: 600; color: var(--ora1);
  margin-bottom: 8px; letter-spacing: .2px;
}
.events__card-date-row svg { flex-shrink: 0; opacity: .7; }
.events__card-body h3 {
  font-size: .92rem; font-weight: 800; color: #fff;
  margin-bottom: 8px; line-height: 1.3;
  transition: color .3s ease;
}
.events__card:hover .events__card-body h3 { color: var(--ora1); }
.events__card-loc {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: .74rem; color: rgba(255,255,255,.45); margin-bottom: 14px;
}
.events__card-loc svg { color: var(--ora2); flex-shrink: 0; opacity: .7; }
.events__card-cta {
  margin-top: auto; font-size: .76rem; font-weight: 700;
  color: rgba(255,255,255,.5); display: inline-flex; align-items: center; gap: 6px;
  transition: all .3s ease; letter-spacing: .3px;
}
.events__card-cta svg { transition: transform .3s ease; }
.events__card:hover .events__card-cta {
  color: var(--ora1);
}
.events__card:hover .events__card-cta svg { transform: translateX(4px); }

/* ============================================
   CULTURE / ABOUT US — $1M+ Cinematic
   ============================================ */
.sec--culture {
  background: linear-gradient(180deg, #FFF 0%, #FFFBF5 40%, #FFF8EE 100%);
  padding: 120px 0; position: relative; overflow: hidden;
}
.culture__ambient {
  position: absolute; inset: 0; pointer-events: none; overflow: hidden;
}
.culture__orb {
  position: absolute; border-radius: 50%; filter: blur(120px);
}
.culture__orb--1 {
  width: 600px; height: 600px; top: -200px; right: -100px;
  background: radial-gradient(circle, rgba(249,174,59,.1), transparent 70%);
  animation: culture-drift-1 12s ease-in-out infinite alternate;
}
.culture__orb--2 {
  width: 500px; height: 500px; bottom: -200px; left: -100px;
  background: radial-gradient(circle, rgba(255,106,64,.08), transparent 70%);
  animation: culture-drift-2 14s ease-in-out infinite alternate;
}
.culture__orb--3 {
  width: 300px; height: 300px; top: 50%; left: 50%; transform: translate(-50%,-50%);
  background: radial-gradient(circle, rgba(249,115,22,.05), transparent 70%);
}
@keyframes culture-drift-1 {
  0% { transform: translate(0, 0); }
  100% { transform: translate(-40px, 30px); }
}
@keyframes culture-drift-2 {
  0% { transform: translate(0, 0); }
  100% { transform: translate(30px, -40px); }
}
.culture__card {
  position: relative; overflow: hidden;
  background: linear-gradient(135deg, #F9AE3B 0%, #FF6A40 45%, #F97316 100%);
  border: none;
  border-radius: 28px; padding: 64px 60px;
  display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center;
}
.culture__card-noise {
  position: absolute; inset: 0; border-radius: 28px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.03'/%3E%3C/svg%3E");
  opacity: .6; pointer-events: none;
}
.culture__card-shine {
  position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
  background: conic-gradient(from 180deg, transparent, rgba(255,255,255,.06) 10%, transparent 20%);
  animation: culture-shine 10s linear infinite;
  pointer-events: none;
}
@keyframes culture-shine {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.culture__content { position: relative; z-index: 2; }
.culture__eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: .62rem; font-weight: 800; letter-spacing: 3px;
  color: rgba(255,255,255,.85); text-transform: uppercase; margin-bottom: 20px;
}
.culture__eyebrow-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 10px rgba(255,255,255,.5);
  animation: pulse-dot 2s ease-in-out infinite;
}
.culture__h2 {
  font-size: 2.6rem; font-weight: 900; color: #fff;
  line-height: 1.12; letter-spacing: -.02em; margin-bottom: 20px;
}
.culture__h2 em {
  font-style: italic;
  -webkit-text-fill-color: #fff;
  color: #fff;
}
.culture__text {
  font-size: .92rem; color: rgba(255,255,255,.88); line-height: 1.8;
  margin-bottom: 28px; max-width: 440px;
}
.culture__stats {
  display: flex; align-items: center; gap: 0; margin-bottom: 36px;
  padding: 18px 24px; border-radius: 16px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.2);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
.culture__stat {
  flex: 1; text-align: center;
}
.culture__stat-num {
  display: block; font-size: 1.6rem; font-weight: 900; color: #fff;
  letter-spacing: -.02em; line-height: 1;
}
.culture__stat-label {
  display: block; font-size: .62rem; font-weight: 600; color: rgba(255,255,255,.7);
  text-transform: uppercase; letter-spacing: 1.5px; margin-top: 6px;
}
.culture__stat-divider {
  width: 1px; height: 36px;
  background: linear-gradient(180deg, transparent, rgba(255,255,255,.3), transparent);
  flex-shrink: 0;
}
.culture__btn {
  display: inline-flex; align-items: center; gap: 10px;
  background: #fff;
  color: var(--ora2);
  font-family: var(--ff); font-size: .92rem; font-weight: 700;
  padding: 16px 36px; border-radius: 60px; border: none;
  cursor: pointer; text-decoration: none;
  box-shadow: 0 8px 32px rgba(0,0,0,.12);
  transition: all .4s cubic-bezier(.25,.46,.45,.94);
  position: relative; overflow: hidden;
}
.culture__btn::before {
  content: ''; display: none;
}
.culture__btn:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 16px 48px rgba(0,0,0,.18);
  color: var(--ora2);
}
.culture__btn svg { transition: transform .3s ease; }
.culture__btn:hover svg { transform: translateX(4px); }

/* Video column */
.culture__video-col { position: relative; z-index: 2; }
.culture__video-frame {
  position: relative; border-radius: 20px; overflow: hidden;
  box-shadow: 0 16px 48px rgba(0,0,0,.18);
  border: 3px solid rgba(255,255,255,.25);
}
.culture__video {
  width: 100%; display: block; aspect-ratio: 16/9; object-fit: cover;
}
.culture__video-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(0,0,0,.05) 0%, transparent 60%);
  pointer-events: none;
}
.culture__play {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: 72px; height: 72px; border-radius: 50%;
  background: linear-gradient(135deg, var(--ora1), var(--ora2));
  display: flex; align-items: center; justify-content: center;
  color: #fff; cursor: pointer;
  box-shadow: 0 12px 40px rgba(255,106,64,.45);
  transition: all .4s cubic-bezier(.25,.46,.45,.94);
  z-index: 2;
}
.culture__play:hover {
  transform: translate(-50%, -50%) scale(1.12);
  box-shadow: 0 16px 56px rgba(255,106,64,.55);
}
.culture__play-ring {
  position: absolute; inset: -8px; border-radius: 50%;
  border: 2px solid rgba(249,174,59,.3);
  animation: culture-ring 2.5s ease-in-out infinite;
}
@keyframes culture-ring {
  0%, 100% { transform: scale(1); opacity: .6; }
  50% { transform: scale(1.18); opacity: 0; }
}
.culture__play svg { margin-left: 3px; position: relative; z-index: 1; }
.culture__video-badge {
  position: absolute; bottom: 14px; left: 14px; z-index: 2;
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(0,0,0,.5); backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,.15);
  padding: 6px 14px; border-radius: 50px;
  font-size: .62rem; font-weight: 700; color: rgba(255,255,255,.85);
  letter-spacing: .5px; text-transform: uppercase;
}

/* ============================================
   PUBLISHER LIBRARY — WOW Blog
   ============================================ */
.sec--blog {
  background: linear-gradient(170deg, #F8FAFC 0%, #EFF6FF 50%, #F0F9FF 100%);
  padding: 80px 0; position: relative; overflow: hidden;
}
.blog__bg { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.blog__bg-glow {
  position: absolute; border-radius: 50%; filter: blur(120px); opacity: .4;
}
.blog__bg-glow--1 {
  width: 500px; height: 500px; top: -100px; right: -150px;
  background: radial-gradient(circle, rgba(0,113,189,.12), transparent 70%);
}
.blog__bg-glow--2 {
  width: 400px; height: 400px; bottom: -100px; left: -100px;
  background: radial-gradient(circle, rgba(249,174,59,.08), transparent 70%);
}
.blog__header {
  text-align: center; margin-bottom: 48px; position: relative; z-index: 1;
}
.blog__eyebrow {
  font-size: .65rem; font-weight: 700; letter-spacing: 3px;
  color: var(--blue); text-transform: uppercase; margin-bottom: 12px;
}
.blog__h2 {
  font-size: 2.2rem; font-weight: 900; color: var(--navy);
  letter-spacing: -.5px; line-height: 1.2; margin-bottom: 12px;
}
.blog__sub {
  font-size: .95rem; color: var(--muted); max-width: 480px; margin: 0 auto;
  line-height: 1.6;
}

/* Featured Hero Article */
.blog__hero {
  display: grid; grid-template-columns: 1.1fr 1fr;
  border-radius: 20px; overflow: hidden;
  background: var(--white);
  border: 1px solid var(--border);
  margin-bottom: 20px; position: relative; z-index: 1;
  text-decoration: none; color: inherit;
  transition: all .4s ease;
  box-shadow: 0 4px 24px rgba(0,0,0,.04);
}
.blog__hero:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 72px rgba(0,0,0,.1);
  border-color: rgba(0,113,189,.2);
}
.blog__hero-img {
  position: relative; overflow: hidden; min-height: 300px;
}
.blog__hero-img img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform .5s ease;
}
.blog__hero:hover .blog__hero-img img { transform: scale(1.04); }
.blog__hero-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(0,113,189,.05), transparent);
}
.blog__hero-content {
  padding: 36px 32px; display: flex; flex-direction: column; justify-content: center;
}
.blog__hero-tags {
  display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap;
}
.blog__tag {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: .62rem; font-weight: 700; letter-spacing: .8px;
  color: var(--blue); background: rgba(0,113,189,.06);
  padding: 4px 12px; border-radius: 50px; text-transform: uppercase;
}
.blog__tag--hot {
  color: var(--ora2); background: rgba(255,106,64,.06);
  border: 1px solid rgba(255,106,64,.12);
}
.blog__hero-content h3 {
  font-size: 1.5rem; font-weight: 900; color: var(--navy);
  line-height: 1.3; margin-bottom: 12px; letter-spacing: -.3px;
}
.blog__hero-content p {
  font-size: .9rem; color: var(--muted); line-height: 1.65;
  margin-bottom: 20px;
}
.blog__hero-meta {
  display: flex; align-items: center; gap: 8px;
  font-size: .75rem; color: var(--muted); flex-wrap: wrap;
}
.blog__meta-author {
  display: flex; align-items: center; gap: 8px; font-weight: 600; color: var(--navy);
}
.blog__meta-avatar {
  width: 28px; height: 28px; border-radius: 50%;
  background: linear-gradient(135deg, var(--ora1), var(--ora2));
  color: #fff; font-size: .55rem; font-weight: 800;
  display: flex; align-items: center; justify-content: center;
  letter-spacing: .5px;
}
.blog__meta-sep { color: var(--border); }
.blog__meta-time {
  display: inline-flex; align-items: center; gap: 4px;
}

/* Blog Card Grid */
.blog__grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
  position: relative; z-index: 1;
}
.blog__card {
  background: var(--white); border-radius: 16px; overflow: hidden;
  border: 1px solid var(--border);
  transition: all .4s ease; display: flex; flex-direction: column;
  text-decoration: none; color: inherit;
  box-shadow: 0 2px 12px rgba(0,0,0,.03);
}
.blog__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 60px rgba(0,0,0,.1);
  border-color: rgba(0,113,189,.15);
}
.blog__card-img {
  position: relative; overflow: hidden; aspect-ratio: 16/10;
}
.blog__card-img img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform .5s ease;
}
.blog__card:hover .blog__card-img img { transform: scale(1.06); }
.blog__card-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.15), transparent 50%);
  opacity: 0; transition: opacity .3s;
}
.blog__card:hover .blog__card-overlay { opacity: 1; }
.blog__card-read {
  position: absolute; top: 10px; right: 10px;
  display: inline-flex; align-items: center; gap: 4px;
  background: rgba(0,0,0,.65); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  color: #fff; font-size: .62rem; font-weight: 600; padding: 4px 10px;
  border-radius: 50px; letter-spacing: .3px;
}
.blog__card-body {
  padding: 20px; display: flex; flex-direction: column; flex: 1;
}
.blog__card-tag {
  display: inline-block; font-size: .6rem; font-weight: 700;
  color: var(--blue); background: rgba(0,113,189,.06);
  padding: 3px 10px; border-radius: 50px; margin-bottom: 10px;
  letter-spacing: .5px; text-transform: uppercase; width: fit-content;
}
.blog__card-body h3 {
  font-size: .95rem; font-weight: 800; color: var(--navy);
  line-height: 1.35; margin-bottom: 8px;
}
.blog__card-body p {
  font-size: .82rem; color: var(--muted); line-height: 1.6;
  margin-bottom: 12px;
}
.blog__card-meta {
  display: flex; align-items: center; gap: 6px;
  font-size: .72rem; color: var(--muted); margin-top: auto;
}
.blog__card-meta span { opacity: .7; }
.blog__bottom {
  text-align: center; margin-top: 36px; position: relative; z-index: 1;
}

/* ============================================
   FAQ — Accordion
   ============================================ */
.faq-list { max-width: 680px; margin: 0 auto; }
.faq-item {
  background: var(--white); border: 1px solid var(--border);
  border-radius: var(--r); margin-bottom: 8px; overflow: hidden;
  transition: border-color .2s;
}
.faq-item:hover { border-color: rgba(0,113,189,.12); }
.faq-item.active { border-color: rgba(0,113,189,.2); }
.faq-item__question {
  width: 100%; display: flex; align-items: center; justify-content: space-between;
  padding: 16px 20px; background: none; border: none; cursor: pointer;
  font-family: var(--ff); font-weight: 600; font-size: .92rem;
  color: var(--navy); text-align: left;
}
.faq-item__question span { flex: 1; }
.faq-item__chevron {
  flex-shrink: 0; color: var(--muted); transition: transform .3s;
}
.faq-item.active .faq-item__chevron { transform: rotate(180deg); }
.faq-item__answer {
  max-height: 0; overflow: hidden; transition: max-height .3s ease;
}
.faq-item.active .faq-item__answer { max-height: 300px; }
.faq-item__answer p {
  padding: 0 20px 16px; font-size: .85rem; color: var(--txt); line-height: 1.65;
}
.faq__cta { text-align: center; margin-top: 40px; }
.faq__cta p {
  font-size: .95rem; color: var(--muted); margin-bottom: 16px;
}

/* ============================================
   FINAL CTA
   ============================================ */
.final__inner { text-align: center; max-width: 600px; margin: 0 auto; }
.final__inner h2 { font-size: 2rem; font-weight: 900; color: #fff; line-height: 1.2; margin-bottom: 12px; }
.final__sub { color: rgba(255,255,255,.5); font-size: .95rem; margin-bottom: 28px; }
.final__trust {
  display: flex; align-items: center; justify-content: center; gap: 12px;
  margin-top: 28px; flex-wrap: wrap;
  font-size: .78rem; font-weight: 500; color: rgba(255,255,255,.35);
}

/* ============================================
   RICH FOOTER
   ============================================ */
.foot {
  background: var(--deep); color: rgba(255,255,255,.6); padding: 0;
}

/* Top area: newsletter + quick links */
.foot__top {
  display: grid; grid-template-columns: 1fr 1fr; gap: 48px;
  padding: 56px 0; border-bottom: 1px solid rgba(255,255,255,.08);
}
.foot__newsletter h3 {
  font-size: 1.2rem; font-weight: 800; color: #fff; margin-bottom: 8px;
}
.foot__newsletter p {
  font-size: .88rem; color: rgba(255,255,255,.5); margin-bottom: 20px; line-height: 1.6;
}
.foot__newsletter-form {
  display: flex; gap: 8px;
}
.foot__newsletter-form input {
  flex: 1; padding: 14px 18px; border-radius: 10px;
  border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.05);
  color: #fff; font-family: var(--ff); font-size: .88rem;
  outline: none; transition: border-color .2s;
}
.foot__newsletter-form input::placeholder { color: rgba(255,255,255,.3); }
.foot__newsletter-form input:focus { border-color: rgba(255,255,255,.3); }

.foot__quick h4 {
  font-size: .72rem; font-weight: 700; letter-spacing: 1.5px;
  text-transform: uppercase; color: rgba(255,255,255,.4); margin-bottom: 20px;
}
.foot__quick-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
}
.foot__quick-link {
  display: flex; align-items: center; gap: 10px; padding: 14px 16px;
  border-radius: 10px; background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.06);
  font-size: .82rem; font-weight: 600; color: rgba(255,255,255,.65);
  transition: all .2s;
}
.foot__quick-link:hover {
  background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.15);
  color: #fff;
}
.foot__quick-link svg { stroke: var(--ora1); flex-shrink: 0; }

/* Footer grid */
.foot__grid {
  display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px;
  padding: 48px 0; border-bottom: 1px solid rgba(255,255,255,.06);
}
.foot__brand { }
.foot__logo { display: inline-flex; margin-bottom: 16px; }
.foot__logo img { height: 28px; width: auto; }
.foot__tagline {
  font-size: .85rem; color: rgba(255,255,255,.45); line-height: 1.65; margin-bottom: 20px;
}
.foot__locations-label {
  font-size: .65rem; font-weight: 700; letter-spacing: 1.5px;
  text-transform: uppercase; color: rgba(255,255,255,.3); margin-bottom: 10px;
}
.foot__locations {
  display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px;
}
.foot__location {
  display: flex; align-items: center; gap: 8px;
  font-size: .8rem; color: rgba(255,255,255,.55);
}
.foot__contact-info {
  display: flex; flex-direction: column; gap: 4px; margin-bottom: 16px;
}
.foot__contact-info a {
  font-size: .82rem; color: rgba(255,255,255,.5);
}
.foot__contact-info a:hover { color: var(--ora1); }

.foot__social {
  display: flex; gap: 10px;
}
.foot__social a {
  display: flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; border-radius: 8px;
  background: rgba(255,255,255,.06); color: rgba(255,255,255,.5);
  transition: all .2s;
}
.foot__social a:hover {
  background: rgba(255,255,255,.12); color: #fff;
}

.foot__col h4 {
  font-size: .72rem; font-weight: 700; letter-spacing: 1.5px;
  text-transform: uppercase; color: rgba(255,255,255,.4); margin-bottom: 16px;
}
.foot__col ul { list-style: none; padding: 0; }
.foot__col li { margin-bottom: 8px; }
.foot__col a {
  font-size: .84rem; color: rgba(255,255,255,.5);
}
.foot__col a:hover { color: #fff; }

/* Footer bottom */
.foot__bottom {
  display: flex; align-items: center; justify-content: space-between;
  padding: 24px 0; flex-wrap: wrap; gap: 16px;
}
.foot__press { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.press-badge {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 14px; border-radius: 6px;
  font-size: .68rem; font-weight: 600; letter-spacing: .3px;
  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.4); transition: all .3s ease;
}
.press-badge:hover {
  background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.12);
  color: rgba(255,255,255,.55);
}
.press-badge svg { flex-shrink: 0; }
.foot__payments { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.payment-icon {
  display: inline-flex; align-items: center; justify-content: center;
  transition: all .3s ease; border-radius: 5px; overflow: hidden;
}
.payment-icon:hover { transform: translateY(-1px); }
.payment-icon svg { display: block; }
.foot__copy {
  text-align: center; padding: 20px 0;
  border-top: 1px solid rgba(255,255,255,.05);
}
.foot__copy p {
  font-size: .72rem; color: rgba(255,255,255,.3);
}

/* ============================================
   MOBILE STICKY BAR
   ============================================ */
.mob-bar {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 999;
  display: none; padding: 10px 14px; background: #fff;
  box-shadow: 0 -4px 16px rgba(0,0,0,.1);
}
.mob-bar__pair { display: flex; gap: 8px; }
.mob-bar__btn {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  flex: 1; padding: 14px 8px; border-radius: 50px;
  color: #fff; font-family: var(--ff);
  font-weight: 700; font-size: .85rem; border: none; cursor: pointer;
}
.mob-bar__btn--wa { background: var(--wa); box-shadow: 0 4px 16px rgba(37,211,102,.3); }
.mob-bar__btn--tg { background: var(--tg); box-shadow: 0 4px 16px rgba(0,136,204,.3); }
.mob-bar__btn svg { flex-shrink: 0; }

/* ============================================
   ANIMATIONS
   ============================================ */
[data-animate] {
  opacity: 0; transform: translateY(20px);
  transition: opacity .5s ease, transform .5s ease;
}
[data-animate].visible { opacity: 1; transform: none; }

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 1024px) {
  .tstack__auth-grid { gap: 12px; }
  .arch__meters { grid-template-columns: 1fr; max-width: 400px; margin-left: auto; margin-right: auto; }
  .arch__map { height: 360px; }
  .arch__node { --radius: 155px; }
  .arch__node-inner { min-width: 100px; padding: 12px 14px; }
  .arch__node-label { font-size: .6rem; }
  /* Solve — Tablet */
  .slv__features { grid-template-columns: 1fr 1fr; }
  .slv__video-frame { border-radius: 16px; }
  .slv__video { border-radius: 16px; }
  .slv__video-shine { border-radius: 16px; }
  .slv__sub { font-size: .95rem; }
  /* Studio — Tablet: horizontal core strip between stacked panels */
  .studio__flow { grid-template-columns: 1fr; gap: 24px; }
  .studio__header { margin-bottom: 40px; }
  .studio__core {
    width: 100%; flex-direction: row; gap: 20px; padding: 20px 28px;
    background: rgba(139,92,246,.04);
    border: 1px solid rgba(139,92,246,.1);
    border-radius: 16px;
    backdrop-filter: blur(12px);
  }
  .studio__core-outer { width: 90px; height: 90px; flex-shrink: 0; }
  .studio__core-ring--1 { width: 90px; height: 90px; mask: radial-gradient(transparent 40px, #000 41px, #000 44px, transparent 45px); -webkit-mask: radial-gradient(transparent 40px, #000 41px, #000 44px, transparent 45px); }
  .studio__core-ring--2 { width: 70px; height: 70px; mask: radial-gradient(transparent 30px, #000 31px, #000 34px, transparent 35px); -webkit-mask: radial-gradient(transparent 30px, #000 31px, #000 34px, transparent 35px); }
  .studio__core-ring--3 { width: 50px; height: 50px; }
  .studio__core-center { width: 40px; height: 40px; }
  .studio__core-center svg { width: 20px; height: 20px; }
  .studio__beams { display: none; }
  .studio__core-label { margin-top: 0; }
  .studio__core-stats { flex-direction: row; gap: 16px; }
  .studio__gallery { max-height: none; }
  .studio__bottom-stats { gap: 20px; flex-wrap: wrap; }
  .community-grid { grid-template-columns: 1fr; }
  .community-card--main { grid-column: auto; }
  .owners-grid { grid-template-columns: 1fr 1fr; }
  .svc__h2 { font-size: 2rem; }
  .svc__stage { grid-template-columns: 1fr auto 1.2fr; }
  .svc__sol { padding: 14px 16px; }
  .svc__orb--1 { width: 400px; height: 400px; }
  .svc__orb--2 { width: 280px; height: 280px; }
  .rv-grid { grid-template-columns: 1fr 1fr; }
  .rv-banner { padding: 14px 20px; }
  .rv-bottom { flex-direction: column; text-align: center; }
  .rv-bottom__quote { flex-direction: column; gap: 6px; }
  .price-grid { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; }
  .price--pop { transform: none; }
  .price--pop:hover { transform: translateY(-4px); }
  .expert-bar { flex-direction: column; gap: 16px; text-align: center; padding: 20px 24px; }
  .expert-bar__text { flex-direction: column; gap: 8px; }
  .expert-bar__btns { justify-content: center; }
  .pricing-trust { flex-direction: column; gap: 12px; }
  .foot__top { grid-template-columns: 1fr; gap: 36px; }
  .foot__grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .cmp-table__head, .cmp-table__row { font-size: .78rem; padding: 12px 16px; }
}

@media (max-width: 768px) {
  .sec { padding: 56px 0; }
  .sec--studio { padding: 60px 0 50px; }
  .sec--community { padding: 70px 0; }
  .sec--services { padding: 64px 0 56px; }
  .sec--owners { padding: 70px 0; }

  /* Studio — Mobile Premium: refined panels & gallery */
  .studio__header { margin-bottom: 32px; }
  .studio__tagline { font-size: .88rem; line-height: 1.6; max-width: 420px; }
  .studio__badge { padding: 6px 14px; font-size: .62rem; margin-bottom: 16px; }
  .studio__panel { border-radius: 16px; }
  .studio__panel-header { padding: 12px 16px; }
  .studio__panel-dot { width: 8px; height: 8px; }
  .studio__panel-title { font-size: .66rem; }
  .studio__panel-body { padding: 20px 16px; }
  .studio__panel-glow { width: 160px; height: 160px; top: -50px; }

  /* Core — compact glassmorphism strip */
  .studio__core {
    padding: 16px 20px; gap: 16px; border-radius: 14px;
  }
  .studio__core-outer { width: 72px; height: 72px; }
  .studio__core-ring--1 {
    width: 72px; height: 72px;
    mask: radial-gradient(transparent 31px, #000 32px, #000 35px, transparent 36px);
    -webkit-mask: radial-gradient(transparent 31px, #000 32px, #000 35px, transparent 36px);
  }
  .studio__core-ring--2 {
    width: 54px; height: 54px;
    mask: radial-gradient(transparent 22px, #000 23px, #000 26px, transparent 27px);
    -webkit-mask: radial-gradient(transparent 22px, #000 23px, #000 26px, transparent 27px);
  }
  .studio__core-ring--3 { width: 40px; height: 40px; }
  .studio__core-center { width: 34px; height: 34px; }
  .studio__core-center svg { width: 16px; height: 16px; }
  .studio__core-label { font-size: .64rem; letter-spacing: 1px; }
  .studio__core-stats span { font-size: .58rem; }

  /* Gallery — 2-col with tighter gaps */
  .studio__gallery { grid-template-columns: 1fr 1fr; gap: 6px; padding: 12px; }
  .studio__ad { border-radius: 10px; }
  .studio__ad--featured { grid-column: span 2; }
  .studio__ad-badge { top: 6px; left: 6px; padding: 3px 8px; font-size: .5rem; border-radius: 5px; }
  .studio__ad-headline { font-size: .78rem; }
  .studio__ad-copy { font-size: .56rem; margin-bottom: 8px; }
  .studio__ad-cta-btn { font-size: .52rem; padding: 4px 12px; border-radius: 5px; }
  .studio__ad-car { width: 65%; margin-bottom: 8px; }

  /* Styles & formats — compact */
  .studio__styles { grid-template-columns: 1fr 1fr; gap: 6px; }
  .studio__style { padding: 8px 10px; gap: 6px; border-radius: 8px; }
  .studio__style-icon { width: 28px; height: 28px; border-radius: 6px; }
  .studio__style-icon svg { width: 16px; height: 16px; }
  .studio__style span { font-size: .68rem; }
  .studio__format { padding: 5px 10px; font-size: .6rem; }
  .studio__label { font-size: .6rem; margin-bottom: 6px; }
  .studio__input-field { padding: 12px 14px; margin-bottom: 16px; min-height: 42px; border-radius: 10px; }
  .studio__input-text { font-size: .78rem; }
  .studio__generate { padding: 14px 20px; font-size: .82rem; border-radius: 10px; }
  .studio__generate svg { width: 16px; height: 16px; }

  /* Bottom */
  .studio__bottom { margin-top: 36px; }
  .studio__disclaimer { font-size: .74rem; max-width: 340px; }
  .studio__stat-num { font-size: 1.3rem; }
  .studio__bottom-stats { gap: 16px; }
  .studio__stat-sep { height: 22px; }
  .hero { padding: 100px 0 0; }
  .hero__h1 { font-size: 2.4rem; letter-spacing: -1px; }
  .hero__sub { font-size: .95rem; }
  .sec--arch { padding: 70px 0 60px; }
  .arch__map { height: 320px; }
  .arch__node { --radius: 135px; }
  .arch__node-inner { min-width: 90px; padding: 10px 12px; border-radius: 12px; }
  .arch__node-icon { width: 32px; height: 32px; border-radius: 8px; }
  .arch__node-icon svg { width: 16px; height: 16px; }
  .arch__node-label { font-size: .55rem; }
  .arch__node-stat { font-size: .5rem; }
  .arch__hub-core { width: 64px; height: 64px; }
  .arch__hub-core svg { width: 22px; height: 22px; }
  .arch__hub-core span { font-size: .42rem; }
  .arch__hub-ring--outer { width: 105px; height: 105px; }
  .arch__hub-ring--inner { width: 80px; height: 80px; }
  .arch__badges { flex-wrap: wrap; border-radius: 14px; }
  .arch__badge-sep { display: none; }
  .arch__badge-item { flex: 1 1 45%; border-bottom: 1px solid rgba(255,255,255,.05); padding: 18px 12px; }
  .arch__badge-num { font-size: 1.3rem; }
  .tstack { gap: 16px; margin-top: 32px; }
  .tstack__persona { flex-direction: column; gap: 10px; }
  .tstack__tags { flex-wrap: wrap; justify-content: center; }
  .tstack__auth-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; justify-items: center; }
  .tstack__auth-card { min-width: 0; width: 100%; padding: 12px 10px 10px; }
  .tstack__auth-card-name { font-size: .62rem; }
  .tstack__auth-card-sub { font-size: .52rem; }
  .tstack__auth-card-badge { font-size: .5rem; }
  .trust-strip { flex-direction: column; gap: 8px; }
  .trust-strip__label { border-left: none; padding-left: 0; }
  .btn--wa-pro, .btn--tg-pro { padding: 14px 28px; font-size: .84rem; }
  .sec__h2 { font-size: 1.65rem; }
  .pain-wow-grid { grid-template-columns: 1fr; }
  .pain-wow__counter { font-size: 2.4rem; }
  .pain-wow-card__stat-num { font-size: 1.4rem; }
  /* Solve — Mobile Premium */
  .sec--solve { padding: 60px 0 50px; }
  .slv__header { margin-bottom: 28px; }
  .slv__pill { padding: 6px 14px; font-size: .58rem; letter-spacing: 2px; margin-bottom: 18px; }
  .slv__pill-dot { width: 6px; height: 6px; }
  .slv__sub { font-size: .86rem; line-height: 1.6; max-width: 100%; }
  .slv__video-wrap { margin-bottom: 28px; }
  .slv__video-frame { border-radius: 14px; }
  .slv__video { border-radius: 14px; }
  .slv__video-shine { border-radius: 14px; }
  .slv__video-badge { padding: 7px 10px; gap: 7px; border-radius: 8px; }
  .slv__video-badge strong { font-size: .58rem; }
  .slv__video-badge span { font-size: .44rem; }
  .slv__video-badge svg { width: 13px; height: 13px; }
  .slv__video-badge--tl { top: 10px; left: 10px; }
  .slv__video-badge--tr { top: 10px; right: 10px; }
  .slv__video-badge--bl { bottom: 10px; left: 10px; }
  .slv__video-badge--br { bottom: 10px; right: 10px; }
  .slv__features { grid-template-columns: 1fr; gap: 10px; margin-bottom: 28px; }
  .slv__feat { padding: 16px 14px; gap: 10px; border-radius: 12px; }
  .slv__feat-icon { width: 34px; height: 34px; border-radius: 8px; }
  .slv__feat-icon svg { width: 17px; height: 17px; }
  .slv__feat h4 { font-size: .78rem; }
  .slv__feat p { font-size: .68rem; }
  .slv__promise { flex-direction: column; gap: 6px; padding: 12px 18px; border-radius: 14px; font-size: .72rem; }
  .slv__cta-row { flex-direction: column; gap: 10px; width: 100%; }
  .slv__cta-row .btn { width: 100%; }
  .slv__glow { width: 400px; height: 400px; }
  .rv-grid { grid-template-columns: 1fr; }
  .rv-banner { flex-direction: column; text-align: center; padding: 14px 16px; gap: 10px; }
  .rv-banner__left { justify-content: center; }
  .rv-card { padding: 20px 18px; }
  .rv-card__top { flex-direction: column; align-items: flex-start; gap: 8px; }
  .rv-card__title { font-size: .88rem; }
  .rv-card__body { font-size: .78rem; }
  .rv-bottom { flex-direction: column; text-align: center; padding: 18px 16px; gap: 14px; }
  .rv-bottom__quote { flex-direction: column; gap: 6px; font-size: .78rem; }
  .rv-bottom__actions { flex-direction: column; width: 100%; }
  .rv-bottom__actions .btn { width: 100%; }
  .owners-grid { grid-template-columns: 1fr; }
  .steps { flex-direction: column; align-items: center; gap: 4px; }
  .step__line { width: 2px; height: 24px; margin-top: 0; }
  .mob-bar { display: block; }
  .foot { padding-bottom: 72px; }
  .guarantee__inner { flex-direction: column; text-align: center; }
  .agitate__inner h2 { font-size: 1.3rem; }
  .cta-pair { flex-direction: column; gap: 10px; }
  .cta-pair .btn--l { width: 100%; padding: 16px 24px; }
  .cta-pair--hero { flex-direction: row; }
  .cta-pair--hero .btn--wa-pro, .cta-pair--hero .btn--tg-pro { flex: 1; }
  .cta-pair--compact { flex-direction: column; }
  .cta-pair--compact .btn { width: 100%; }
  .expert-bar { max-width: 100%; margin-top: 32px; border-radius: 14px; }
  .expert-bar__text { font-size: .82rem; }
  .expert-bar__btn { padding: 10px 16px; font-size: .78rem; }
  .btn--check { padding: 16px 24px; font-size: .9rem; }
  .btn--check-pop { padding: 18px 24px; }
  .community__actions { flex-direction: column; gap: 10px; }
  .community__actions .btn { width: 100%; }
  .owners__cta { flex-direction: column; gap: 10px; }
  .owners__cta .btn { width: 100%; }
  .foot__grid { grid-template-columns: 1fr; gap: 32px; }
  .foot__bottom { justify-content: center; flex-direction: column; align-items: center; gap: 14px; }
  .foot__press { justify-content: center; }
  .press-badge { padding: 5px 10px; font-size: .6rem; }
  .foot__payments { justify-content: center; }
  .payment-icon svg { width: 38px; height: 26px; }
  .cmp-table { overflow-x: auto; }

  /* Nav mobile */
  .nav__links {
    position: fixed; top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(3,10,20,.97); backdrop-filter: blur(20px);
    flex-direction: column; align-items: center; justify-content: center;
    gap: 32px; opacity: 0; pointer-events: none; transition: opacity .3s;
  }
  .nav__links.active { opacity: 1; pointer-events: all; }
  .nav__links .nav__link {
    font-size: 1.2rem; color: rgba(255,255,255,.8);
  }
  .nav__actions { flex-direction: column; gap: 12px; margin-top: 16px; }
  .nav__actions .btn { width: 200px; }
  .nav__burger { display: block; }

  .community-card__stats { gap: 16px; flex-wrap: wrap; }
  .community-card__stats div { flex: 1; min-width: 80px; }
  .svc__stage { grid-template-columns: 1fr; gap: 32px; }
  .svc__transform { flex-direction: row; padding: 0; }
  .svc__transform-line { flex: 1; height: 2px; width: auto;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.1) 30%, rgba(255,255,255,.1) 70%, transparent); }
  .svc__h2 { font-size: 1.7rem; }
  .svc__cta { flex-direction: column; text-align: center; gap: 16px; padding: 24px; }
  .svc__cta-text { align-items: center; }
  .community__glow { width: 300px; height: 300px; }

  .press-row { flex-direction: column; gap: 16px; }
  .press-row__logos { justify-content: center; }
  .partners-row__logos { gap: 12px; }
  .partner-logo { padding: 8px 14px; font-size: .78rem; }

  .distribution-visual__metrics { grid-template-columns: 1fr; gap: 12px; }

  /* Events — Tablet */
  .events__track { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .events__h2 { font-size: 2rem; }
  .events__bg-glow--1 { width: 350px; height: 350px; }
  .events__bg-glow--2 { width: 280px; height: 280px; }

  /* Featured On — Tablet */
  .featured__h2 { font-size: 1.8rem; }
  .featured__partners { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .featured__partner { padding: 14px 16px; }
  .featured__logos { gap: 24px; }
  .featured__logo svg { transform: scale(.85); }

  /* Culture — Tablet */
  .sec--culture { padding: 80px 0; }
  .culture__card { grid-template-columns: 1fr; padding: 44px 36px; gap: 36px; border-radius: 22px; }
  .culture__h2 { font-size: 2rem; }
  .culture__text { max-width: 100%; }
  .culture__stats { gap: 0; padding: 14px 18px; }
  .culture__stat-num { font-size: 1.3rem; }
  .culture__play { width: 60px; height: 60px; }
  .culture__play svg { width: 24px; height: 24px; }
  .culture__orb--1 { width: 400px; height: 400px; }
  .culture__orb--2 { width: 350px; height: 350px; }

  /* Blog — Tablet */
  .blog__h2 { font-size: 1.8rem; }
  .blog__hero { grid-template-columns: 1fr; }
  .blog__hero-img { min-height: 220px; }
  .blog__hero-content { padding: 28px 24px; }
  .blog__hero-content h3 { font-size: 1.25rem; }
  .blog__grid { grid-template-columns: repeat(3, 1fr); gap: 14px; }
  .blog__card-body { padding: 16px; }
  .blog__card-body h3 { font-size: .88rem; }
}

@media (max-width: 480px) {
  .hero__h1 { font-size: 1.75rem; letter-spacing: -.8px; }
  .sec__h2 { font-size: 1.4rem; }
  /* Studio — Small Phone Premium: every pixel counts */
  .sec--studio { padding: 48px 0 40px; }
  .studio__header { margin-bottom: 24px; }
  .studio__tagline { font-size: .82rem; line-height: 1.55; max-width: 100%; }
  .studio__badge { padding: 5px 12px; font-size: .58rem; letter-spacing: 1.5px; margin-bottom: 14px; gap: 6px; }
  .studio__badge-dot { width: 6px; height: 6px; }
  .studio__nebula { width: 400px; height: 400px; }

  /* Flow stacking */
  .studio__flow { gap: 16px; }

  /* Input panel — premium compact */
  .studio__panel { border-radius: 14px; }
  .studio__panel-header { padding: 10px 14px; }
  .studio__panel-dot { width: 7px; height: 7px; }
  .studio__panel-title { font-size: .6rem; margin-left: 6px; }
  .studio__panel-count { font-size: .58rem; padding: 2px 8px; }
  .studio__panel-body { padding: 14px 12px; }
  .studio__panel-glow { width: 120px; height: 120px; top: -40px; }
  .studio__label { font-size: .56rem; letter-spacing: 1px; margin-bottom: 5px; }
  .studio__input-field { padding: 10px 12px; margin-bottom: 14px; min-height: 38px; border-radius: 8px; }
  .studio__input-text { font-size: .74rem; }
  .studio__input-cursor { height: 14px; }

  /* Style models — 2x2 grid stays, ultra-compact */
  .studio__styles { grid-template-columns: 1fr 1fr; gap: 5px; margin-bottom: 14px; }
  .studio__style { padding: 7px 8px; gap: 5px; border-radius: 7px; }
  .studio__style-icon { width: 24px; height: 24px; border-radius: 5px; }
  .studio__style-icon svg { width: 13px; height: 13px; }
  .studio__style span { font-size: .62rem; }

  /* Formats — horizontal scroll for compactness */
  .studio__formats { gap: 4px; }
  .studio__format { padding: 4px 8px; font-size: .55rem; border-radius: 5px; white-space: nowrap; }
  .studio__format-row { margin-bottom: 14px; }

  /* Generate button — punchy and prominent */
  .studio__generate { padding: 13px 18px; font-size: .78rem; border-radius: 10px; gap: 8px; }
  .studio__generate svg { width: 14px; height: 14px; }

  /* Core — centered vertical strip */
  .studio__core {
    flex-direction: row; padding: 14px 16px; gap: 14px;
    border-radius: 12px;
  }
  .studio__core-outer { width: 60px; height: 60px; }
  .studio__core-ring--1 {
    width: 60px; height: 60px;
    mask: radial-gradient(transparent 25px, #000 26px, #000 29px, transparent 30px);
    -webkit-mask: radial-gradient(transparent 25px, #000 26px, #000 29px, transparent 30px);
  }
  .studio__core-ring--2 {
    width: 44px; height: 44px;
    mask: radial-gradient(transparent 17px, #000 18px, #000 21px, transparent 22px);
    -webkit-mask: radial-gradient(transparent 17px, #000 18px, #000 21px, transparent 22px);
  }
  .studio__core-ring--3 { width: 32px; height: 32px; }
  .studio__core-center { width: 28px; height: 28px; }
  .studio__core-center svg { width: 14px; height: 14px; }
  .studio__core-label { font-size: .58rem; margin-top: 0; letter-spacing: .8px; }
  .studio__core-stats { flex-direction: row; gap: 12px; }
  .studio__core-stats span { font-size: .54rem; }

  /* Gallery — 2-col stays for visual impact, tighter */
  .studio__gallery { grid-template-columns: 1fr 1fr; gap: 4px; padding: 8px; }
  .studio__ad { border-radius: 8px; }
  .studio__ad--featured { grid-column: span 2; }
  .studio__ad--featured .studio__ad-visual { aspect-ratio: 2/1; }
  .studio__ad-badge { top: 4px; left: 4px; padding: 2px 6px; font-size: .45rem; letter-spacing: .5px; border-radius: 4px; }
  .studio__ad-headline { font-size: .68rem; margin-bottom: 2px; }
  .studio__ad-headline--dark { font-size: .8rem; }
  .studio__ad-headline--neon { font-size: .62rem; letter-spacing: 2px; }
  .studio__ad-copy { font-size: .5rem; margin-bottom: 6px; line-height: 1.3; }
  .studio__ad-cta-btn { font-size: .46rem; padding: 3px 8px; border-radius: 4px; }
  .studio__ad-car { width: 60%; max-width: 140px; margin-bottom: 6px; }
  .studio__ad-gradient { padding: 10px; }
  .studio__ad-visual--tall { aspect-ratio: 9/14; }

  /* Bottom */
  .studio__bottom { margin-top: 24px; }
  .studio__disclaimer { font-size: .68rem; max-width: 280px; line-height: 1.5; }
  .studio__bottom-stats { flex-direction: column; gap: 12px; }
  .studio__stat-sep { width: 40px; height: 1px; }
  /* Solve — Small Phone */
  .sec--solve { padding: 44px 0 36px; }
  .slv__header { margin-bottom: 20px; }
  .slv__pill { padding: 5px 12px; font-size: .54rem; gap: 6px; }
  .slv__pill-dot { width: 6px; height: 6px; }
  .slv__sub { font-size: .78rem; line-height: 1.5; }
  .slv__video-wrap { margin-bottom: 20px; }
  .slv__video-frame { border-radius: 12px; }
  .slv__video { border-radius: 12px; }
  .slv__video-shine { border-radius: 12px; }
  .slv__video-badge { padding: 5px 8px; gap: 5px; border-radius: 6px; }
  .slv__video-badge strong { font-size: .5rem; }
  .slv__video-badge span { display: none; }
  .slv__video-badge svg { width: 11px; height: 11px; }
  .slv__video-badge--tl { top: 6px; left: 6px; }
  .slv__video-badge--tr { top: 6px; right: 6px; }
  .slv__video-badge--bl { bottom: 6px; left: 6px; }
  .slv__video-badge--br { bottom: 6px; right: 6px; }
  .slv__features { gap: 8px; margin-bottom: 22px; }
  .slv__feat { padding: 14px 12px; gap: 8px; border-radius: 10px; }
  .slv__feat-icon { width: 30px; height: 30px; border-radius: 7px; }
  .slv__feat-icon svg { width: 15px; height: 15px; }
  .slv__feat h4 { font-size: .74rem; margin-bottom: 2px; }
  .slv__feat p { font-size: .64rem; line-height: 1.4; }
  .slv__promise { font-size: .64rem; padding: 8px 12px; border-radius: 10px; }
  .slv__promise svg { width: 14px; height: 14px; }
  .slv__glow { width: 300px; height: 300px; }

  .wrap { padding: 0 16px; }
  .arch__map { height: 280px; }
  .arch__node { --radius: 110px; }
  .arch__node-inner { min-width: 78px; padding: 8px 10px; gap: 4px; }
  .arch__node-icon { width: 28px; height: 28px; }
  .arch__node-icon svg { width: 14px; height: 14px; }
  .arch__node-label { font-size: .5rem; letter-spacing: .5px; }
  .arch__node-stat { font-size: .45rem; }
  .arch__hub-core { width: 54px; height: 54px; }
  .arch__hub-core svg { width: 18px; height: 18px; }
  .arch__hub-core span { font-size: .38rem; letter-spacing: .5px; }
  .arch__hub-ring--outer { width: 88px; height: 88px; }
  .arch__hub-ring--inner { width: 68px; height: 68px; }
  .arch__badge-item { flex: 1 1 100%; }
  .arch__badge-num { font-size: 1.1rem; }
  .tstack__proof { gap: 6px; flex-wrap: wrap; justify-content: center; }
  .tstack__tp-score, .tstack__tp-count { font-size: .7rem; }
  .tstack__auth-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .tstack__auth-card { padding: 10px 8px 8px; min-width: 0; }
  .tstack__auth-card svg { width: 18px; height: 18px; }
  .tstack__auth-card-name { font-size: .58rem; }
  .tstack__auth-card-sub { font-size: .48rem; }
  .tstack__auth-card-badge { font-size: .46rem; }
  .tstack__tag { padding: 7px 12px; gap: 5px; }
  .tstack__tag span { font-size: .68rem; }
  .tstack__tag-icon { width: 24px; height: 24px; border-radius: 6px; }
  .tstack__tag-icon svg { width: 13px; height: 13px; }
  .cta-pair--hero { flex-direction: row; }
  .cta-pair--hero .btn--wa-pro, .cta-pair--hero .btn--tg-pro { flex: 1; padding: 13px 12px; font-size: .78rem; gap: 6px; }
  .trust-pill { font-size: .65rem; padding: 7px 14px; }
  .community-card { padding: 24px; }
  .community-card--main { padding: 28px; }
  .svc__h2 { font-size: 1.45rem; }
  .svc__sub { font-size: .86rem; }
  .svc__header { margin-bottom: 40px; }
  .svc__badge { font-size: .58rem; letter-spacing: 2px; padding: 6px 16px; }
  .svc__pain { padding: 14px 16px; font-size: .82rem; }
  .svc__sol { padding: 12px 14px; border-radius: 12px; }
  .svc__sol-icon { width: 34px; height: 34px; border-radius: 8px; }
  .svc__sol-icon svg { width: 18px; height: 18px; }
  .svc__sol-text h4 { font-size: .84rem; }
  .svc__sol-text p { font-size: .74rem; }
  .svc__sol-num { font-size: .6rem; }
  .svc__orb--1 { width: 250px; height: 250px; opacity: .15; }
  .svc__orb--2 { display: none; }
  .svc__orb--3 { display: none; }
  .svc__line-grid { display: none; }
  .svc__cta { padding: 20px; border-radius: 16px; }
  .svc__cta-text strong { font-size: .9rem; }
  .svc__cta-text span { font-size: .78rem; }
  .foot__quick-grid { grid-template-columns: 1fr; }
  .foot__newsletter-form { flex-direction: column; }
  .final__trust { flex-direction: column; gap: 6px; }

  /* Events — Phone */
  .sec--events { padding: 56px 0 64px; }
  .events__h2 { font-size: 1.5rem; }
  .events__eyebrow { font-size: .58rem; letter-spacing: 2.5px; }
  .events__sub { font-size: .85rem; }
  .events__header { margin-bottom: 36px; }
  .events__track { grid-template-columns: 1fr 1fr; gap: 10px; }
  .events__card { border-radius: 14px; }
  .events__card-body { padding: 12px 10px 14px; }
  .events__card-body h3 { font-size: .76rem; }
  .events__card-date-row { font-size: .62rem; margin-bottom: 5px; }
  .events__card-loc { font-size: .64rem; margin-bottom: 8px; }
  .events__card-cta { font-size: .66rem; }
  .events__card-status { font-size: .54rem; padding: 3px 8px; top: 8px; left: 8px; }
  .events__bg-glow--1 { width: 250px; height: 250px; opacity: .15; }
  .events__bg-glow--2 { width: 200px; height: 200px; opacity: .15; }

  /* Featured On — Phone */
  .sec--featured { padding: 56px 0 48px; }
  .featured__h2 { font-size: 1.4rem; }
  .featured__sub { font-size: .84rem; }
  .featured__eyebrow { font-size: .58rem; letter-spacing: 2px; }
  .featured__header { margin-bottom: 32px; }
  .featured__partners { grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 32px; }
  .featured__partner { padding: 12px 10px; gap: 8px; border-radius: 10px; }
  .featured__partner-icon { width: 34px; height: 34px; border-radius: 8px; }
  .featured__partner-icon svg { width: 16px; height: 16px; }
  .featured__partner-name { font-size: .68rem; }
  .featured__partner-tier { font-size: .56rem; }
  .featured__partner-badge { font-size: .5rem; padding: 3px 7px; }
  .featured__logobar { padding: 24px 0; margin-bottom: 28px; }
  .featured__logobar-label { font-size: .54rem; margin-bottom: 14px; }
  .featured__logos { gap: 16px; }
  .featured__logo svg { transform: scale(.7); }
  .featured__logo-sep { height: 18px; }
  .featured__proof { gap: 10px; flex-direction: column; align-items: center; }
  .featured__proof-item { font-size: .72rem; }
  .featured__proof-item svg { width: 14px; height: 14px; }

  /* Culture — Phone */
  .sec--culture { padding: 56px 0; }
  .culture__card { padding: 28px 18px; border-radius: 18px; gap: 24px; }
  .culture__card-shine { display: none; }
  .culture__h2 { font-size: 1.45rem; }
  .culture__text { font-size: .82rem; margin-bottom: 20px; line-height: 1.7; }
  .culture__stats { padding: 14px 12px; margin-bottom: 28px; border-radius: 12px; }
  .culture__stat-num { font-size: 1.2rem; }
  .culture__stat-label { font-size: .54rem; letter-spacing: 1px; }
  .culture__stat-divider { height: 28px; }
  .culture__btn { padding: 14px 28px; font-size: .84rem; width: 100%; justify-content: center; }
  .culture__play { width: 48px; height: 48px; }
  .culture__play svg { width: 20px; height: 20px; }
  .culture__play-ring { inset: -6px; }
  .culture__video-badge { bottom: 10px; left: 10px; font-size: .56rem; padding: 4px 10px; }
  .culture__video-frame { border-radius: 14px; }
  .culture__orb--1 { width: 280px; height: 280px; opacity: .12; }
  .culture__orb--2 { width: 240px; height: 240px; opacity: .10; }
  .culture__orb--3 { display: none; }
  .culture__eyebrow { font-size: .56rem; letter-spacing: 2px; }

  /* Blog — Phone */
  .sec--blog { padding: 48px 0; }
  .blog__h2 { font-size: 1.4rem; }
  .blog__eyebrow { font-size: .58rem; letter-spacing: 2.5px; }
  .blog__sub { font-size: .82rem; }
  .blog__header { margin-bottom: 32px; }
  .blog__hero { grid-template-columns: 1fr; margin-bottom: 14px; border-radius: 14px; }
  .blog__hero-img { min-height: 180px; }
  .blog__hero-content { padding: 20px 16px; }
  .blog__hero-content h3 { font-size: 1.05rem; margin-bottom: 8px; }
  .blog__hero-content p { font-size: .78rem; margin-bottom: 12px; }
  .blog__hero-meta { font-size: .66rem; }
  .blog__meta-avatar { width: 22px; height: 22px; font-size: .48rem; }
  .blog__grid { grid-template-columns: 1fr; gap: 12px; }
  .blog__card { border-radius: 12px; }
  .blog__card-body { padding: 14px; }
  .blog__card-body h3 { font-size: .85rem; }
  .blog__card-body p { font-size: .76rem; }
}