:root {--bg:#070b14;--bg2:#0d1220;--card:rgba(255,255,255,.04);--border:rgba(255,255,255,.08);--text:#ffffff;--muted:#94a3b8;--blue:#4f8cff;--blue-glow:rgba(79,140,255,.25);--green:#22c55e;}
* {margin:0;padding:0;box-sizing:border-box;}
html {scroll-behavior:smooth;}
body {font-family:'Inter',sans-serif;background:radial-gradient(circle at top right,rgba(79,140,255,.10),transparent 35%),radial-gradient(circle at bottom left,rgba(79,140,255,.08),transparent 35%),linear-gradient(180deg,#050814,#070b14);color:var(--text);overflow-x:hidden;}
.feature-card:hover,.pricing-card:hover,.docs-content:hover,.playground-output:hover {box-shadow:0 0 0 1pxrgba(255,255,255,.05),0 25px 80pxrgba(79,140,255,.10);}
html:hover #cursorGlow {opacity:1;}
a {text-decoration:none;color:inherit;}
.container {max-width:1280px;padding-inline:24px;margin:auto;}
.blur-bg {position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;}
.blur {position:absolute;border-radius:50%;filter:blur(120px);opacity:.4;animation:float 15s linear infinite;}
.blur1 {width:500px;height:500px;background:#4f8cff;top:-150px;right:-100px;}
.blur2 {width:400px;height:400px;background:#2563eb;left:-100px;bottom:-100px;animation-duration:20s;}
.nav {position:sticky;top:0;z-index:999;backdrop-filter:blur(20px);background:rgba(7,11,20,.7);border-bottom:1px solid rgba(255,255,255,.05);}
.nav-inner {height:72px;display:flex;align-items:center;justify-content:space-between;}
.logo {font-size:26px;font-weight:800;letter-spacing:-1px;}
.logo span {color:var(--blue);}
#cursorGlow {position:fixed;left:0;top:0;width:700px;height:700px;border-radius:50%;pointer-events:none;z-index:0;opacity:0;mix-blend-mode:screen;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(170,120,255,.40) 0%,rgba(130,80,255,.25) 18%,rgba(95,65,255,.15) 35%,rgba(75,45,190,.08) 50%,transparent 75%);filter:blur(100px);will-change:transform,opacity;transition:opacity1.2sease;}
.nav,section,footer {position:relative;z-index:2;}
.nav-links {display:flex;gap:28px;align-items:center;}
.nav-links a {color:var(--muted);font-size:14px;transition:.2s;}
.nav-links a:hover {color:white;}
.btn {padding:12px 20px;border-radius:12px;font-weight:600;cursor:pointer;transition:.25s;display:inline-flex;align-items:center;justify-content:center;}
.btn-primary {background:var(--blue);box-shadow:0 0 30px var(--blue-glow);}
.btn-primary:hover {transform:translateY(-2px);}
.btn-secondary {border:1px solid var(--border);background:rgba(255,255,255,.03);}
.hero {padding-top:120px;padding-bottom:120px;}
.hero-grid {display:grid;grid-template-columns:1.2fr 0.8fr;gap:60px;align-items:center;}
.hero-badge {display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--border);font-size:13px;color:var(--muted);margin-bottom:24px;}
.dot {width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 15px var(--green);}
.hero h1 {font-size:72px;line-height:1;font-weight:900;letter-spacing:-3px;margin-bottom:20px;}
.gradient {background:linear-gradient(90deg,#fff,#4f8cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.hero p {font-size:20px;line-height:1.8;color:var(--muted);max-width:800px;margin-bottom:40px;}
.hero-actions {display:flex;gap:16px;flex-wrap:wrap;}
.hero-card {background:var(--card);border:1px solid var(--border);border-radius:24px;padding:25px;backdrop-filter:blur(15px);box-shadow:0 20px 80px rgba(0,0,0,.35);}
.code-top {display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
.code-dot {display:flex;gap:6px;}
.code-dot span {width:12px;height:12px;border-radius:50%;background:#374151;}
.code-dot span:nth-child(1) {background:#ef4444;}
.code-dot span:nth-child(2) {background:#f59e0b;}
.code-dot span:nth-child(3) {background:#22c55e;}
.code-title {font-size:13px;color:var(--muted);}
.code {font-family:Consolas,monospace;font-size:14px;line-height:2;overflow:auto;}
.key {color:#60a5fa;}
.string {color:#22c55e;}
.number {color:#f59e0b;}
.stats {padding:40px 0 120px;}
.stats-grid {display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
.stat {background:var(--card);border:1px solid var(--border);border-radius:22px;padding:30px;text-align:center;}
.stat h3 {font-size:34px;margin-bottom:8px;}
.stat p {color:var(--muted);}
.feature-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.feature-card {background:var(--card);border:1px solid var(--border);border-radius:24px;padding:32px;transition:.25s;backdrop-filter:blur(15px);}
.feature-card:hover {transform:translateY(-6px);border-color:rgba(79,140,255,.35);}
.feature-icon-wrap {position:relative;width:70px;height:70px;margin-bottom:22px;}
.feature-icon-wrap::before {content:"";position:absolute;inset:-8px;border-radius:24px;background:radial-gradient(rgba(79,140,255,.25),transparent 70%);filter:blur(16px);}
.feature-icon {position:relative;z-index:2;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:rgba(255,255,255,.04);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);}
.feature-card h3 {font-size:22px;margin-bottom:12px;}
.feature-card p {color:var(--muted);line-height:1.8;}
.capability-box {display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:30px;padding:50px;}
.cap-left h2 {font-size:48px;margin-bottom:20px;line-height:1.1;}
.cap-left p {color:var(--muted);margin-bottom:25px;font-size:18px;}
.cap-left ul {list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:15px;}
.cap-left li {padding:14px;background:rgba(255,255,255,.03);border-radius:12px;}
.cap-right {display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.mini-card {padding:25px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid var(--border);text-align:center;}
.mini-label {font-size:13px;color:var(--muted);margin-bottom:8px;}
.mini-value {font-size:42px;font-weight:900;}
.docs-layout {display:grid;grid-template-columns:300px 1fr;gap:30px;}
.docs-sidebar {background:var(--card);border:1px solid var(--border);border-radius:24px;padding:20px;height:fit-content;position:sticky;top:100px;}
.endpoint-btn {width:100%;padding:14px 18px;border:none;border-radius:12px;margin-bottom:8px;background:transparent;color:var(--muted);cursor:pointer;text-align:left;transition:.2s;}
.endpoint-btn:hover {background:rgba(255,255,255,.05);}
.endpoint-btn.active {background:rgba(79,140,255,.15);color:white;}
.docs-content {background:var(--card);border:1px solid var(--border);border-radius:24px;padding:30px;}
.docs-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;}
.method {display:inline-flex;padding:6px 12px;border-radius:999px;background:rgba(34,197,94,.15);color:#22c55e;font-size:13px;font-weight:700;margin-bottom:12px;}
.docs-header h3 {font-size:34px;margin-bottom:10px;}
.docs-header p {color:var(--muted);}
.request-card {background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:18px;padding:20px;margin-bottom:20px;}
.request-title {font-weight:700;margin-bottom:12px;}
.copy-button {background:var(--blue);border:none;padding:12px 18px;border-radius:12px;cursor:pointer;color:white;font-weight:600;}
.playground-grid {display:grid;grid-template-columns:400px 1fr;gap:30px;}
.playground-form {background:var(--card);border:1px solid var(--border);border-radius:24px;padding:25px;}
.playground-form {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:start;}
.field {margin-bottom:0;display:flex;flex-direction:column;}
.field input,.field select {height:48px;}
.checkbox-wrap {height:48px;display:flex;align-items:center;}
.run-btn {grid-column:1/-1;}
#endpointSearch {width:100%;padding:12px;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:12px;margin-bottom:15px;color:white;}
.pricing-card {position:relative;overflow:hidden;}
.pricing-card::before {content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(79,140,255,.12));opacity:0;transition:.3s;}
.pricing-card:hover::before {opacity:1;}
.field {margin-bottom:18px;}
.field label {display:block;margin-bottom:8px;font-size:14px;color:var(--muted);}
.field select {appearance:none;-webkit-appearance:none;-moz-appearance:none;background:rgba(255,255,255,.04);color:white;}
.field select option {background:#0d1220;color:white;}
.field input::placeholder {color:#64748b;}
.field input:focus,.field select:focus {outline:none;border-color:rgba(79,140,255,.5);box-shadow:0 0 0 3pxrgba(79,140,255,.15);}
#generatedUrl {display:block;margin-bottom:15px;padding:12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--border);color:#60a5fa;font-size:13px;word-break:break-all;}
.field input,.field select {width:100%;padding:14px;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:white;}
.run-btn {width:100%;padding:16px;border:none;border-radius:14px;background:var(--blue);color:white;font-weight:700;cursor:pointer;}
.playground-output {background:var(--card);border:1px solid var(--border);border-radius:24px;padding:25px;}
.playground-output {min-height:700px;display:flex;flex-direction:column;}
.output-top {display:flex;justify-content:space-between;margin-bottom:20px;}
.small-btn {background:rgba(255,255,255,.08);border:none;padding:8px 12px;border-radius:10px;cursor:pointer;color:white;}
#liveResponse {white-space:pre-wrap;overflow:auto;font-size:14px;line-height:1.7;}
#liveResponse {flex:1;overflow:auto;}
.playground-output {position:sticky;top:100px;}
#liveResponse {background:#05080f;padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.05);font-family:Consolas,monospace;}
.pricing-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:25px;}
.pricing-card {background:var(--card);border:1px solid var(--border);border-radius:24px;padding:35px;text-align:center;}
.featured {border-color:var(--blue);box-shadow:0 0 40px rgba(79,140,255,.2);}
.price {font-size:60px;font-weight:900;margin:15px 0;}
.pricing-card ul {list-style:none;margin-top:20px;}
.pricing-card li {padding:10px 0;color:var(--muted);}
.status-card {display:flex;justify-content:space-between;align-items:center;gap:30px;padding:50px;background:var(--card);border:1px solid var(--border);border-radius:30px;}
.status-right {text-align:right;}
.status-indicator {display:flex;align-items:center;gap:12px;font-size:20px;margin-bottom:15px;justify-content:flex-end;}
.status-dot {width:14px;height:14px;border-radius:50%;background:#22c55e;box-shadow:0 0 20px #22c55e;}
#responseTime {font-size:42px;font-weight:900;}
.coverage-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.coverage-card {padding:15px;border-radius:24px;background:var(--card);border:1px solid var(--border);text-align:center;}
.coverage-card h3 {margin-bottom:20px;color:var(--muted);}
.coverage-number {font-size:34px;font-weight:900;}
.faq-wrap {display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.faq-item {padding:30px;border-radius:20px;background:var(--card);border:1px solid var(--border);}
.faq-item h3 {margin-bottom:12px;}
.faq-item p {color:var(--muted);line-height:1.8;}
.contact-card {text-align:center;border-radius:30px;background:linear-gradient(135deg,rgba(79,140,255,.18),rgba(79,140,255,.05));border:1px solid rgba(79,140,255,.25);}
.contact-card {padding:70px;}
.contact-card h2 {font-size:56px;margin-bottom:15px;}
.contact-card p {color:var(--muted);margin-bottom:30px;font-size:20px;}
.contact-buttons {display:flex;justify-content:center;gap:15px;flex-wrap:wrap;}
.pricing-card {cursor:pointer;}
.pricing-card:hover {transform:translateY(-6px);transition:.25s;}
.mobile-menu {display:none;}
.checkbox-wrap {display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--border);cursor:pointer;transition:.2s;}
.checkbox-wrap:hover {border-color:rgba(79,140,255,.3);background:rgba(79,140,255,.05);}
#pgDetails {width:18px;height:18px;accent-color:var(--blue);}
.auth-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.auth-card {background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:28px;backdrop-filter:blur(20px);}
.auth-card h3 {font-size:22px;margin-bottom:16px;}
.auth-card pre {background:rgba(0,0,0,.35);padding:16px;border-radius:14px;overflow:auto;font-size:13px;line-height:1.7;}
.auth-card ul {padding-left:18px;}
.auth-card li {margin-bottom:10px;color:var(--muted);}

@media(max-width:600px) {
.playground-form {grid-template-columns:1fr;}
.playground-output {min-height:auto;padding:18px;}
#liveResponse {font-size:12px;padding:15px;}
}

@media(max-width:600px) {
.hero-actions {flex-direction:column;}
.hero-actions .btn {width:100%;}
}

@media(max-width:600px) {
.container {padding-inline:16px;}
.hero-badge {font-size:12px;}
.price {font-size:42px;}
.coverage-number {font-size:28px;}
.mini-value {font-size:32px;}
}

@media(max-width:600px) {
.contact-card {padding:30px 20px;}
.contact-card h2 {font-size:34px;line-height:1.15;}
.contact-card p {font-size:16px;}
}

@media(max-width:600px) {
.cap-right {grid-template-columns:1fr;}
.cap-left h2 {font-size:34px;}
}

@media(max-width:900px) {
.playground-form {grid-template-columns:1fr;}
}

@media(max-width:1000px) {
.playground-output {position:static;}
}

@keyframes float {
0% {transform:translateY(0px);}
50% {transform:translateY(50px);}
100% {transform:translateY(0px);}
}

@media(max-width:900px) {
.nav-links {display:none;}
.mobile-menu {display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.05);cursor:pointer;}
}

@media(max-width:768px) {
.hero {padding-top:60px;padding-bottom:60px;}
.hero h1 {font-size:36px!important;line-height:1.15;}
.hero p {font-size:16px;line-height:1.7;}
}

@media(max-width:1000px) {
.hero-grid {grid-template-columns:1fr;}
.hero h1 {font-size:52px;}
.stats-grid {grid-template-columns:repeat(2,1fr);}
}

@media(max-width:600px) {
.hero {padding-top:80px;}
.hero h1 {font-size:42px;}
.stats-grid {grid-template-columns:1fr;}
}

@media(max-width:1000px) {
.feature-grid {grid-template-columns:1fr;}
.capability-box {grid-template-columns:1fr;}
.cap-left ul {grid-template-columns:1fr;}
}

@media(max-width:1000px) {
.docs-layout {grid-template-columns:1fr;}
.docs-sidebar {position:static;display:flex;gap:10px;overflow-x:auto;padding:15px;scrollbar-width:none;}
.docs-sidebar::-webkit-scrollbar {display:none;}
.endpoint-btn {min-width:max-content;margin-bottom:0;white-space:nowrap;}
}

@media(max-width:600px) {
.docs-content {padding:18px;}
.docs-header {flex-direction:column;align-items:flex-start;gap:15px;}
.docs-header h3 {font-size:26px;}
.request-card {padding:15px;overflow:auto;}
.request-card pre {font-size:12px;}
}

@media(max-width:1000px) {
.playground-grid {grid-template-columns:1fr;}
}

@media(max-width:1000px) {
.pricing-grid {grid-template-columns:1fr;}
}

@media(max-width:1000px) {
.status-card {flex-direction:column;text-align:center;}
.status-right {text-align:center;}
.status-indicator {justify-content:center;}
}

@media(max-width:1000px) {
.coverage-grid {grid-template-columns:repeat(2,1fr);}
}

@media(max-width:1000px) {
.faq-wrap {grid-template-columns:1fr;}
}

@media(max-width:700px) {
.auth-grid {grid-template-columns:1fr;}
}
.run-btn.disabled,
.run-btn:disabled{

opacity:.45;

cursor:not-allowed;

pointer-events:none;

filter:grayscale(1);

}