@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#f7f3ff;background-color:#170a2c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink: #f7f3ff;--muted: #d4c9ee;--surface: rgba(33, 13, 64, .7);--surface-strong: rgba(54, 18, 95, .85);--accent: #49d1ff;--accent-bright: #ff7ad9;--outline: rgba(255, 255, 255, .18)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#120724;color:var(--ink)}body:before{content:"";position:fixed;inset:0;background:url(/dataset/SubQLogo.PNG) center/cover no-repeat;filter:blur(50px);opacity:.35;pointer-events:none;z-index:0}#root{min-height:100vh;position:relative;z-index:1}.app{min-height:100vh;display:flex;flex-direction:column}.page{flex:1;padding:2.5rem 1.5rem 3.5rem;max-width:1100px;width:100%;margin:0 auto}h1,h2{font-family:Fraunces,serif;margin:0 0 .75rem}h1{font-size:clamp(2.6rem,3.3vw + 1.6rem,4rem);line-height:1.05}h2{font-size:clamp(1.4rem,1.2vw + 1rem,2rem)}p{margin:0}a{color:inherit;text-decoration:none}.nav{position:sticky;top:0;z-index:20;background:#170a2cc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--outline)}.home{display:grid;gap:2.5rem}.promo-bar{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;margin:-2.5rem -1.5rem 0;background:linear-gradient(90deg,#2d0b5c,#3a0f6f);color:#f6eeff;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.nav__bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;max-width:1100px;margin:0 auto}.nav__brand{font-weight:700;letter-spacing:.28em;text-transform:uppercase}.nav__toggle{display:none;align-items:center;gap:.5rem;border:1px solid var(--outline);border-radius:999px;background:#261046e6;padding:.4rem .8rem;font-size:.9rem;cursor:pointer;color:var(--ink)}.nav__toggle-icon{width:18px;height:2px;background:var(--ink);position:relative;display:inline-block}.nav__toggle-icon:before,.nav__toggle-icon:after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--ink)}.nav__toggle-icon:before{top:-6px}.nav__toggle-icon:after{top:6px}.nav__links{display:flex;gap:1rem;align-items:center;max-width:1100px;margin:0 auto .75rem;padding:0 1.5rem .75rem}.nav__link{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem .45rem .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.22);font-weight:600;background:#261046d9;transition:border-color .2s ease,transform .2s ease}.nav__link:hover{transform:translateY(-1px);border-color:#6382b366}.nav__link--active{background:linear-gradient(135deg,#49d1ff59,#ff7ad959);border-color:#ffffff73}.nav__link-icon{width:28px;height:28px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:#190a32e6;border:1px solid rgba(255,255,255,.25)}.nav__link-icon img{width:100%;height:100%;object-fit:cover}.hero{position:relative;display:grid;gap:2rem;align-items:stretch;padding:2.5rem 0;background:transparent;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;inset:-20% 0 0;background:radial-gradient(circle,rgba(73,209,255,.2),transparent 55%);opacity:.5;animation:pulse 12s ease-in-out infinite;z-index:0}.hero:after{background:radial-gradient(circle at 70% 30%,rgba(255,122,217,.25),transparent 60%);animation-delay:4s}.hero--onyx:before,.hero--onyx:after{opacity:.65}.hero--onyx{box-shadow:none}@keyframes pulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.hero__content,.hero__card{position:relative;z-index:1}.hero__content{display:grid;gap:1.2rem;align-content:start}.hero__content--centered{justify-items:center;text-align:center}.hero__logo{width:180px;height:180px;border-radius:50%;background:url(/dataset/SubQLogo.PNG) center/cover no-repeat;border:2px solid rgba(255,255,255,.35);box-shadow:0 18px 30px #0a041c66}.hero__shell{position:relative;z-index:1;padding:2.5rem 0 3rem;border-radius:0;background:transparent;border:none;box-shadow:none}.hero__topline{text-transform:uppercase;letter-spacing:.28em;font-size:.65rem;color:var(--muted);margin-bottom:1.8rem;text-align:center}.hero__grid{display:grid;gap:2rem}.hero__eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:.7rem;color:var(--muted);font-weight:600}.hero__headline{font-family:Space Grotesk,sans-serif;font-size:clamp(2.8rem,4vw + 1rem,4.6rem);letter-spacing:.08em;text-transform:uppercase;margin:0}.hero__letter{display:inline-block;opacity:0;transform:translateY(16px) scale(.9);animation:slam-in .4s ease forwards}@keyframes slam-in{0%{opacity:0;transform:translateY(16px) scale(.9)}65%{opacity:1;transform:translateY(-2px) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1)}}.hero__lede{font-size:1.08rem;color:var(--muted);max-width:42ch}.hero__subhead{font-weight:600;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:var(--accent-bright)}.hero__actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:center}.status-pill{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;color:var(--muted)}.status-dot{width:10px;height:10px;border-radius:50%;background:#54ff8a;box-shadow:0 0 12px #54ff8acc;animation:status-blink 1.4s ease-in-out infinite}@keyframes status-blink{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.hero__cta-note{font-weight:700;color:var(--ink);letter-spacing:.02em}.hero__note{font-size:.85rem;color:var(--muted);max-width:54ch}.hero__visual{position:relative;min-height:320px;display:grid;place-items:center}.hero__visual-ring{position:absolute;width:min(320px,80%);aspect-ratio:1 / 1;border-radius:50%;background:radial-gradient(circle,rgba(73,209,255,.35),transparent 70%);filter:blur(2px)}.hero__visual-card{position:relative;padding:0;border-radius:0;background:transparent;border:none;display:grid;gap:1.2rem;width:min(320px,85%);-webkit-backdrop-filter:none;backdrop-filter:none}.hero__visual-logo{height:140px;border-radius:0;background:url(/dataset/SubQLogo.PNG) center/cover no-repeat;border:none}.hero__visual-copy p{margin:0 0 .3rem;font-weight:600}.hero__visual-copy span{color:var(--muted);font-size:.9rem}.hero__visual-pill{position:absolute;bottom:8%;right:12%;padding:.45rem 1rem;border-radius:999px;background:linear-gradient(135deg,#49d1ff99,#ff7ad999);color:#140a24;font-weight:700;font-size:.85rem;box-shadow:none}.button{border:1px solid transparent;border-radius:999px;padding:.75rem 1.6rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.button--primary{background:linear-gradient(135deg,#49d1ff,#ff7ad9);color:#120a22;border:1px solid rgba(255,255,255,.35);box-shadow:0 12px 24px #16082873}.button--primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px #1608288c}.button--ghost{background:#200c40e6;border-color:#ffffff40;color:#f7f3ff}.button--ghost:hover{transform:translateY(-1px);box-shadow:0 10px 18px #050a1459}.pricing{display:grid;gap:2rem}.pricing__header{display:grid;gap:.8rem}.pricing__grid{display:grid;gap:1.5rem}.pricing__group{background:transparent;border-radius:0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);padding:1.6rem 0;display:grid;gap:1rem}.pricing__buttons{display:grid;gap:.9rem}.pricing__subtitle{margin-top:1.5rem}.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center}.modal__backdrop{position:absolute;inset:0;background:#0a0418bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal__card{position:relative;z-index:1;width:min(420px,90%);padding:2rem;background:#240e46e6;border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 60px #0a041873;text-align:center;display:grid;gap:1rem}.modal__form{display:grid;gap:.8rem}.modal__input{width:100%;padding:.75rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#0c0618b3;color:#fff;font-size:1rem;text-align:center}.modal__input::placeholder{color:#fff9}.hero__divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.2rem;padding:2rem 0 0}.hero__divider-line{height:1px;background:#fff3}.hero__divider-text{font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.category{display:grid;gap:1rem;padding:2rem 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.category__actions{display:flex;flex-wrap:wrap;gap:.8rem}.category__notice{padding:1rem 1.2rem;background:#240e468c;border:1px solid rgba(255,255,255,.12);color:var(--muted)}.menu-table{display:grid;gap:.6rem;margin-top:1.2rem}.menu-table__header,.menu-table__row{display:grid;grid-template-columns:minmax(140px,1.4fr) minmax(140px,1fr) minmax(90px,.6fr);gap:1rem;align-items:center}.menu-table__header{text-transform:uppercase;letter-spacing:.18em;font-size:.65rem;color:var(--muted);padding-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.2)}.menu-table__row{padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.08);font-weight:500}.menu-table__row span:last-child{justify-self:end;color:transparent;background-image:linear-gradient(120deg,#ffd87a,#fff4c2 35%,#ffb347 65%,#ffe7a1);background-clip:text;-webkit-background-clip:text;text-shadow:0 0 12px rgba(255,200,90,.35);font-weight:700}.menu-section{display:grid;gap:1rem;margin-top:1.5rem}.menu-section h2{margin-bottom:.2rem}@media(max-width:720px){.menu-table__header{display:none}.menu-table__row{grid-template-columns:1fr;gap:.3rem;padding:.8rem 0}.menu-table__row span:last-child{justify-self:start;color:var(--muted)}}@media(min-width:900px){.hero{grid-template-columns:1.1fr .9fr}.hero__grid{grid-template-columns:1.1fr .9fr;align-items:center}.pricing__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav__links{margin-bottom:0;padding-bottom:1rem}}@media(max-width:720px){.nav__toggle{display:inline-flex}.nav__links{flex-direction:column;align-items:flex-start;gap:.6rem;max-height:0;overflow:hidden;padding-bottom:0;transition:max-height .2s ease}.nav__links--open{max-height:200px;padding-bottom:1rem}.page{padding:2rem 1.25rem 3rem}.hero{padding:2rem 0}.promo-bar{margin:-2rem -1.25rem 0;padding:.75rem 1rem}}