.dev-page{padding-bottom:120px}.dev-hero{background:radial-gradient(circle at 50% 0,#14b8a60d,#0000 70%);padding:100px 0 90px;position:relative}.dev-hero:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#0047ff08 1px,#0000 1px);background-size:32px 32px;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 40%,#0000 100%);mask-image:linear-gradient(#000 40%,#0000 100%)}.dev-hero-text{flex-direction:column;align-items:flex-start;max-width:600px;display:flex}.api-pipeline-wrapper{border-radius:var(--radius-xl);background:#0b132b;border:1px solid #ffffff1a;width:100%;height:420px;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000026,0 0 40px #0071ff26}.api-pipeline-wrapper:after{content:"";background-image:radial-gradient(circle,#ffffff0a 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.api-pl-node{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:10;background:#0b132be6;border:1px solid;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-family:SFMono-Regular,Consolas,monospace;font-size:.75rem;display:flex;position:absolute}.api-node-client{border-color:#0047ff66;top:50%;left:24px;transform:translateY(-50%);box-shadow:0 0 20px #0047ff26}.api-node-label{color:#89ddff;font-weight:700}.api-node-core{z-index:10;background:radial-gradient(circle,#0047ff33 0%,#0b132b 80%);border:2px solid #0047ff99;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:130px;height:130px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #0047ff4d}.api-core-ring{border:2px dashed #0047ff59;border-radius:50%;animation:12s linear infinite apiSpin;position:absolute;inset:-14px}.api-core-ring-inner{border:2px solid #0000;border-top-color:#0047ff;border-radius:50%;animation:3s linear infinite apiSpinFast;position:absolute;inset:-6px}@keyframes apiSpin{to{transform:rotate(360deg)}}@keyframes apiSpinFast{to{transform:rotate(-360deg)}}.api-core-text{letter-spacing:.05em;color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:1.25rem;font-weight:900}.api-core-sub{color:#89ddff;text-transform:uppercase;margin-top:4px;font-size:.65rem;font-weight:800}.api-node-dest{border-color:#22c55e4d;right:24px}.dest-1{top:20%;transform:translateY(-50%)}.dest-2{top:50%;transform:translateY(-50%)}.dest-3{top:80%;transform:translateY(-50%)}.dest-status{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:3s infinite apiPulse;box-shadow:0 0 10px #22c55e}.dest-1 .dest-status{animation-delay:0s}.dest-2 .dest-status{animation-delay:1s}.dest-3 .dest-status{animation-delay:2s}@keyframes apiPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.dest-val{color:#c3e88d;margin-left:12px}.api-line{z-index:5;background:#ffffff0d;height:2px;position:absolute;overflow:hidden}.api-line.input{width:calc(50% - 265px);top:50%;left:200px;transform:translateY(-50%)}.api-line.out-1{width:calc(50% - 275px);top:20%;left:calc(50% + 65px);transform:translateY(-50%)}.api-line.out-2{width:calc(50% - 275px);top:50%;left:calc(50% + 65px);transform:translateY(-50%)}.api-line.out-3{width:calc(50% - 275px);top:80%;left:calc(50% + 65px);transform:translateY(-50%)}.api-packet{background:linear-gradient(90deg,#0000,#0047ff);width:40px;height:100%;animation:2.5s ease-in infinite packetSlide;position:absolute;top:0;left:0}.api-packet.out{background:linear-gradient(90deg,#0000,#22c55e);animation:2s ease-out infinite packetSlide}.api-line.out-1 .api-packet.out{animation-delay:.5s}.api-line.out-2 .api-packet.out{animation-delay:1.2s}.api-line.out-3 .api-packet.out{animation-delay:1.8s}@keyframes packetSlide{0%{opacity:0;left:0%;transform:translate(-100%)}20%{opacity:1}80%{opacity:1}to{opacity:0;left:100%;transform:translate(0)}}.dev-metrics-bar{background:var(--bg-surface-elevated);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);z-index:10;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:-40px;margin-bottom:80px;padding:32px;display:grid;position:relative}.dev-metric{text-align:center;flex-direction:column;gap:8px;display:flex}.dev-metric-val{color:var(--primary-blue);letter-spacing:-.02em;font-family:Plus Jakarta Sans,sans-serif;font-size:2rem;font-weight:900}.dev-metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.dev-steps-section{padding:60px 0}.dev-steps-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:50px;display:grid}.dev-step-card{text-align:left;padding:40px 32px}.dev-step-number{background:var(--primary-blue-light);width:56px;height:56px;color:var(--primary-blue);border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;font-size:1.5rem;font-weight:900;display:flex;box-shadow:0 4px 20px #0047ff1a}.dev-step-card h3{color:var(--text-primary);margin-bottom:12px;font-size:1.25rem;font-weight:800}.dev-step-card p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.sdk-section{padding:100px 0}.sdk-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:50px;display:grid}.sdk-card{text-align:center;cursor:pointer;padding:40px 24px}.sdk-card-icon{background:var(--bg-surface-elevated);width:64px;height:64px;color:var(--primary-blue);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 24px;transition:all .3s;display:flex}.sdk-card:hover .sdk-card-icon{background:var(--primary-blue);color:#fff;transform:scale(1.1);box-shadow:0 10px 24px #0047ff33}.sdk-card h4{color:var(--text-primary);margin-bottom:16px;font-size:1.25rem;font-weight:800}.sdk-command{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-glass);border-radius:8px;padding:10px 16px;font-family:SFMono-Regular,Consolas,monospace;font-size:.85rem;font-weight:600;display:inline-block}.dev-feature-section{padding:80px 0 120px}.dev-feature-content{flex-direction:column;justify-content:center;display:flex}.dev-feature-content h2{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:24px;font-size:2.5rem;font-weight:800}.dev-feature-content p{color:var(--text-secondary);max-width:500px;margin-bottom:32px;font-size:1.125rem;line-height:1.7}.beta-tag{color:#10b981;vertical-align:middle;text-transform:uppercase;letter-spacing:.05em;background:#10b9811a;border:1px solid #10b98133;border-radius:99px;margin-left:16px;padding:6px 12px;font-size:.85rem;font-weight:800;display:inline-block}.feature-art-box{aspect-ratio:1;border-radius:var(--radius-xl);background:var(--bg-surface-elevated);border:1px solid var(--border-glass);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.feature-art-box:after{content:"";pointer-events:none;background:radial-gradient(circle,#fffc 0%,#0000 70%);position:absolute;inset:0}.webhook-log-window{color:#89ddff;text-align:left;background:#0d1117;border:1px solid #ffffff0d;border-radius:12px;width:80%;padding:16px;font-family:SFMono-Regular,monospace;font-size:.8rem;box-shadow:0 20px 40px #0000001a}@media (max-width:1024px){.dev-metrics-bar{grid-template-columns:1fr;gap:32px}.dev-steps-grid,.sdk-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dev-hero{padding-top:120px}.dev-steps-grid{grid-template-columns:1fr;gap:24px}.sdk-grid{grid-template-columns:1fr}}