.about-body{background:#050304;color:#f7f7fa}.about-app{overflow:clip}.about-page{position:relative;z-index:2}.about-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.about-grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.12;background-image:radial-gradient(rgba(255,255,255,.11) .45px,transparent .45px);background-size:5px 5px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 86%)}
.about-header{padding:14px 0;width:min(1180px,calc(100% - 48px));margin:0 auto;background:rgba(5,3,4,.68);border-bottom:0}.about-header::after{content:"";position:fixed;top:65px;left:0;right:0;height:1px;background:rgba(255,43,91,.10);pointer-events:none}.about-header .logo-icon{width:32px;height:32px}.about-header .logo-text{font-size:18px}.about-header nav{gap:30px}.about-header nav a,.about-header .nav-dropdown-trigger{font-size:13px}.about-header .status-badge{padding:5px 11px;font-size:11.5px;background:rgba(255,43,91,.035)}.about-header .header-auth-button{font-size:11px;padding:8px 14px;background:transparent;border:1px solid rgba(255,43,91,.45);box-shadow:none}.about-header .header-auth-button:hover{background:rgba(255,43,91,.08);box-shadow:0 0 20px rgba(255,43,91,.12)}
.about-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);min-height:415px;gap:42px;align-items:center;padding:44px 0 28px}.about-hero::before{content:"";position:absolute;inset:-60px -160px -80px;z-index:-1;background:radial-gradient(circle at 63% 38%,rgba(255,43,91,.14),transparent 24%),radial-gradient(circle at 16% 40%,rgba(115,18,43,.14),transparent 31%);filter:blur(8px)}.about-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,43,91,.26);background:rgba(255,43,91,.035);color:#ff6686;font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:1.65px;border-radius:999px;padding:7px 11px;margin-bottom:15px}.about-pill span{width:5px;height:5px;border-radius:50%;border:1px solid currentColor;box-shadow:0 0 8px currentColor}.about-hero h1{margin:0 0 13px;font-size:clamp(43px,4.2vw,61px);line-height:1.02;letter-spacing:-2.6px;font-weight:800}.about-hero h1 em{font-style:normal;background:linear-gradient(95deg,#ffbdca 0%,#ff2b5b 92%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 16px rgba(255,43,91,.12))}.about-hero-copy>p{margin:0;max-width:580px;color:#91909f;font-size:13.4px;line-height:1.65}.about-actions{display:flex;gap:12px;margin-top:18px}.about-actions a{min-height:42px;padding:0 21px;font-size:12px;border-radius:8px}.about-actions .btn-primary{box-shadow:0 9px 28px rgba(255,43,91,.18)}
.about-hero-art{position:relative;min-height:300px;isolation:isolate}.about-hero-art img{position:absolute;width:112%;max-width:none;right:-7%;top:3px;height:285px;object-fit:cover;object-position:center;opacity:.88;mix-blend-mode:screen;filter:saturate(.8) contrast(1.12) brightness(.82);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 74%,transparent 100%),linear-gradient(180deg,#000 0%,#000 66%,transparent 100%)}.about-hero-glow{position:absolute;inset:32px 4% 22px 11%;z-index:-1;background:radial-gradient(ellipse at 55% 58%,rgba(255,43,91,.25),transparent 56%);filter:blur(24px)}.about-hero-orbit{position:absolute;width:340px;height:150px;border:1px solid rgba(255,43,91,.07);border-radius:50%;right:9%;bottom:23px;transform:rotate(-4deg);filter:blur(.2px)}
.about-features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 0 22px}.about-feature-card{min-height:90px;display:flex;align-items:flex-start;gap:12px;padding:16px;background:linear-gradient(145deg,rgba(18,9,13,.78),rgba(8,5,7,.62));border:1px solid rgba(255,43,91,.18);border-radius:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.015);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.about-feature-card:hover{transform:translateY(-3px);border-color:rgba(255,43,91,.38);box-shadow:0 14px 34px rgba(0,0,0,.25),0 0 22px rgba(255,43,91,.06)}.about-feature-icon{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,43,91,.30);background:radial-gradient(circle at 35% 30%,rgba(255,43,91,.19),rgba(255,43,91,.04));box-shadow:0 0 20px rgba(255,43,91,.08)}.about-feature-icon svg{width:19px;height:19px;fill:#fff;opacity:.95}.about-feature-card h3{margin:1px 0 4px;color:#f3f3f7;font-size:12px}.about-feature-card p{margin:0;color:#777788;font-size:10.6px;line-height:1.5}
.about-feedback{position:relative;margin-top:5px;padding:22px 0 16px;border-top:1px solid rgba(255,43,91,.07)}.about-feedback::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,43,91,.055),transparent 35%);pointer-events:none}.about-section-heading.centered{text-align:center;position:relative;z-index:1;margin-bottom:12px}.about-section-heading span,.about-eyebrow{display:block;color:#ff416a;font-size:9px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase;margin-bottom:4px}.about-section-heading h2{margin:0;font-size:20px;letter-spacing:.4px;color:#f5f5f8}.about-testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:1}.about-testimonial{min-height:132px;padding:15px 17px 13px;background:linear-gradient(160deg,rgba(17,10,13,.84),rgba(8,5,7,.72));border:1px solid rgba(255,43,91,.17);border-radius:9px;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.about-testimonial:hover{transform:translateY(-2px);border-color:rgba(255,43,91,.34);box-shadow:0 12px 30px rgba(0,0,0,.26)}.about-quote-mark{color:#ff3c65;font-size:28px;line-height:.72;font-weight:900;margin-bottom:4px}.about-testimonial>p{color:#a1a0ad;font-size:11.3px;line-height:1.56;min-height:52px;margin:0 0 11px}.about-testimonial footer{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center}.about-avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#5e172c,#1b0b11);border:1px solid rgba(255,43,91,.24);color:#ff91a7;font-size:9px;font-weight:800}.about-testimonial footer strong{display:block;color:#f2f2f5;font-size:10.4px}.about-testimonial footer small{color:#ff466c;font-size:7.5px;font-weight:800;letter-spacing:.6px}.about-stars{color:#ff315f;font-size:10px;letter-spacing:2px}.about-testimonial-dots{display:flex;justify-content:center;gap:6px;margin-top:9px}.about-testimonial-dots button{width:18px;height:3px;border:0;border-radius:999px;background:rgba(255,255,255,.07);cursor:pointer;transition:.2s ease}.about-testimonial-dots button.active{width:24px;background:#ff315f;box-shadow:0 0 9px rgba(255,49,95,.5)}
.about-story{display:grid;grid-template-columns:1.3fr 1.7fr;gap:20px;margin-top:4px;margin-bottom:12px;padding:18px 20px;border:1px solid rgba(255,43,91,.16);border-radius:9px;background:linear-gradient(140deg,rgba(17,9,12,.72),rgba(8,5,7,.66))}.about-story-copy{padding-right:16px}.about-story-copy h2{margin:0 0 7px;font-size:18px}.about-story-copy p{margin:0 0 7px;color:#858494;font-size:10.5px;line-height:1.48}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch}.about-stats>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:110px;text-align:center;border-left:1px solid rgba(255,43,91,.10)}.about-stat-icon{width:30px;height:30px;margin-bottom:6px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,43,91,.20);background:rgba(255,43,91,.055);color:#ff5779;font-size:7.5px;font-weight:800;letter-spacing:.5px}.about-stats strong{color:#f1f1f5;font-size:24px;line-height:1;letter-spacing:-.6px}.about-stats small{margin-top:4px;color:#8a8998;font-size:9px}
.about-footer{position:relative;z-index:2;margin-top:6px;border-top:1px solid rgba(255,43,91,.08);background:linear-gradient(180deg,rgba(11,6,8,.72),rgba(4,3,4,.96))}.about-footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,.62fr) 1fr;gap:28px;padding:22px 0 19px}.about-footer-logo{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:17px;font-weight:700}.about-footer-logo img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,43,91,.12))}.about-footer-logo b{color:#ff5578;font-weight:700}.about-footer-brand p,.about-footer-help p{color:#737281;font-size:9.6px;line-height:1.52;max-width:230px;margin:9px 0 0}.about-socials{display:flex;gap:7px;margin-top:10px}.about-socials a{width:27px;height:27px;display:grid!important;place-items:center;border-radius:50%;border:1px solid rgba(255,43,91,.14);color:#9998a7!important;background:rgba(255,255,255,.018);margin:0!important;font-size:9px!important;font-weight:800}.about-footer h4{margin:1px 0 10px;color:#ff416a;font-size:8px;letter-spacing:1.2px;text-transform:uppercase}.about-footer-col{display:flex;flex-direction:column;align-items:flex-start}.about-footer a:not(.about-footer-logo){color:#868594;text-decoration:none;font-size:9.5px;margin-bottom:7px;transition:color .18s ease}.about-footer a:not(.about-footer-logo):hover,.about-footer a.current{color:#fff}.about-footer-help{align-self:start;padding:13px;border:1px solid rgba(255,43,91,.16);border-radius:8px;background:rgba(255,255,255,.014)}.about-footer-help h4{color:#eeeef3;font-size:11px;text-transform:none;letter-spacing:0;margin-bottom:2px}.about-footer-help a{width:100%;text-align:center;padding:7px 10px;margin:9px 0 0!important;border:1px solid rgba(255,43,91,.35);border-radius:7px;color:#ff6482!important}.about-footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:10px 0 14px;border-top:1px solid rgba(255,255,255,.035);color:#565562;font-size:8.8px}.about-footer-bottom b{color:#ff315f}.about-product-link{width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px!important;border-radius:10px;margin:0!important;text-decoration:none;color:#fff!important}.about-product-link::after{display:none!important}.about-product-link:hover{background:rgba(255,43,91,.08)}
.reveal-on-scroll{opacity:0;transform:translateY(14px);transition:opacity .65s ease,transform .65s cubic-bezier(.16,1,.3,1)}.reveal-on-scroll.is-visible{opacity:1;transform:none}
@media(max-width:1000px){.about-header{width:min(100% - 30px,1180px)}.about-header .status-badge{display:none}.about-hero{grid-template-columns:1fr;min-height:auto;padding-top:55px}.about-hero-copy{max-width:680px}.about-hero-art{min-height:260px}.about-features{grid-template-columns:repeat(2,1fr)}.about-story{grid-template-columns:1fr}.about-story-copy{padding-right:0}.about-footer-grid{grid-template-columns:1.2fr repeat(3,1fr)}.about-footer-help{grid-column:span 2}}
@media(max-width:760px){.about-wrap{width:min(100% - 28px,1180px)}.about-header{width:100%;padding:13px 14px}.about-header nav{display:none}.about-header .logo-text{font-size:16px}.about-hero{padding-top:42px}.about-hero h1{font-size:46px;letter-spacing:-2px}.about-hero-art{display:none}.about-actions{flex-direction:column}.about-actions a{justify-content:center}.about-features,.about-testimonial-grid{grid-template-columns:1fr}.about-testimonial:not(.is-active){display:none}.about-stats{grid-template-columns:repeat(2,1fr)}.about-stats>div:nth-child(odd){border-left:0}.about-stats>div{border-top:1px solid rgba(255,43,91,.08)}.about-footer-grid{grid-template-columns:1fr 1fr}.about-footer-brand,.about-footer-help{grid-column:1/-1}.about-footer-bottom{flex-direction:column;align-items:flex-start;gap:5px}}


/* V3 unified polish: align About with the Home visual system */
.about-header,
.about-wrap {
  width: min(1280px, calc(100% - 64px));
}
.about-header { min-height: 68px; }
.about-hero {
  grid-template-columns: minmax(0, .95fr) minmax(520px, 1.05fr);
  gap: 56px;
  padding-top: 52px;
}
.about-hero-art {
  min-height: 330px;
  margin-right: -34px;
}
.about-hero-art img {
  width: 120%;
  right: -10%;
  top: -10px;
  height: 330px;
  object-fit: cover;
  opacity: .95;
  mix-blend-mode: screen;
  filter: saturate(.92) contrast(1.14) brightness(.86);
  -webkit-mask-image:
    linear-gradient(90deg, transparent 0%, rgba(0,0,0,.75) 11%, #000 26%, #000 78%, rgba(0,0,0,.66) 91%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #000 9%, #000 71%, rgba(0,0,0,.72) 84%, transparent 100%);
  mask-composite: intersect;
}
.about-hero::before {
  inset: -90px -220px -110px;
  background:
    radial-gradient(circle at 72% 34%, rgba(255,43,91,.18), transparent 24%),
    radial-gradient(circle at 21% 42%, rgba(93,16,38,.18), transparent 34%);
}
.about-hero-glow {
  inset: 30px -2% 8px 5%;
  background: radial-gradient(ellipse at 58% 56%, rgba(255,43,91,.28), transparent 58%);
  filter: blur(34px);
}
.about-hero-orbit { opacity:.28; }

.about-feature-card,
.about-testimonial,
.about-story,
.about-footer-help {
  border-color: rgba(255,43,91,.12);
}

.about-feedback { overflow:hidden; }
.about-feedback .about-wrap {
  width: min(1280px, calc(100% - 64px));
}
.about-section-heading.centered { margin-bottom: 16px; }
.about-testimonial-viewport {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 2px 0 4px;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%);
}
.about-testimonial-track {
  display: flex;
  gap: 14px;
  width: max-content;
  will-change: transform;
  animation: aboutReviewsDrift 42s linear infinite;
}
.about-testimonial-viewport:hover .about-testimonial-track { animation-play-state: paused; }
.about-testimonial {
  flex: 0 0 410px;
  min-height: 138px;
}
@keyframes aboutReviewsDrift {
  from { transform: translateX(-1272px); }
  to { transform: translateX(0); }
}

.about-footer-grid,
.about-footer-bottom {
  width: min(1280px, calc(100% - 64px));
}

@media (prefers-reduced-motion: reduce) {
  .about-testimonial-track { animation: none; }
  .reveal-on-scroll { opacity:1; transform:none; transition:none; }
}

@media (max-width:1000px) {
  .about-header,
  .about-wrap,
  .about-feedback .about-wrap,
  .about-footer-grid,
  .about-footer-bottom { width:min(100% - 36px,1280px); }
  .about-hero { grid-template-columns:1fr; }
  .about-hero-art { margin-right:0; }
}
@media (max-width:760px) {
  .about-header,
  .about-wrap,
  .about-feedback .about-wrap,
  .about-footer-grid,
  .about-footer-bottom { width:min(100% - 28px,1280px); }
  .about-testimonial { flex-basis: min(84vw, 360px); }
  .about-testimonial-track { animation-duration: 34s; }
}


/* V4 — header edge-to-edge + cleanup */
.about-header {
  width: min(1280px, calc(100% - 64px));
  margin: 0 auto;
  padding: 14px 0;
  background: transparent;
  border-bottom: 0;
  position: sticky;
  top: 0;
  isolation: isolate;
}

.about-header::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: rgba(8, 5, 7, 0.88);
  border-bottom: 1px solid rgba(255, 43, 91, 0.12);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.about-header::after {
  display: none !important;
}

/* Kill browser/link underlines in the header, including the logo */
.about-header a,
.about-header .logo-container,
.about-header .logo-text,
.about-header .logo-container:link,
.about-header .logo-container:visited,
.about-header .logo-container:hover,
.about-header .logo-container:active {
  text-decoration: none !important;
  text-decoration-line: none !important;
}

.about-header .logo-text {
  border-bottom: 0 !important;
}

/* Footer support card spacing */
.about-footer-help {
  min-height: 132px;
  padding: 16px 15px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}

.about-footer-help h4 {
  margin: 0 0 7px;
  line-height: 1.25;
}

.about-footer-help p {
  margin: 0;
  min-height: 34px;
  line-height: 1.55;
}

.about-footer-help a {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 13px 0 0 !important;
  padding: 8px 10px;
  line-height: 1.2;
}

/* Keep edge-to-edge header on narrower screens too */
@media (max-width: 1000px) {
  .about-header {
    width: min(100% - 36px, 1280px);
  }
}

@media (max-width: 760px) {
  .about-header {
    width: calc(100% - 28px);
    padding-left: 0;
    padding-right: 0;
  }
}


/* V5 — Header parity with Home: exact same scale and edge spacing */
.about-header {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 18px 50px !important;
  min-height: 0 !important;
  background: rgba(8, 5, 7, 0.7) !important;
  border-bottom: 1px solid rgba(255, 43, 91, 0.12) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  position: sticky !important;
  top: 0;
  z-index: 100;
}
.about-header::before,
.about-header::after {
  display: none !important;
}
.about-header .logo-container {
  gap: 12px !important;
}
.about-header .logo-icon {
  width: 38px !important;
  height: 38px !important;
}
.about-header .logo-text {
  font-size: 21px !important;
  font-weight: 600 !important;
  letter-spacing: -.35px !important;
}
.about-header nav {
  gap: 32px !important;
}
.about-header nav a,
.about-header .nav-dropdown-trigger {
  font-size: 15px !important;
  font-weight: 500 !important;
  padding: 6px 0 !important;
}
.about-header .user-section {
  gap: 16px !important;
}
.about-header .status-badge {
  padding: 6px 14px !important;
  font-size: 13px !important;
}
.about-header .discord-header-button {
  width: 36px !important;
  height: 36px !important;
}
.about-header .header-auth-area {
  min-height: 38px !important;
}
.about-header .header-auth-button {
  font-size: 12.5px !important;
  padding: 9px 14px !important;
  border-radius: 9px !important;
}
.about-header .avatar {
  width: 38px !important;
  height: 38px !important;
}

/* About auth avatar behaves like Home visually but navigates directly to profile */
.about-profile-link {
  display: inline-flex;
  text-decoration: none !important;
}
.about-profile-link .avatar {
  pointer-events: none;
}

@media (max-width: 760px) {
  .about-header {
    padding: 14px 18px !important;
  }
}