:root{--bg:#020617;--bg-card:#0c1222;--bg-card-solid:#0f172a;--turq:#22d3ee;--mag:#e879f9;--lime:#bef264;--gold:#fbbf24;--text:#f1f5f9;--text-soft:#94a3b8;--border:rgba(148,163,184,0.12);--border-hover:rgba(148,163,184,0.35);--radius:10px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{max-width:1080px;margin:0 auto;padding:0 24px}.header{position:fixed;top:0;left:0;right:0;z-index:9999;background:rgba(2,6,23,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:14px 0}.header-inner{justify-content:space-between}.header-inner,.header-logo{display:flex;align-items:center}.header-logo{gap:10px;font-weight:700;font-size:1rem;color:var(--text);letter-spacing:.02em}.header-logo-icon{width:34px;height:34px;background:var(--turq);border-radius:8px;display:grid;place-items:center}.header-logo-play{width:0;height:0;border-left:9px solid var(--bg);border-top:5px solid transparent;border-bottom:5px solid transparent;margin-left:2px}.header-nav{display:flex;align-items:center;gap:32px}.header-nav a{font-size:.85rem;color:var(--text-soft);transition:color .2s;font-weight:500}.header-nav a:hover{color:var(--text)}.header-cta{padding:9px 20px;background:var(--turq);color:var(--bg);border-radius:8px;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;transition:opacity .2s}.header-cta:hover{opacity:.88}.hero{padding:130px 24px 56px;position:relative;background:radial-gradient(ellipse at 20% 0,rgba(34,211,238,.06),transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(232,121,249,.04),transparent 50%)}.hero .container{max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(34,211,238,.06);border:1px solid rgba(34,211,238,.2);border-radius:6px;font-size:.78rem;font-weight:600;color:var(--turq);margin-bottom:24px;letter-spacing:.02em}.hero-badge-dot{width:7px;height:7px;background:var(--lime);border-radius:50%;animation:dotPulse 2.5s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-size:clamp(1.8rem,4.2vw,2.8rem);font-weight:800;line-height:1.15;margin-bottom:18px;letter-spacing:-.02em}.hero h1 span{color:var(--turq)}.hero-desc{font-size:1rem;color:var(--text-soft);max-width:600px;margin-bottom:32px;line-height:1.7}.hero-metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:36px;max-width:680px}.hero-metric{padding:14px 16px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);border-left:3px solid var(--turq)}.hero-metric strong{display:block;font-size:.85rem;font-weight:700;color:var(--text);margin-bottom:2px}.hero-metric span{font-size:.72rem;color:var(--text-soft)}.hero-metric-divider{display:none}.hero-cta-btn{display:inline-block;padding:14px 36px;background:var(--turq);color:var(--bg);border-radius:8px;font-weight:700;font-size:.92rem;text-transform:uppercase;letter-spacing:.04em;transition:opacity .2s,transform .2s;margin-bottom:18px;position:relative;overflow:hidden}.hero-cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}.hero-cta-btn:hover:before{left:100%}.hero-cta-btn:hover{transform:translateY(-1px);opacity:.92}.hero-disclaimer{font-size:.72rem;color:var(--text-soft);opacity:.6;max-width:480px;line-height:1.5}.quick-nav{padding:12px 24px;overflow-x:auto;border-bottom:1px solid var(--border)}.quick-nav-inner{display:flex;justify-content:center;gap:6px;min-width:max-content}.quick-nav-item{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid transparent;border-radius:6px;font-size:.78rem;font-weight:600;color:var(--text-soft);transition:color .2s,background .2s;white-space:nowrap}.quick-nav-item:hover{color:var(--text);background:var(--bg-card)}.quick-nav-item img{width:20px;height:20px;border-radius:4px}.quick-nav-num{color:var(--turq);font-weight:800;font-size:.72rem}.ranking-section{padding:48px 24px 60px}.section-title{font-size:clamp(1.3rem,2.8vw,1.9rem);font-weight:800;margin-bottom:6px;letter-spacing:-.01em}.section-subtitle{color:var(--text-soft);font-size:.92rem;margin-bottom:36px}.ranking-card-featured{background:var(--bg-card);border:1px solid rgba(34,211,238,.2);border-left:4px solid var(--turq);border-radius:var(--radius);padding:28px 28px 28px 24px;margin-bottom:20px;position:relative}.ranking-card-featured:before{display:none}.featured-badge{display:inline-block;padding:4px 12px;background:var(--turq);color:var(--bg);border-radius:4px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px}.featured-top{display:flex;align-items:flex-start;gap:18px;margin-bottom:18px}.ranking-position{width:44px;height:44px;background:var(--turq);border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:1.3rem;color:var(--bg);flex-shrink:0}.featured-info{flex:1 1}.featured-name-row{display:flex;align-items:center;gap:12px;margin-bottom:6px}.platform-icon{width:48px;height:48px;border-radius:10px;object-fit:cover;border:1px solid var(--border)}.platform-name{font-size:1.35rem;font-weight:700;letter-spacing:-.01em}.platform-url{font-size:.78rem;color:var(--text-soft);margin-bottom:6px}.platform-stars{display:flex;align-items:center;gap:6px;margin-bottom:10px}.stars{color:var(--gold);font-size:.95rem;letter-spacing:1px}.stars-count{font-size:.8rem;color:var(--text-soft)}.platform-desc{color:var(--text-soft);line-height:1.65;margin-bottom:14px;font-size:.92rem}.platform-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.platform-tag{padding:4px 10px;background:rgba(190,242,100,.08);border:1px solid rgba(190,242,100,.18);border-radius:4px;font-size:.73rem;color:var(--lime);font-weight:500}.stat-bars{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:22px}.stat-bar{display:flex;flex-direction:column;gap:4px}.stat-bar-label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-soft)}.stat-bar-track{height:5px;background:rgba(148,163,184,.1);border-radius:3px;overflow:hidden}.stat-bar-fill{height:100%;background:var(--turq);border-radius:3px}.platform-ctas{display:flex;gap:10px;flex-wrap:wrap}.cta-primary{flex:1 1;min-width:200px;padding:12px 24px;background:var(--turq);color:var(--bg);border-radius:8px;font-weight:700;font-size:.88rem;text-align:center;text-transform:uppercase;letter-spacing:.03em;transition:opacity .2s,transform .2s}.cta-primary:hover{opacity:.88;transform:translateY(-1px)}.cta-secondary{padding:12px 24px;background:transparent;border:1px solid var(--border-hover);color:var(--text-soft);border-radius:8px;font-weight:600;font-size:.84rem;text-align:center;transition:border-color .2s,color .2s}.cta-secondary:hover{border-color:var(--turq);color:var(--turq)}.ranking-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid transparent;border-radius:var(--radius);padding:20px 22px;margin-bottom:10px;display:grid;grid-template-columns:auto 1fr auto;grid-gap:18px;gap:18px;align-items:center;transition:border-left-color .2s}.ranking-card:hover{border-left-color:var(--mag)}.ranking-card-left{display:flex;flex-direction:column;align-items:center;gap:8px}.ranking-card-left .ranking-position{width:36px;height:36px;font-size:1rem;border-radius:8px;background:var(--bg-card-solid);border:1px solid var(--border);color:var(--turq)}.ranking-card-left .platform-icon{width:44px;height:44px;border-radius:8px}.ranking-card-center{min-width:0}.ranking-card-center .platform-name{font-size:1.08rem;margin-bottom:2px}.ranking-card-center .platform-url{margin-bottom:5px}.ranking-card-center .platform-desc{font-size:.84rem;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ranking-card-center .platform-tags{margin-bottom:0}.ranking-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:140px}.ranking-card-right .platform-stars{margin-bottom:0}.ranking-card-right .cta-primary{min-width:120px;padding:9px 18px;font-size:.78rem}.content-section{padding:56px 24px}.content-section-dark{background:var(--bg-card)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px;margin-top:28px}.info-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:border-color .2s}.info-card:hover{border-color:var(--border-hover)}.info-card-icon{width:44px;height:44px;background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.15);border-radius:8px;display:grid;place-items:center;margin-bottom:14px;font-size:1.3rem}.info-card h3{font-size:1.05rem;margin-bottom:6px}.info-card p{color:var(--text-soft);font-size:.88rem;line-height:1.6}.criteria-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:12px;gap:12px;margin-top:28px}.criteria-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;gap:12px;align-items:flex-start;transition:border-color .2s}.criteria-card:hover{border-color:rgba(232,121,249,.3)}.criteria-num{width:34px;height:34px;background:rgba(232,121,249,.12);border:1px solid rgba(232,121,249,.25);border-radius:8px;display:grid;place-items:center;font-weight:700;font-size:.85rem;color:var(--mag);flex-shrink:0}.criteria-card h3{font-size:.95rem;margin-bottom:4px}.criteria-card p{color:var(--text-soft);font-size:.84rem;line-height:1.55}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px;margin-top:28px}.step-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:24px;position:relative;transition:border-color .2s}.step-card:hover{border-color:rgba(190,242,100,.3)}.step-num{width:40px;height:40px;background:rgba(190,242,100,.1);border:1px solid rgba(190,242,100,.2);border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:1.05rem;color:var(--lime);margin-bottom:14px}.step-card h3{font-size:1.02rem;margin-bottom:6px}.step-card p{color:var(--text-soft);font-size:.86rem;line-height:1.6}.table-wrapper{overflow-x:auto;margin-top:28px;border-radius:var(--radius);border:1px solid var(--border)}.comparison-table{width:100%;border-collapse:collapse;min-width:700px}.comparison-table td,.comparison-table th{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border);font-size:.84rem}.comparison-table th{background:var(--bg-card-solid);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft)}.comparison-table td{background:var(--bg-card);color:var(--text-soft)}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr.table-highlight td{background:rgba(34,211,238,.04);color:var(--text)}.table-platform{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--text)}.table-platform img{width:26px;height:26px;border-radius:5px}.table-badge{display:inline-block;padding:2px 8px;background:var(--turq);color:var(--bg);border-radius:4px;font-size:.68rem;font-weight:700;letter-spacing:.02em}.table-badge-yellow{background:var(--gold)}.faq-container{max-width:760px;margin:28px auto 0}.faq-item{border-bottom:1px solid var(--border)}.faq-question{width:100%;background:none;border:none;padding:16px 0;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--text);font-size:.92rem;font-weight:600;transition:color .2s}.faq-question:hover{color:var(--turq)}.faq-icon{font-size:1.2rem;color:var(--text-soft);transition:transform .3s;flex-shrink:0;margin-left:14px}.faq-item.active .faq-icon{transform:rotate(45deg);color:var(--turq)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.faq-item.active .faq-answer{max-height:500px;transition:max-height .5s ease-in}.faq-answer p{padding:0 0 16px;color:var(--text-soft);line-height:1.7;font-size:.88rem}.cta-final{padding:64px 24px;text-align:center;border-top:1px solid var(--border)}.cta-final h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;margin-bottom:10px;letter-spacing:-.01em}.cta-final p{color:var(--text-soft);font-size:.95rem;margin-bottom:24px}.footer{background:var(--bg-card);border-top:1px solid var(--border);padding:44px 24px 28px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:28px;gap:28px;margin-bottom:28px}.footer-brand .header-logo{margin-bottom:10px}.footer-brand p{color:var(--text-soft);font-size:.84rem;line-height:1.6}.footer h4{font-size:.88rem;margin-bottom:10px;color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.footer-links-list{list-style:none}.footer-links-list li{margin-bottom:6px}.footer-links-list a{color:var(--text-soft);font-size:.84rem;transition:color .2s}.footer-links-list a:hover{color:var(--turq)}.footer-disclaimer{padding-top:20px;border-top:1px solid var(--border);font-size:.74rem;line-height:1.7}.footer-bottom,.footer-disclaimer{color:var(--text-soft);text-align:center}.footer-bottom{padding-top:12px;font-size:.78rem}.legal-page{min-height:100vh;padding:100px 24px 60px}.legal-container{max-width:760px;margin:0 auto}.legal-header{margin-bottom:36px}.legal-header h1{font-size:clamp(1.6rem,3.5vw,2.2rem);margin-bottom:8px}.legal-header p{color:var(--text-soft)}.legal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px}.legal-content h2{font-size:1.15rem;margin-top:24px;margin-bottom:10px;color:var(--turq)}.legal-content h2:first-of-type{margin-top:0}.legal-content p,.legal-content ul{color:var(--text-soft);line-height:1.8;margin-bottom:10px}.legal-content ul{padding-left:22px}.legal-content a{color:var(--turq)}.legal-content a:hover{text-decoration:underline}.back-link{display:inline-block;margin-top:20px;padding:9px 20px;background:transparent;border:1px solid var(--border-hover);border-radius:8px;color:var(--text-soft);font-weight:600;font-size:.86rem;transition:border-color .2s,color .2s}.back-link:hover{border-color:var(--turq);color:var(--turq)}@media (max-width:900px){.ranking-card{grid-template-columns:1fr;gap:12px}.ranking-card-left{flex-direction:row;justify-content:flex-start}.ranking-card-right{align-items:flex-start;min-width:auto}.stat-bars{grid-template-columns:1fr}.header-nav{display:none}}@media (max-width:600px){.hero h1{font-size:1.6rem}.hero-metrics{grid-template-columns:1fr 1fr;gap:8px}.hero-metric{padding:12px}.featured-top{align-items:flex-start}.featured-top,.platform-ctas{flex-direction:column}.cta-primary,.cta-secondary{width:100%}.quick-nav-inner{justify-content:flex-start}.criteria-grid,.footer-grid,.info-grid,.steps-grid{grid-template-columns:1fr}}