:root {
  --bg: #05040a;
  --bg-soft: #090712;
  --panel: #0d0b16;
  --panel-2: #131020;
  --panel-3: #19152a;
  --line: rgba(200, 184, 255, .12);
  --line-strong: rgba(200, 184, 255, .22);
  --text: #f7f4ff;
  --muted: #a39bb5;
  --dim: #746c87;
  --violet: #8b5cf6;
  --violet-bright: #b794ff;
  --magenta: #d946ef;
  --green: #45dfaa;
  --red: #ff6b81;
  --amber: #ffc857;
  --shadow: 0 30px 90px rgba(0, 0, 0, .45);
}

* { box-sizing: border-box; }
html { background: var(--bg); color-scheme: dark; scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 75% 0%, rgba(139, 92, 246, .09), transparent 29rem),
    var(--bg);
  color: var(--text);
  font: 16px/1.55 Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
p { color: var(--muted); }
.hidden { display: none !important; }
.shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.eyebrow {
  margin: 0;
  color: var(--violet-bright);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .18em;
}
.violet { color: var(--violet-bright); }

.brand-logo {
  width: 34px;
  height: 34px;
  flex: none;
  display: block;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 9px;
  object-fit: cover;
  box-shadow: 0 0 20px rgba(139, 92, 246, .22);
}
.brand-logo.small { width: 27px; height: 27px; border-radius: 7px; }
.gem-mini {
  width: 9px;
  height: 9px;
  display: inline-block;
  margin-right: 9px;
  background: var(--violet-bright);
  transform: rotate(45deg);
  box-shadow: 0 0 13px rgba(183, 148, 255, .75);
}

