:root{--cl-bg:var(--bg-base,#080e1a);--cl-surface:var(--bg-surface,#0e1c36);--cl-surface-alt:var(--bg-elevated,#152647);--cl-border:var(--border-subtle,#d4a8431f);--cl-blue:#1e3a5f;--cl-blue-light:#2a5080;--cl-gold:#d4a843;--cl-gold-light:#e6c060;--cl-green:#22c55e;--cl-red:#ef4444;--cl-text:var(--text-primary,#e2e8f0);--cl-text-muted:var(--text-secondary,#94a3b8);--cl-text-dim:var(--text-muted,#64748b);--cl-radius:14px;--cl-radius-sm:10px;--cl-hero-from:var(--cl-hero-from);--cl-hero-via:#1e3a5f;--cl-hero-to:#0e1c36;--cl-hero-text:#fff;--cl-hero-sub:#94a3b8}.light{--cl-blue:#c8b88a;--cl-blue-light:#d9cda6;--cl-gold:#92400e;--cl-gold-light:#b45309;--cl-green:#16a34a;--cl-hero-from:#f0ece5;--cl-hero-via:#f5f3ef;--cl-hero-to:#faf9f6;--cl-hero-text:#1f2937;--cl-hero-sub:#4b5563}.cl-page{max-width:780px;color:var(--cl-text);margin:0 auto;padding:12px 16px 60px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.cl-breadcrumb{color:var(--cl-text-dim);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;font-size:12px;display:flex}.cl-breadcrumb a{color:var(--cl-text-muted);text-decoration:none;transition:color .2s}.cl-breadcrumb a:hover{color:var(--cl-gold)}.cl-hero{text-align:center;background:linear-gradient(135deg, var(--cl-hero-from) 0%, var(--cl-hero-via) 50%, var(--cl-hero-to) 100%);border-radius:var(--cl-radius);border:1px solid #d4a84326;margin-bottom:8px;padding:40px 24px 36px;position:relative;overflow:hidden}.cl-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#d4a8430f 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-60%;right:-30%}.cl-hero-badge{color:var(--cl-gold);letter-spacing:.02em;background:#d4a8431a;border:1px solid #d4a84340;border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.cl-hero h1{color:var(--cl-text);letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(24px,5vw,36px);font-weight:800;line-height:1.2}.cl-hero-date{color:var(--cl-text-muted);margin-top:8px;font-size:clamp(14px,2.5vw,17px);font-weight:400;display:block}.cl-hero-subtitle{color:var(--cl-text-muted);max-width:640px;margin:0 auto 24px;font-size:15px;line-height:1.7}.cl-hero-stats{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.cl-hero-stat{text-align:center}.cl-hero-stat-value{color:var(--cl-gold);font-size:28px;font-weight:800;line-height:1;display:block}.cl-hero-stat-label{color:var(--cl-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:11px;display:block}.cl-section{padding:28px 0}.cl-section-title{color:var(--cl-text);letter-spacing:-.01em;align-items:center;gap:10px;margin:0 0 20px;font-size:19px;font-weight:700;display:flex}.cl-section-title svg{color:var(--cl-gold);flex-shrink:0}.cl-ranking-grid{flex-direction:column;gap:14px;display:flex}.cl-rank-card{background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:var(--cl-radius);grid-template-columns:50px 1fr auto;align-items:center;gap:16px;padding:20px;transition:border-color .25s,transform .2s;display:grid}.cl-rank-card:hover{border-color:#d4a8434d;transform:translateY(-2px)}.cl-rank-card.cl-rank-gold{background:linear-gradient(135deg, var(--cl-surface) 0%, #d4a8430f 100%);border-color:#d4a8434d}.cl-rank-num{width:44px;height:44px;color:var(--cl-text);border-radius:12px;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.cl-rank-num.gold{background:linear-gradient(135deg,#d4a843,#b8922e)}.cl-rank-num.silver{background:linear-gradient(135deg,#64748b,#475569)}.cl-rank-num.bronze{background:linear-gradient(135deg,#92400e,#78350f)}.cl-rank-num.standard{background:var(--cl-surface-alt);color:var(--cl-text-muted)}.cl-rank-info{min-width:0}.cl-rank-name{color:var(--cl-text);margin:0 0 4px;font-size:16px;font-weight:700}.cl-rank-meta{color:var(--cl-text-muted);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.cl-rank-tag{color:var(--cl-green);background:#22c55e1a;border:1px solid #22c55e33;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.cl-rank-tag.paid{color:var(--cl-gold);background:#d4a8431a;border-color:#d4a84333}.cl-rank-cta{background:var(--cl-gold);color:#fff;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.cl-rank-cta:hover{background:var(--cl-gold-light);transform:scale(1.03)}.cl-rank-cta.secondary{border:1px solid var(--cl-border);color:var(--cl-text-muted);background:0 0}.cl-rank-cta.secondary:hover{border-color:var(--cl-gold);color:var(--cl-gold)}.cl-comparison{border-radius:var(--cl-radius);border:1px solid var(--cl-border);-webkit-overflow-scrolling:touch;overflow:auto hidden}.cl-comparison-header{background:var(--cl-surface-alt);text-transform:uppercase;letter-spacing:.06em;color:var(--cl-text-muted);grid-template-columns:1.5fr repeat(3,1fr);gap:1px;min-width:420px;padding:14px 16px;font-size:12px;font-weight:700;display:grid}.cl-comparison-row{background:var(--cl-surface);border-top:1px solid var(--cl-border);grid-template-columns:1.5fr repeat(3,1fr);align-items:center;gap:1px;min-width:420px;padding:12px 16px;font-size:13px;transition:background .2s;display:grid}.cl-comparison-row:hover{background:var(--cl-surface-alt)}.cl-comparison-label{color:var(--cl-text-muted);font-weight:500}.cl-comparison-cell{text-align:center}.cl-comparison-cell.win{color:var(--cl-green);font-weight:700}.cl-comparison-cell.neutral{color:var(--cl-text-dim)}.cl-winner-badge{color:var(--cl-green);background:#22c55e1a;border:1px solid #22c55e33;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.cl-steps{flex-direction:column;gap:0;display:flex;position:relative}.cl-step{gap:16px;padding:20px 0;display:flex;position:relative}.cl-step:not(:last-child):after{content:"";background:linear-gradient(to bottom, var(--cl-gold), transparent);width:2px;position:absolute;top:64px;bottom:0;left:21px}.cl-step-num{background:linear-gradient(135deg, var(--cl-gold), #b8922e);color:#fff;z-index:1;border-radius:12px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;font-size:16px;font-weight:800;display:flex}.cl-step-content{flex:1}.cl-step-title{color:var(--cl-text);margin:0 0 6px;font-size:15px;font-weight:700}.cl-step-desc{color:var(--cl-text-muted);margin:0;font-size:14px;line-height:1.6}.cl-flip-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.cl-flip-card{perspective:800px;cursor:pointer;height:140px}.cl-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.cl-flip-card:hover .cl-flip-inner{transform:rotateY(180deg)}.cl-flip-front,.cl-flip-back{border-radius:var(--cl-radius);backface-visibility:hidden;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.cl-flip-front{background:var(--cl-surface);border:1px solid var(--cl-border)}.cl-flip-back{background:linear-gradient(135deg, var(--cl-blue), var(--cl-surface));border:1px solid #1e3a5f66;transform:rotateY(180deg)}.cl-flip-icon{margin-bottom:8px}.cl-flip-value{color:var(--cl-gold);font-size:26px;font-weight:800;line-height:1.2}.cl-flip-back .cl-flip-value{color:var(--cl-text);font-size:13px;font-weight:500}.cl-flip-label{color:var(--cl-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:11px}.cl-feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:20px 0;display:grid}.cl-feature-card{background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:var(--cl-radius);padding:24px;transition:border-color .25s,transform .2s}.cl-feature-card:hover{border-color:#d4a84340;transform:translateY(-2px)}.cl-feature-icon{margin-bottom:12px;display:block}.cl-feature-title{color:var(--cl-text);margin:0 0 8px;font-size:15px;font-weight:700}.cl-feature-desc{color:var(--cl-text-muted);margin:0;font-size:13px;line-height:1.6}.cl-pricing-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.cl-pricing-card{background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:var(--cl-radius);text-align:center;padding:28px 24px;transition:border-color .25s;position:relative}.cl-pricing-card.featured{background:linear-gradient(135deg, var(--cl-surface) 0%, #22c55e0a 100%);border-color:#22c55e66}.cl-pricing-card.featured:before{content:"★ Polecamy";background:var(--cl-green);color:var(--cl-text);letter-spacing:.04em;border-radius:20px;padding:3px 14px;font-size:11px;font-weight:700;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.cl-pricing-name{color:var(--cl-text);margin:0 0 4px;font-size:17px;font-weight:700}.cl-pricing-type{color:var(--cl-text-dim);margin:0 0 16px;font-size:12px}.cl-pricing-price{color:var(--cl-gold);margin-bottom:4px;font-size:32px;font-weight:800;line-height:1}.cl-pricing-price.free{color:var(--cl-green)}.cl-pricing-period{color:var(--cl-text-dim);margin-bottom:16px;font-size:12px}.cl-pricing-features{text-align:left;margin:0 0 20px;padding:0;list-style:none}.cl-pricing-features li{color:var(--cl-text-muted);align-items:flex-start;gap:8px;padding:6px 0;font-size:13px;line-height:1.5;display:flex}.cl-pricing-features li svg{flex-shrink:0;margin-top:2px}.cl-seo-content h2{color:var(--cl-text);letter-spacing:-.01em;margin:40px 0 16px;font-size:22px;font-weight:700}.cl-seo-content h3{color:var(--cl-text);margin:32px 0 12px;font-size:17px;font-weight:700}.cl-seo-content p{color:var(--cl-text-muted);margin:0 0 16px;font-size:15px;line-height:1.8}.cl-seo-content a{color:var(--cl-gold);text-underline-offset:3px;text-decoration:underline;transition:color .2s}.cl-seo-content a:hover{color:var(--cl-gold-light)}.cl-seo-content strong{color:var(--cl-text)}.cl-info-box{border:1px solid #d4a84326;border-left:4px solid var(--cl-gold);border-radius:var(--cl-radius-sm);color:var(--cl-text-muted);background:linear-gradient(135deg,#d4a8430f 0%,#d4a84305 100%);margin:24px 0;padding:20px 24px;font-size:14px;line-height:1.7}.cl-info-box strong{color:var(--cl-gold)}.cl-divider{text-transform:uppercase;letter-spacing:.1em;color:var(--cl-text-dim);justify-content:center;align-items:center;gap:10px;padding:32px 0;font-size:11px;font-weight:700;display:flex}.cl-divider:before,.cl-divider:after{content:"";background:var(--cl-border);flex:1;height:1px}.cl-divider-icon{background:var(--cl-surface-alt);border:1px solid var(--cl-border);width:32px;height:32px;color:var(--cl-gold);border-radius:8px;justify-content:center;align-items:center;display:flex}.cl-cta-box{text-align:center;background:linear-gradient(135deg, var(--cl-blue) 0%, var(--cl-surface) 100%);border-radius:var(--cl-radius);border:1px solid #1e3a5f4d;padding:32px 24px}.cl-cta-amount{color:var(--cl-gold);margin-bottom:8px;font-size:36px;font-weight:800;display:block}.cl-cta-desc{color:var(--cl-text-muted);margin:0 0 20px;font-size:14px;line-height:1.6}.cl-cta-btn{background:var(--cl-gold);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.cl-cta-btn:hover{background:var(--cl-gold-light);transform:translateY(-1px)}.cl-promo-code{color:var(--cl-text-dim);margin:14px 0 0;font-size:12px}.cl-promo-code strong{color:var(--cl-gold)}.cl-faq-list{flex-direction:column;gap:8px;display:flex}.cl-faq-item{border:1px solid var(--cl-border);border-radius:var(--cl-radius-sm);background:var(--cl-surface);transition:border-color .2s;overflow:hidden}.cl-faq-item:hover{border-color:#d4a84333}.cl-faq-q{cursor:pointer;width:100%;color:var(--cl-text);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:14px;font-weight:600;line-height:1.5;display:flex}.cl-faq-q svg{color:var(--cl-text-dim);flex-shrink:0;transition:transform .3s,color .2s}.cl-faq-item.open .cl-faq-q svg{color:var(--cl-gold);transform:rotate(180deg)}.cl-faq-a{max-height:0;transition:max-height .35s,padding .35s;overflow:hidden}.cl-faq-item.open .cl-faq-a{max-height:300px}.cl-faq-a-inner{color:var(--cl-text-muted);padding:0 20px 16px;font-size:13px;line-height:1.7}.cl-pros-list{flex-direction:column;gap:10px;margin:16px 0;display:flex}.cl-pros-item{color:var(--cl-text);align-items:center;gap:10px;font-size:14px;display:flex}.cl-pros-check{width:24px;min-width:24px;height:24px;color:var(--cl-green);background:#22c55e1f;border-radius:6px;justify-content:center;align-items:center;display:flex}.cl-showcase{background:linear-gradient(135deg, #1e3a5f26 0%, var(--cl-surface) 100%);border-radius:var(--cl-radius);border:1px solid #1e3a5f4d;align-items:center;gap:20px;margin:24px 0;padding:24px;display:flex}.cl-showcase-visual{background:linear-gradient(135deg, var(--cl-blue), var(--cl-blue-light));border-radius:16px;justify-content:center;align-items:center;width:64px;min-width:64px;height:64px;display:flex}.cl-showcase-title{color:var(--cl-text);margin:0 0 6px;font-size:15px;font-weight:700}.cl-showcase-desc{color:var(--cl-text-muted);margin:0 0 10px;font-size:13px;line-height:1.6}.cl-showcase-tags{flex-wrap:wrap;gap:6px;display:flex}.cl-showcase-tag{color:var(--cl-gold);background:#d4a84314;border:1px solid #d4a84326;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:600}.cl-match-card-link:hover{transform:translateY(-1px);border-color:#d4a8434d!important}.cl-disclaimer{background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:var(--cl-radius-sm);color:var(--cl-text-dim);margin-top:32px;padding:16px 20px;font-size:11px;line-height:1.6}@media (width<=640px){.cl-hero{padding:28px 16px 24px}.cl-hero h1{font-size:22px}.cl-hero-stats{gap:20px}.cl-hero-stat-value{font-size:22px}.cl-rank-card{grid-template-columns:40px 1fr;gap:12px}.cl-rank-cta{grid-column:1/-1;justify-content:center;padding:8px 14px;font-size:12px;display:flex}.cl-rank-name{font-size:14px}.cl-comparison-header,.cl-comparison-row{grid-template-columns:1.2fr repeat(3,1fr);padding:10px;font-size:11px}.cl-flip-grid{grid-template-columns:repeat(2,1fr)}.cl-flip-card{height:120px}.cl-flip-value{font-size:22px}.cl-pricing-grid,.cl-feature-grid{grid-template-columns:1fr}.cl-showcase{text-align:center;flex-direction:column}.cl-showcase-tags{justify-content:center}.cl-steps .cl-step:after{left:19px}.cl-seo-content h2{font-size:19px}}.light .cl-rank-num.gold{background:linear-gradient(135deg,#92400e,#78350f)}.light .cl-rank-num.silver{background:linear-gradient(135deg,#6b7280,#4b5563)}.light .cl-rank-num.bronze{background:linear-gradient(135deg,#92400e,#78350f)}.light .cl-rank-cta{color:#fff}.light .cl-rank-tag{color:#78350f;background:#92400e1a}.light .cl-rank-tag.paid{color:#78350f;background:#92400e14}.light .cl-comparison-cell.win{color:#15803d}.light .cl-step-num{color:#fff;background:linear-gradient(135deg,#92400e,#78350f)}.light .cl-flip-value{color:#92400e}.light .cl-cta-btn{color:#fff}.light .cl-cta-amount{color:#92400e}.light .cl-info-box{background:#92400e0a;border-left-color:#92400e}.light .cl-pricing-price{color:#92400e}.light .cl-pricing-price.free{color:#15803d}.light .cl-pricing-card.featured{border-color:#15803d4d}
