@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-display: "Outfit", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-base: #08080f;--bg-card: rgba(255,255,255,.04);--bg-card-h: rgba(255,255,255,.07);--bg-glass: rgba(12,12,24,.7);--brand: #e63946;--brand-h: #ff4757;--brand-dim: rgba(230,57,70,.35);--brand-glow: rgba(230,57,70,.18);--gold: #f4a261;--gold-dim: rgba(244,162,97,.3);--text-primary: rgba(255,255,255,.95);--text-secondary: rgba(255,255,255,.6);--text-muted: rgba(255,255,255,.35);--border: rgba(255,255,255,.08);--border-h: rgba(255,255,255,.16);--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:9999px}.bg-gradient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.bg-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.35;animation:orb-float 18s ease-in-out infinite alternate}.bg-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(230,57,70,.5) 0%,transparent 70%);top:-200px;left:-200px;animation-delay:0s}.bg-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(244,162,97,.3) 0%,transparent 70%);bottom:-150px;right:-100px;animation-delay:-6s}.bg-orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(90,50,200,.2) 0%,transparent 70%);top:40%;left:50%;transform:translate(-50%);animation-delay:-12s}@keyframes orb-float{0%{transform:translate(0) scale(1)}33%{transform:translate(60px,-40px) scale(1.05)}66%{transform:translate(-30px,30px) scale(.95)}to{transform:translate(20px,-20px) scale(1.02)}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat}.container{max-width:1160px;margin:0 auto;padding:0 24px}section{padding:100px 0}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px 40px;background:#08080fb3;-webkit-backdrop-filter:blur(20px) saturate(1.8);backdrop-filter:blur(20px) saturate(1.8);border-bottom:1px solid var(--border);transition:background .3s}.nav-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary);display:flex;align-items:center;gap:6px}.nav-logo .dot{color:var(--brand);display:inline-block;animation:pulse-dot 2.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.85)}}.nav-links{display:flex;align-items:center;gap:8px;list-style:none}.nav-links a{font-size:.875rem;font-weight:500;color:var(--text-secondary);padding:7px 14px;border-radius:9999px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text-primary);background:var(--bg-card-h)}.nav-cta{font-size:.875rem;font-weight:600;color:var(--text-primary);background:var(--brand);padding:8px 20px;border-radius:9999px;transition:background .2s,transform .2s var(--ease-spring),box-shadow .2s;box-shadow:0 0 0 0 var(--brand-dim)}.nav-cta:hover{background:var(--brand-h);transform:translateY(-1px);box-shadow:0 4px 20px var(--brand-dim)}#hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:140px 24px 80px;position:relative;overflow:hidden}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand);background:var(--brand-glow);border:1px solid var(--brand-dim);padding:6px 14px;border-radius:9999px;margin-bottom:28px;animation:fade-up .6s var(--ease) both}.hero-badge .badge-dot{width:6px;height:6px;border-radius:50%;background:var(--brand);animation:pulse-dot 1.6s ease-in-out infinite}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,6.5rem);font-weight:900;line-height:1;letter-spacing:-.04em;color:var(--text-primary);margin-bottom:28px;animation:fade-up .7s var(--ease) .1s both}.hero-title .gradient-text{background:linear-gradient(135deg,var(--brand) 0%,var(--gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:400;color:var(--text-secondary);max-width:560px;margin:0 auto 48px;line-height:1.7;animation:fade-up .7s var(--ease) .2s both}.hero-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;animation:fade-up .7s var(--ease) .3s both}.btn-primary{font-size:1rem;font-weight:700;color:var(--text-primary);background:var(--brand);padding:14px 32px;border-radius:9999px;display:flex;align-items:center;gap:10px;transition:background .2s,transform .2s var(--ease-spring),box-shadow .2s;box-shadow:0 8px 32px var(--brand-dim)}.btn-primary:hover{background:var(--brand-h);transform:translateY(-2px);box-shadow:0 12px 40px var(--brand-dim)}.btn-primary:active{transform:translateY(0)}.btn-secondary{font-size:1rem;font-weight:600;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);padding:14px 28px;border-radius:9999px;display:flex;align-items:center;gap:8px;transition:background .2s,border-color .2s,color .2s,transform .2s var(--ease-spring);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:var(--bg-card-h);border-color:var(--border-h);color:var(--text-primary);transform:translateY(-2px)}.hero-playground{margin-top:72px;position:relative;max-width:900px;margin-left:auto;margin-right:auto;animation:fade-up .9s var(--ease) .4s both}.pg-form-bar{display:flex;align-items:center;gap:12px;background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);padding:12px 16px;border-radius:16px;margin-bottom:24px;flex-wrap:wrap}.pg-input{background:#0006;border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;padding:10px 14px;border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s;flex:1;min-width:100px}.pg-input:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-glow)}select.pg-input{flex:0 0 auto;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px top 50%;background-size:10px auto}select.pg-input option{background:var(--bg-base);color:var(--text-primary)}.pg-iframe-wrapper{position:relative;z-index:1;background:#0d0d18;border-radius:18px;overflow:hidden;border:1px solid var(--border);aspect-ratio:16/9;box-shadow:0 40px 100px #000000b3}.pg-iframe-wrapper:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:20px;background:linear-gradient(135deg,var(--brand-dim),transparent 60%,var(--gold-dim));z-index:-1}#pg-iframe{width:100%;height:100%;border:none;background:transparent}.hero-stats{display:flex;justify-content:center;gap:12px;margin-top:32px;flex-wrap:wrap;animation:fade-up 1s var(--ease) .55s both}.stat-chip{display:flex;align-items:center;gap:7px;font-size:.8rem;font-weight:500;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);padding:6px 14px;border-radius:9999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat-chip i{color:var(--brand);font-size:.75rem}#features{padding:100px 0;position:relative}.section-label{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin-bottom:12px}.section-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:16px}.section-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:500px;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:60px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:32px 28px;transition:background .25s,border-color .25s,transform .25s var(--ease-spring),box-shadow .25s;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--card-glow, transparent);opacity:0;transition:opacity .3s;pointer-events:none}.feature-card:hover{background:var(--bg-card-h);border-color:var(--border-h);transform:translateY(-4px);box-shadow:0 20px 60px #0006}.feature-card:hover:before{opacity:1}.feature-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:20px;position:relative}.feature-icon.red{background:#e6394626;color:var(--brand);--card-glow: radial-gradient(circle at 0% 0%, rgba(230,57,70,.05) 0%, transparent 60%)}.feature-icon.gold{background:#f4a26126;color:var(--gold);--card-glow: radial-gradient(circle at 0% 0%, rgba(244,162,97,.05) 0%, transparent 60%)}.feature-icon.purple{background:#8250ff26;color:#8250ff;--card-glow: radial-gradient(circle at 0% 0%, rgba(130,80,255,.05) 0%, transparent 60%)}.feature-icon.teal{background:#32c8b426;color:#32c8b4;--card-glow: radial-gradient(circle at 0% 0%, rgba(50,200,180,.05) 0%, transparent 60%)}.feature-title{font-size:1.05rem;font-weight:700;margin-bottom:8px;letter-spacing:-.01em}.feature-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.65}#embed{padding:100px 0}.embed-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-top:60px}@media (max-width: 860px){.embed-grid{grid-template-columns:1fr}}.code-block{background:#00000080;border:1px solid var(--border);border-radius:16px;overflow:hidden;position:relative}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff0a;border-bottom:1px solid var(--border);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.code-block-header .traffic-lights{display:flex;gap:6px}.code-block-header .traffic-lights span{width:11px;height:11px;border-radius:50%}.code-block-header .traffic-lights span:nth-child(1){background:#ff5f57}.code-block-header .traffic-lights span:nth-child(2){background:#febc2e}.code-block-header .traffic-lights span:nth-child(3){background:#28c840}.copy-btn{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);padding:4px 10px;border-radius:6px;cursor:pointer;transition:color .2s,background .2s,border-color .2s}.copy-btn:hover{color:var(--text-primary);background:var(--bg-card-h);border-color:var(--border-h)}.copy-btn.copied{color:#28c840;border-color:#28c84066}code,pre{font-family:var(--font-mono);font-size:.82rem}pre{padding:20px;overflow-x:auto;line-height:1.8;color:var(--text-secondary);scrollbar-width:thin;scrollbar-color:var(--border) transparent}pre .c-brand{color:var(--brand)}pre .c-gold{color:var(--gold)}pre .c-green{color:#7dd3a8}pre .c-purple{color:#b48ead}pre .c-blue{color:#81a1c1}pre .c-gray{color:var(--text-muted)}.url-bar{background:#0006;border:1px solid var(--border);border-radius:12px;padding:12px 16px;font-family:var(--font-mono);font-size:.82rem;color:var(--text-secondary);word-break:break-all;line-height:1.6;margin-bottom:12px}.url-bar .c-brand{color:var(--brand)}.url-bar .c-gold{color:var(--gold)}.param-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-top:12px}.param-table th{text-align:left;font-weight:700;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:8px 0;border-bottom:1px solid var(--border)}.param-table td{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:top}.param-table td:first-child{font-family:var(--font-mono);font-size:.78rem;color:var(--brand);white-space:nowrap;padding-right:16px}.param-table td:last-child{color:var(--text-secondary)}#providers{padding:100px 0}.providers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:48px}.provider-chip{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px 14px;transition:background .2s,border-color .2s,transform .2s var(--ease-spring);cursor:default}.provider-chip:hover{background:var(--bg-card-h);border-color:var(--border-h);transform:translateY(-2px)}.provider-chip.top-pick{border-color:var(--brand-dim);background:#e639460f}.provider-chip.top-pick:hover{border-color:var(--brand);background:#e639461f}.provider-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.provider-status.online{background:#2ed573;box-shadow:0 0 6px #2ed57399}.provider-status.top{background:var(--brand);box-shadow:0 0 8px var(--brand-dim);animation:pulse-dot 1.8s ease-in-out infinite}.provider-name{font-size:.82rem;font-weight:600;color:var(--text-primary)}.provider-badge{font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);background:var(--brand-glow);border:1px solid var(--brand-dim);padding:2px 7px;border-radius:9999px;margin-left:auto}#how{padding:100px 0}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;margin-top:60px;position:relative}.steps-grid:before{content:"";position:absolute;top:36px;left:calc(16.66% + 28px);right:calc(16.66% + 28px);height:1px;background:linear-gradient(90deg,transparent,var(--border),var(--border),transparent)}.step{padding:0 24px;text-align:center;position:relative}.step-number{width:56px;height:56px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.2rem;font-weight:800;color:var(--text-muted);margin:0 auto 20px;position:relative;z-index:1;transition:background .3s,border-color .3s,color .3s,box-shadow .3s}.step:hover .step-number{background:var(--brand-glow);border-color:var(--brand);color:var(--brand);box-shadow:0 0 20px var(--brand-glow)}.step-title{font-size:1rem;font-weight:700;margin-bottom:8px}.step-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.6}footer{padding:60px 0 40px;border-top:1px solid var(--border)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-logo{font-family:var(--font-display);font-size:1.3rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary)}.footer-logo span{color:var(--brand)}.footer-links{display:flex;gap:24px;list-style:none}.footer-links a{font-size:.875rem;color:var(--text-muted);transition:color .2s}.footer-links a:hover{color:var(--text-secondary)}.footer-copy{font-size:.8rem;color:var(--text-muted)}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){nav{padding:14px 20px}.nav-links{display:none}section{padding:70px 0}.steps-grid:before{display:none}.step{margin-bottom:32px}.footer-inner{flex-direction:column;text-align:center}.footer-links{justify-content:center}}@media (max-width: 500px){.features-grid{grid-template-columns:1fr}.providers-grid{grid-template-columns:repeat(2,1fr)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a{text-align:center;justify-content:center}}