.button {
  min-height: 43px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 10px 19px;
  color: #fff;
  background: transparent;
  font-weight: 750;
  font-size: .9rem;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.button:hover { transform: translateY(-2px); }
.button.primary {
  background: linear-gradient(135deg, #9d6cff, #7136e7);
  border-color: rgba(255, 255, 255, .13);
  box-shadow: 0 12px 34px rgba(113, 54, 231, .27);
}
.button.primary:hover { box-shadow: 0 15px 42px rgba(139, 92, 246, .38); }
.button.ghost { border-color: var(--line-strong); background: rgba(255, 255, 255, .025); color: #ded8ea; }
.button.ghost:hover { background: rgba(139, 92, 246, .1); border-color: rgba(183, 148, 255, .42); }
.button.wide { width: 100%; }
.button.tiny { min-height: 34px; padding: 6px 12px; font-size: .78rem; }
.button:disabled { opacity: .42; cursor: not-allowed; transform: none; box-shadow: none; }

.toast {
  position: fixed;
  z-index: 100;
  right: 24px;
  bottom: 24px;
  max-width: min(380px, calc(100vw - 32px));
  padding: 13px 17px;
  border: 1px solid var(--line-strong);
  border-radius: 12px;
  background: rgba(19, 16, 32, .96);
  box-shadow: var(--shadow);
  color: var(--text);
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
  transition: .22s ease;
}
.toast.show { opacity: 1; transform: none; }

/* Public website */
.site-view { min-height: 100vh; }
.site-header {
  position: sticky;
  top: 0;
  z-index: 40;
  height: 72px;
  border-bottom: 1px solid rgba(255, 255, 255, .055);
  background: rgba(5, 4, 10, .76);
  backdrop-filter: blur(18px);
}
.site-nav { height: 100%; display: flex; align-items: center; gap: 36px; }
.site-brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 820; letter-spacing: -.025em; white-space: nowrap; }
.public-nav { margin-left: 22px; display: flex; align-items: center; gap: 7px; }
.public-nav a { padding: 8px 13px; border-radius: 999px; color: #938aa5; font-size: .86rem; font-weight: 650; transition: .2s ease; }
.public-nav a:hover, .public-nav a.active { color: #fff; background: rgba(255, 255, 255, .045); }
.nav-actions { margin-left: auto; display: flex; align-items: center; gap: 12px; }
.dashboard-link {
  min-width: 132px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 9px 17px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 999px;
  background: #eee9f7;
  color: #17121f;
  font-size: .82rem;
  font-weight: 800;
  transition: .2s ease;
}
.dashboard-link:hover { background: #fff; transform: translateY(-1px); }
.menu-button {
  display: none;
  width: 42px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--panel);
  color: #fff;
}

.hero {
  position: relative;
  min-height: 730px;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  align-items: center;
  gap: 60px;
  padding-block: 70px 92px;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 8% -22% auto 45%;
  height: 590px;
  background: radial-gradient(circle at center, rgba(139, 92, 246, .31), rgba(73, 27, 137, .12) 39%, transparent 70%);
  filter: blur(14px);
  pointer-events: none;
}
.trust-chip {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 28px;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: #a99fb9;
  background: rgba(255, 255, 255, .025);
  font-size: .76rem;
  font-weight: 650;
}
.pulse-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px rgba(69, 223, 170, .8); }
.hero-kicker { margin: 0 0 18px; color: #dcd3e9; font-size: .79rem; font-weight: 800; letter-spacing: .14em; }
.hero h1, .page-hero h1 {
  margin: 0;
  font-size: clamp(4rem, 7.4vw, 7.3rem);
  line-height: .88;
  letter-spacing: -.075em;
  font-weight: 770;
}
.hero h1.promo-heading {
  font-size: clamp(3.4rem, 4.8vw, 5.1rem);
  line-height: .92;
  letter-spacing: -.068em;
}
.hero h1 span, .page-hero h1 span {
  color: transparent;
  background: linear-gradient(100deg, #d7c3ff 0%, #a874ff 38%, #6734d5 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.hero-lead { max-width: 590px; margin: 27px 0 0; color: #aaa1b9; font-size: 1.05rem; line-height: 1.75; }
.hero-actions { display: flex; gap: 11px; margin-top: 32px; }
.hero-meta { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 28px; color: #716a80; font-size: .74rem; font-weight: 650; }
.hero-meta span::first-letter { color: var(--violet-bright); }

.hero-stage { position: relative; min-height: 560px; display: grid; place-items: center; perspective: 1100px; }
.hero-stage::before {
  content: "";
  position: absolute;
  width: 75%;
  height: 62%;
  border: 1px solid rgba(183, 148, 255, .2);
  border-radius: 50%;
  filter: blur(.2px);
  transform: rotate(-11deg);
}
.orbit { position: absolute; border: 1px solid rgba(183, 148, 255, .12); border-radius: 50%; }
.orbit-one { width: 92%; height: 47%; transform: rotate(18deg); }
.orbit-two { width: 67%; height: 82%; transform: rotate(53deg); }
.menu-preview {
  position: relative;
  z-index: 2;
  width: min(680px, 100%);
  border: 1px solid rgba(207, 188, 255, .2);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(8, 6, 14, .94);
  box-shadow: 0 50px 120px rgba(0, 0, 0, .6), 0 0 70px rgba(111, 57, 211, .13);
  transform: rotateY(-7deg) rotateX(2deg);
}
.preview-top { height: 53px; display: flex; align-items: center; gap: 10px; padding: 0 17px; border-bottom: 1px solid var(--line); background: #0b0912; font-size: .74rem; letter-spacing: .08em; }
.preview-key { margin-left: auto; padding: 3px 7px; border: 1px solid rgba(183, 148, 255, .24); border-radius: 5px; color: #c9afff; background: rgba(139, 92, 246, .09); font: 800 .55rem/1 ui-monospace, monospace; }
.window-dots { color: #40394c; font-size: .5rem; letter-spacing: .35rem; }
.preview-body { min-height: 382px; display: grid; grid-template-columns: 1fr; }
.preview-rail { border-right: 1px solid var(--line); padding: 19px 11px; display: grid; align-content: start; gap: 12px; }
.preview-rail span { width: 38px; height: 38px; border-radius: 9px; display: grid; place-items: center; color: #5e576d; }
.preview-rail span.active { color: #d8c3ff; background: rgba(139, 92, 246, .15); box-shadow: inset 2px 0 var(--violet); }
.preview-content { padding: 18px; }
.preview-tabs { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 5px; margin-bottom: 14px; }
.preview-tabs span { min-width: 0; padding: 7px 4px; border: 1px solid var(--line); border-radius: 5px; color: #6e667c; background: #0d0a15; font-size: .49rem; font-weight: 750; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.preview-tabs span.active { border-color: rgba(183, 148, 255, .35); color: #f2eaff; background: linear-gradient(135deg, rgba(157, 108, 255, .75), rgba(113, 54, 231, .75)); }
.preview-heading { display: flex; justify-content: space-between; align-items: center; }
.preview-heading small { display: block; color: #6e667e; font-size: .6rem; letter-spacing: .17em; }
.preview-heading strong { display: block; margin-top: 5px; font-size: 1.05rem; }
.preview-search { flex: 1; min-width: 140px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 7px; color: #5f586b; background: #07060b; font-size: .58rem; }
.online-pill { color: var(--green); background: rgba(69, 223, 170, .08); border: 1px solid rgba(69, 223, 170, .15); padding: 5px 8px; border-radius: 999px; font-size: .57rem; font-weight: 800; }
.module-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.module { min-width: 0; display: flex; align-items: center; gap: 10px; padding: 11px; border: 1px solid var(--line); border-radius: 9px; background: #100d19; }
.module-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 8px; background: #181324; color: #716981; }
.module div { min-width: 0; }
.module strong, .module small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.module strong { font-size: .74rem; }
.module small { margin-top: 2px; color: #676071; font-size: .6rem; }
.module i { margin-left: auto; color: #756d83; font-size: .57rem; font-style: normal; font-weight: 850; }
.module.active { border-color: rgba(139, 92, 246, .28); background: rgba(91, 45, 166, .11); }
.module.active .module-icon { color: #c8aaff; background: rgba(139, 92, 246, .15); }
.module.active i { color: var(--green); }
.preview-footer { display: flex; justify-content: space-between; margin-top: 26px; padding-top: 16px; border-top: 1px solid var(--line); color: #615a6d; font-size: .61rem; }
.preview-footer span:last-child { color: #6fd8b2; }
.float-tag { position: absolute; z-index: 3; padding: 9px 13px; border: 1px solid var(--line-strong); border-radius: 999px; background: rgba(13, 11, 22, .9); box-shadow: 0 15px 40px rgba(0, 0, 0, .35); color: #d9d2e6; font-size: .7rem; font-weight: 700; backdrop-filter: blur(12px); }
.tag-secure { top: 45px; right: -9px; transform: rotate(4deg); color: #8ff0cc; }
.tag-fast { bottom: 52px; left: -23px; transform: rotate(-5deg); }

.signal-strip { border-block: 1px solid rgba(255, 255, 255, .05); background: #08060d; }
.signal-strip .shell { min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #675f75; font-size: .67rem; font-weight: 800; letter-spacing: .15em; }
.signal-strip i { width: 4px; height: 4px; border-radius: 50%; background: #3f384a; }

.section { padding-block: 118px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 42px; }
.section-heading h2, .wide-cta h2 { margin: 12px 0 0; font-size: clamp(2.2rem, 4vw, 4.1rem); line-height: 1.03; letter-spacing: -.055em; }
.section-heading > a { color: #bda2fa; font-size: .84rem; font-weight: 750; }
.feature-showcase { display: grid; grid-template-columns: 1.08fr .92fr; gap: 14px; }
.feature-large, .feature-stack article {
  position: relative;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(19, 16, 32, .9), rgba(9, 7, 15, .92));
  overflow: hidden;
}
.feature-large { min-height: 490px; padding: 35px; }
.feature-large::after { content: ""; position: absolute; width: 320px; height: 320px; right: -130px; top: -100px; border-radius: 50%; background: rgba(139, 92, 246, .12); filter: blur(30px); }
.feature-number { color: #554d61; font: 700 .7rem/1 ui-monospace, monospace; letter-spacing: .12em; }
.feature-symbol { width: 65px; height: 65px; margin: 70px 0 25px; display: grid; place-items: center; border: 1px solid rgba(183, 148, 255, .23); border-radius: 16px; background: rgba(139, 92, 246, .1); color: #c7abff; font-size: 1.7rem; }
.feature-large h3, .feature-stack h3 { margin: 0; font-size: 1.5rem; letter-spacing: -.03em; }
.feature-large > p { max-width: 530px; margin: 12px 0 0; line-height: 1.75; }
.mini-terminal { margin-top: 34px; display: grid; gap: 7px; padding: 15px 17px; border: 1px solid var(--line); border-radius: 11px; background: #07060b; color: #676071; font: .67rem/1.5 ui-monospace, monospace; }
.mini-terminal span::before, .mini-terminal strong::before { content: "› "; color: #6e4fbd; }
.mini-terminal strong { color: #70ddb8; font-weight: 600; }
.feature-stack { display: grid; gap: 14px; }
.feature-stack article { min-height: 238px; display: grid; grid-template-columns: auto 1fr auto; gap: 28px; align-items: end; padding: 30px; }
.feature-stack p { margin: 8px 0 0; font-size: .9rem; }
.arrow-chip { width: 37px; height: 37px; border: 1px solid var(--line); border-radius: 50%; display: grid; place-items: center; color: #8e829f; }

.journey-section { padding-block: 110px; border-top: 1px solid rgba(255, 255, 255, .045); background: radial-gradient(circle at 50% 0%, rgba(111, 53, 203, .13), transparent 44%), #08060d; }
.section-heading.compact { justify-content: center; text-align: center; }
.journey-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.journey-grid article { padding: 26px; border: 1px solid var(--line); border-radius: 16px; background: rgba(13, 11, 22, .75); }
.journey-grid article > span { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; background: rgba(139, 92, 246, .14); color: #c6abff; font-size: .75rem; font-weight: 850; }
.journey-grid h3 { margin: 25px 0 8px; font-size: 1.08rem; }
.journey-grid p { margin: 0; font-size: .87rem; }
.center-action { margin-top: 34px; text-align: center; }

.page-hero { padding-block: 115px 70px; }
.page-hero h1 { margin-top: 23px; font-size: clamp(3.7rem, 7vw, 6.5rem); }
.page-hero > p:last-child { max-width: 670px; margin: 28px 0 0; font-size: 1.04rem; line-height: 1.75; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; padding-bottom: 100px; }
.feature-grid article { min-height: 270px; display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(145deg, #100d1a, #09070e); }
.feature-grid article > span { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 11px; color: #c6aaff; background: rgba(139, 92, 246, .12); }
.feature-grid h3 { margin: 38px 0 8px; font-size: 1.15rem; }
.feature-grid p { margin: 0; font-size: .88rem; }
.feature-grid small { margin-top: auto; padding-top: 25px; color: #5d556a; font-size: .63rem; font-weight: 800; letter-spacing: .16em; }
.wide-cta { margin-bottom: 110px; padding: 35px 38px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border: 1px solid rgba(139, 92, 246, .22); border-radius: 18px; background: linear-gradient(110deg, rgba(81, 38, 153, .24), rgba(13, 11, 22, .8)); }
.wide-cta h2 { font-size: 2.1rem; }

/* Searchable full module catalog */
.module-browser { padding-bottom: 100px; }
.module-browser-toolbar { display: flex; align-items: center; gap: 16px; }
.module-search { flex: 1; min-height: 54px; display: flex; align-items: center; gap: 12px; padding: 0 17px; border: 1px solid var(--line-strong); border-radius: 14px; background: rgba(13, 11, 22, .9); box-shadow: inset 0 1px rgba(255, 255, 255, .025); }
.module-search span { color: #897ca0; font-size: 1.3rem; }
.module-search input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--text); }
.module-search input::placeholder { color: #625a70; }
.module-result-count { min-width: 104px; color: #a99fba; font-size: .78rem; font-weight: 750; text-align: right; }
.module-filters { display: flex; gap: 8px; margin: 18px 0 46px; overflow-x: auto; scrollbar-width: thin; padding-bottom: 4px; }
.module-filters button { flex: none; padding: 8px 13px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255, 255, 255, .018); color: #8f869f; font-size: .75rem; font-weight: 750; }
.module-filters button:hover, .module-filters button.active { border-color: rgba(183, 148, 255, .4); background: rgba(139, 92, 246, .13); color: #dbcaff; }
.module-catalog { display: grid; gap: 58px; }
.catalog-group { display: grid; grid-template-columns: 190px 1fr; gap: 24px; }
.catalog-heading { position: sticky; top: 102px; height: fit-content; display: flex; align-items: center; gap: 13px; }
.catalog-heading > span { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(183, 148, 255, .22); border-radius: 11px; background: rgba(139, 92, 246, .1); color: #c6aaff; }
.catalog-heading h2 { margin: 0; font-size: 1.05rem; }
.catalog-heading small { color: #625a70; font-size: .67rem; }
.catalog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.catalog-card { min-height: 170px; display: flex; flex-direction: column; padding: 18px; border: 1px solid var(--line); border-radius: 13px; background: linear-gradient(145deg, rgba(18, 15, 29, .92), rgba(9, 7, 14, .94)); transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.catalog-card:hover { transform: translateY(-3px); border-color: rgba(183, 148, 255, .3); background: linear-gradient(145deg, rgba(32, 23, 52, .92), rgba(11, 8, 18, .94)); }
.catalog-card-top { display: flex; align-items: center; justify-content: space-between; }
.catalog-card-top > span { color: #a882f8; }
.catalog-card-top small { color: #60586e; font-size: .58rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.catalog-card h3 { margin: 20px 0 6px; font-size: .94rem; letter-spacing: -.02em; }
.catalog-card p { margin: 0; color: #877f92; font-size: .74rem; line-height: 1.55; }
.catalog-card i { margin-top: auto; padding-top: 15px; color: #75648f; font-size: .6rem; font-style: normal; font-weight: 750; }
.module-empty { padding: 55px; border: 1px dashed var(--line-strong); border-radius: 14px; text-align: center; }
.discord-ops { margin-bottom: 26px; padding: 42px; display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; border: 1px solid rgba(139, 92, 246, .22); border-radius: 19px; background: radial-gradient(circle at 88% 20%, rgba(139, 92, 246, .16), transparent 50%), #0c0914; }
.discord-ops h2 { max-width: 620px; margin: 12px 0 14px; font-size: clamp(2rem, 3.4vw, 3.1rem); line-height: 1.05; letter-spacing: -.045em; }
.discord-ops p { margin-bottom: 0; }
.command-cloud { display: flex; flex-wrap: wrap; gap: 9px; align-content: center; }
.command-cloud code { padding: 10px 13px; border: 1px solid rgba(183, 148, 255, .18); border-radius: 9px; background: rgba(139, 92, 246, .08); color: #cbb5fb; font-size: .75rem; }

.product-layout { display: grid; grid-template-columns: 1fr 340px; gap: 15px; padding-bottom: 22px; }
.product-card { overflow: hidden; border: 1px solid rgba(183, 148, 255, .2); border-radius: 19px; background: #0d0b16; }
.product-visual { position: relative; height: 260px; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle, rgba(139, 92, 246, .24), transparent 52%), linear-gradient(125deg, #130c24, #08060d); }
.product-logo { position: relative; z-index: 2; width: 132px; height: 132px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 28px; object-fit: cover; box-shadow: 0 26px 80px rgba(0, 0, 0, .5), 0 0 50px rgba(139, 92, 246, .25); }
.product-visual > span { position: absolute; bottom: 13px; right: 20px; color: rgba(255, 255, 255, .025); font-size: 9rem; font-weight: 900; line-height: 1; }
.product-rings { position: absolute; width: 410px; height: 170px; border: 1px solid rgba(183, 148, 255, .18); border-radius: 50%; transform: rotate(-13deg); }
.product-rings::before, .product-rings::after { content: ""; position: absolute; inset: 20px -35px; border: 1px solid rgba(183, 148, 255, .09); border-radius: 50%; }
.product-rings::after { inset: -30px 50px; transform: rotate(67deg); }
.product-content { padding: 32px; }
.product-title { display: flex; justify-content: space-between; gap: 20px; align-items: start; }
.product-title h2 { margin: 8px 0 0; font-size: 2rem; letter-spacing: -.04em; }
.availability { padding: 6px 9px; border-radius: 999px; background: rgba(69, 223, 170, .1); border: 1px solid rgba(69, 223, 170, .18); color: #8cf0cc; font-size: .62rem; font-weight: 850; letter-spacing: .1em; }
.product-description { max-width: 680px; margin: 18px 0 0; line-height: 1.75; }
.included-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px 20px; margin: 28px 0; color: #c5bdcf; font-size: .83rem; }
.included-grid span::first-letter { color: var(--green); }
.product-purchase { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 26px; border-top: 1px solid var(--line); }
.product-purchase small { color: #665f72; font-size: .64rem; font-weight: 800; letter-spacing: .15em; }
.product-purchase strong { display: block; margin-top: 4px; font-size: .96rem; }
.product-purchase p { margin: 2px 0 0; font-size: .75rem; }
.purchase-note { padding: 29px; border: 1px solid var(--line); border-radius: 19px; background: linear-gradient(150deg, rgba(19, 16, 32, .92), rgba(9, 7, 14, .95)); }
.purchase-note ol { list-style: none; margin: 28px 0; padding: 0; display: grid; gap: 23px; }
.purchase-note li { display: flex; gap: 14px; }
.purchase-note li > span { color: #806cab; font: 700 .65rem/1.7 ui-monospace, monospace; }
.purchase-note strong { font-size: .9rem; }
.purchase-note p { margin: 3px 0 0; font-size: .78rem; }
.purchase-note > a { color: #bda2fa; font-size: .8rem; font-weight: 750; }
.payment-methods { display: grid; gap: 4px; margin: 0 0 20px !important; padding: 12px; border: 1px solid rgba(167, 117, 255, .22); border-radius: 10px; background: rgba(139, 92, 246, .07); }
.payment-methods span { color: #a99fc0; font-size: .72rem; }
.promise-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; padding: 0 0 110px; }
.promise-grid article { padding: 24px; border-bottom: 1px solid var(--line); }
.promise-grid p { margin: 8px 0 0; font-size: .82rem; }

.status-wrap { padding-bottom: 120px; }
.overall-status { display: flex; align-items: center; gap: 17px; padding: 26px; border: 1px solid rgba(69, 223, 170, .16); border-radius: 16px; background: rgba(28, 91, 70, .08); }
.status-orb { width: 14px; height: 14px; border-radius: 50%; background: var(--green); box-shadow: 0 0 22px rgba(69, 223, 170, .8); }
.overall-status small { color: #6c837b; font-size: .63rem; letter-spacing: .15em; font-weight: 850; }
.overall-status h2 { margin: 3px 0 0; font-size: 1.3rem; }
.overall-status .button { margin-left: auto; }
.service-list { margin-top: 15px; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.service-list article { min-height: 90px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 24px; border-bottom: 1px solid var(--line); background: rgba(13, 11, 22, .7); }
.service-list article:last-child { border-bottom: 0; }
.service-list strong { font-size: .93rem; }
.service-list p { margin: 3px 0 0; font-size: .78rem; }
.service-badge { min-width: 92px; padding: 6px 10px; border-radius: 999px; text-align: center; font-size: .67rem; font-weight: 800; }
.service-badge.online { color: #88eac7; background: rgba(69, 223, 170, .09); }
.service-badge.checking { color: #dac68e; background: rgba(255, 200, 87, .08); }
.service-badge.offline { color: #ff9dad; background: rgba(255, 107, 129, .09); }
.service-badge.link { color: #c5aaff; background: rgba(139, 92, 246, .1); }

.maintenance-banner { position: sticky; top: 72px; z-index: 80; display: flex; justify-content: center; gap: 12px; padding: 11px 18px; border-bottom: 1px solid rgba(245, 158, 11, .28); background: rgba(69, 42, 4, .96); color: #fde7ae; font-size: .86rem; }
.maintenance-banner strong { color: #fbbf24; text-transform: uppercase; letter-spacing: .08em; }
.plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 22px 0; }
.plan-option { min-height: 108px; display: grid; align-content: center; gap: 4px; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: #0a0810; color: var(--text); text-align: left; }
.plan-option:hover, .plan-option.selected { border-color: rgba(167, 117, 255, .65); background: rgba(139, 92, 246, .11); box-shadow: inset 0 0 0 1px rgba(139, 92, 246, .18); }
.plan-option span { color: #a98bdc; font-size: .75rem; font-weight: 800; text-transform: uppercase; }
.plan-option strong { font-size: 1.15rem; }
.plan-option small { color: #7d7489; }
.checkout-form { display: grid; gap: 13px; padding-top: 20px; border-top: 1px solid var(--line); }
.online-checkout-details { display: grid; gap: 13px; }
.checkout-form > label:not(.check-row) { display: grid; gap: 7px; color: #c6bdcf; font-size: .82rem; font-weight: 700; }
.checkout-form input[type="email"] { padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: #07060b; }
.check-row { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 10px; color: #958b9f; font-size: .78rem; line-height: 1.55; }
.check-row input { width: 17px; height: 17px; margin-top: 2px; accent-color: var(--violet); }
.check-row a { color: #bda2fa; text-decoration: underline; }
.docs-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr); gap: 16px; padding-bottom: 110px; }
.docs-card, .guide-shot, .legal-shell article { border: 1px solid var(--line); border-radius: 17px; background: rgba(13, 11, 22, .8); }
.docs-card { padding: 28px; }
.docs-wide { grid-row: span 2; }
.docs-card h2, .legal-shell h2 { margin: 8px 0 20px; font-size: 1.4rem; }
.numbered-guide { display: grid; gap: 18px; margin: 25px 0 0; padding: 0; list-style: none; }
.numbered-guide li { display: grid; grid-template-columns: 42px 1fr; gap: 12px; padding-top: 18px; border-top: 1px solid var(--line); }
.numbered-guide li > span { color: #9f7ce4; font: 800 .72rem/1.6 ui-monospace, monospace; }
.numbered-guide strong { display: block; font-size: .96rem; }
.numbered-guide p, .docs-card details p, .guide-shot figcaption, .legal-shell p { font-size: 1rem; line-height: 1.72; }
.guide-shot { overflow: hidden; margin: 0; }
.guide-shot img { width: 100%; aspect-ratio: 16 / 9; display: block; object-fit: cover; object-position: center; background: #08060d; }
.guide-shot figcaption { padding: 17px; color: var(--muted); }
.docs-card details { padding: 13px 0; border-top: 1px solid var(--line); }
.docs-card summary { cursor: pointer; color: #ded6ea; font-weight: 750; }
.docs-card details p { margin-bottom: 0; }
.support-callout { background: linear-gradient(145deg, rgba(75, 35, 145, .28), rgba(13, 11, 22, .9)); }
.legal-shell { width: min(850px, calc(100% - 40px)); padding-bottom: 110px; }
.legal-shell article { padding: clamp(26px, 5vw, 52px); }
.legal-shell h3 { margin: 31px 0 7px; color: #ebe5f4; }
.legal-shell p { color: #aaa0b4; }
.changelog-body { white-space: pre-wrap; color: #b5aabd; font-size: 1rem; line-height: 1.75; }
.order-key { display: grid; gap: 12px; margin: 24px 0; padding: 20px; border: 1px solid rgba(69, 223, 170, .22); border-radius: 12px; background: rgba(69, 223, 170, .05); }
.order-key small { color: #78dfbb; font-weight: 850; letter-spacing: .08em; }
.order-key code { overflow-wrap: anywhere; color: #fff; font-size: 1rem; }
.order-receipt { margin: 22px 0; padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: rgba(9, 7, 14, .45); }
.order-receipt dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 24px; }
.order-receipt dl div { border-bottom: 1px solid var(--line); padding-bottom: 8px; }
.order-receipt dt { color: var(--muted); font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; }
.order-receipt dd { margin: 3px 0 0; font-weight: 750; }

@media print {
  body { background: #fff; color: #111; }
  #publicNav, .page-hero, #toast, #orderKeyBox, #orderRegisterLink, #printOrderReceipt { display: none !important; }
  #marketingOrder, #orderReceipt { display: block !important; }
  #orderStatusBox { box-shadow: none; border-color: #bbb; }
}
.summary-grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.card-actions { display: flex; justify-content: flex-end; margin-top: 18px; }
.account-overview { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.account-overview small, .account-overview strong { display: block; }
.account-overview strong { margin-top: 5px; font-size: .82rem; overflow-wrap: anywhere; }

.site-footer { border-top: 1px solid rgba(255, 255, 255, .055); background: #06050a; }
.site-footer .shell { min-height: 145px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 30px; }
.site-footer p { font-size: .78rem; }
.site-footer div > div { display: flex; gap: 19px; color: #7f768f; font-size: .78rem; }
.site-footer small { grid-column: 1 / -1; padding-bottom: 22px; color: #443e4d; font-size: .67rem; }

/* Authentication */
.auth-view { position: relative; min-height: 100vh; overflow: hidden; background: radial-gradient(circle at 20% 45%, rgba(139, 92, 246, .16), transparent 34%), var(--bg); }
.auth-grid { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(196, 181, 253, .1) 1px, transparent 1px), linear-gradient(90deg, rgba(196, 181, 253, .1) 1px, transparent 1px); background-size: 45px 45px; mask-image: linear-gradient(to right, #000, transparent 75%); }
.auth-header { position: relative; z-index: 2; min-height: 75px; width: min(1180px, calc(100% - 48px)); margin: auto; display: flex; justify-content: space-between; align-items: center; }
.auth-header > a:last-child { color: #978ea7; font-size: .82rem; }
.auth-shell { position: relative; z-index: 1; width: min(1060px, calc(100% - 48px)); min-height: calc(100vh - 75px); margin: auto; padding: 55px 0 80px; display: grid; grid-template-columns: 1fr 450px; align-items: center; gap: 100px; }
.auth-story h1 { margin: 18px 0 0; font-size: clamp(3.4rem, 6vw, 5.8rem); line-height: .92; letter-spacing: -.07em; }
.auth-story h1 span { color: #9a6aee; }
.auth-story > p:last-of-type { max-width: 500px; margin: 25px 0 0; line-height: 1.75; }
.auth-steps { display: grid; gap: 15px; margin-top: 37px; }
.auth-steps > div { display: flex; gap: 14px; align-items: center; }
.auth-steps > div > span { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; color: #bda3f4; font-size: .7rem; font-weight: 800; }
.auth-steps p, .auth-steps strong, .auth-steps small { display: block; margin: 0; }
.auth-steps strong { color: #ded8e8; font-size: .84rem; }
.auth-steps small { color: #716a7d; font-size: .72rem; }
.auth-card { border: 1px solid var(--line-strong); border-radius: 19px; padding: 8px; background: rgba(13, 11, 22, .91); box-shadow: var(--shadow); backdrop-filter: blur(18px); }
.auth-tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; padding: 4px; border-radius: 12px; background: #07060b; }
.auth-tabs button { min-height: 40px; border: 0; border-radius: 9px; background: transparent; color: #766e82; font-weight: 700; font-size: .78rem; }
.auth-tabs button.active { background: #171222; color: #f2ecfb; box-shadow: 0 5px 18px rgba(0, 0, 0, .25); }
.auth-form { display: grid; gap: 16px; padding: 28px 24px 21px; }
.auth-form h2 { margin: 7px 0 0; font-size: 1.45rem; letter-spacing: -.035em; }
.auth-form > div > p:last-child { margin: 6px 0 0; font-size: .79rem; }
.auth-form label, .settings-form label { display: grid; gap: 7px; color: #c6bdcf; font-size: .78rem; font-weight: 650; }
.input-wrap { display: flex; align-items: center; gap: 9px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 10px; background: #07060b; transition: .2s ease; }
.input-wrap:focus-within { border-color: rgba(183, 148, 255, .55); box-shadow: 0 0 0 3px rgba(139, 92, 246, .1); }
.input-wrap > span { color: #61596e; font-size: .65rem; }
input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--text); }
input::placeholder { color: #4f485b; }
.text-button { border: 0; background: none; color: #9c86c8; font-size: .7rem; font-weight: 700; }
.password-rule { margin: -4px 0 0; color: #6e667a; font-size: .7rem; }
.form-message { margin: -3px 0 0; font-size: .75rem; }
.error { color: #ff9aab !important; }
.success { color: #77e6be !important; }
.auth-help { margin: 0 20px 19px; text-align: center; color: #746c80; font-size: .72rem; }
.auth-help a { color: #b597f5; }

/* Customer dashboard */
.app-view { min-height: 100vh; background: #06050a; display: flex; }
.sidebar { position: sticky; top: 0; width: 258px; height: 100vh; flex: none; display: flex; flex-direction: column; padding: 27px 13px 19px; border-right: 1px solid var(--line); background: rgba(8, 6, 13, .95); }
.brand-row { display: flex; align-items: center; gap: 11px; padding: 0 11px; }
.brand-row strong, .brand-row small { display: block; }
.brand-row strong { font-size: .85rem; }
.brand-row small { margin-top: 2px; color: #655e70; font-size: .66rem; }
.nav-list { display: grid; gap: 4px; margin-top: 38px; }
.nav-item { width: 100%; min-height: 43px; display: flex; align-items: center; gap: 11px; padding: 9px 12px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: #898092; text-align: left; font-size: .78rem; transition: .2s ease; }
.nav-item span { width: 18px; text-align: center; color: #5f576b; }
.nav-item:hover { color: #f4effb; background: rgba(255, 255, 255, .03); }
.nav-item.active { color: #d2bdff; border-color: rgba(139, 92, 246, .13); background: rgba(139, 92, 246, .12); box-shadow: inset 2px 0 var(--violet); }
.sidebar-bottom { display: grid; gap: 8px; margin-top: auto; }
.license-pill { display: flex; align-items: center; gap: 8px; padding: 9px 11px; border: 1px solid rgba(69, 223, 170, .15); border-radius: 9px; background: rgba(69, 223, 170, .06); color: #82e8c3; font-size: .69rem; }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px rgba(69, 223, 170, .65); }
.logout:hover { color: #ff9aab; background: rgba(255, 107, 129, .06); }
.mobile-bar { display: none; }
.main-content { width: 100%; max-width: 1100px; margin: 0 auto; padding: 32px 48px 70px; }
.personal-banner { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; padding: 12px 16px; border: 1px solid rgba(245, 158, 11, .35); border-radius: 14px; background: rgba(120, 72, 10, .18); color: #f8dfad; }
.personal-banner strong { color: #fbbf24; }
.security-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 24px; }
.security-summary > div { display: grid; gap: 5px; padding: 16px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.025); }
.security-summary small, .record-list small { color: var(--muted); }
.record-list { display: grid; gap: 9px; margin: 12px 0 24px; }
.record-list article { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.02); }
.record-list article > div { display: grid; gap: 5px; min-width: 0; }
.record-list p { margin: 0; color: var(--muted); }
.notification-critical { border-color: rgba(239,68,68,.38) !important; }
.notification-warning { border-color: rgba(245,158,11,.32) !important; }
.content-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; }
.content-header h2 { margin: 2px 0 0; font-size: 1rem; }
.back-site { color: #655e70; font-size: .68rem; }
.profile { display: flex; align-items: center; gap: 11px; text-align: right; }
.profile strong, .profile small { display: block; }
.profile strong { font-size: .77rem; }
.profile small { color: #625b6e; font-size: .63rem; }
.avatar { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg, #9e6bf8, #4f269f); font-size: .7rem; font-weight: 850; }
.page-intro { margin-bottom: 27px; }
.page-intro h1 { margin: 9px 0 3px; font-size: 2rem; letter-spacing: -.05em; }
.page-intro > p:last-child { margin: 0; font-size: .84rem; }
.hero-card { position: relative; overflow: hidden; padding: 29px; border: 1px solid rgba(139, 92, 246, .32); border-radius: 15px; background: linear-gradient(130deg, #281151, #12101b 58%, #0d0b14); box-shadow: var(--shadow); }
.hero-glow { position: absolute; width: 330px; height: 240px; top: -120px; right: -50px; border-radius: 50%; background: rgba(157, 108, 255, .18); filter: blur(35px); }
.hero-status { position: relative; display: flex; align-items: center; gap: 8px; color: var(--green); font-size: .74rem; font-weight: 750; }
.hero-status > span:first-child { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: rgba(69, 223, 170, .13); }
.hero-card h1 { position: relative; margin: 16px 0 2px; font-size: 1.75rem; letter-spacing: -.045em; }
.hero-card p { position: relative; margin: 0; font-size: .82rem; }
.hero-card p strong { color: #eae3f2; }
.plan-chip { position: relative; display: inline-flex; gap: 8px; margin-top: 19px; color: #d5b0ff; font-size: .73rem; }
.three-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; margin: 14px 0; }
.info-card, .section-card { border: 1px solid var(--line); border-radius: 13px; background: rgba(13, 11, 22, .78); }
.info-card { padding: 18px; }
.card-icon { display: block; margin-bottom: 11px; color: #766d83; }
.info-card small, .info-card strong, .info-card em { display: block; }
.info-card small, .section-card small { color: #6d6578; font-size: .67rem; }
.info-card strong { margin-top: 4px; font-size: .8rem; }
.info-card em { margin-top: 3px; color: #5e5768; font-size: .62rem; font-style: normal; }
.section-card { margin-top: 14px; padding: 23px; }
.section-head { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.section-head h3 { margin: 7px 0 0; font-size: 1.05rem; }
.badge { display: inline-flex; padding: 5px 9px; border-radius: 999px; font-size: .61rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.badge.active { color: #89eac7; background: rgba(69, 223, 170, .1); }
.badge.paused { color: #f6d47a; background: rgba(255, 200, 87, .1); }
.badge.expired, .badge.revoked { color: #ff9eae; background: rgba(255, 107, 129, .1); }
.badge.neutral { color: #bbb1c8; background: #1b1725; }
.summary-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); }
.summary-grid small, .summary-grid strong { display: block; }
.summary-grid strong { margin-top: 4px; font-size: .79rem; }
.setup-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 20px 0; }
.setup-steps > div { display: flex; gap: 10px; min-height: 86px; padding: 13px; border: 1px solid var(--line); border-radius: 10px; background: #09070f; }
.setup-steps > div > span { width: 24px; height: 24px; flex: none; display: grid; place-items: center; border-radius: 50%; background: #1b1626; color: #877a9a; font-size: .65rem; font-weight: 850; }
.setup-steps p, .setup-steps strong, .setup-steps small { display: block; margin: 0; }
.setup-steps strong { color: #d9d2e1; font-size: .72rem; }
.setup-steps small { margin-top: 3px; line-height: 1.35; font-size: .61rem; }
.setup-steps .complete { border-color: rgba(69, 223, 170, .14); background: rgba(69, 223, 170, .035); }
.setup-steps .complete > span { color: #7ce7c1; background: rgba(69, 223, 170, .11); }
.download-grid { display: grid; gap: 14px; }
.download-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 17px; }
.download-card h3 { margin: 6px 0 4px; font-size: 1.05rem; }
.download-card p { margin: 0; font-size: .77rem; }
.download-card small { display: block; margin-top: 7px; }
.download-card.locked { opacity: .68; }
.download-card.unlocked { border-color: rgba(69, 223, 170, .22); opacity: 1; }
.download-icon { width: 45px; height: 45px; display: grid; place-items: center; border: 1px solid rgba(139, 92, 246, .22); border-radius: 11px; background: rgba(139, 92, 246, .1); color: #c2a5ff; font-size: .7rem; font-weight: 850; }
.help-strip, .support-card { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.help-strip strong { font-size: .83rem; }
.help-strip p { margin: 3px 0 0; font-size: .72rem; }
.support-card { justify-content: flex-start; }
.support-card > div:nth-child(2) { flex: 1; }
.support-card h3 { margin: 0; font-size: 1rem; }
.support-card p { margin: 3px 0 0; font-size: .75rem; }
.discord-mark { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 11px; color: #c2a5ff; background: rgba(139, 92, 246, .12); font-size: 1.2rem; }
.guide-card h3 { margin: 0 0 11px; font-size: .9rem; }
.guide-card ol { margin: 0; padding-left: 19px; color: #91889e; font-size: .75rem; }
.guide-card li { margin: 6px 0; }
.version-card { max-width: 720px; }
.version-row { display: flex; align-items: center; justify-content: space-between; }
.version-row small, .version-row strong { display: block; }
.version-row strong { margin-top: 4px; font-size: 1.6rem; }
.version-message { display: flex; gap: 30px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--line); }
.version-message p { margin: 0; font-size: .73rem; }
.version-message strong { color: #d7d0df; }
.settings-card { display: flex; align-items: start; justify-content: space-between; gap: 30px; }
.settings-copy { max-width: 340px; }
.settings-copy h3 { margin: 0; font-size: .93rem; }
.settings-copy p { margin: 5px 0 0; font-size: .73rem; }
.settings-form { width: min(430px, 56%); display: grid; gap: 12px; }
.settings-form input { padding: 10px 11px; border: 1px solid var(--line); border-radius: 9px; background: #07060b; }

@media (max-width: 980px) {
  .hero { grid-template-columns: 1fr; padding-top: 95px; }
  .hero-copy { max-width: 720px; }
  .hero-stage { min-height: 510px; }
  .product-layout { grid-template-columns: 1fr; }
  .purchase-note { display: grid; grid-template-columns: auto 1fr auto; gap: 20px; align-items: center; }
  .purchase-note ol { grid-template-columns: repeat(3, 1fr); }
  .auth-shell { gap: 45px; }
  .catalog-group { grid-template-columns: 1fr; }
  .catalog-heading { position: static; }
  .catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .discord-ops { grid-template-columns: 1fr; gap: 28px; }
  .docs-layout { grid-template-columns: 1fr; }
  .docs-wide { grid-row: auto; }
  .account-overview { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 760px) {
  .shell, .auth-header, .auth-shell { width: min(100% - 30px, 1180px); }
  .site-header { height: 64px; }
  .maintenance-banner { top: 64px; align-items: flex-start; justify-content: flex-start; font-size: .78rem; }
  .public-nav {
    position: absolute;
    top: 64px;
    left: 15px;
    right: 15px;
    display: none;
    margin: 0;
    padding: 10px;
    border: 1px solid var(--line-strong);
    border-radius: 13px;
    background: rgba(13, 11, 22, .98);
    box-shadow: var(--shadow);
  }
  .public-nav.open { display: grid; }
  .public-nav a { padding: 11px 12px; }
  .menu-button { display: block; }
  .dashboard-link { min-width: 44px; width: 44px; height: 42px; padding: 0; }
  .dashboard-link span:first-child { display: none; }
  .hero { min-height: auto; gap: 30px; padding-block: 78px 70px; }
  .hero h1 { font-size: clamp(3.7rem, 18vw, 6rem); }
  .hero-stage { min-height: 420px; }
  .menu-preview { transform: none; }
  .preview-body { min-height: 330px; grid-template-columns: 1fr; }
  .preview-content { padding: 17px; }
  .preview-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .preview-tabs span:nth-child(n+5) { display: none; }
  .module-grid { grid-template-columns: 1fr 1fr; }
  .module:nth-child(n+5) { display: none; }
  .float-tag { display: none; }
  .signal-strip .shell { justify-content: center; text-align: center; }
  .signal-strip span:nth-of-type(n+3), .signal-strip i:nth-of-type(n+2) { display: none; }
  .section, .journey-section { padding-block: 82px; }
  .section-heading { align-items: start; flex-direction: column; }
  .feature-showcase, .journey-grid, .feature-grid, .promise-grid { grid-template-columns: 1fr; }
  .feature-large { min-height: 430px; }
  .page-hero { padding-block: 82px 52px; }
  .page-hero h1 { font-size: clamp(3rem, 16vw, 5rem); }
  .module-browser-toolbar { align-items: stretch; flex-direction: column; }
  .module-result-count { text-align: left; }
  .module-filters { margin-bottom: 34px; }
  .catalog-grid { grid-template-columns: 1fr; }
  .catalog-card { min-height: 155px; }
  .discord-ops { padding: 28px; }
  .purchase-note { display: block; }
  .purchase-note ol { grid-template-columns: 1fr; }
  .product-purchase { align-items: start; flex-direction: column; }
  .included-grid { grid-template-columns: 1fr; }
  .plan-grid { grid-template-columns: 1fr; }
  .wide-cta { align-items: start; flex-direction: column; padding: 27px; }
  .site-footer .shell { padding-block: 34px; grid-template-columns: 1fr; gap: 12px; }
  .site-footer small { grid-column: auto; padding: 0; }
  .auth-shell { grid-template-columns: 1fr; gap: 40px; padding-top: 40px; }
  .auth-story h1 { font-size: 3.5rem; }
  .auth-story > p:last-of-type, .auth-steps { display: none; }
  .auth-card { max-width: 500px; width: 100%; margin: auto; }
  .app-view { display: block; }
  .sidebar { display: none; position: fixed; z-index: 60; inset: 0 auto 0 0; width: 258px; box-shadow: 30px 0 80px rgba(0, 0, 0, .65); }
  .dashboard-menu-open .sidebar { display: flex; }
  .mobile-bar { position: sticky; top: 0; z-index: 50; min-height: 62px; display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; border-bottom: 1px solid var(--line); background: rgba(8, 6, 13, .96); }
  .main-content { padding: 24px 15px 50px; }
  .security-summary { grid-template-columns: 1fr; }
  .record-list article { align-items: flex-start; flex-direction: column; }
  .content-header h2 { display: none; }
  .three-cards, .setup-steps { grid-template-columns: 1fr; }
  .summary-grid { grid-template-columns: 1fr 1fr; }
  .summary-grid.four, .account-overview { grid-template-columns: 1fr 1fr; }
  .download-card { grid-template-columns: auto 1fr; }
  .download-card .button { grid-column: 1 / -1; }
  .settings-card { display: block; }
  .settings-form { width: 100%; margin-top: 20px; }
  .docs-layout { padding-bottom: 70px; }
  .docs-card { padding: 22px; }
}

@media (max-width: 430px) {
  .hero-actions { align-items: stretch; flex-direction: column; }
  .hero-stage { min-height: 390px; }
  .preview-rail { display: none; }
  .preview-body { grid-template-columns: 1fr; }
  .preview-heading { align-items: start; gap: 10px; }
  .online-pill { display: none; }
  .module-grid { grid-template-columns: 1fr; }
  .module:nth-child(n+4) { display: none; }
  .feature-large { padding: 25px; }
  .feature-symbol { margin-top: 50px; }
  .product-content { padding: 24px; }
  .product-title { flex-direction: column; }
  .overall-status { align-items: flex-start; flex-wrap: wrap; }
  .overall-status .button { margin-left: 0; }
  .service-list article { align-items: flex-start; flex-direction: column; }
  .summary-grid { grid-template-columns: 1fr; }
  .summary-grid.four, .account-overview { grid-template-columns: 1fr; }
  .help-strip, .support-card { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}