@font-face{font-family:'Oxygen';src:url(../../../resources/font/Oxygen/Oxygen.woff2) format('woff2'),url(../../../resources/font/Oxygen/Oxygen-Regular.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Oxygen';src:url(../../../resources/font/Oxygen/Oxygen-Bold.ttf) format('truetype');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Oxygen';src:url(../../../resources/font/Oxygen/Oxygen-Light.ttf) format('truetype');font-weight:300;font-style:normal;font-display:swap}:root{--bg-base:#08070d;--bg-surface:#100c1c;--bg-card:#161124;--bg-card-hover:#1e1733;--bg-elevated:#241b3d;--bg-glass:rgba(16, 12, 28, 0.75);--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#8b5cf6;--purple-700:#7c3aed;--purple-800:#6d28d9;--purple-900:#581c87;--purple-950:#2e0854;--color-success:#10b981;--color-success-bg:rgba(16, 185, 129, 0.12);--color-error:#f43f5e;--color-error-bg:rgba(244, 63, 94, 0.12);--color-warning:#f59e0b;--color-warning-bg:rgba(245, 158, 11, 0.12);--text-primary:#fdfcff;--text-secondary:#cbbbd9;--text-muted:#8b799e;--border-subtle:#2a1f45;--border-card:#37285c;--border-glow:rgba(139, 92, 246, 0.45);--glow-sm:0 0 15px rgba(124, 58, 237, 0.25);--glow-md:0 0 30px rgba(124, 58, 237, 0.35);--glow-lg:0 0 50px rgba(139, 92, 246, 0.45);--shadow-card:0 10px 30px -10px rgba(0, 0, 0, 0.6);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--transition-fast:0.15s ease;--transition-smooth:0.25s cubic-bezier(0.16, 1, 0.3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Oxygen',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}body::before{content:'';position:fixed;top:-20%;left:20%;width:60vw;height:60vw;background:radial-gradient(circle,rgb(124 58 237 / .12) 0%,rgb(88 28 135 / .04) 50%,transparent 70%);z-index:-1;pointer-events:none;filter:blur(80px)}a{color:var(--purple-400);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--purple-300)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-card);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--purple-700)}.atpi-nav{position:sticky;top:0;z-index:1000;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);padding:.85rem 2rem;display:flex;align-items:center;justify-content:space-between}.atpi-brand{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-primary);text-decoration:none;letter-spacing:-.02em}.atpi-brand-badge{background:linear-gradient(135deg,var(--purple-600),var(--purple-800));color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--glow-sm)}.atpi-nav-links{display:flex;align-items:center;gap:1.5rem}.atpi-nav-item{appearance:none;-webkit-appearance:none;background:#fff0;border:1px solid #fff0;color:var(--text-secondary);font-size:.95rem;font-weight:500;font-family:inherit;line-height:1.4;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);padding:.5rem .85rem;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;outline:none}.atpi-nav-item:hover{color:#fff;background:rgb(124 58 237 / .15);border-color:rgb(168 85 247 / .25)}.atpi-nav-item.active{color:#fff;background:rgb(124 58 237 / .25);border-color:var(--purple-500);box-shadow:0 0 15px rgb(168 85 247 / .25);font-weight:600}.atpi-admin-shortcut{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:linear-gradient(135deg,var(--purple-900),var(--bg-elevated));border:1px solid var(--purple-500);border-radius:50%;color:var(--purple-300);box-shadow:0 0 15px rgb(168 85 247 / .4);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.atpi-admin-shortcut:hover{transform:scale(1.1);box-shadow:0 0 25px rgb(168 85 247 / .7);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-size:.95rem;font-weight:600;padding:.65rem 1.35rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-smooth);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--purple-600),var(--purple-800));color:#fff;box-shadow:var(--glow-sm)}.btn-primary:hover{background:linear-gradient(135deg,var(--purple-500),var(--purple-700));box-shadow:var(--glow-md);transform:translateY(-2px);color:#fff}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-card)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--purple-600);color:var(--purple-300)}.btn-danger{background:rgb(244 63 94 / .15);color:var(--color-error);border:1px solid rgb(244 63 94 / .3)}.btn-danger:hover{background:var(--color-error);color:#fff}.btn-sm{padding:.35rem .75rem;font-size:.8rem;border-radius:var(--radius-sm)}.atpi-container{max-width:1280px;margin:0 auto;padding:2rem;width:100%;flex:1}.atpi-nav{transition:background 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease}.atpi-nav.nav-scrolled{background:rgb(8 7 13 / .92);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border-bottom-color:rgb(139 92 246 / .35);box-shadow:0 10px 35px rgb(0 0 0 / .65)}.hero-wrapper{position:relative;margin:-2rem -2rem 2.5rem -2rem;padding:4.5rem 2rem 4rem 2rem;overflow:hidden;border-bottom:1px solid var(--border-subtle);background:var(--bg-base);perspective:1000px}.hero-backdrop-graphic{position:absolute;inset:-40px;z-index:0;pointer-events:none;background-image:url(/resources/svg/query_telemetry_bg.svg);background-size:cover;background-position:center top;background-repeat:no-repeat;opacity:.76;transition:opacity 0.25s ease-out;will-change:filter,transform,opacity;transform-origin:center top}.hero-backdrop-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 85% 70% at 50% 30%,rgb(8 7 13 / .2) 0%,rgb(14 10 24 / .72) 65%,var(--bg-base) 100%),linear-gradient(180deg,rgb(8 7 13 / .05) 0%,rgb(8 7 13 / .85) 85%,var(--bg-base) 100%);backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(2.5px)}.hero-floating-pills{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.floating-pill{position:absolute;display:inline-flex;align-items:center;gap:.55rem;padding:.5rem 1.15rem;border-radius:9999px;background:rgb(16 12 28 / .76);border:1px solid rgb(168 85 247 / .38);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;color:var(--text-primary);box-shadow:0 14px 35px rgb(0 0 0 / .65),inset 0 1px 1px rgb(255 255 255 / .22),0 0 18px rgb(124 58 237 / .2);will-change:transform,box-shadow,border-color,filter;transition:border-color 0.2s ease-out,box-shadow 0.2s ease-out}.floating-pill-1{top:14%;left:4%}.floating-pill-2{top:18%;right:4%}.floating-pill-3{bottom:12%;left:6%}.floating-pill-4{bottom:14%;right:6%}.pill-dot{width:7px;height:7px;border-radius:50%;background:var(--color-success);box-shadow:0 0 8px var(--color-success);display:inline-block;flex-shrink:0}@media (max-width:960px){.hero-floating-pills{display:none}}.hero-section{position:relative;z-index:2;padding:3.5rem 1.5rem 3.5rem;text-align:center;max-width:960px;margin:0 auto}@media (max-width:640px){.hero-section{padding:2.2rem 1rem 2.5rem}}.hero-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1.05rem;border-radius:9999px;background:rgb(124 58 237 / .18);border:1px solid var(--border-glow);font-size:.85rem;color:var(--purple-300);font-weight:500;margin-bottom:1.5rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.15;margin-bottom:1.5rem;letter-spacing:-.03em;background:linear-gradient(135deg,#ffffff 40%,var(--purple-300) 80%,var(--purple-500) 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:760px;margin:0 auto 2.5rem;font-weight:300;line-height:1.65}.hero-actions{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.card{background:rgb(22 17 36 / .85);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%)}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin:3rem 0}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin:2rem 0}.card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:1.75rem;transition:all var(--transition-smooth);position:relative;overflow:hidden}.card:hover{border-color:var(--purple-600);box-shadow:var(--glow-sm);transform:translateY(-3px)}.card-icon{width:52px;height:52px;border-radius:var(--radius-md);background:rgb(124 58 237 / .12);display:flex;align-items:center;justify-content:center;color:var(--purple-300);margin-bottom:1.25rem;border:1px solid rgb(139 92 246 / .25);transition:all var(--transition-smooth);box-shadow:0 4px 12px rgb(0 0 0 / .25)}.card-icon svg{width:24px;height:24px;stroke:var(--purple-300);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:all var(--transition-smooth)}.card:hover .card-icon{background:rgb(124 58 237 / .25);border-color:rgb(168 85 247 / .55);box-shadow:0 0 22px rgb(124 58 237 / .4);transform:translateY(-2px)}.card:hover .card-icon svg{stroke:#fff;filter:drop-shadow(0 0 8px rgb(192 132 252 / .9));transform:scale(1.1)}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:.6rem;color:var(--text-primary)}.card-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.code-box,#quickstart .code-box{background:#090710!important;border:1px solid var(--border-card)!important;border-radius:var(--radius-lg)!important;overflow:hidden!important;margin:2.2rem auto!important;padding:0!important;max-width:960px;box-shadow:var(--shadow-card),0 0 35px rgb(0 0 0 / .5);white-space:normal!important;color:var(--text-primary)}.code-header{background:#110d1e;padding:.75rem 1.25rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.code-tabs{display:flex;gap:.4rem;flex-wrap:wrap}.code-tab{background:#fff0;border:1px solid #fff0;color:var(--text-muted);font-family:inherit;font-size:.85rem;font-weight:600;padding:.4rem .85rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.code-tab:hover{color:var(--purple-200);background:rgb(124 58 237 / .12)}.code-tab.active{color:#fff;background:rgb(124 58 237 / .28);border-color:rgb(168 85 247 / .45);box-shadow:0 0 12px rgb(124 58 237 / .25)}.code-header-actions{display:flex;align-items:center;gap:.75rem}.code-format-badge{font-size:.78rem;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.code-copy-btn{background:rgb(124 58 237 / .15);border:1px solid rgb(139 92 246 / .3);color:var(--purple-300);font-size:.78rem;font-weight:600;padding:.3rem .75rem;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all var(--transition-fast)}.code-copy-btn:hover{background:rgb(124 58 237 / .3);color:#fff;border-color:var(--purple-400)}.code-body{padding:1.5rem;overflow-x:auto;background:#08060f}.code-content{margin:0;padding:0}.code-body pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;font-size:.92rem;color:#e2d9f3;line-height:1.65;margin:0;padding:0;white-space:pre;overflow-x:auto}.code-body code{font-family:inherit;color:inherit;background:#fff0;padding:0}.code-comment{color:#8b799e;font-style:italic}.code-str{color:#a7f3d0}.code-keyword{color:#c084fc;font-weight:600}.code-var{color:#fbcfe8}.pricing-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:2.25rem 2rem;display:flex;flex-direction:column;justify-content:space-between;transition:all var(--transition-smooth);position:relative}.pricing-card.featured{border-color:var(--purple-500);box-shadow:var(--glow-md);background:linear-gradient(180deg,rgb(30 23 51 / .9) 0%,var(--bg-card) 100%)}.pricing-badge{position:absolute;top:1.25rem;right:1.25rem;background:var(--purple-600);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .65rem;border-radius:9999px;text-transform:uppercase}.pricing-name{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.pricing-limit{font-size:2rem;font-weight:700;color:var(--purple-300);margin:1rem 0}.pricing-limit small{font-size:.85rem;color:var(--text-secondary);font-weight:400}.pricing-features{list-style:none;margin:1.5rem 0 2rem;display:flex;flex-direction:column;gap:.75rem}.pricing-features li{display:flex;align-items:center;gap:.6rem;color:var(--text-secondary);font-size:.95rem}.pricing-features li span.check{color:var(--purple-400);font-weight:700}.stat-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:1.5rem;position:relative;overflow:hidden}.stat-label{font-size:.85rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.stat-value{font-size:2.1rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-desc{font-size:.85rem;color:var(--text-secondary);margin-top:.5rem;display:flex;align-items:center;gap:.35rem}.progress-bar-wrap{background:var(--bg-surface);border-radius:9999px;height:10px;overflow:hidden;margin:.75rem 0;border:1px solid var(--border-subtle)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--purple-600),var(--purple-400));border-radius:9999px;transition:width 0.5s ease}.data-table-wrap{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);overflow:hidden;margin:1.5rem 0}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.data-table th{background:var(--bg-surface);padding:.85rem 1.25rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle)}.data-table td{padding:1rem 1.25rem;border-bottom:1px solid rgb(42 31 69 / .4);color:var(--text-secondary)}.data-table tr:hover td{background:rgb(124 58 237 / .04)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.badge-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid rgb(16 185 129 / .25)}.badge-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid rgb(244 63 94 / .25)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid rgb(245 158 11 / .25)}.badge-purple{background:rgb(124 58 237 / .15);color:var(--purple-300);border:1px solid rgb(139 92 246 / .3)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:.4rem}.form-control{width:100%;background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:.7rem 1rem;color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:all var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--purple-500);box-shadow:0 0 0 3px rgb(124 58 237 / .25)}textarea.form-control{resize:vertical;min-height:100px;font-family:'Consolas',monospace}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(8 7 13 / .85);backdrop-filter:blur(8px);z-index:2000;display:none;align-items:center;justify-content:center;padding:1.5rem}.modal-overlay.open{display:flex}.modal-box{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);width:100%;max-width:580px;padding:2rem;box-shadow:var(--shadow-card),var(--glow-md);position:relative;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;border-bottom:1px solid var(--border-subtle);padding-bottom:.75rem}.modal-title{font-size:1.3rem;font-weight:700;color:var(--text-primary)}.modal-close{background:#fff0;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1}.modal-close:hover{color:var(--text-primary)}.atpi-footer{border-top:1px solid var(--border-subtle);background:var(--bg-surface);padding:2.5rem 2rem;margin-top:auto;text-align:center;color:var(--text-muted);font-size:.85rem}@media (max-width:768px){.hero-title{font-size:2.25rem}.atpi-nav{padding:.75rem 1rem}.atpi-container{padding:1rem}.grid-3,.grid-4{grid-template-columns:1fr}}.key-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;margin-bottom:2rem}.key-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:.85rem;position:relative;overflow:hidden;transition:all var(--transition-fast)}.key-card:hover{border-color:rgb(139 92 246 / .4);box-shadow:var(--shadow-card)}.key-card.live-card{border-left:3px solid #10b981}.key-card.dev-card{border-left:3px solid #a855f7}.key-display-box{display:flex;align-items:center;gap:.5rem;background:#090710;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.5rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;color:var(--purple-300)}.key-display-box code{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-live{background:rgb(16 185 129 / .12);color:#34d399;border:1px solid rgb(16 185 129 / .3);font-weight:700}.badge-sandbox,.badge-dev{background:rgb(168 85 247 / .15);color:#d8b4fe;border:1px solid rgb(168 85 247 / .35);font-weight:700}.env-toggle-wrap{display:inline-flex;align-items:center;background:#090710;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.25rem;gap:.25rem}.env-toggle-btn{appearance:none;-webkit-appearance:none;border:none;background:#fff0;color:var(--text-muted);padding:.4rem .85rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:.4rem}.env-toggle-btn.active.env-live{background:rgb(16 185 129 / .2);color:#34d399;box-shadow:0 0 10px rgb(16 185 129 / .25)}.env-toggle-btn.active.env-dev{background:rgb(168 85 247 / .22);color:#d8b4fe;box-shadow:0 0 10px rgb(168 85 247 / .25)}.ip-info-box{background:rgb(22 17 36 / .7);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}