.compatibility-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.07);margin-top:3rem;overflow:hidden;padding:2.5rem 2rem;position:relative}.compatibility-section:before{background:linear-gradient(135deg,transparent 35%,rgba(31,142,254,.02) 38%,rgba(31,142,254,.05) 42%,rgba(31,142,254,.05));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.compatibility-section>*{position:relative;z-index:1}.compatibility-header{margin-bottom:2rem;text-align:center}.compatibility-icon{align-items:center;background:var(--primary);border-radius:50%;box-shadow:0 4px 12px rgba(31,142,254,.25);display:flex;height:70px;justify-content:center;margin:0 auto 1.5rem;transition:transform .3s ease;width:70px}.compatibility-icon:hover{transform:scale(1.05)}.compatibility-icon i{color:#fff;font-size:2rem}.compatibility-header h3{color:var(--dark);font-size:1.8rem;font-weight:700;margin-bottom:1rem}.compatibility-header p{color:var(--gray);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:800px}.compatibility-features{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.compat-feature{background:rgba(248,250,252,.6);border:1px solid rgba(226,232,240,.8);border-radius:8px;padding:1.5rem 1rem;text-align:center;transition:all .3s ease}.compat-feature:hover{background:rgba(248,250,252,.9);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.compat-feature-icon{align-items:center;background:var(--primary);border-radius:50%;box-shadow:0 2px 8px rgba(31,142,254,.2);display:flex;height:50px;justify-content:center;margin:0 auto 1rem;width:50px}.compat-feature-icon i{color:#fff;font-size:1.2rem}.compat-feature h4{color:var(--dark);font-size:1rem;font-weight:600;margin-bottom:.5rem}.compat-feature p{color:var(--gray);font-size:.85rem;line-height:1.4}.try-section{background:#0f172a;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-top:3rem;overflow:hidden;padding:3rem 2rem;position:relative}.try-section:before{background:radial-gradient(circle at 30% 70%,rgba(236,72,153,.3) 0,transparent 25%),radial-gradient(circle at 70% 30%,rgba(31,142,254,.3) 0,transparent 25%);content:"";height:200%;left:-50%;opacity:.6;position:absolute;top:-50%;width:200%;z-index:0}.try-header{margin-bottom:2rem;position:relative;text-align:center;z-index:1}.try-icon{align-items:center;background:var(--primary);border-radius:50%;box-shadow:0 4px 12px rgba(31,142,254,.4);display:flex;height:70px;justify-content:center;margin:0 auto 1.5rem;transition:transform .3s ease;width:70px}.try-icon:hover{transform:scale(1.05)}.try-header h3,.try-icon i{color:#fff;font-size:1.8rem}.try-header h3{font-weight:700;margin-bottom:1rem}.try-header p{color:#94a3b8;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.code-container{backdrop-filter:blur(10px);background:rgba(15,23,42,.95);border:1px solid rgba(31,142,254,.2);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.2);margin:0 auto;max-width:600px;overflow:hidden;position:relative;z-index:1}.code-header{align-items:center;background:linear-gradient(90deg,#1e293b,#334155);border-bottom:1px solid rgba(31,142,254,.2);display:flex;justify-content:space-between;padding:1rem 1.5rem}.code-title{color:#e2e8f0;font-family:Courier New,monospace;font-size:.9rem;font-weight:600}.copy-btn{align-items:center;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.copy-btn:hover{background:var(--primary-dark);box-shadow:0 4px 12px rgba(31,142,254,.3);transform:translateY(-1px)}.code-content{background:#0f172a;padding:1.5rem}.code-content code{color:#10b981;display:block;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;letter-spacing:.5px;text-align:center;word-break:break-all}.docs-link{margin-top:1.5rem;position:relative;text-align:center;z-index:1}.docs-link p{color:#94a3b8;font-size:.9rem;margin:0}.docs-link-text{align-items:center;border-radius:4px;color:#1f8efe;display:inline-flex;font-weight:500;gap:.5rem;padding:.25rem .5rem;text-decoration:none;transition:all .3s ease}.docs-link-text:hover{background:rgba(31,142,254,.1);color:#fff;text-decoration:underline}.docs-link-text i{font-size:.85rem}@media (max-width:768px){.compatibility-section,.try-section{margin-top:2rem;padding:2rem 1.5rem}.compatibility-header h3,.try-header h3{font-size:1.5rem}.compatibility-features{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.compat-feature{padding:1.25rem .75rem}.compat-feature-icon{height:45px;width:45px}.compat-feature-icon i{font-size:1.1rem}.compat-feature h4{font-size:.9rem}.compat-feature p{font-size:.8rem}.code-content code{font-size:1rem}.code-header{padding:.75rem 1rem}.copy-btn{font-size:.75rem;padding:.4rem .8rem}}