@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root {
  --meta-cyan: #00e6ff;
  --meta-cyan-soft: #a9f7ff;
  --meta-purple: #8a2fff;
  --meta-pink: #ff00ea;
  --meta-ink: #06070b;
  --meta-panel: rgba(13, 16, 28, .76);
  --meta-panel-strong: rgba(17, 22, 38, .92);
  --meta-line: rgba(255, 255, 255, .12);
  --meta-muted: #aeb8c6;
  --meta-copy: #d6dbe5;
  --meta-green: #4dffae;
}

* { box-sizing: border-box; }
html {
  scroll-behavior: smooth;
  background: #06070b;
  color-scheme: dark;
  overscroll-behavior-y: none;
}
html, body.meta-page { background-color: #06070b !important; }
body.meta-page {
  min-height: 100vh;
  overflow-x: hidden;
  overscroll-behavior: none;
  color-scheme: dark;
  background-color: #06070b;
  background:
    radial-gradient(circle at 8% 2%, rgba(0, 230, 255, .14), transparent 34rem),
    radial-gradient(circle at 94% 10%, rgba(255, 0, 234, .12), transparent 32rem),
    linear-gradient(180deg, #070912 0%, #06070b 55%, #090a13 100%);
  color: #fff;
  font-family: 'Manrope', 'Exo 2', sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.meta-page::before { display: none; }
.meta-page #neural-bg {
  z-index: 0;
  opacity: .2;
  background: transparent;
  pointer-events: none;
  display: block;
}
.meta-page .fade-in {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
  transition: none;
}
.meta-main, .docs-main { position: relative; z-index: 1; }
.meta-main { width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding-top: 70px; }
.meta-hero {
  display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(360px, .94fr);
  gap: 46px; align-items: center; min-height: 610px; padding: 38px 0 64px;
}
.meta-kicker, .meta-eyebrow, .meta-badge {
  color: var(--meta-cyan); font: 700 .72rem/1.2 'Space Grotesk', 'Orbitron', sans-serif;
  letter-spacing: 2px; text-transform: uppercase;
}
.meta-kicker::before { content: ''; display: inline-block; width: 42px; height: 1px; margin: 0 12px 4px 0; background: var(--meta-cyan); box-shadow: 0 0 12px var(--meta-cyan); }
.meta-hero h1 { max-width: 820px; margin: 20px 0; font: 700 clamp(2.8rem, 7vw, 6.3rem)/1.02 'Space Grotesk', 'Orbitron', sans-serif; letter-spacing: -2.5px; }
.meta-gradient { color: transparent; background: linear-gradient(100deg, var(--meta-cyan), #fff 42%, var(--meta-pink)); -webkit-background-clip: text; background-clip: text; }
.meta-hero-copy { max-width: 650px; color: var(--meta-copy); font-size: clamp(1.05rem, 2vw, 1.22rem); line-height: 1.8; }
.meta-hero-note { max-width: 610px; margin: 17px 0 0; color: #9eabbc; font-size: .95rem; line-height: 1.7; }
.meta-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.meta-button {
  display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 21px;
  border: 1px solid rgba(0, 230, 255, .55); border-radius: 999px;
  color: #fff; background: linear-gradient(105deg, rgba(0, 230, 255, .18), rgba(138, 47, 255, .24));
  font: 700 .72rem/1 'Orbitron', sans-serif; letter-spacing: .8px; text-decoration: none; text-transform: uppercase;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
}
.meta-button:hover, .meta-button:focus-visible { border-color: var(--meta-cyan); background: linear-gradient(105deg, rgba(0, 230, 255, .28), rgba(138, 47, 255, .3)); box-shadow: 0 0 28px rgba(0, 230, 255, .28); transform: translateY(-3px); }
.meta-button.secondary { border-color: var(--meta-line); background: rgba(255, 255, 255, .04); color: var(--meta-copy); }
.meta-button:disabled { cursor: wait; opacity: .6; transform: none; }
.meta-signup-status { margin: 14px 0 0; color: #9fb0c4; font-size: .86rem; line-height: 1.5; }
.meta-signup-status[data-state="success"] { color: #75ffc0; }
.meta-signup-status[data-state="cancelled"] { color: #ffd98a; }
.meta-signup-status[data-state="error"] { color: #ff9caa; }
.meta-orbit { position: relative; display: grid; place-items: center; min-height: 420px; isolation: isolate; }
.meta-orbit::before, .meta-orbit::after { content: ''; position: absolute; border: 1px solid rgba(0, 230, 255, .3); border-radius: 50%; transform: rotate(-25deg); animation: orbit 16s linear infinite; }
.meta-orbit::before { width: min(390px, 90%); height: 190px; }
.meta-orbit::after { width: min(500px, 112%); height: 270px; border-color: rgba(255, 0, 234, .2); transform: rotate(35deg); animation-direction: reverse; animation-duration: 21s; }
.meta-orbit-core { width: 184px; height: 184px; display: grid; place-items: center; z-index: 1; border: 1px solid var(--meta-cyan); border-radius: 50%; background: radial-gradient(circle, rgba(0, 230, 255, .2), rgba(7, 9, 17, .94) 66%); box-shadow: 0 0 48px rgba(0, 230, 255, .28), inset 0 0 34px rgba(255, 0, 234, .13); font: 700 1.35rem/1.4 'Orbitron', sans-serif; letter-spacing: 2px; text-align: center; }
.meta-orbit-labels { position: absolute; inset: 0; z-index: 2; perspective: 700px; }
.meta-orbit-label { position: absolute; padding: 10px 14px; border: 1px solid rgba(0, 230, 255, .28); border-radius: 999px; background: linear-gradient(135deg, rgba(22, 35, 58, .9), rgba(54, 19, 68, .78)); color: #f3f8ff; font-size: .73rem; font-weight: 700; letter-spacing: .9px; text-transform: uppercase; box-shadow: 0 12px 30px rgba(0,0,0,.28), inset 0 0 18px rgba(0,230,255,.08), 0 0 18px rgba(138,47,255,.12); backdrop-filter: blur(12px); will-change: transform; }
.meta-orbit-label:nth-child(1) { top: calc(50% - 192px); left: 50%; transform: translateX(-50%); animation: label-float-top 7s ease-in-out infinite; } .meta-orbit-label:nth-child(2) { top: 50%; right: calc(50% - 210px); transform: translateY(-50%); animation: label-float-right 8s ease-in-out infinite; } .meta-orbit-label:nth-child(3) { bottom: calc(50% - 192px); left: 50%; transform: translateX(-50%); animation: label-float-bottom 7.5s ease-in-out infinite; } .meta-orbit-label:nth-child(4) { top: 50%; left: calc(50% - 210px); transform: translateY(-50%); animation: label-float-left 8.5s ease-in-out infinite; }
.meta-trust-banner, .meta-explain, .meta-onboarding, .meta-support { border: 1px solid rgba(77, 255, 174, .3); border-radius: 18px; background: linear-gradient(120deg, rgba(77, 255, 174, .1), rgba(0, 230, 255, .045)); }
.meta-trust-banner { display: grid; grid-template-columns: auto 1fr auto; gap: 16px; align-items: center; padding: 18px 22px; }
.meta-trust-mark { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid var(--meta-green); border-radius: 50%; color: var(--meta-green); font-size: 1.15rem; font-weight: 800; box-shadow: 0 0 16px rgba(77,255,174,.28), inset 0 0 12px rgba(77,255,174,.12); }
.meta-trust-banner strong { display: block; color: #c4ffe3; font-family: 'Orbitron', sans-serif; font-size: .88rem; }
.meta-trust-banner p { margin: 5px 0 0; color: #c9d4d0; font-size: .9rem; line-height: 1.55; }
.meta-trust-banner .meta-badge { color: var(--meta-green); white-space: nowrap; }
.meta-section { padding: 76px 0; scroll-margin-top: 88px; }
.meta-section-heading { max-width: 740px; margin-bottom: 30px; }
.meta-section-heading h2, .meta-explain h2, .meta-onboarding h2, .meta-support h2 { margin: 10px 0 12px; font: 700 clamp(1.75rem, 4vw, 3rem)/1.16 'Space Grotesk', 'Orbitron', sans-serif; letter-spacing: -.5px; }
.meta-section-heading p, .meta-card p, .meta-note { color: var(--meta-muted); line-height: 1.7; }
.meta-grid, .meta-resource-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.meta-card, .meta-resource-card { position: relative; isolation: isolate; overflow: hidden; border: 1px solid var(--meta-line); border-radius: 16px; background: linear-gradient(145deg, rgba(23, 29, 48, .9), rgba(8, 11, 20, .82)); backdrop-filter: blur(14px); }
.meta-card::before, .meta-resource-card::before { content: ''; position: absolute; inset: 0; z-index: -2; background: radial-gradient(circle at 100% 0, var(--card-glow, rgba(0, 230, 255, .16)), transparent 48%), linear-gradient(135deg, rgba(255,255,255,.08), transparent 42%); opacity: .9; pointer-events: none; }
.meta-card::after, .meta-resource-card::after { content: ''; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 22px 22px; mask-image: linear-gradient(135deg, rgba(0,0,0,.6), transparent 72%); opacity: .32; pointer-events: none; }
.meta-card { min-height: 190px; padding: 25px; transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease, background .3s ease; }
.meta-card:nth-child(3n+2), .meta-resource-card:nth-child(3n+2) { --card-glow: rgba(138, 47, 255, .2); }
.meta-card:nth-child(3n), .meta-resource-card:nth-child(3n) { --card-glow: rgba(255, 0, 234, .16); }
.meta-card > :first-child, .meta-resource-card > :first-child { position: relative; z-index: 1; }
.meta-card:hover, .meta-card:focus-within { transform: translateY(-7px); border-color: rgba(0, 230, 255, .62); box-shadow: 0 22px 48px rgba(0, 0, 0, .34), 0 0 28px var(--card-glow, rgba(0, 230, 255, .16)); }
.meta-card h3 { margin: 13px 0 9px; color: #fff; font: 700 1rem/1.35 'Space Grotesk', 'Orbitron', sans-serif; }
.meta-icon { display: inline-grid; min-width: 52px; min-height: 32px; place-items: center; padding: 0 11px; border: 1px solid rgba(0, 230, 255, .36); border-radius: 999px; color: var(--meta-cyan); background: linear-gradient(110deg, rgba(0,230,255,.12), rgba(138,47,255,.12)); box-shadow: inset 0 0 14px rgba(0, 230, 255, .08), 0 0 16px rgba(0,230,255,.08); font: 700 .7rem 'Orbitron', sans-serif; letter-spacing: .5px; }
.meta-status { display: inline-flex; align-items: center; gap: 7px; color: #b8ffdd; font-size: .7rem; letter-spacing: 1px; text-transform: uppercase; }
.meta-status::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--meta-green); box-shadow: 0 0 9px var(--meta-green); animation: status-pulse 1.8s ease-in-out infinite; }
.meta-capability-list { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; }
.meta-capability-list li { padding: 8px 11px; border: 1px solid rgba(0, 230, 255, .2); border-radius: 999px; color: #dce8f5; background: rgba(10, 23, 39, .62); box-shadow: inset 0 0 12px rgba(0,230,255,.05); font-size: .78rem; }
.meta-resource-card { display: block; min-height: 165px; padding: 22px; color: #fff; text-decoration: none; transition: transform .3s ease, border-color .3s ease, background .3s ease, box-shadow .3s ease; }
.meta-resource-card:hover, .meta-resource-card:focus-visible { transform: translateY(-6px); border-color: rgba(0,230,255,.62); background: rgba(0,230,255,.08); box-shadow: 0 20px 42px rgba(0,0,0,.3), 0 0 25px var(--card-glow, rgba(0,230,255,.14)); }
.meta-resource-card strong { display: block; margin: 12px 0 8px; font: 700 .95rem 'Space Grotesk', 'Orbitron', sans-serif; }
.meta-resource-card span:last-child { color: var(--meta-muted); font-size: .88rem; line-height: 1.55; }
.meta-explain, .meta-onboarding, .meta-support { padding: 36px; border-color: rgba(255,255,255,.12); background: linear-gradient(120deg, rgba(0,230,255,.08), rgba(255,0,234,.05)); }
.meta-explain p, .meta-onboarding p, .meta-support p { color: var(--meta-copy); line-height: 1.75; }
.meta-flow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 26px; }
.meta-flow span { padding: 16px; border-left: 2px solid var(--meta-cyan); background: rgba(0,0,0,.24); color: #edf4fb; font-size: .86rem; line-height: 1.5; }
.meta-onboarding { display: grid; grid-template-columns: 1fr auto; gap: 26px; align-items: center; }
.meta-onboarding small { display: block; max-width: 650px; margin-top: 12px; color: #8492a4; line-height: 1.55; }
.meta-proof-card { min-height: 300px; }
.proof-placeholder { display: grid; width: 100%; aspect-ratio: 1 / 1; min-height: 0; place-items: center; margin-bottom: 18px; border: 1px dashed rgba(0,230,255,.44); border-radius: 14px; background: repeating-linear-gradient(135deg, rgba(255,255,255,.04) 0 1px, transparent 1px 10px), linear-gradient(145deg, rgba(0,230,255,.08), rgba(138,47,255,.08)); color: #a8d9e0; font-size: .72rem; letter-spacing: 1px; text-align: center; text-transform: uppercase; overflow: hidden; }
.proof-image { display: block; position: relative; cursor: zoom-in; }
.proof-image img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; background: rgba(0,0,0,.28); }
.proof-lightbox { position: fixed; inset: 0; z-index: 3000; display: grid; place-items: center; padding: 28px; background: rgba(2, 5, 12, .88); backdrop-filter: blur(10px); opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s ease; }
.proof-lightbox.active { opacity: 1; visibility: visible; }
.proof-lightbox figure { position: relative; max-width: 94vw; max-height: 92vh; margin: 0; }
.proof-lightbox img { display: block; max-width: 94vw; max-height: 92vh; width: auto; height: auto; border: 1px solid rgba(0,230,255,.5); border-radius: 12px; background: #050914; box-shadow: 0 24px 80px rgba(0,0,0,.65), 0 0 35px rgba(0,230,255,.16); }
.proof-lightbox figcaption { margin-top: 10px; color: #b8c9dc; font-size: .78rem; text-align: center; }
body.proof-lightbox-open { overflow: hidden; }
.meta-proof-link { display: inline-block; margin-top: 15px; color: var(--meta-cyan); font-size: .82rem; text-decoration: none; }
.meta-proof-link:hover, .meta-proof-link:focus-visible { text-decoration: underline; }
.meta-footer { position: relative; z-index: 1; margin-top: 50px; padding: 12px 10px; border-top: 1px solid rgba(255,255,255,.1); color: #777; text-align: center; font: .8rem 'Exo 2', sans-serif; }
.meta-footer a { color: var(--meta-cyan); text-decoration: none; }
.meta-page #navbar { position: fixed; inset: 0 0 auto; z-index: 1000; height: 60px; padding: 0; background: rgba(0,0,0,.78); border-bottom: 1px solid rgba(255,255,255,.1); backdrop-filter: blur(12px); }
.meta-page #navbar .nav-container { width: min(1180px, 100%); height: 100%; padding: 0; }
.meta-page #navbar .logo-container { display: flex; width: auto; height: 60px; align-items: center; gap: 10px; flex-shrink: 0; }
.meta-page #navbar .logo-img { display: block; width: 40px !important; height: 40px !important; min-width: 40px; border-radius: 50%; object-fit: cover; }
.meta-page #navbar .logo-text { display: block; white-space: nowrap; font-size: 1.05rem; }
.meta-page #navbar .desktop-menu { display: flex; align-items: center; height: 100%; flex-grow: 1; justify-content: flex-end; }
.meta-page #navbar .desktop-menu::before, .meta-page #navbar .desktop-menu::after { content: ''; display: block; width: 60px; height: 2px; margin: 0 15px; background: linear-gradient(90deg, transparent, #00e6ff); opacity: .8; box-shadow: 0 0 8px rgba(0,230,255,.35); }
.meta-page #navbar .desktop-menu::after { background: linear-gradient(90deg, #00e6ff, transparent); }
.meta-page #navbar .desktop-menu ul { gap: 20px; }
.meta-page #navbar .desktop-menu ul li a { font: 500 .95rem 'Exo 2', sans-serif; letter-spacing: .5px; }
.meta-page #navbar .desktop-menu ul a:hover, .meta-page #navbar .desktop-menu ul a.active { color: #ff00ea; text-shadow: 0 0 8px rgba(255,0,234,.5); }
.meta-nav-docs { display: inline-flex; align-items: center; gap: 7px; margin-left: 18px; padding: 8px 13px; border: 1px solid rgba(0,230,255,.45); border-radius: 999px; color: var(--meta-cyan-soft); background: linear-gradient(105deg, rgba(0,230,255,.1), rgba(138,47,255,.16)); font: 700 .7rem 'Orbitron', sans-serif; letter-spacing: .5px; text-decoration: none; white-space: nowrap; transition: .25s ease; }
.meta-nav-docs:hover, .meta-nav-docs:focus-visible { border-color: var(--meta-cyan); color: #fff; box-shadow: 0 0 18px rgba(0,230,255,.22); transform: translateY(-1px); }
.meta-page #floating-toggle { display: none; position: fixed; top: 15px; right: 20px; width: 45px; height: 45px; z-index: 2147483000; cursor: pointer; border: 0; border-radius: 5px; background: rgba(0,0,0,.2); -webkit-tap-highlight-color: transparent; }
.meta-page #floating-toggle span { display: block; position: relative; top: 8px; width: 25px; height: 3px; margin: 6px auto; border-radius: 2px; background: #fff; box-shadow: none; pointer-events: none; transition: .3s; }
.meta-page #floating-toggle.active span:nth-child(1) { transform: translateY(9px) rotate(45deg); background: #ff00ea; }
.meta-page #floating-toggle.active span:nth-child(2) { opacity: 0; }
.meta-page #floating-toggle.active span:nth-child(3) { transform: translateY(-9px) rotate(-45deg); background: #ff00ea; }
.meta-page #floating-toggle:hover, .meta-page #floating-toggle:focus-visible { border-color: var(--meta-cyan); box-shadow: 0 0 18px rgba(0,230,255,.2); outline: none; }
.meta-page #mobile-drawer { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 2147482999; display: flex; flex-direction: column; align-items: center; padding-top: 80px; background: rgba(0,0,0,.85); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); opacity: 0; pointer-events: none; transform: translateY(-20px); transition: opacity .3s ease, transform .3s ease; }
.meta-page #mobile-drawer.active { opacity: 1; pointer-events: auto; transform: translateY(0); }
.meta-page #mobile-drawer ul { width: 100%; margin: 0; padding: 0; list-style: none; text-align: center; }
.meta-page #mobile-drawer li { width: 100%; border-bottom: 1px solid rgba(255,255,255,.1); }
.meta-page #mobile-drawer li a { display: block; padding: 20px; color: #fff; font: 1.1rem 'Exo 2', sans-serif; text-decoration: none; text-transform: uppercase; text-shadow: 0 0 5px rgba(0,0,0,.5); }
.meta-page #mobile-drawer li a:hover, .meta-page #mobile-drawer li a:focus-visible { color: #ff00ea; background: rgba(255,0,234,.1); outline: none; }
.meta-page #mobile-drawer .meta-menu-close { display: inline-flex; align-items: center; justify-content: center; width: min(220px, 80%); margin: 0 auto 22px; padding: 13px 20px; border: 1px solid rgba(255,0,234,.5); border-radius: 999px; color: #fff; background: rgba(255,0,234,.1); font: 700 .78rem 'Orbitron', sans-serif; letter-spacing: .8px; cursor: pointer; }
.meta-page #mobile-drawer .meta-menu-close:hover, .meta-page #mobile-drawer .meta-menu-close:focus-visible { border-color: #ff00ea; background: rgba(255,0,234,.2); box-shadow: 0 0 20px rgba(255,0,234,.25); outline: none; }
@keyframes orbit { to { transform: rotate(335deg); } }
@keyframes label-float-top { 0%, 100% { transform: translateX(-50%) translate3d(0, 0, 0) scale(1); } 50% { transform: translateX(-50%) translate3d(9px, -8px, 28px) scale(1.04); } }
@keyframes label-float-right { 0%, 100% { transform: translateY(-50%) translate3d(0, 0, 0) scale(1); } 50% { transform: translateY(-50%) translate3d(10px, 9px, 24px) scale(1.03); } }
@keyframes label-float-bottom { 0%, 100% { transform: translateX(-50%) translate3d(0, 0, 0) scale(1); } 50% { transform: translateX(-50%) translate3d(-8px, 8px, 20px) scale(.97); } }
@keyframes label-float-left { 0%, 100% { transform: translateY(-50%) translate3d(0, 0, 0) scale(1); } 50% { transform: translateY(-50%) translate3d(-10px, -7px, 26px) scale(1.03); } }
@keyframes status-pulse { 0%, 100% { opacity: .72; transform: scale(.86); box-shadow: 0 0 7px var(--meta-green); } 50% { opacity: 1; transform: scale(1.15); box-shadow: 0 0 15px var(--meta-green), 0 0 24px rgba(77,255,174,.35); } }
@media (max-width: 850px) {
  .meta-page #navbar .desktop-menu { display: none !important; }
  .meta-page #floating-toggle { display: block !important; position: fixed !important; right: 6px !important; top: 11px !important; z-index: 1200 !important; visibility: visible !important; opacity: 1 !important; }
  .meta-page #navbar .nav-container { padding: 0 20px; }
  .meta-hero { grid-template-columns: 1fr; min-height: auto; padding-top: 35px; }
  .meta-orbit { min-height: 330px; } .meta-grid, .meta-resource-grid { grid-template-columns: repeat(2, 1fr); }
  .meta-trust-banner { grid-template-columns: auto 1fr; } .meta-trust-banner .meta-badge { grid-column: 2; }
  .meta-onboarding { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .meta-main { width: min(100% - 28px, 1180px); padding-top: 68px; }
  .meta-hero h1 { letter-spacing: -1.3px; } .meta-grid, .meta-flow, .meta-resource-grid { grid-template-columns: 1fr; }
  .meta-section { padding: 52px 0; } .meta-explain, .meta-onboarding, .meta-support { padding: 23px; }
  .meta-orbit::before { width: 260px; height: 130px; } .meta-orbit::after { width: 310px; height: 175px; }
  .meta-orbit-label:nth-child(1) { top: calc(50% - 158px); } .meta-orbit-label:nth-child(2) { right: calc(50% - 160px); } .meta-orbit-label:nth-child(3) { bottom: calc(50% - 158px); } .meta-orbit-label:nth-child(4) { left: calc(50% - 190px); }
  .meta-orbit-label { font-size: .63rem; } .meta-trust-banner { grid-template-columns: auto 1fr; padding: 16px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }