.feature-comp-main{font-family:'Poppins',sans-serif;min-height:100vh;padding-bottom:6rem} .comp-hero{position:relative;padding:8rem 0 4rem;overflow:hidden;display:flex;flex-direction:column;align-items:center} .hero-bg-glow{position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:800px;height:600px;background:radial-gradient(circle,rgba(0,123,255,0.1) 0%,transparent 60%);z-index:0;pointer-events:none} .inline-badge{display:inline-flex;align-items:center;gap:6px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--primary);background:rgba(0,123,255,0.1);border:1px solid rgba(0,123,255,0.3);padding:6px 14px;border-radius:30px;box-shadow:0 0 15px rgba(0,123,255,0.15)} .comp-hero .hero-title{font-size:clamp(2.5rem,4vw,3.8rem);font-weight:700;margin-bottom:1rem;position:relative;z-index:2;letter-spacing:-1px} .comp-hero .hero-subtitle{font-size:1.1rem;color:var(--text-muted);max-width:650px;margin:0 auto;position:relative;z-index:2;line-height:1.6} .comp-table-wrapper{background:#0a0c10;border:1px solid rgba(255,255,255,0.05);border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,0.5);overflow:hidden} .comp-header-row,.comp-row{display:grid;grid-template-columns:2.2fr 1fr 1fr;align-items:stretch;border-bottom:1px solid rgba(255,255,255,0.05);transition:background 0.2s ease} .comp-row:hover{background:rgba(255,255,255,0.02)} .comp-row:last-child{border-bottom:none} .comp-header-row{background:rgba(13,17,22,0.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1);position:sticky;top:70px;z-index:10;align-items:center} .comp-col-feature-head,.comp-col-tier{padding:1.5rem 2rem;font-weight:700;font-size:0.8rem;text-transform:uppercase;letter-spacing:1px;color:#8b949e} .comp-col-tier{text-align:center;color:#fff;font-size:1.1rem;text-transform:none;letter-spacing:0} .dev-tier-header{position:relative;background:rgba(0,123,255,0.05);border-left:1px solid rgba(0,123,255,0.1);border-right:1px solid rgba(0,123,255,0.1)} .recommended-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#00d2ff;color:#000;font-size:0.6rem;font-weight:800;padding:3px 10px;border-radius:20px;letter-spacing:1px;box-shadow:0 0 10px rgba(0,210,255,0.4)} .comp-category-header{grid-column:1 / -1;background:rgba(255,255,255,0.01);padding:2rem 2rem 1rem;border-bottom:1px solid rgba(255,255,255,0.05)} .comp-category-header h3{font-size:1.1rem;margin:0;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--primary)} .comp-col-feature{padding:1.5rem 2rem;display:flex;align-items:flex-start;gap:1.25rem} .comp-col-val{padding:1.5rem 2rem;text-align:center;display:flex;align-items:center;justify-content:center} .dev-val{background:rgba(0,123,255,0.02);border-left:1px solid rgba(0,123,255,0.05);border-right:1px solid rgba(0,123,255,0.05)} .comp-row:hover .dev-val{background:rgba(0,123,255,0.05)} .feature-icon{font-size:1.6rem;color:#4b5563;margin-top:2px;transition:color 0.3s} .comp-row:hover .feature-icon{color:var(--primary)} .feature-text-block{display:flex;flex-direction:column;gap:4px} .feature-name{display:flex;align-items:center;gap:8px;color:#f1f5f9;font-weight:600;font-size:1rem} .feature-desc{font-size:0.85rem;color:#94a3b8;line-height:1.5} .tooltip-icon{color:#64748b;cursor:help;display:inline-flex;align-items:center;font-size:1.1rem;transition:color 0.2s;position:relative} .tooltip-icon:hover{color:#00d2ff} .tooltip-icon::before{content:attr(data-tooltip);position:absolute;bottom:150%;left:50%;transform:translateX(-50%) translateY(10px);background:rgba(13,17,22,0.95);backdrop-filter:blur(8px);border:1px solid rgba(0,123,255,0.3);color:#f1f5f9;padding:8px 14px;border-radius:8px;font-size:0.75rem;font-weight:500;font-family:'Poppins',sans-serif;letter-spacing:0.2px;line-height:1.5;text-align:center;width:max-content;max-width:250px;white-space:normal;box-shadow:0 10px 25px rgba(0,0,0,0.8),0 0 15px rgba(0,123,255,0.15);opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);pointer-events:none;z-index:100} .tooltip-icon::after{content:'';position:absolute;bottom:calc(150% - 6px);left:50%;transform:translateX(-50%) translateY(10px);border-width:6px 6px 0 6px;border-style:solid;border-color:rgba(0,123,255,0.3) transparent transparent transparent;opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);pointer-events:none;z-index:100} .tooltip-icon:hover::before,.tooltip-icon:hover::after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)} .check-icon{font-size:1.4rem} .gamer-check{color:#00d2ff} .dev-check{color:#00d2ff;filter:drop-shadow(0 0 5px rgba(0,210,255,0.4))} .empty-dash{display:block;width:14px;height:2px;background:#334155;border-radius:2px} .text-val{font-size:0.95rem;color:#cbd5e1} .font-bold{font-weight:600;color:#fff} .pricing-row{padding:1.5rem 0;background:rgba(13,17,22,0.6);align-items:center} .upgrade-notice{display:flex;align-items:flex-start;gap:12px;background:rgba(0,123,255,0.05);border:1px solid rgba(0,123,255,0.15);padding:1rem 1.25rem;border-radius:8px;font-size:0.85rem;color:#cbd5e1;line-height:1.5} .upgrade-notice iconify-icon{font-size:1.4rem;color:var(--primary);flex-shrink:0} .upgrade-notice strong{color:#fff} .btn-block{width:100%;display:block;text-align:center} .mobile-upgrade-notice{display:none;align-items:center;justify-content:center;gap:8px;padding:1.5rem;background:rgba(0,123,255,0.05);font-size:0.85rem;color:#cbd5e1;text-align:center} .mobile-upgrade-notice iconify-icon{color:var(--primary);font-size:1.2rem} .mobile-tier-labels{display:none} .hidden-desktop{display:none} @media(max-width:992px){.hidden-mobile{display:none !important} .hidden-desktop{display:flex} .comp-header-row{display:none} .comp-row{display:flex;flex-wrap:wrap;align-items:center;padding:1.5rem} .comp-col-feature{width:100%;flex:0 0 100%;padding:0 0 1.5rem 0;border-bottom:1px solid rgba(255,255,255,0.05);margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0.75rem} .feature-text-block{display:flex;flex-direction:column;align-items:center} .feature-name{justify-content:center;font-size:1.1rem;width:100%} .mobile-tier-labels{width:100%;display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:0.75rem;font-weight:700;letter-spacing:1px;color:var(--text-muted);margin-bottom:0.5rem} .comp-col-val{padding:0;width:50%;flex:0 0 50%;display:flex;justify-content:center;align-items:center} .dev-val{background:transparent;border:none} .comp-row:hover{background:transparent} .comp-category-header{text-align:center;padding:2.5rem 1rem 1rem} .pricing-row{padding:2.5rem 1.5rem;flex-direction:column} .pricing-labels{margin-bottom:1.5rem} .comp-col-val .btn{width:95%;margin:0.5rem auto;padding:0.9rem 1rem;font-size:1rem}} .section-transition{width:100%;height:1px;position:relative;background:rgba(255,255,255,0.05);margin:2rem 0} .section-transition .glow-line{position:absolute;top:0;left:50%;transform:translateX(-50%);width:40%;height:1px} .line-blue{background:linear-gradient(90deg,transparent,var(--primary),transparent);box-shadow:0 0 15px var(--primary),0 0 5px var(--primary)} .line-purple{background:linear-gradient(90deg,transparent,#a855f7,transparent);box-shadow:0 0 15px #a855f7,0 0 5px #a855f7} .all-objects-section{padding:5rem 0;position:relative} .mb-5{margin-bottom:4rem} .obj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;max-width:1150px;margin:0 auto} .obj-card{display:flex;align-items:flex-start;gap:1rem;background:rgba(13,17,22,0.6);border:1px solid rgba(255,255,255,0.05);padding:1.5rem;border-radius:12px;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden} .obj-card::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity 0.3s ease} .obj-info{position:relative;z-index:2} .obj-info h4{font-size:1.05rem;color:#fff;margin:0 0 6px 0;font-weight:600} .obj-info p{font-size:0.85rem;color:#94a3b8;margin:0;line-height:1.5} .obj-icon{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;transition:all 0.3s ease;position:relative;z-index:2} .std-obj-card::before{background:linear-gradient(135deg,rgba(0,123,255,0.1) 0%,transparent 100%)} .std-obj-card:hover{transform:translateY(-3px);border-color:rgba(0,123,255,0.3);box-shadow:0 10px 25px rgba(0,0,0,0.5),inset 0 0 20px rgba(0,123,255,0.05)} .std-obj-card:hover::before{opacity:1} .std-obj-icon{background:rgba(0,123,255,0.1);border:1px solid rgba(0,123,255,0.2);color:#60a5fa} .std-obj-card:hover .std-obj-icon{background:var(--primary);color:#fff;box-shadow:0 0 15px rgba(0,123,255,0.5)} .dev-obj-card::before{background:linear-gradient(135deg,rgba(168,85,247,0.1) 0%,transparent 100%)} .dev-obj-card:hover{transform:translateY(-3px);border-color:rgba(168,85,247,0.3);box-shadow:0 10px 25px rgba(0,0,0,0.5),inset 0 0 20px rgba(168,85,247,0.05)} .dev-obj-card:hover::before{opacity:1} .dev-obj-icon{background:rgba(168,85,247,0.1);border:1px solid rgba(168,85,247,0.2);color:#c084fc} .dev-obj-card:hover .dev-obj-icon{background:#a855f7;color:#fff;box-shadow:0 0 15px rgba(168,85,247,0.5)} @media(max-width:768px){.obj-grid{grid-template-columns:1fr;padding:0 1rem}} .plugin-info-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1150px;margin:3rem auto 0} .std-plugin-info{margin-bottom:5rem} .info-box{display:flex;align-items:flex-start;gap:1rem;background:rgba(255,255,255,0.02);border:1px dashed rgba(255,255,255,0.1);padding:1.5rem;border-radius:12px;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);position:relative} .info-box:hover{background:rgba(255,255,255,0.04);border-style:solid;transform:translateY(-2px)} .info-box iconify-icon{font-size:1.8rem;flex-shrink:0;margin-top:2px} .box-login iconify-icon{color:#f59e0b;filter:drop-shadow(0 0 8px rgba(245,158,11,0.4))} .box-login:hover{border-color:rgba(245,158,11,0.3)} .box-lb iconify-icon{color:var(--primary);filter:drop-shadow(0 0 8px rgba(0,123,255,0.4))} .box-lb:hover{border-color:rgba(0,123,255,0.3)} .box-mc iconify-icon{color:#22c55e;filter:drop-shadow(0 0 8px rgba(34,197,94,0.4))} .box-mc:hover{border-color:rgba(34,197,94,0.3)} .box-fivem iconify-icon{color:#f97316;filter:drop-shadow(0 0 8px rgba(249,115,22,0.4))} .box-fivem:hover{border-color:rgba(249,115,22,0.3)} .box-discord iconify-icon{color:#5865F2;filter:drop-shadow(0 0 8px rgba(88,101,242,0.4))} .box-discord:hover{border-color:rgba(88,101,242,0.3)} .info-box p{font-size:0.9rem;color:#cbd5e1;margin:0;line-height:1.6} .info-box strong{color:#fff;font-weight:600} .info-box a{color:var(--primary);text-decoration:none;font-weight:600;border-bottom:1px dotted var(--primary);transition:all 0.2s} .info-box a:hover{color:#fff;border-bottom-color:#fff;text-shadow:0 0 10px rgba(255,255,255,0.3)} @media(max-width:992px){.plugin-info-boxes{grid-template-columns:1fr;padding:0 1.5rem} .std-plugin-info{margin-bottom:3rem}} .comp-hero .container{display:flex;flex-direction:column;align-items:center;text-align:center} .all-objects-section .text-center{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%} .comp-hero p,.all-objects-section p{margin-left:auto !important;margin-right:auto !important} .inline-badge{margin-left:auto !important;margin-right:auto !important}