.developers-page-wrapper{color:#0f172a;background:#fff;width:100%;min-height:100vh;overflow-x:hidden}.dev-hero-section{text-align:center;background:radial-gradient(95% 75% at 50% 12%,#3b82f633 0%,#3b82f600 62%);justify-content:center;padding:130px 24px 50px;display:flex}.dev-hero-container{flex-direction:column;align-items:center;max-width:900px;margin:0 auto;display:flex}.dev-badge-pill{background:#3b82f61f;border:1px solid #3b82f64d;border-radius:9999px;margin-bottom:20px;padding:5px 16px;display:inline-flex}.dev-badge-text{letter-spacing:.16em;color:#3b82f6;font-size:.72rem;font-weight:700}.dev-hero-title{letter-spacing:-.03em;color:#0f172a;margin-bottom:18px;font-size:clamp(2.4rem,4.8vw,3.8rem);font-weight:900;line-height:1.1}.dev-accent{background:linear-gradient(135deg,#2563eb 0%,#3b82f6 55%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Instrument Serif,Georgia,serif;font-style:italic;font-weight:400}.dev-hero-subtitle{color:#64748b;max-width:640px;margin-bottom:32px;font-size:1.05rem;line-height:1.6}.dev-key-generator-card{background:#f8fbff;border:1px solid #0f172a21;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:640px;padding:12px 18px;display:flex;box-shadow:0 10px 30px #0f172a29}.dev-key-info{align-items:center;gap:10px;display:flex}.dev-key-icon{color:#b45309}.dev-key-label{color:#64748b;font-size:.8rem}.dev-key-code{color:#0284c7;background:#38bdf81a;border-radius:6px;padding:2px 8px;font-family:monospace;font-size:.86rem}.dev-key-actions{align-items:center;gap:8px;display:flex}.btn-dev-subtle{color:#0f172a;cursor:pointer;background:#0f172a07;border:1px solid #0f172a21;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-dev-subtle:hover{background:#0f172a0e}.btn-dev-regen{color:#1d4ed8;cursor:pointer;background:#2563eb33;border:1px solid #3b82f659;border-radius:8px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .2s}.btn-dev-regen:hover{background:#2563eb4d}.dev-packages-section{padding:10px 24px 40px}.dev-packages-container{max-width:1000px;margin:0 auto}.packages-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.package-card{cursor:pointer;background:#f8fbff;border:1px solid #0f172a17;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.package-card:hover{background:#0f172a04;border-color:#3b82f666;transform:translateY(-2px)}.pkg-left{align-items:center;gap:10px;display:flex;overflow:hidden}.pkg-icon{font-size:1.2rem}.pkg-info{flex-direction:column;display:flex;overflow:hidden}.pkg-lang{color:#0f172a;font-size:.74rem;font-weight:700}.pkg-cmd{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-family:monospace;font-size:.7rem;overflow:hidden}.pkg-copy-btn{color:#64748b;cursor:pointer;background:0 0;border:none}.package-card:hover .pkg-copy-btn{color:#2563eb}.dev-code-section{padding:20px 24px 60px}.dev-code-container{max-width:1000px;margin:0 auto}.code-browser-card{background:#f8fbff;border:1px solid #0f172a1e;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #0f172a29}.code-browser-header{background:#f8fbff;border-bottom:1px solid #0f172a14;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.code-lang-tabs{gap:6px;display:flex}.lang-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 14px;font-size:.82rem;font-weight:600;transition:all .2s}.lang-tab:hover{color:#0f172a}.lang-tab.active{color:#1d4ed8;background:#2563eb33;border:1px solid #3b82f64d}.btn-copy-code{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.btn-copy-code:hover{color:#0f172a}.copied-icon{color:#047857}.code-content-block{color:#1e293b;background:#fff;margin:0;padding:24px;font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.65;display:grid;overflow-x:auto}.code-content-block>code{font:inherit;white-space:pre;grid-area:1/1}.code-sizer{visibility:hidden;pointer-events:none}.code-typed.is-typing:after{content:"";vertical-align:text-bottom;background:#2563eb;width:7px;height:1.05em;margin-left:1px;animation:1s step-end infinite codeCaret;display:inline-block;box-shadow:0 0 8px #2563eb4d}@keyframes codeCaret{0%,50%{opacity:1}50.01%,to{opacity:0}}.tok-comment{color:#64748b;font-style:italic}.tok-string{color:#16a34a}.tok-number{color:#b45309}.tok-keyword{color:#2563eb;font-weight:600}.tok-literal{color:#7e22ce}.tok-builtin{color:#0369a1}.tok-fn{color:#1d4ed8}.tok-ident{color:#1e293b}.tok-punct{color:#64748b}.tok-flag{color:#b45309}.tok-url{color:#0369a1;text-decoration:underline #0369a159}@media (prefers-reduced-motion:reduce){.code-typed.is-typing:after{animation:none}}.dev-workbench-section{background:#fff;padding:50px 24px 70px}.dev-workbench-container{max-width:1000px;margin:0 auto}.dev-kicker{letter-spacing:.16em;color:#3b82f6;margin-bottom:6px;font-size:.7rem;font-weight:700;display:inline-block}.dev-section-title{color:#0f172a;margin-bottom:6px;font-size:1.8rem;font-weight:800}.dev-section-sub{color:#64748b;margin-bottom:28px;font-size:.9rem}.workbench-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.workbench-grid>*{min-width:0}.workbench-req-card,.workbench-res-card{background:#f8fbff;border:1px solid #0f172a1b;border-radius:18px;flex-direction:column;min-width:0;padding:20px;display:flex}.workbench-req-card>*,.workbench-res-card>*{min-width:0}.req-card-top,.res-card-top{border-bottom:1px solid #0f172a14;justify-content:space-between;align-items:center;gap:10px;min-width:0;margin-bottom:16px;padding-bottom:10px;display:flex}.method-tag{border-radius:6px;flex-shrink:0;padding:2px 8px;font-family:monospace;font-size:.7rem;font-weight:800}.method-tag.post{color:#047857;background:#05966926}.req-url{color:#64748b;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:monospace;font-size:.78rem;overflow:hidden}.req-form{flex-direction:column;gap:14px;display:flex}.req-field{flex-direction:column;gap:6px;display:flex}.req-label{color:#475569;font-size:.74rem;font-weight:600}.req-input,.req-select{color:#0f172a;background:#0f172a04;border:1px solid #0f172a21;border-radius:10px;outline:none;width:100%;min-width:0;max-width:100%;padding:8px 12px;font-family:inherit;font-size:.84rem}.req-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.btn-send-req{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:10px 18px;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-send-req:hover:not(:disabled){box-shadow:0 0 16px #2563eb38}.res-title{color:#047857;font-family:monospace;font-size:.78rem;font-weight:700}.res-latency{color:#0284c7;font-family:monospace;font-size:.74rem}.res-code-view{color:#0369a1;background:#fff;border-radius:10px;min-width:0;max-width:100%;min-height:180px;margin:0;padding:12px;font-family:monospace;font-size:.76rem;overflow-x:auto}.res-placeholder{color:#64748b}.dev-stream-section{padding:40px 24px 70px}.dev-stream-container{max-width:1000px;margin:0 auto}.stream-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.stream-title{color:#0f172a;font-size:1.4rem;font-weight:800}.btn-trigger-stream{color:#1d4ed8;cursor:pointer;background:#2563eb26;border:1px solid #3b82f64d;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-trigger-stream:hover:not(:disabled){background:#2563eb40}.pulse-icon{animation:1s infinite alternate pulse}.stream-events-box{background:#fff;border:1px solid #0f172a1b;border-radius:16px;flex-direction:column;gap:8px;min-height:120px;padding:16px 20px;font-family:monospace;display:flex}.stream-event-row{align-items:center;gap:12px;font-size:.78rem;animation:.2s fadeIn;display:flex}.evt-time{color:#64748b}.evt-name{color:#2563eb;font-weight:700}.evt-payload{color:#1e293b}.stream-empty{color:#475569;font-size:.8rem}.dev-calc-section{background:#fff;padding:40px 24px 90px}.dev-calc-container{max-width:1000px;margin:0 auto}.calc-card{background:#f8fbff;border:1px solid #0f172a1b;border-radius:20px;grid-template-columns:1.2fr 1fr;gap:32px;padding:32px;display:grid}.calc-slider-col{flex-direction:column;justify-content:center;display:flex}.calc-label-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.calc-label{color:#0f172a;font-size:.95rem;font-weight:700}.calc-val-badge{color:#0284c7;background:#38bdf81a;border-radius:9999px;padding:3px 10px;font-size:.85rem;font-weight:700}.calc-range-slider{accent-color:#2563eb;cursor:pointer;width:100%;margin-bottom:8px}.calc-range-ticks{color:#64748b;justify-content:space-between;font-family:monospace;font-size:.72rem;display:flex}.calc-results-col{flex-direction:column;gap:16px;display:flex}.calc-result-metric{background:#fff;border:1px solid #0f172a14;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.result-label{color:#64748b;font-size:.82rem}.result-val{color:#0f172a;font-family:monospace;font-size:1.2rem;font-weight:800}.result-val small{color:#64748b;font-size:.7rem}@media (width<=850px){.packages-grid{grid-template-columns:repeat(2,1fr)}.workbench-grid,.calc-card{grid-template-columns:1fr}}@media (width<=620px){.req-grid-2{grid-template-columns:1fr}.workbench-req-card,.workbench-res-card{padding:16px}.btn-send-req{width:100%}.req-card-top,.res-card-top{flex-wrap:wrap}.req-url{white-space:normal;overflow-wrap:anywhere;font-size:.72rem}.res-code-view{font-size:.7rem}}@media (width<=500px){.packages-grid{grid-template-columns:1fr}}