:root {
  --ink: #06271f;
  --green: #087a55;
  --green2: #0aa878;
  --lime: #dfff76;
  --paper: #f6faf7;
  --line: #d9e7df;
  --muted: #667872;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background:
    radial-gradient(circle at 82% 8%, rgba(92, 229, 161, 0.13), transparent 28rem),
    radial-gradient(circle at 8% 28%, rgba(223, 255, 118, 0.12), transparent 24rem),
    var(--paper);
  color: var(--ink);
  font:
    15px/1.5 Inter,
    system-ui,
    -apple-system,
    sans-serif;
}
.shell {
  width: min(1180px, calc(100% - 40px));
  margin: auto;
}
a {
  text-decoration: none;
  color: inherit;
}
button,
input {
  font: inherit;
}
.nav-wrap {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(248, 251, 248, 0.9);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(9, 45, 37, 0.08);
}
.nav {
  height: 74px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.brand {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.04em;
}
.brand > span:last-child,
.brand:not(.inverse) {
  color: var(--ink);
}
.brand:not(.inverse) > span:last-child {
  color: var(--green2);
}
.gem {
  display: grid !important;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 10px 10px 10px 3px;
  background: var(--ink);
  color: var(--lime) !important;
}
.links,
.actions {
  display: flex;
  align-items: center;
  gap: 22px;
}
.links a {
  font-size: 14px;
  color: #435d55;
}
.actions {
  gap: 8px;
}
.actions form {
  margin: 0;
}
.admin-link{background:#ddff8f;color:#204b35;box-shadow:0 8px 20px rgba(95,140,51,.14)}
.btn {
  display: inline-block;
  border: 0;
  border-radius: 11px;
  padding: 11px 16px;
  font-weight: 700;
  cursor: pointer;
}
.btn.primary {
  background: linear-gradient(135deg, #087a55, #05a06d);
  color: #fff;
  box-shadow: 0 12px 30px rgba(8, 122, 85, 0.24);
}
.btn.ghost {
  background: transparent;
}
.btn.outline {
  border: 1px solid var(--line);
  background: #fff;
}
.btn.big {
  padding: 15px 21px;
}
.btn.light {
  background: #fff;
  color: var(--green);
}
.auth-form-error{margin:16px 0 4px;border:1px solid #efc7bf;border-radius:11px;padding:11px 12px;background:#fff3f0;color:#8d4036;font-size:12px;line-height:1.45}
.hero {
  min-height: 720px;
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 64px;
  align-items: center;
  padding-block: 52px;
}
.status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #cce3d7;
  background: #f3fbf7;
  padding: 7px 11px;
  border-radius: 999px;
  font-size: 12px;
  color: #356257;
  font-weight: 700;
}
.status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #13b97a;
  box-shadow: 0 0 0 4px #d8f6e8;
}
.hero h1 {
  font-size: clamp(58px, 6vw, 78px);
  line-height: 0.96;
  letter-spacing: -0.06em;
  margin: 24px 0;
}
.hero h1 em {
  font-style: normal;
  color: var(--green);
}
.hero-copy > p {
  font-size: 18px;
  color: #5a6e67;
  line-height: 1.65;
  max-width: 570px;
}
.hero-actions {
  display: flex;
  gap: 10px;
  margin-top: 28px;
}
.trust {
  display: block;
  margin-top: 20px;
  color: #82918c;
}
.hero-stage {
  position: relative;
  min-height: 570px;
  isolation: isolate;
}
.hero-stage::before {
  content: "";
  position: absolute;
  inset: 4% 1% 12% 7%;
  border-radius: 34px;
  background: linear-gradient(145deg, rgba(5, 55, 42, 0.2), rgba(9, 103, 74, 0.04));
  border: 1px solid rgba(19, 132, 94, 0.18);
  transform: rotate(3deg);
}
.hero-art {
  position: absolute;
  inset: 0 0 auto 0;
  width: 100%;
  height: 475px;
  object-fit: cover;
  border-radius: 32px;
  box-shadow: 0 35px 90px rgba(3, 48, 36, 0.25);
}
.local-art { opacity: 0; transition: opacity .55s ease, transform .8s cubic-bezier(.2,.8,.2,1); }
.local-art.is-loaded { opacity: 1; }
.local-art.is-unavailable { opacity: 0; }
.hero-aura {
  position: absolute;
  inset: 0;
  border-radius: 32px;
  background: linear-gradient(180deg, transparent 38%, rgba(4, 38, 30, 0.36) 74%, rgba(4, 32, 25, 0.76));
  pointer-events: none;
}
.hero-badge {
  position: absolute;
  z-index: 2;
  top: 24px;
  right: -18px;
  min-width: 150px;
  padding: 16px 18px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 18px;
  color: #fff;
  background: rgba(3, 42, 32, 0.66);
  box-shadow: 0 18px 45px rgba(2, 35, 27, 0.25);
  backdrop-filter: blur(18px);
}
.hero-badge span,
.hero-badge small { display: block; color: #b6d7cc; font-size: 10px; }
.hero-badge strong { display: block; font-size: 34px; line-height: 1.1; color: var(--lime); }
.hero-console {
  position: absolute;
  z-index: 3;
  left: -32px;
  right: 38px;
  bottom: 0;
  transform: none;
  border-color: rgba(135, 211, 179, 0.22);
  background: rgba(5, 37, 30, 0.9);
  box-shadow: 0 30px 70px rgba(2, 31, 24, 0.34);
  backdrop-filter: blur(20px);
}
.hero-console pre { margin-block: 14px; padding-block: 12px; }
.hero-console .answer { padding-bottom: 15px; }
.console {
  position: relative;
  background: #0a2c25;
  border: 1px solid #285149;
  border-radius: 23px;
  color: #d7eee6;
  box-shadow: 0 28px 80px rgba(7, 52, 41, 0.23);
  transform: rotate(1deg);
}
.console-top {
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
  border-bottom: 1px solid #244942;
  font:
    11px ui-monospace,
    monospace;
  color: #8fb0a8;
}
.console-top span {
  color: #779189;
  word-spacing: 2px;
}
.console-top em {
  color: #80bb99;
}
.console pre {
  margin: 20px;
  background: #071f1b;
  border: 1px solid #1f453d;
  border-radius: 12px;
  padding: 17px;
  font:
    12px/1.8 ui-monospace,
    monospace;
  color: #c7ded7;
}
.console pre span {
  color: #76c6aa;
}
.answer {
  padding: 0 20px 20px;
}
.answer > b {
  font: 11px ui-monospace;
  color: #65dda8;
}
.answer > p {
  height: 7px;
  background: #234a41;
  border-radius: 6px;
  margin: 10px 0;
}
.answer > p:nth-of-type(2) {
  width: 89%;
}
.answer > p:nth-of-type(3) {
  width: 63%;
}
.answer > div {
  display: flex;
  gap: 18px;
  border-top: 1px solid #234a41;
  padding-top: 13px;
  font: 10px ui-monospace;
  color: #789d92;
}
.answer strong {
  margin-left: auto;
  color: #c9eb92;
}
.console aside {
  position: absolute;
  right: -25px;
  bottom: -28px;
  background: var(--lime);
  color: var(--ink);
  border-radius: 15px;
  padding: 13px 17px;
  display: flex;
  gap: 10px;
  align-items: center;
  box-shadow: 0 13px 34px rgba(21, 72, 54, 0.18);
}
.console aside > b {
  font-size: 26px;
}
.console aside > span {
  font-size: 11px;
  font-weight: 700;
}
.console aside small {
  color: #637761;
}
.compat {
  background: #fff;
  border-block: 1px solid var(--line);
}
.compat > div {
  height: 74px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #60736c;
  font-size: 13px;
}
.visual-story {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 72px;
  align-items: center;
  padding-block: 112px 40px;
}
.visual-frame {
  position: relative;
  min-height: 480px;
  overflow: hidden;
  border-radius: 30px;
  background: radial-gradient(circle at center, #0b684a, #05271f 70%);
  box-shadow: 0 32px 80px rgba(6, 52, 40, 0.2);
}
.visual-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 48%, rgba(2, 30, 23, 0.78));
}
.visual-frame img {
  width: 100%;
  height: 480px;
  display: block;
  object-fit: cover;
  transition: transform 0.8s cubic-bezier(.2,.8,.2,1);
}
.visual-frame:hover img { transform: scale(1.035); }
.visual-caption {
  position: absolute;
  z-index: 2;
  left: 24px;
  right: 24px;
  bottom: 22px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 15px 17px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 15px;
  color: #fff;
  background: rgba(3, 38, 29, 0.58);
  backdrop-filter: blur(14px);
}
.visual-caption span { margin-right: auto; color: #c7ddd5; font-size: 12px; }
.visual-caption b { font-size: 11px; letter-spacing: .08em; }
.visual-caption i { width: 5px; height: 5px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(223,255,118,.12); }
.visual-copy > small { color: var(--green); font-weight: 850; letter-spacing: .14em; }
.visual-copy h2 { margin: 14px 0 20px; font-size: 49px; line-height: 1.04; letter-spacing: -.05em; }
.visual-copy h2 em { color: var(--green); font-style: normal; }
.visual-copy > p { color: var(--muted); font-size: 17px; line-height: 1.7; }
.visual-copy > a { display: inline-flex; gap: 10px; margin-top: 25px; color: var(--green); font-weight: 800; }
.feature-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.feature-pills span { padding: 9px 12px; border: 1px solid #cfe3d7; border-radius: 999px; background: rgba(255,255,255,.72); color: #43675c; font-size: 12px; }
.section {
  padding-block: 105px;
}
.heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 38px;
}
.heading small,
.quick small,
.cta small,
.dash-head small {
  color: var(--green);
  font-weight: 850;
  letter-spacing: 0.14em;
}
.heading h2,
.quick h2,
.cta h2 {
  font-size: 43px;
  line-height: 1.1;
  letter-spacing: -0.045em;
  margin: 9px 0;
}
.heading > p {
  max-width: 420px;
  color: var(--muted);
}
.models {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.models article {
  min-height: 185px;
  padding: 20px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.78);
  border-radius: 20px;
  box-shadow: 0 8px 30px rgba(6, 56, 42, 0.035);
  backdrop-filter: blur(12px);
  display: flex;
  flex-direction: column;
}
.model-mark {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #dff6e9;
  color: #0a704e;
  font-weight: 850;
}
.models h3 {
  font-size: 16px;
  margin: 18px 0 0;
}
.models article > small {
  color: #82908c;
}
.models article > div {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  color: #65766f;
  font-size: 11px;
}
.models article > div b {
  font: 800 14px ui-monospace;
  color: var(--green);
}
.quick {
  padding-block: 100px;
  background: #edf4f0;
  border-block: 1px solid #dae8e0;
}
.quick-grid {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 85px;
  align-items: center;
}
.quick p {
  color: var(--muted);
}
.quick ol {
  list-style: none;
  padding: 0;
  display: grid;
  gap: 17px;
  margin-top: 28px;
}
.quick li {
  display: flex;
  gap: 12px;
  align-items: center;
}
.quick li > b {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: #d7eade;
  color: var(--green);
}
.quick li > span {
  display: flex;
  flex-direction: column;
  color: #778780;
  font-size: 12px;
}
.quick li strong {
  color: var(--ink);
  font-size: 14px;
}
.codebox {
  background: #092a23;
  border-radius: 18px;
  color: #bce2d7;
  overflow: hidden;
  box-shadow: 0 25px 55px rgba(7, 46, 37, 0.15);
}
.codebox > div {
  height: 54px;
  display: flex;
  gap: 4px;
  align-items: center;
  border-bottom: 1px solid #244a40;
  padding: 0 18px;
}
.codebox button {
  border: 0;
  background: transparent;
  color: #759b90;
  padding: 7px 11px;
  border-radius: 7px;
}
.codebox button.active {
  background: #1c493e;
  color: #fff;
}
.codebox pre {
  min-height: 300px;
  margin: 0;
  padding: 26px;
  font:
    12px/1.85 ui-monospace,
    monospace;
  overflow: auto;
}
.cta {
  padding-block: 100px;
}
.cta > .shell {
  background: linear-gradient(135deg, #07563f, #087a55);
  border-radius: 27px;
  color: #fff;
  padding: 62px 68px;
  display: grid;
  grid-template-columns: 1fr 0.75fr;
  gap: 80px;
  align-items: center;
}
.cta small {
  color: #baffd8;
}
.cta p {
  color: #c3ded4;
}
.balance {
  background: rgba(4, 54, 39, 0.58);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  padding: 25px;
}
.balance > span {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: #a1c9bb;
}
.balance > span b {
  color: #c9ff7c;
}
.balance > strong {
  display: block;
  font-size: 37px;
  margin-top: 18px;
}
.balance > small {
  color: #9cc2b4;
}
.balance > i {
  display: block;
  height: 6px;
  background: var(--lime);
  border-radius: 6px;
  margin: 27px 0 13px;
}
footer {
  background: #082a23;
  color: #aec9c1;
  padding: 42px 0;
}
.footer-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.brand.inverse {
  color: #fff;
}
.footer-row p {
  font-size: 11px;
}
.flash-stack {
  position: fixed;
  top: 86px;
  right: 20px;
  z-index: 40;
  display: grid;
  gap: 8px;
}
.flash {
  padding: 12px 15px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);
}
.flash.error {
  border-color: #ffc4b6;
}
.flash.success {
  border-color: #91ddb9;
}
.auth-page {
  min-height: calc(100vh - 74px);
  display: grid;
  place-items: center;
  padding: 40px 20px;
  background: #eef6f1;
}
.auth-card {
  width: min(430px, 100%);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 23px;
  padding: 34px;
  box-shadow: 0 25px 75px rgba(11, 67, 51, 0.12);
}
.brand.centered {
  justify-content: center;
}
.auth-card h1 {
  text-align: center;
  font-size: 30px;
  letter-spacing: -0.04em;
  margin: 27px 0 5px;
}
.auth-card > p,
.auth-card > small {
  text-align: center;
  display: block;
  color: #71827c;
}
.auth-card form {
  margin-top: 25px;
}
.auth-card label {
  display: block;
  font-size: 12px;
  font-weight: 750;
  margin-top: 13px;
}
.auth-card input,
.key-form input {
  width: 100%;
  display: block;
  border: 1px solid #d6e3dc;
  border-radius: 10px;
  padding: 13px;
  margin-top: 6px;
  outline: none;
}
.auth-card input:focus,
.key-form input:focus {
  border-color: #65b995;
  box-shadow: 0 0 0 3px #dff6e9;
}
.submit {
  width: 100%;
  margin: 20px 0;
}
.auth-card a {
  color: var(--green);
  font-weight: 750;
}
.docs-page {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 65px;
  padding-block: 65px 110px;
}
.docs-nav {
  position: sticky;
  top: 105px;
  height: max-content;
  display: grid;
  gap: 10px;
  border-right: 1px solid var(--line);
}
.docs-nav b {
  font-size: 11px;
  margin-top: 14px;
}
.docs-nav a {
  font-size: 13px;
  color: #6b7d77;
}
.docs-content {
  max-width: 780px;
}
.docs-content h1 {
  font-size: 52px;
  letter-spacing: -0.05em;
  margin: 18px 0 8px;
}
.docs-content .lead {
  font-size: 17px;
  color: var(--muted);
}
.docs-content section {
  padding-top: 55px;
}
.docs-content h2 {
  font-size: 28px;
}
.docs-content p {
  color: #5f716b;
}
.docs-content pre {
  background: #092a23;
  color: #c7e2d9;
  border-radius: 15px;
  padding: 22px;
  font:
    12px/1.8 ui-monospace,
    monospace;
  overflow: auto;
}
.docs-content code {
  font-family: ui-monospace, monospace;
}
.endpoint {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--line);
  padding: 12px;
  border-radius: 10px;
  background: #fff;
}
.endpoint b {
  font: 800 10px ui-monospace;
  color: var(--green);
  background: #daf7e7;
  padding: 4px 7px;
  border-radius: 5px;
}
.endpoint.get b {
  color: #3565a3;
  background: #e0ebff;
}
.docs-models {
  display: grid;
  gap: 7px;
}
.docs-models > div {
  display: grid;
  grid-template-columns: 1.2fr 1fr 50px;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 9px;
}
.docs-models span {
  color: var(--muted);
}
.docs-models b {
  text-align: right;
  color: var(--green);
}
.dashboard {
  padding-block: 58px 100px;
}
.dash-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dash-head h1 {
  font-size: 38px;
  letter-spacing: -0.04em;
  margin: 7px 0 0;
}
.dash-head p {
  color: var(--muted);
  margin: 0;
}
.revealed {
  margin-top: 30px;
  background: #e9ffd1;
  border: 1px solid #b8dd87;
  border-radius: 15px;
  padding: 17px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.revealed code {
  flex: 1;
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  overflow: auto;
}
.stat-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 28px;
}
.stat-grid article,
.panel {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 17px;
  padding: 22px;
}
.stat-grid span,
.stat-grid small {
  display: block;
  color: var(--muted);
  font-size: 12px;
}
.stat-grid strong {
  display: block;
  font-size: 32px;
  letter-spacing: -0.04em;
  margin: 9px 0;
}
.token-store{position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:14px;padding:24px;border:1px solid #0a6d4d;border-radius:19px;overflow:hidden;background:radial-gradient(circle at 82% -30%,rgba(94,255,185,.24),transparent 40%),linear-gradient(120deg,#063f30,#075b42);color:#fff;box-shadow:0 18px 45px rgba(4,66,47,.13)}
.token-store::after{display:none;content:none}
.token-store-mark{display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(255,255,255,.09);box-shadow:inset 0 1px rgba(255,255,255,.16)}
.token-store-mark span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#a7ffcf;color:#064a37;font-size:19px;font-weight:900}
.token-store-copy>span{display:block;margin-bottom:5px;color:#9cf5c6;font-size:9px;font-weight:900;letter-spacing:.13em}
.token-store-copy h2{margin:0;font-size:24px;letter-spacing:-.035em}.token-store-copy p{max-width:650px;margin:6px 0 0;color:#c8e5da;font-size:12px;line-height:1.55}
.token-store form{margin:0}.token-store-button{border:1px solid #c7ffe0;background:#b4ffd5;color:#064b36;box-shadow:0 9px 25px rgba(0,0,0,.13)}.token-store-button:hover{background:#d7ffe8;transform:translateY(-2px)}.token-store-button b{margin-left:9px;font-size:16px}
.promo-redeem{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);align-items:center;gap:20px;margin-top:14px;padding:22px;border:1px solid var(--line);border-radius:17px;background:#fff}.promo-redeem span{color:var(--green);font-size:9px;font-weight:900;letter-spacing:.12em}.promo-redeem h2{margin:5px 0 2px;font-size:20px}.promo-redeem p{margin:0;color:var(--muted);font-size:11px}.promo-redeem form{display:grid;grid-template-columns:1fr auto;gap:8px}.promo-redeem input{margin:0}
.dash-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 14px;
}
.panel h2 {
  font-size: 20px;
  margin: 0;
}
.panel-head p {
  margin: 4px 0;
  color: var(--muted);
  font-size: 12px;
}
.key-form {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  margin-top: 20px;
}
.key-form input {
  margin: 0;
}
.key-list,
.usage-list {
  margin-top: 18px;
  display: grid;
}
.key-list > div,
.usage-list > div {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 0;
  border-top: 1px solid #edf2ef;
}
.key-list > div > span,
.usage-list > div > span {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.key-list code,
.usage-list small {
  color: #7f908a;
  font-size: 11px;
}
.key-list > div > small {
  color: var(--green);
}
.key-list form button {
  border: 0;
  background: transparent;
  color: #b05243;
  cursor: pointer;
}
.usage-list strong {
  color: #9d4a3d;
}
.usage-panel{min-width:0}.usage-panel .panel-head{padding-bottom:4px}.usage-list{gap:8px}.usage-list>.usage-entry{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;border:1px solid transparent;border-radius:13px;padding:11px;background:#f7faf8;color:inherit;text-align:left;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.usage-list>.usage-entry:hover{transform:translateY(-1px);border-color:#cfe4d8;background:#f1f8f4}.usage-entry-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e1f5e9;color:#0a7b57}.usage-entry-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.usage-entry-copy{display:flex;min-width:0;flex-direction:column}.usage-entry-copy b{overflow:hidden;color:#173c30;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.usage-entry-copy small{margin-top:3px;color:#82938c;font-size:9px}.usage-entry-charge{display:flex;flex-direction:column;align-items:flex-end;color:#9b4b40;font-size:12px;font-weight:900}.usage-entry-charge small{margin-top:1px;color:#ad827b;font-size:7px;font-weight:700}.modal-open{overflow:hidden}.usage-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s}.usage-modal.is-open{visibility:visible;opacity:1}.usage-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(3,23,17,.67);backdrop-filter:blur(8px);cursor:pointer}.usage-modal-card{position:relative;width:min(900px,100%);max-height:min(850px,calc(100svh - 48px));overflow:hidden;border:1px solid rgba(255,255,255,.62);border-radius:24px;background:#f8fbf9;box-shadow:0 30px 90px rgba(2,33,23,.31);transform:translateY(12px) scale(.985);transition:transform .22s}.usage-modal.is-open .usage-modal-card{transform:none}.usage-modal-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px 19px;border-bottom:1px solid #dfeae4;background:#fff}.usage-modal-card>header small{color:#0b855d;font-size:8px;font-weight:950;letter-spacing:.14em}.usage-modal-card>header h2{margin:4px 0 2px;color:#153a2e;font-size:23px;letter-spacing:-.035em}.usage-modal-card>header p{margin:0;color:#7d9088;font-size:10px}.usage-modal-close{display:grid;place-items:center;width:36px;height:36px;border:1px solid #dce8e2;border-radius:11px;background:#f6faf8;color:#627b71;cursor:pointer}.usage-modal-close svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.usage-modal-body{max-height:calc(100svh - 175px);overflow:auto;padding:20px 26px 27px}.usage-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.usage-metrics article{border:1px solid #e0eae5;border-radius:14px;padding:13px;background:#fff}.usage-metrics article.is-charged{border-color:#bfe4ce;background:#edf9f2}.usage-metrics span,.usage-metrics small{display:block;color:#84968e;font-size:8px}.usage-metrics strong{display:block;margin:5px 0 1px;color:#193e32;font:800 20px ui-monospace,SFMono-Regular,monospace}.usage-metrics .is-charged strong{color:#087b55}.usage-request-id{display:flex;align-items:center;gap:12px;margin:13px 0;padding:10px 13px;border:1px solid #e2ebe6;border-radius:11px;background:#fff}.usage-request-id span{color:#81928b;font-size:8px;font-weight:850}.usage-request-id code{min-width:0;overflow:hidden;color:#42645a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.usage-transcript{display:grid;grid-template-columns:1fr 1fr;gap:11px}.usage-transcript>article{min-width:0;overflow:hidden;border:1px solid #dfe9e4;border-radius:14px;background:#fff}.usage-transcript header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7eeea;padding:10px 12px}.usage-transcript header span{color:#49665c;font-size:9px;font-weight:900}.usage-transcript header button{border:0;background:transparent;color:#0a8059;font-size:8px;font-weight:800;cursor:pointer}.usage-transcript pre{min-height:240px;max-height:390px;overflow:auto;margin:0;padding:14px;color:#304e44;font:9px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.usage-unavailable{display:flex;align-items:flex-start;gap:11px;border:1px solid #dce7e1;border-radius:13px;padding:16px;background:#fff}.usage-unavailable>span{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:9px;background:#e8f5ee;color:#0a8059;font-size:11px;font-weight:950}.usage-unavailable b{color:#34564b;font-size:10px}.usage-unavailable p{margin:4px 0 0;color:#81928b;font-size:9px;line-height:1.55}.usage-modal.is-loading .usage-modal-body{opacity:.48;pointer-events:none}
.empty {
  color: #889690;
  font-size: 13px;
}
@media (max-width: 900px) {
  .links {
    display: none;
  }
  .hero {
    grid-template-columns: 1fr;
    padding-block: 60px;
    gap: 60px;
  }
  .hero-copy { max-width: 700px; }
  .hero-stage { min-height: 590px; }
  .hero-art { height: 500px; }
  .hero-console { left: 34px; right: 34px; }
  .visual-story { grid-template-columns: 1fr; gap: 42px; padding-block: 84px 20px; }
  .visual-copy { max-width: 680px; }
  .models {
    grid-template-columns: repeat(2, 1fr);
  }
  .quick-grid,
  .cta > .shell,
  .dash-grid {
    grid-template-columns: 1fr;
  }
  .docs-page {
    grid-template-columns: 1fr;
  }
  .docs-nav {
    display: none;
  }
  .stat-grid {
    grid-template-columns: 1fr;
  }
  .token-store{grid-template-columns:auto 1fr}.token-store form{grid-column:1/-1}.token-store-button{width:100%}.promo-redeem{grid-template-columns:1fr}
  .heading {
    display: block;
  }
  .compat > div {
    gap: 30px;
    overflow: auto;
    justify-content: flex-start;
  }
  .compat span,
  .compat b {
    white-space: nowrap;
  }
}
@media (max-width: 600px) {
  .shell {
    width: min(100% - 28px, 1180px);
  }
  .token-store{grid-template-columns:1fr;padding:20px}.token-store-mark{width:50px;height:50px}.token-store-copy h2{font-size:22px}.token-store form{grid-column:auto}.promo-redeem form{grid-template-columns:1fr}.promo-redeem .btn{width:100%}
  .usage-modal{padding:0;place-items:end center}.usage-modal-card{width:100%;max-height:92svh;border-radius:22px 22px 0 0}.usage-modal-card>header{padding:20px}.usage-modal-body{max-height:calc(92svh - 105px);padding:16px 20px 24px}.usage-metrics{grid-template-columns:1fr 1fr}.usage-transcript{grid-template-columns:1fr}.usage-transcript pre{min-height:170px;max-height:300px}.usage-entry-icon{display:none}.usage-list>.usage-entry{grid-template-columns:minmax(0,1fr) auto}.usage-entry-copy b{font-size:10px}
  .nav {
    height: 66px;
  }
  .actions .ghost {
    display: none;
  }
  .actions{gap:6px}.actions .admin-link{display:inline-flex;padding:9px 10px;font-size:12px}.actions form .btn{padding:9px 10px;font-size:12px}
  .hero h1 {
    font-size: 44px;
  }
  .hero { min-height: auto; gap: 42px; padding-top: 48px; }
  .hero-stage { min-height: 520px; }
  .hero-art { height: 350px; border-radius: 24px; }
  .hero-stage::before { inset: 2% 0 25% 3%; border-radius: 26px; }
  .hero-badge { top: 14px; right: 10px; min-width: 128px; padding: 12px 14px; }
  .hero-badge strong { font-size: 28px; }
  .hero-console { left: 8px; right: 8px; bottom: 0; border-radius: 19px; }
  .hero-console pre { margin: 12px; padding: 12px; font-size: 10px; }
  .hero-console .answer > div { gap: 8px; }
  .hero-console aside { right: 6px; bottom: -24px; }
  .visual-story { padding-top: 72px; }
  .visual-frame,
  .visual-frame img { min-height: 360px; height: 360px; }
  .visual-copy h2 { font-size: 38px; }
  .visual-caption { left: 14px; right: 14px; bottom: 14px; padding: 12px; }
  .visual-caption span { display: none; }
  .hero-actions {
    flex-direction: column;
  }
  .models {
    grid-template-columns: 1fr;
  }
  .heading h2,
  .quick h2,
  .cta h2 {
    font-size: 34px;
  }
  .cta > .shell {
    width: 100%;
    border-radius: 0;
    padding: 52px 22px;
  }
  .footer-row,
  .dash-head,
  .revealed {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }
  .footer-row p {
    max-width: 260px;
  }
  .docs-content h1 {
    font-size: 38px;
  }
  .docs-models > div {
    grid-template-columns: 1fr auto;
  }
  .docs-models > div span {
    display: none;
  }
  .key-form {
    grid-template-columns: 1fr;
  }
  .console aside {
    right: 6px;
  }
}

/* Emerald 2.0: tactile cards and phone-first API docs */
.btn{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}
.models article{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.models article:hover{transform:translateY(-5px);border-color:#b9d9c8;box-shadow:0 18px 45px rgba(7,70,51,.09)}.model-mark img{width:24px;height:24px}
.docs-nav{padding-right:22px}.docs-content{min-width:0}.docs-content section{scroll-margin-top:100px}.docs-content pre{max-width:100%;box-shadow:inset 0 1px rgba(255,255,255,.06),0 18px 40px rgba(6,45,35,.08)}
.base-url{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 10px 10px 15px;max-width:680px}.base-url code{flex:1;min-width:0;overflow:auto;color:var(--green);font-weight:750}.doc-kicker{color:var(--green);font-size:10px;font-weight:850;letter-spacing:.14em;margin-bottom:-12px}
@media(max-width:900px){.docs-page{gap:24px}.docs-nav{position:sticky;top:66px;z-index:12;display:flex;overflow-x:auto;border:1px solid var(--line);border-radius:13px;padding:10px;background:rgba(248,251,248,.95);backdrop-filter:blur(14px);scrollbar-width:none}.docs-nav::-webkit-scrollbar{display:none}.docs-nav b{display:none}.docs-nav a{white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 11px}}
@media(max-width:600px){.docs-page{padding-top:20px}.docs-content h1{line-height:1.02}.docs-content .lead{font-size:15px}.docs-content section{padding-top:42px}.docs-content pre{margin-inline:-2px;padding:16px;border-radius:12px;font-size:11px}.endpoint{overflow:auto}.base-url{align-items:stretch;flex-direction:column}.base-url .btn{width:100%}}

/* Landing v2 */
.landing-v2{overflow:hidden;background:#f6faf7}.hero-v2{position:relative;isolation:isolate;overflow:hidden;background:#041d17;color:#fff}.hero-v2:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent 88%)}.hero-v2:after{content:"";position:absolute;z-index:-1;width:680px;height:680px;right:-210px;top:-260px;background:linear-gradient(135deg,rgba(44,255,165,.28),rgba(208,255,105,.06));filter:blur(90px);transform:skew(-18deg)}.hero-v2-grid{min-height:720px;display:grid;grid-template-columns:.92fr 1.08fr;gap:74px;align-items:center;padding-block:72px}.hero-news-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(130,255,195,.2);border-radius:999px;padding:8px 11px 8px 8px;background:rgba(12,88,64,.4);color:#b9dace;font-size:11px;font-weight:800}.hero-news-pill img{width:21px;height:21px;filter:invert(1)}.hero-news-pill span{color:#dfff76}.hero-v2 h1{margin:24px 0;font-size:clamp(58px,6vw,82px);line-height:.95;letter-spacing:-.065em}.hero-v2 h1 em{font-style:normal;color:#dfff76}.hero-v2-copy>p{max-width:610px;color:#a8c2b9;font-size:18px;line-height:1.7}.hero-v2 .btn.glass{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#fff;backdrop-filter:blur(12px)}.hero-proof{display:flex;gap:26px;margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);color:#799b90;font-size:11px}.hero-proof span{display:flex;align-items:baseline;gap:6px}.hero-proof strong{color:#fff;font-size:17px}.route-deck{position:relative;border:1px solid rgba(150,255,205,.2);border-radius:27px;padding:18px;background:linear-gradient(155deg,rgba(10,59,47,.9),rgba(4,29,23,.92));box-shadow:0 45px 100px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(18px)}.route-deck:before{content:"";position:absolute;inset:-18px 42px auto;height:1px;background:linear-gradient(90deg,transparent,#6effb7,transparent);box-shadow:0 0 28px #34d995}.deck-head,.deck-head>div,.deck-response,.deck-label{display:flex;align-items:center}.deck-head{justify-content:space-between;padding:3px 3px 17px;color:#87a99e;font:700 10px ui-monospace,monospace;letter-spacing:.1em}.deck-head>div{gap:8px}.deck-head i,.deck-response i{width:7px;height:7px;border-radius:50%;background:#4af0a5;box-shadow:0 0 0 5px rgba(74,240,165,.1)}.deck-head b{color:#dfff76}.deck-request{border:1px solid rgba(157,223,195,.13);border-radius:16px;background:#031611;padding:15px 17px}.deck-request>span{display:block;color:#75988d;font-size:10px}.deck-request>code{display:block;margin:7px 0 16px;color:#7ce5b5;font-size:12px}.deck-request>div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #183a31;padding-top:12px}.deck-request small{color:#628077}.deck-request strong{font:700 12px ui-monospace,monospace;color:#e6f7f0}.deck-label{justify-content:space-between;margin:15px 3px 9px;color:#6e9387;font-size:10px}.deck-label b{font:700 10px ui-monospace,monospace;color:#dfff76}.route-stack{display:grid;gap:8px}.route-node{display:flex;align-items:center;gap:12px;border:1px solid rgba(159,221,195,.11);border-radius:13px;padding:11px 12px;background:rgba(255,255,255,.025);color:#9bb7ae}.route-node.active{border-color:rgba(90,246,166,.38);background:linear-gradient(90deg,rgba(31,164,108,.19),rgba(255,255,255,.025));box-shadow:inset 3px 0 #4af0a5}.route-node img{width:25px;height:25px;filter:invert(1);opacity:.72}.route-node>span{display:flex;flex:1;flex-direction:column}.route-node b{color:#e8f4f0;font-size:11px}.route-node small{font-size:9px;color:#66877c}.route-node em{font-style:normal;font:800 8px ui-monospace,monospace;color:#678a7e}.route-node.active em{color:#dfff76}.deck-response{justify-content:space-between;gap:14px;margin-top:11px;border-radius:13px;padding:13px;background:#0b4b39;color:#86b2a3;font:10px ui-monospace,monospace}.deck-response>span{display:flex;align-items:center;gap:9px;color:#9cf0c9}.deck-response strong{color:#dfff76}.compat-v2{border-bottom:1px solid #dbe8e1;background:#fff}.compat-v2>.shell{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:34px}.compat-v2 span{color:#82938d;font-size:11px}.compat-v2>div>div{display:flex;align-items:center;gap:32px;overflow-x:auto}.compat-v2 b{white-space:nowrap;color:#3e5a51;font-size:12px}.telegram-banner{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;margin-block:78px 12px;padding:28px 32px;border:1px solid #cce6d7;border-radius:24px;background:linear-gradient(120deg,#edfff5,#fff 58%,#f3fff8);box-shadow:0 20px 55px rgba(6,73,52,.08)}.telegram-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:#28a8ea;box-shadow:0 12px 30px rgba(40,168,234,.22)}.telegram-mark img{width:32px;height:32px;filter:invert(1)}.telegram-banner small{color:#129bda;font-weight:850;letter-spacing:.13em}.telegram-banner h2{margin:4px 0;font-size:24px;letter-spacing:-.03em}.telegram-banner p{margin:0;color:#71847d;font-size:12px}.telegram-btn{background:#28a8ea;color:#fff;box-shadow:0 10px 28px rgba(40,168,234,.2)}.telegram-btn span{margin-left:8px}.models-section{padding-block:88px 110px}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:54px;margin-bottom:42px}.section-intro small,.quick-v2 small,.cta-v2 small{color:#07805a;font-weight:900;letter-spacing:.14em}.section-intro h2,.quick-v2 h2{margin:10px 0 0;font-size:48px;line-height:1.05;letter-spacing:-.05em}.section-intro>p{max-width:440px;color:#6b7e77}.company-groups{display:grid;gap:18px}.company-group{display:grid;grid-template-columns:210px 1fr;gap:24px;border:1px solid #dbe8e1;border-radius:22px;padding:22px;background:rgba(255,255,255,.82);box-shadow:0 14px 45px rgba(4,61,45,.045)}.company-group>header{display:flex;align-items:flex-start;gap:12px;padding:6px}.company-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e8f8ef}.company-logo img{width:23px;height:23px}.company-group h3{margin:1px 0;font-size:17px}.company-group header small{color:#81928c;font-size:10px}.company-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.company-models article{min-width:0;border:1px solid #e4ede8;border-radius:14px;padding:14px;background:#f9fcfa;transition:transform .2s,border-color .2s,box-shadow .2s}.company-models article:hover{transform:translateY(-3px);border-color:#a8d3bd;box-shadow:0 12px 25px rgba(5,82,57,.07)}.company-models article>div{display:flex;justify-content:space-between;gap:8px}.company-models h4{margin:0;font-size:12px}.company-models article>div>span{color:#07805a;font:850 11px ui-monospace,monospace}.company-models p{margin:8px 0;color:#72847d;font-size:10px}.company-models code{display:block;overflow:hidden;color:#9aa7a2;font-size:8px;text-overflow:ellipsis}.benefits-v2{padding-block:100px;background:#eaf3ee;border-block:1px solid #d7e5dd}.section-intro.compact{margin-bottom:36px}.benefit-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:13px}.benefit-grid article{min-height:260px;display:flex;flex-direction:column;border:1px solid #d2e2da;border-radius:21px;padding:25px;background:#fff}.benefit-grid article>span{color:#0b8a62;font:900 10px ui-monospace,monospace}.benefit-grid h3{margin:28px 0 10px;font-size:22px;line-height:1.15;letter-spacing:-.035em}.benefit-grid p{color:#6c7e77;font-size:12px}.benefit-grid .benefit-main{background:#082f27;color:#fff;border-color:#164d40}.benefit-main>span{color:#dfff76!important}.benefit-main p{color:#9bb9af}.mini-code{display:flex;align-items:center;gap:9px;margin-top:auto;overflow:hidden}.mini-code code{border:1px solid #245447;border-radius:8px;padding:8px;background:#041d17;color:#99cfbb;font-size:9px}.mini-code b{color:#dfff76}.quick-v2{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center;padding-block:112px}.quick-v2-copy ol{list-style:none;display:grid;gap:16px;margin:29px 0 0;padding:0}.quick-v2-copy li{display:flex;align-items:center;gap:12px}.quick-v2-copy li>b{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#dcefe4;color:#07805a}.quick-v2-copy li>span{display:flex;flex-direction:column;color:#7b8b85;font-size:11px}.quick-v2-copy li strong{color:#153d32;font-size:13px}.codebox-v2>div{justify-content:space-between}.codebox-v2>div>span{color:#91b4a8;font:700 10px ui-monospace,monospace}.codebox-v2 button{cursor:pointer}.cta-v2{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:105px;padding:50px 55px;border-radius:27px;background:linear-gradient(125deg,#087a55,#064b38);color:#fff;box-shadow:0 26px 70px rgba(5,76,54,.18)}.cta-v2 h2{margin:7px 0;font-size:40px;letter-spacing:-.045em}.cta-v2 p{margin:0;color:#b7d7cc}.nav-telegram{display:inline-flex;align-items:center;gap:6px}.nav-telegram img{width:16px;height:16px;fill:#28a8ea}.footer-links{display:flex;gap:18px}
@media(max-width:1000px){.hero-v2-grid{grid-template-columns:1fr;gap:48px}.hero-v2-copy{max-width:760px}.route-deck{max-width:760px}.company-group{grid-template-columns:1fr}.company-models{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-main{grid-column:1/-1}.quick-v2{grid-template-columns:1fr;gap:45px}.telegram-banner{grid-template-columns:auto 1fr}.telegram-banner>a{grid-column:2}}
@media(max-width:700px){.hero-v2-grid{min-height:auto;padding-block:62px}.hero-v2 h1{font-size:48px}.hero-v2-copy>p{font-size:15px}.hero-v2 .hero-actions{flex-direction:column}.hero-proof{gap:14px;overflow-x:auto}.hero-proof span{min-width:max-content}.route-deck{padding:12px;border-radius:21px}.deck-response code{display:none}.compat-v2>.shell{align-items:flex-start;flex-direction:column;padding-block:20px;gap:13px}.compat-v2>div>div{width:100%;gap:24px}.telegram-banner{grid-template-columns:auto 1fr;margin-block:48px 0;padding:21px;border-radius:20px}.telegram-mark{width:48px;height:48px}.telegram-banner h2{font-size:19px}.telegram-banner p{display:none}.telegram-banner>a{grid-column:1/-1;text-align:center}.models-section{padding-block:68px}.section-intro{align-items:flex-start;flex-direction:column;gap:14px}.section-intro h2,.quick-v2 h2{font-size:38px}.section-intro>p{margin:0}.company-group{padding:15px}.company-models{grid-template-columns:1fr}.benefits-v2{padding-block:72px}.benefit-grid{grid-template-columns:1fr}.benefit-main{grid-column:auto}.mini-code{align-items:flex-start;flex-direction:column}.mini-code b{transform:rotate(90deg)}.quick-v2{padding-block:78px}.codebox-v2 pre{min-height:0;padding:18px;font-size:10px}.cta-v2{align-items:flex-start;flex-direction:column;margin-inline:0;margin-bottom:0;border-radius:0;padding:48px 22px}.cta-v2 h2{font-size:34px}.cta-v2 .btn{width:100%;text-align:center}}

/* Recoverable API keys */
.api-keys-panel{min-width:0}.key-list-v2{display:grid;gap:10px;margin-top:18px}.api-key-card{border:1px solid #dfeae4;border-radius:15px;padding:15px;background:#fbfdfc}.api-key-card.is-revoked{opacity:.72}.api-key-card>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.api-key-card>header>div{display:flex;flex-direction:column}.api-key-card>header small{color:#87958f;font-size:9px}.key-state{padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900}.key-state.on{background:#dcf8e8;color:#087a55}.key-state.off{background:#f0ebea;color:#8c6f69}.secret-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:center;margin-top:13px}.secret-value{display:block;overflow-x:auto;border:1px solid #dbe8e1;border-radius:10px;padding:11px 12px;background:#f3f8f5;color:#0b674b;font-size:10px;white-space:nowrap;transition:filter .2s}.secret-value.is-masked{filter:blur(5px);user-select:none}.icon-button{border:1px solid #d8e6de;border-radius:9px;padding:10px;background:#fff;color:#526c63;font-size:10px;cursor:pointer}.copy-key{padding:10px 12px;font-size:10px}.api-key-card>footer{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}.api-key-card>footer form{margin:0}.api-key-card>footer button{border:0;background:transparent;color:#687c74;font-size:9px;cursor:pointer}.api-key-card>footer .danger-link{color:#a34e43}.legacy-key{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:13px;border:1px solid #efd9b7;border-radius:11px;padding:11px;background:#fffaf2}.legacy-key code{grid-column:1/-1;color:#82673f}.legacy-key p{margin:0;color:#8e7d64;font-size:9px}.legacy-key form{margin:0}.legacy-key .btn{padding:8px 10px;font-size:9px}
@media(max-width:600px){.secret-row{grid-template-columns:1fr 1fr}.secret-value{grid-column:1/-1}.secret-row .icon-button,.secret-row .copy-key{width:100%}.legacy-key{grid-template-columns:1fr}.legacy-key form{width:100%}.legacy-key .btn{width:100%}}

/* Dashboard key controls */
.api-key-card>footer.api-key-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;padding:0;background:transparent;color:inherit}
.api-key-card>footer.api-key-actions form{margin:0}
.api-key-card>footer.api-key-actions .key-action{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border:1px solid #d8e6de;border-radius:9px;padding:8px 11px;background:#fff;color:#526c63;font-size:10px;font-weight:750;line-height:1;cursor:pointer;transition:border-color .2s,background .2s,color .2s,transform .2s}
.api-key-card>footer.api-key-actions .key-action:hover{transform:translateY(-1px);border-color:#b8d6c7;background:#f4faf7;color:#0b674b}
.api-key-card>footer.api-key-actions .key-action.danger-link{border-color:#efd5d0;background:#fff8f7;color:#a34e43}
.api-key-card>footer.api-key-actions .key-action.danger-link:hover{border-color:#dfa9a0;background:#fff1ef;color:#843b32}
.antifraud-note{margin:18px 0 0;border:1px solid #d9e9e1;border-radius:13px;padding:13px 15px;background:#f5faf7;color:#697d75;font-size:11px;line-height:1.6}
.antifraud-note strong{color:#194c3d}

/* Documentation v3 */
.docs-content{max-width:920px}.docs-hero{position:relative;overflow:hidden;border:1px solid #cde6da;border-radius:24px;padding:34px;background:linear-gradient(135deg,#f4fff8,#fff 62%);box-shadow:0 24px 60px rgba(5,75,53,.07)}.docs-hero:after{content:"";position:absolute;width:240px;height:240px;right:-100px;top:-120px;border-radius:50%;background:#baff91;filter:blur(55px);opacity:.32}.docs-hero>*{position:relative;z-index:1}.docs-hero h1{margin:13px 0 10px}.docs-hero .lead{max-width:720px}.docs-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.docs-badges span{border:1px solid #d8e9e0;border-radius:999px;padding:6px 9px;background:#fff;color:#527067;font-size:9px;font-weight:800}.docs-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}.doc-card{border:1px solid #dfeae4;border-radius:15px;padding:17px;background:#fff}.doc-card>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e4f8ed;color:#07805a;font:900 11px ui-monospace,monospace}.doc-card h3{margin:12px 0 5px;font-size:14px}.doc-card p{margin:0;color:#71827c;font-size:11px;line-height:1.55}.endpoint-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.endpoint-card{display:grid;grid-template-columns:auto 1fr;gap:7px 11px;align-items:center;border:1px solid #dfeae4;border-radius:13px;padding:13px;background:#fbfdfc}.endpoint-card b{border-radius:6px;padding:5px 7px;background:#dff8ea;color:#07805a;font:900 8px ui-monospace,monospace}.endpoint-card.post b{background:#e8f0ff;color:#4167aa}.endpoint-card code{min-width:0;overflow:auto;color:#153d32;font-size:10px;white-space:nowrap}.endpoint-card span{grid-column:2;color:#85938e;font-size:9px}.code-block{overflow:hidden;margin-top:16px;border:1px solid #153d32;border-radius:15px;background:#051f19;box-shadow:0 18px 42px rgba(4,48,36,.12)}.code-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #173b31;padding:9px 11px;color:#8db1a5;font:700 9px ui-monospace,monospace}.code-head button{border:1px solid #285246;border-radius:7px;padding:6px 8px;background:#0b3027;color:#bfe2d5;font:700 8px ui-monospace,monospace;cursor:pointer}.code-block pre{margin:0;border:0;border-radius:0;box-shadow:none}.docs-callout{margin-top:16px;border-left:3px solid #18ad78;border-radius:0 12px 12px 0;padding:14px 16px;background:#edf9f2;color:#527067;font-size:11px;line-height:1.65}.docs-callout strong{color:#0b674b}.docs-response-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.docs-response-grid article{border:1px solid #dfeae4;border-radius:14px;padding:16px;background:#fff}.docs-response-grid h3{margin:0 0 8px;font-size:13px}.docs-response-grid p{margin:0;color:#71827c;font-size:10px}.error-table{overflow:hidden;margin-top:16px;border:1px solid #dfeae4;border-radius:14px}.error-table>div{display:grid;grid-template-columns:60px 185px 1fr;gap:12px;padding:11px 13px;border-top:1px solid #edf3ef;align-items:center;font-size:10px}.error-table>div:first-child{border:0;background:#f2f7f4;color:#72827c;font-weight:800}.error-table code{color:#0b674b;font-size:9px}.error-table strong{color:#163d32}
@media(max-width:700px){.api-key-card>footer.api-key-actions{display:grid;grid-template-columns:1fr 1fr}.api-key-card>footer.api-key-actions form,.api-key-card>footer.api-key-actions .key-action{width:100%}.docs-hero{border-radius:18px;padding:23px 19px}.docs-badges{gap:5px}.docs-quick-grid,.endpoint-grid,.docs-response-grid{grid-template-columns:1fr}.doc-card{display:grid;grid-template-columns:auto 1fr;gap:0 12px}.doc-card>span{grid-row:1/3}.doc-card h3{margin:0 0 4px}.error-table{overflow-x:auto}.error-table>div{min-width:600px}.code-head{position:sticky;left:0}.antifraud-note{font-size:10px}}

/* Token cases */
.cases-hub{position:relative;overflow:hidden;margin:24px 0 28px;border:1px solid rgba(35,255,183,.16);border-radius:32px;padding:28px;background:radial-gradient(circle at 8% 5%,rgba(28,255,180,.13),transparent 28%),radial-gradient(circle at 92% 0,rgba(53,153,255,.12),transparent 26%),linear-gradient(145deg,#071c17,#05120f 62%,#071a18);box-shadow:0 30px 90px rgba(3,31,23,.24);color:#f5fffb}
.cases-hub:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(113,255,207,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(113,255,207,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.cases-hub>*{position:relative;z-index:1}.cases-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:23px}.cases-head span{color:#55e8ae;font-size:9px;font-weight:950;letter-spacing:.19em}.cases-head h2{margin:6px 0;color:#fff;font-size:clamp(26px,4vw,38px);letter-spacing:-.04em}.cases-head p{max-width:650px;margin:0;color:#8faf9f;font-size:11px;line-height:1.6}.cases-live{display:flex;align-items:center;gap:7px;border:1px solid rgba(90,255,185,.15);border-radius:999px;padding:8px 11px;background:rgba(51,255,171,.06);color:#8cffc4;font-size:8px;font-weight:850;letter-spacing:.13em}.cases-live i{width:7px;height:7px;border-radius:50%;background:#44f69f;box-shadow:0 0 15px #44f69f;animation:case-live 1.5s ease-in-out infinite}
.cases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.case-card{position:relative;overflow:hidden;display:flex;min-width:0;flex-direction:column;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.06);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.case-card:hover{transform:translateY(-5px);border-color:rgba(91,255,193,.35);box-shadow:0 24px 55px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.08)}.case-card-glow{position:absolute;inset:auto -40% 38% -40%;height:48%;background:radial-gradient(ellipse,rgba(48,246,177,.18),transparent 64%);filter:blur(20px);pointer-events:none}.case-gold .case-card-glow{background:radial-gradient(ellipse,rgba(255,187,39,.26),transparent 64%)}.case-diamond .case-card-glow{background:radial-gradient(ellipse,rgba(70,172,255,.3),transparent 64%)}
.case-visual{position:relative;overflow:hidden;aspect-ratio:1.08/1;border-bottom:1px solid rgba(255,255,255,.08);background:#06110e}.case-visual:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(4,14,11,.96))}.case-visual img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .3s}.case-card:hover .case-visual img{transform:scale(1.045)}.case-visual>span{position:absolute;z-index:2;right:13px;top:13px;border:1px solid rgba(255,255,255,.16);border-radius:9px;padding:5px 7px;background:rgba(0,0,0,.28);color:rgba(255,255,255,.72);font:800 8px ui-monospace,monospace;backdrop-filter:blur(10px)}
.case-copy{padding:18px 18px 14px}.case-copy>small{color:#62dbaa;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.case-gold .case-copy>small{color:#ffc858}.case-diamond .case-copy>small{color:#74bdff}.case-copy h3{margin:5px 0 15px;color:#fff;font-size:22px;letter-spacing:-.035em}.case-range{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.case-range span{color:#6f8e80;font-size:8px;text-transform:uppercase}.case-range strong{color:#dff9ee;font-size:9px}
.case-actions{display:grid;grid-template-columns:auto 1fr;gap:8px;margin-top:auto;padding:0 18px 18px}.case-actions button{min-height:47px;border-radius:13px;cursor:pointer}.case-prizes-button{border:1px solid rgba(255,255,255,.13);padding:10px;background:rgba(255,255,255,.045);color:#a6c6b8;font-size:9px;font-weight:750}.case-open-button{display:flex;align-items:center;justify-content:center;flex-direction:column;border:0;padding:8px 13px;background:linear-gradient(135deg,#27e895,#0ca96a);color:#02120c;box-shadow:0 10px 26px rgba(20,220,133,.19);font:inherit}.case-gold .case-open-button{background:linear-gradient(135deg,#ffd363,#d99b16);box-shadow:0 10px 26px rgba(229,171,33,.19)}.case-diamond .case-open-button{background:linear-gradient(135deg,#8ed1ff,#398ddd);box-shadow:0 10px 26px rgba(55,145,229,.2)}.case-open-button span{font-size:10px;font-weight:950}.case-open-button small{margin-top:2px;font-size:7px;font-weight:750;opacity:.7}.case-open-button:disabled{cursor:not-allowed;filter:grayscale(.75);opacity:.48}.cases-unavailable{border:1px dashed rgba(255,255,255,.18);border-radius:18px;padding:28px;text-align:center;color:#8eaa9d}
.case-prize-modal,.case-opening-stage{position:fixed;inset:0;z-index:1600;display:grid;place-items:center;padding:20px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .25s,visibility .25s}.case-prize-modal.is-open,.case-opening-stage.is-open{visibility:visible;opacity:1;pointer-events:auto}.case-modal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(1,10,8,.78);backdrop-filter:blur(18px)}.case-prize-dialog{position:relative;width:min(660px,calc(100vw - 30px));max-height:min(720px,calc(100vh - 30px));overflow:auto;border:1px solid rgba(91,255,190,.19);border-radius:27px;padding:27px;background:linear-gradient(145deg,#0b211b,#06130f);color:#fff;box-shadow:0 38px 110px rgba(0,0,0,.55)}.case-dialog-close,.case-stage-card>header button{position:absolute;right:16px;top:15px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.06);color:#b7d4c8;font-size:22px;cursor:pointer}.case-prize-dialog section>header span{color:#53e5aa;font-size:9px;font-weight:900;letter-spacing:.16em}.case-prize-dialog h3{margin:7px 0 20px;font-size:27px}.case-prize-dialog section>div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.case-prize-dialog article{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:13px;background:rgba(255,255,255,.035)}.case-prize-dialog article strong{font-size:14px}.case-prize-dialog article span{grid-row:2;color:#6e9483;font-size:8px}.case-prize-dialog article small{grid-row:1/3;grid-column:2;border-radius:999px;padding:5px 7px;background:rgba(71,229,166,.09);color:#63e8b1;font-size:8px;font-weight:800}
.case-opening-stage{overflow:hidden;background:#030b09}.case-stage-aurora{position:absolute;inset:-40%;background:conic-gradient(from 90deg,transparent,rgba(34,255,168,.14),transparent 24%,rgba(42,137,255,.13),transparent 56%,rgba(255,192,47,.11),transparent 84%);animation:case-aurora 12s linear infinite}.case-stage-card{position:relative;width:min(1050px,calc(100vw - 30px));overflow:hidden;border:1px solid rgba(94,255,192,.2);border-radius:30px;padding:24px;background:radial-gradient(circle at 50% 0,rgba(50,255,174,.1),transparent 31%),linear-gradient(155deg,rgba(9,35,27,.98),rgba(3,15,11,.99));box-shadow:0 45px 140px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.08);color:#fff}.case-stage-card>header{position:relative;display:flex;justify-content:space-between;margin-bottom:15px;padding-right:50px}.case-stage-card>header span{color:#56e7ac;font-size:8px;font-weight:900;letter-spacing:.19em}.case-stage-card>header h2{margin:5px 0;font-size:clamp(22px,4vw,34px)}.case-stage-card>header button{right:0;top:0}.case-stage-card>header button:disabled{opacity:.25;cursor:not-allowed}
.case-stage-case{display:flex;align-items:center;gap:12px;margin-bottom:15px}.case-stage-case img{width:54px;height:54px;border:1px solid rgba(255,255,255,.12);border-radius:14px;object-fit:cover}.case-stage-case small,.case-stage-case strong{display:block}.case-stage-case small{color:#648677;font-size:7px;letter-spacing:.13em}.case-stage-case strong{margin-top:3px;font-size:12px}.case-reel-window{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:15px 0;background:#020907;box-shadow:inset 0 14px 35px rgba(0,0,0,.5)}.case-reel-window:before,.case-reel-window:after{content:"";position:absolute;z-index:4;top:0;bottom:0;width:18%;pointer-events:none}.case-reel-window:before{left:0;background:linear-gradient(90deg,#020907,transparent)}.case-reel-window:after{right:0;background:linear-gradient(-90deg,#020907,transparent)}.case-reel-marker{position:absolute;z-index:6;inset:0 50% 0 auto;width:2px;background:linear-gradient(transparent,#6dffc3 15%,#6dffc3 85%,transparent);box-shadow:0 0 18px #54f5ae;pointer-events:none}.case-reel-marker i{position:absolute;left:50%;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;transform:translateX(-50%)}.case-reel-marker i:first-child{top:0;border-top:9px solid #72ffc6}.case-reel-marker i:last-child{bottom:0;border-bottom:9px solid #72ffc6}.case-reel{display:flex;gap:12px;width:max-content;padding:0 calc(50% - 71px);will-change:transform}.case-reel-item{position:relative;display:grid;place-items:center;flex:0 0 142px;height:124px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(150deg,#102b22,#071710);box-shadow:inset 0 1px rgba(255,255,255,.06);color:#d8f9eb}.case-reel-item>span{color:#57e6ad;font-size:19px;text-shadow:0 0 18px rgba(74,244,174,.55)}.case-reel-item strong{font-size:13px}.case-reel-item small{color:#628777;font-size:7px;letter-spacing:.12em}.case-reel-item.rare{border-color:rgba(66,198,255,.35);background:linear-gradient(150deg,#112b35,#07171d)}.case-reel-item.epic{border-color:rgba(139,102,255,.43);background:linear-gradient(150deg,#211b3d,#0d0a1d)}.case-reel-item.mythic{border-color:rgba(255,172,53,.48);background:linear-gradient(150deg,#382510,#1a0e04)}.case-reel-item.legendary{border-color:rgba(255,78,117,.55);background:linear-gradient(150deg,#421625,#1c0710)}.case-reel-item.is-winner{animation:case-winner .8s ease both;box-shadow:0 0 0 2px #6dffc3,0 0 42px rgba(64,255,179,.44)}.case-stage-status{min-height:19px;margin:14px 0 0;color:#799c8c;font-size:9px;text-align:center}.case-stage-status.is-error{color:#ff9e8b}.case-win{margin-top:15px;border:1px solid rgba(98,255,188,.2);border-radius:20px;padding:17px;background:linear-gradient(135deg,rgba(49,238,156,.12),rgba(255,255,255,.035));text-align:center}.case-win span,.case-win strong,.case-win small{display:block}.case-win span{color:#53e7aa;font-size:8px;font-weight:900;letter-spacing:.17em}.case-win strong{margin:5px 0;color:#fff;font-size:clamp(28px,5vw,45px);letter-spacing:-.04em;text-shadow:0 0 26px rgba(74,255,181,.34)}.case-win small{color:#7fa492;font-size:8px}.case-win .btn{margin-top:12px}
@keyframes case-live{50%{opacity:.35;transform:scale(.7)}}@keyframes case-aurora{to{transform:rotate(360deg)}}@keyframes case-winner{50%{transform:scale(1.06)}100%{transform:scale(1.02)}}

/* Per-key guardrails */
.key-limits-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:8px;margin-top:13px;border-top:1px solid #e4ece8;padding-top:12px}.key-limits-head{grid-column:1/-1;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.key-limits-head b,.key-limits-head small{display:block}.key-limits-head b{color:#23483c;font-size:10px}.key-limits-head small,.key-limits-head>span{color:#7a8c84;font-size:8px}.key-limits-form label{display:grid;gap:5px;color:#6d8179;font-size:8px}.key-limits-form input{min-width:0;border:1px solid #d8e6de;border-radius:9px;padding:9px;background:#fff;color:#173d31;font:10px inherit}.key-limits-form button{min-height:35px;border:0;border-radius:9px;padding:8px 12px;background:#0b7d59;color:#fff;font-size:9px;font-weight:800;cursor:pointer}
@media(max-width:920px){.cases-grid{grid-template-columns:1fr 1fr}.case-card:last-child{grid-column:1/-1}.case-card:last-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.75fr)}.case-card:last-child .case-visual{grid-row:1/4;aspect-ratio:auto}.case-card:last-child .case-actions{grid-column:2}.case-card:last-child .case-copy{grid-column:2}}
@media(max-width:700px){.cases-hub{margin-inline:-10px;border-radius:25px;padding:18px}.cases-head{align-items:flex-start;flex-direction:column}.cases-live{display:none}.cases-grid{grid-template-columns:1fr}.case-card:last-child{display:flex;grid-column:auto}.case-visual{aspect-ratio:1.25/1}.case-actions{grid-template-columns:1fr 1.45fr}.case-prize-dialog section>div{grid-template-columns:1fr}.case-opening-stage{padding:8px}.case-stage-card{width:100%;border-radius:22px;padding:16px}.case-reel-item{flex-basis:126px;height:112px}.case-reel{padding-inline:calc(50% - 63px)}.key-limits-form{grid-template-columns:1fr}.key-limits-head{grid-column:1;align-items:flex-start;flex-direction:column}.key-limits-form button{width:100%}}
@media(prefers-reduced-motion:reduce){.case-card,.case-visual img,.case-prize-modal,.case-opening-stage{transition:none}.cases-live i,.case-stage-aurora{animation:none}}


/* Browser push notifications */
.notification-bell{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(20,111,74,.18);border-radius:14px;background:#edf8f2;color:#0b6b44;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.notification-bell:hover{transform:translateY(-2px);border-color:#19a869;box-shadow:0 10px 26px rgba(10,89,55,.14)}
.notification-bell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notification-dot{position:absolute;top:8px;right:8px;width:7px;height:7px;border:2px solid #edf8f2;border-radius:50%;background:#1ed27f;box-shadow:0 0 0 3px rgba(30,210,127,.14)}
.push-permission{position:fixed;inset:0;z-index:1400;display:grid;place-items:end center;padding:24px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .24s ease,visibility .24s ease}
.push-permission.is-open{visibility:visible;opacity:1;pointer-events:auto}
.push-permission-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(2,18,12,.58);backdrop-filter:blur(12px);cursor:default}
.push-permission-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;width:min(860px,calc(100vw - 32px));padding:24px;border:1px solid rgba(98,244,174,.28);border-radius:26px;background:linear-gradient(135deg,rgba(8,43,29,.98),rgba(4,25,18,.98));color:#f2fff8;box-shadow:0 30px 90px rgba(0,19,12,.48),inset 0 1px rgba(255,255,255,.08);transform:translateY(26px) scale(.985);transition:transform .34s cubic-bezier(.2,.8,.2,1)}
.push-permission.is-open .push-permission-card{transform:translateY(0) scale(1)}
.push-permission-icon{position:relative;display:grid;place-items:center;width:68px;height:68px;border:1px solid rgba(99,255,181,.26);border-radius:20px;background:radial-gradient(circle at 32% 25%,rgba(72,255,161,.28),rgba(13,105,66,.18));box-shadow:inset 0 0 24px rgba(43,227,137,.09)}
.push-permission-icon>span{position:absolute;top:8px;right:9px;color:#55e99e;font-size:10px;text-shadow:0 0 12px #45e699}
.push-permission-icon svg{width:28px;height:28px;fill:none;stroke:#7dffba;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.push-permission-copy{min-width:0}
.push-permission-copy .eyebrow{display:block;margin-bottom:5px;color:#67eaa5;font-size:10px;font-weight:800;letter-spacing:.18em}
.push-permission-copy h2{margin:0 0 6px;color:#fff;font-size:clamp(21px,3vw,28px);letter-spacing:-.035em}
.push-permission-copy p{margin:0;max-width:570px;color:#a9c7b8;font-size:14px;line-height:1.55}
.push-permission-status{min-height:20px;margin-top:7px!important;color:#d5ebdf!important;font-weight:650}
.push-permission-status.is-success{color:#72f3ae!important}
.push-permission-status.is-error{color:#ffb6a9!important}
.push-permission-actions{display:flex;gap:10px;align-items:center}
.push-permission-actions .btn{white-space:nowrap}
.push-permission-actions .ghost{border:1px solid rgba(214,255,235,.24);background:rgba(255,255,255,.08);color:#effff7;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.push-permission-actions .ghost:hover,.push-permission-actions .ghost:focus-visible{border-color:rgba(126,255,190,.55);background:rgba(126,255,190,.14);color:#fff;outline:0;box-shadow:0 0 0 3px rgba(78,225,151,.12)}
.push-permission-actions .primary{box-shadow:0 10px 28px rgba(20,207,116,.2)}
@media(max-width:760px){.push-permission{padding:12px}.push-permission-card{grid-template-columns:56px minmax(0,1fr);gap:15px;padding:19px;border-radius:22px}.push-permission-icon{width:56px;height:56px;border-radius:17px}.push-permission-actions{grid-column:1/-1;width:100%}.push-permission-actions .btn{flex:1;padding-inline:12px}.push-permission-copy p{font-size:13px}}
@media(max-width:440px){.push-permission-card{grid-template-columns:1fr}.push-permission-icon{display:none}.push-permission-actions{flex-direction:column}.push-permission-actions .btn{width:100%}.notification-bell{width:39px;height:39px;border-radius:12px}}
@media(prefers-reduced-motion:reduce){.push-permission,.push-permission-card,.notification-bell{transition:none}}

/* Shared legal footer */
.site-footer {
  border-top: 1px solid rgba(255, 255, 255, .08);
  padding: 32px 0;
}
.site-footer .footer-row {
  gap: 32px;
}
.footer-brand {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 18px;
}
.site-footer .footer-brand p {
  max-width: 360px;
  margin: 0;
  color: #89a79e;
  line-height: 1.55;
}
.site-footer .footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px 18px;
  margin-left: auto;
}
.site-footer .footer-links a {
  color: #b8d0c8;
  font-size: 11px;
  font-weight: 750;
  transition: color .18s ease;
}
.site-footer .footer-links a:hover,
.site-footer .footer-links a:focus-visible {
  color: #dfff76;
}
@media (max-width: 700px) {
  .site-footer {
    padding: 28px 0;
  }
  .site-footer .footer-row,
  .site-footer .footer-brand {
    width: 100%;
    align-items: flex-start;
  }
  .site-footer .footer-brand {
    flex-direction: column;
    gap: 10px;
  }
  .site-footer .footer-links {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
    gap: 4px 16px;
    margin-left: 0;
  }
  .site-footer .footer-links a {
    padding: 7px 0;
  }
}
@media (max-width: 420px) {
  .site-footer .footer-links {
    grid-template-columns: 1fr;
  }
}