:root {
  color-scheme:dark;
  --bg:#0b1120;
  --panel:#131e31;
  --text:#edf3fc;
  --muted:#b4c2d6;
  --line:#33445c;
  --accent:#75e2cf;
  --ink:#082a29;
}
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:24px;
}
body {
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.65;
}
a {
  color:var(--accent);
  text-underline-offset:4px;
}
button {
  font:inherit;
  cursor:pointer;
}
a,button {
  -webkit-tap-highlight-color:transparent;
}
a:focus-visible,button:focus-visible {
  outline:3px solid #ffda8b;
  outline-offset:5px;
}
[hidden] {
  display:none!important;
}
.wrapper {
  max-width:1248px;
  margin:auto;
  padding:0 32px;
}
.skip-link {
  position:absolute;
  top:-100px;
  left:16px;
  z-index:10;
  background:var(--text);
  color:var(--bg);
  padding:10px;
}
.skip-link:focus {
  top:10px;
}
.marketing-header {
  border-bottom:1px solid var(--line);
}
.suite-bar {
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:12px 0;
  border-bottom:1px solid var(--line);
  font-size:.76rem;
  color:var(--muted);
}
.suite-bar a {
  text-decoration:none;
  color:var(--muted);
}
.product-bar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:22px 0;
}
.brand {
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-size:1.2rem;
  font-weight:750;
  color:var(--text);
  text-decoration:none;
  white-space:nowrap;
}
.brand-mark {
  display:grid;
  place-items:center;
  background:var(--accent);
  color:var(--ink);
  width:34px;
  height:34px;
  border-radius:10px;
}
.brand-ai {
  font-size:.72rem;
  color:var(--accent);
}
.primary-nav {
  display:flex;
  align-items:center;
  gap:24px;
  font-size:.875rem;
}
.primary-nav a {
  color:var(--text);
  text-decoration:none;
}
.primary-nav a:hover,.footer-links a:hover {
  text-decoration:underline;
}
.nav-sign-in {
  border-left:1px solid var(--line);
  padding-left:24px;
}
.nav-toggle {
  display:none!important;
}
section {
  padding:70px 0;
  scroll-margin-top:20px;
}
.hero {
  display:grid;
  grid-template-columns:1.5fr 1fr;
  gap:56px;
  align-items:center;
  padding:88px 0 72px;
}
.eyebrow {
  font-size:.73rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:750;
  color:var(--accent);
  margin:0 0 18px;
}
h1,h2,h3 {
  line-height:1.16;
  letter-spacing:-.035em;
  margin:0 0 22px;
}
h1 {
  font-size:clamp(2.6rem,4.8vw,4.4rem);
  font-weight:750;
}
h1 span {
  color:var(--accent);
}
h2 {
  font-size:clamp(2rem,3.3vw,2.8rem);
}
h3 {
  font-size:1.25rem;
  letter-spacing:-.02em;
  line-height:1.3;
}
p {
  margin:0 0 20px;
  color:var(--muted);
}
.lead {
  font-size:1.08rem;
  max-width:650px;
}
.small {
  font-size:.82rem;
  line-height:1.6;
}
.hero-actions,.button-row {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:28px 0 20px;
}
.button {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  min-height:46px;
  padding:11px 18px;
  background:var(--accent);
  border:1px solid var(--accent);
  border-radius:8px;
  color:var(--ink);
  font-size:.87rem;
  font-weight:700;
  text-decoration:none;
  text-align:center;
}
.button:hover {
  filter:brightness(1.08);
}
.button.secondary {
  background:transparent;
  color:var(--text);
  border-color:#62758f;
}
.card {
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:16px;
  padding:28px;
  min-width:0;
}
.card p:last-child {
  margin-bottom:0;
}
.hero-summary {
  background:linear-gradient(140deg,#183831,#131e31 70%);
}
.summary-list {
  padding:0;
  list-style:none;
  counter-reset:handoff;
  margin:24px 0;
}
.summary-list li {
  counter-increment:handoff;
  position:relative;
  padding:0 0 22px 44px;
}
.summary-list li:before {
  content:counter(handoff);
  position:absolute;
  left:0;
  top:0;
  border:1px solid #65877f;
  color:var(--accent);
  border-radius:50%;
  width:27px;
  height:27px;
  text-align:center;
  font-size:.8rem;
}
.summary-list strong,.summary-list span {
  display:block;
}
.summary-list span {
  color:var(--muted);
  font-size:.87rem;
}
.text-link {
  font-size:.88rem;
  font-weight:650;
}
.section-head {
  max-width:780px;
  margin-bottom:30px;
}
.section-head p:last-child {
  margin-bottom:0;
}
.grid-2,.grid-3,.grid-4,.example-grid,.split-section {
  display:grid;
  gap:20px;
}
.grid-2,.example-grid,.split-section {
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.grid-3 {
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.grid-4 {
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.step-number {
  display:block;
  color:var(--accent);
  font-size:.83rem;
  margin-bottom:25px;
}
.step p {
  font-size:.91rem;
}
.request-fields {
  font-size:.88rem;
  margin:24px 0;
}
.request-fields dt {
  font-weight:650;
  color:var(--text);
  margin-top:18px;
}
.request-fields dd {
  margin:5px 0;
  color:var(--muted);
}
.result-card {
  border-color:#507f76;
}
.example-controls {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:18px;
}
.example-controls button {
  padding:8px 10px;
  border:1px solid #62758f;
  background:transparent;
  color:var(--text);
  border-radius:6px;
  font-size:.76rem;
  min-height:44px;
}
.example-controls button[aria-pressed=true] {
  background:var(--accent);
  color:var(--ink);
  border-color:var(--accent);
}
.status {
  display:inline-block;
  border:1px solid #62758f;
  border-radius:6px;
  padding:4px 8px;
  font-size:.7rem;
  color:var(--muted);
  margin-bottom:20px;
}
.status.good {
  color:var(--accent);
  border-color:#507f76;
}
.status.warning {
  color:#ffda8b;
  border-color:#8b794e;
}
.callout {
  border-left:2px solid var(--accent);
  padding-left:16px;
  font-size:.87rem;
}
.split-section {
  gap:44px;
  align-items:center;
}
.split-section .section-head {
  margin:0;
}
.plain-list {
  padding-left:20px;
  color:var(--muted);
}
.plain-list li {
  padding-bottom:12px;
}
pre {
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  background:#091220;
  border:1px solid var(--line);
  padding:18px;
  border-radius:10px;
  color:#c8f5e9;
  font-size:.8rem;
  line-height:1.7;
  max-width:100%;
}
code {
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  overflow-wrap:anywhere;
}
.closing {
  text-align:center;
  margin:50px 0 80px;
  padding:48px 28px;
  background:linear-gradient(115deg,#163831,#142034);
}
.closing .hero-actions {
  justify-content:center;
}
footer {
  border-top:1px solid var(--line);
  padding:35px 0 30px;
}
footer .brand {
  margin-bottom:12px;
}
.footer-links {
  display:flex;
  flex-wrap:wrap;
  gap:12px 24px;
  margin:18px 0;
}
.footer-links a {
  font-size:.83rem;
  color:var(--muted);
}
footer .small {
  max-width:850px;
  margin-top:28px;
}
.docs-hero {
  max-width:870px;
  padding-bottom:30px;
}
.docs-hero h1 {
  font-size:clamp(2.5rem,4vw,3.8rem);
}
.docs-nav {
  display:flex;
  flex-wrap:wrap;
  gap:12px 25px;
  margin-top:26px;
}
.docs-section {
  max-width:980px;
  padding:45px 0;
}
.docs-section ol {
  padding-left:24px;
  color:var(--muted);
}
.docs-section li {
  margin-bottom:16px;
}
.table-wrap {
  overflow-x:auto;
}
table {
  border-collapse:collapse;
  width:100%;
  font-size:.9rem;
}
th,td {
  text-align:left;
  padding:16px;
  border-bottom:1px solid var(--line);
  vertical-align:top;
}
th {
  color:var(--text);
}
td {
  color:var(--muted);
}
@media(max-width:1050px) {
  .primary-nav {
    gap:14px;
  }
  .nav-sign-in {
    padding-left:14px;
  }
  .grid-4 {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .hero {
    gap:28px;
  }
  .card {
    padding:23px;
  }
}
@media(max-width:800px) {
  .wrapper {
    padding:0 22px;
  }
  .product-bar {
    flex-wrap:wrap;
    gap:18px;
  }
  .primary-nav {
    width:100%;
    flex-wrap:wrap;
  }
  .js .nav-toggle {
    display:inline-flex!important;
  }
  .js .primary-nav:not(.is-open) {
    display:none;
  }
  .nav-sign-in {
    border-left:0;
    padding-left:0;
  }
  .hero,.split-section,.example-grid {
    grid-template-columns:1fr;
  }
  .hero {
    padding:54px 0;
    gap:30px;
  }
  .hero-summary {
    max-width:none;
  }
  .grid-3 {
    grid-template-columns:1fr;
  }
  .suite-bar span {
    display:none;
  }
  .split-section {
    gap:24px;
  }
  section {
    padding:44px 0;
  }
  .closing {
    margin:35px 0 50px;
  }
  .docs-section {
    padding:35px 0;
  }
}
@media(max-width:440px) {
  .wrapper {
    padding:0 16px;
  }
  .grid-2,.grid-4 {
    grid-template-columns:1fr;
  }
  .brand {
    font-size:1rem;
  }
  .product-bar {
    gap:10px;
  }
  .card {
    padding:20px;
  }
  .hero-actions .button {
    width:100%;
  }
  .primary-nav {
    flex-direction:column;
    align-items:flex-start;
    gap:18px;
    padding:12px 0;
  }
  h1 {
    font-size:2.6rem;
  }
  th,td {
    padding:12px 8px;
  }
  .closing {
    padding:32px 20px;
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
}


.entry-form {
  display: grid;
  gap: 12px;
  max-width: 640px;
  margin: 24px 0;
}
.entry-form input, .entry-form select, .entry-form textarea {
  width: 100%;
  min-height: 46px;
  border: 1px solid #62758f;
  border-radius: 8px;
  padding: 12px;
  background: #0b1120;
  color: var(--text);
  font: inherit;
}
.entry-form input:focus-visible, .entry-form select:focus-visible, .entry-form textarea:focus-visible {
  outline: 3px solid #ffda8b;
  outline-offset: 3px;
}
.entry-form button { justify-self: start; }