.NJxG3a_page{color:var(--foundation-text);font-family:var(--foundation-ui);font-size:var(--foundation-type-body-size);line-height:var(--foundation-type-body-line-height);flex-direction:column;gap:24px;display:flex}.NJxG3a_hero{border:1px solid var(--surface-border);color:#fff;background:radial-gradient(circle at 86% 20%,#14b8a629,#0000 34%),linear-gradient(135deg,#0f172af5,#0f5868e0);border-radius:22px;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:stretch;gap:24px;padding:28px;display:grid;box-shadow:0 18px 44px #0f172a29}.NJxG3a_eyebrow{color:#ffffffb8;font-size:var(--foundation-type-caption-size);letter-spacing:.1em;text-transform:uppercase;font-weight:800}.NJxG3a_heroTitle{max-width:760px;margin:8px 0 12px;color:#fff!important;font-size:var(--foundation-type-page-title-size)!important;line-height:var(--foundation-type-title-line-height)!important}.NJxG3a_heroCopy{color:#ffffffc7;max-width:820px;font-size:var(--foundation-type-body-size);line-height:var(--foundation-type-body-line-height);margin:0}.NJxG3a_heroPanel{background:#ffffff14;border:1px solid #ffffff2e;border-radius:18px;flex-direction:column;justify-content:center;gap:14px;padding:22px;display:flex}.NJxG3a_heroMetric{border-bottom:1px solid #ffffff24;justify-content:space-between;gap:18px;padding:12px 0;display:flex}.NJxG3a_heroMetric:last-child{border-bottom:0}.NJxG3a_heroMetric span{color:#ffffffad;font-size:var(--foundation-type-secondary-size);font-weight:700}.NJxG3a_heroMetric strong{color:#fff;font-size:var(--foundation-type-control-size);text-align:right}.NJxG3a_grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.NJxG3a_card{border:1px solid var(--surface-border);background:var(--surface-elevated);min-height:220px;box-shadow:var(--shadow-soft);border-radius:18px;padding:22px}.NJxG3a_cardIcon{border:1px solid color-mix(in srgb, var(--brand) 24%, var(--surface-border));background:color-mix(in srgb, var(--brand) 12%, transparent);width:42px;height:42px;color:var(--brand);border-radius:14px;place-items:center;margin-bottom:16px;font-size:20px;display:inline-grid}.NJxG3a_cardTitle{color:var(--text);font-size:var(--foundation-type-section-title-size);margin-bottom:8px;font-weight:650;display:block}.NJxG3a_cardCopy{color:var(--text-muted);font-size:var(--foundation-type-body-size);line-height:var(--foundation-type-body-line-height);margin:0}.NJxG3a_workflow{border:1px solid var(--surface-border);background:var(--surface);border-radius:22px;padding:24px}.NJxG3a_workflowTitle{color:var(--text);font-size:var(--foundation-type-section-title-size);margin:0 0 18px;font-weight:650}.NJxG3a_steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.NJxG3a_step{border:1px solid var(--surface-border);background:var(--surface-elevated);border-radius:16px;flex-direction:column;gap:10px;min-height:170px;padding:18px;display:flex}.NJxG3a_stepIndex{background:color-mix(in srgb, var(--brand) 14%, transparent);width:34px;height:34px;color:var(--brand);border-radius:999px;place-items:center;font-weight:850;display:inline-grid}.NJxG3a_step strong{color:var(--text);font-size:var(--foundation-type-control-size)}.NJxG3a_step span{color:var(--text-muted);font-size:var(--foundation-type-secondary-size);line-height:var(--foundation-type-secondary-line-height)}.NJxG3a_promptBox{border:1px solid color-mix(in srgb, var(--brand) 24%, var(--surface-border));background:color-mix(in srgb, var(--brand) 8%, var(--surface-elevated));border-radius:18px;padding:22px}.NJxG3a_promptTitle{color:var(--text);font-size:var(--foundation-type-section-title-size);margin-bottom:10px;font-weight:650;display:block}.NJxG3a_promptCode{white-space:pre-wrap;border:1px solid var(--surface-border);background:var(--code-surface,#0f172a);color:var(--code-text,#e2e8f0);font-family:var(--foundation-mono);font-size:var(--foundation-type-code-size);border-radius:14px;margin:0;padding:16px;line-height:1.55;display:block}@media (width<=1100px){.NJxG3a_hero,.NJxG3a_grid,.NJxG3a_steps{grid-template-columns:1fr}}@media (width<=720px){.NJxG3a_hero{padding:22px}.NJxG3a_heroTitle{font-size:clamp(27px, 8vw, var(--foundation-type-page-title-size))!important}}