.clnl-landing{display:flex;flex-direction:column;gap:1.75rem}.clnl-badge{display:inline-block;align-self:flex-start;padding:.28rem .8rem;border-radius:999px;background:var(--cln-accent);color:var(--on-accent,#fff);font-size:.7rem;font-weight:800;letter-spacing:.02em}.clnl-badge.sm{padding:.2rem .6rem;font-size:.62rem;background:rgb(255 107 53 / .9);background:color-mix(in srgb,var(--cln-accent,#FF6B35) 90%,transparent)}.clnl-meta{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;font-size:.74rem;color:#cbd5e1;opacity:.9}.clnl-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgb(2 6 23 / .92) 8%,rgb(2 6 23 / .5) 45%,rgb(2 6 23 / .08) 100%)}.clnl-hot{position:absolute;top:8px;inset-inline-start:8px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgb(0 0 0 / .6);color:#ef4444;font-size:.7rem}.clnl-hero-row{display:grid;grid-template-columns:1.75fr 1fr;gap:1rem;align-items:stretch}.clnl-hero-main,.clnl-hero-side{min-width:0}@media (max-width:860px){.clnl-hero-row{grid-template-columns:1fr}}.clnl-slider{position:relative;height:100%;border-radius:var(--cln-radius-lg);overflow:hidden;background:var(--cln-card-bg);border:var(--cln-border);margin-bottom:3rem}@media (max-width:860px){.clnl-slider{height:340px}}@media (max-width:480px){.clnl-slider{height:280px}}.clnl-slider-track,.clnl-slide{position:absolute;inset:0}.clnl-slide{display:flex;align-items:flex-end;text-decoration:none;opacity:0;visibility:hidden;transition:opacity .6s ease}.clnl-slide.is-active{opacity:1;visibility:visible;z-index:2}.clnl-slide-bg{position:absolute;inset:0;overflow:hidden}.clnl-slide-bg img{width:100%;height:100%;object-fit:cover;display:block}.clnl-slide-body{position:relative;z-index:3;padding:1.6rem 1.8rem;display:flex;flex-direction:column;gap:.6rem;text-align:justify}@media (max-width:600px){.clnl-slide-body{padding:1.1rem 1.2rem}}.clnl-slide-title{color:#fff;font-size:calc(1.55rem * var(--cln-font-scale, 1));font-weight:800;line-height:1.35;margin:0}@media (max-width:600px){.clnl-slide-title{font-size:calc(1.15rem * var(--cln-font-scale, 1))}}.clnl-slide-excerpt{color:#cbd5e1;font-size:calc(.86rem * var(--cln-font-scale, 1));line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:600px){.clnl-slide-excerpt{display:none}}.clnl-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:40px;border-radius:50%;background:rgb(2 6 23 / .55);color:#fff;border:1px solid rgb(255 255 255 / .15);font-size:1.4rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--cln-tr),border-color var(--cln-tr)}.clnl-nav:hover{background:var(--cln-accent);border-color:var(--cln-accent)}.clnl-prev{inset-inline-end:12px}.clnl-next{inset-inline-start:12px}.clnl-dots{position:absolute;bottom:12px;inset-inline-start:50%;transform:translateX(50%);z-index:5;display:flex;gap:6px}.clnl-dot{width:8px;height:8px;border-radius:50%;cursor:pointer;padding:0;background:rgb(255 255 255 / .4);border:none;transition:all var(--cln-tr)}.clnl-dot.is-active{background:var(--cln-accent);width:22px;border-radius:5px}.clnl-big-col{display:flex;flex-direction:column;gap:1rem;height:100%}.clnl-big-card{position:relative;flex:1;min-height:120px;border-radius:var(--cln-radius);overflow:hidden;text-decoration:none;border:var(--cln-border);background:var(--cln-card-bg);display:flex;align-items:flex-end;transition:transform var(--cln-tr),box-shadow var(--cln-tr),border-color var(--cln-tr)}.clnl-big-card:hover{transform:translateY(var(--cln-lift));box-shadow:var(--cln-shadow);border-color:rgb(255 107 53 / .4);border-color:color-mix(in srgb,var(--cln-accent,#FF6B35) 40%,transparent)}.clnl-big-bg{position:absolute;inset:0;overflow:hidden}.clnl-big-bg img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.clnl-big-card:hover .clnl-big-bg img{transform:scale(1.06)}.clnl-big-body{position:relative;z-index:2;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.4rem}.clnl-big-title{color:#fff;font-size:calc(.95rem * var(--cln-font-scale, 1));font-weight:700;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:justify}.clnl-big-excerpt{color:#cbd5e1;font-size:calc(.8rem * var(--cln-font-scale, 1));line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clnl-carousel{display:flex;flex-direction:column;gap:.8rem}.clnl-car-hdr{display:flex;align-items:center;gap:.75rem}.clnl-car-title-wrap{display:contents}.clnl-car-title{font-size:calc(1.05rem * var(--cln-font-scale, 1));font-weight:800;color:var(--cln-heading);text-decoration:none;position:relative;padding-inline-start:.65rem;margin:0;line-height:1.3}.clnl-car-title::before{content:'';position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:4px;height:1.1em;border-radius:2px;background:var(--cln-accent)}.clnl-car-actions{margin-inline-start:auto;display:flex;align-items:center;gap:.4rem}.clnl-car-more{font-size:.74rem;color:var(--cln-muted);text-decoration:none;white-space:nowrap}.clnl-car-more:hover{color:var(--accent-ink,var(--accent,#FF6B35))}.clnl-car-nav{width:32px;height:32px;border-radius:9px;cursor:pointer;background:var(--cln-card-bg);border:var(--cln-border);color:var(--cln-text);font-size:1.1rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all var(--cln-tr)}.clnl-car-nav:hover{color:var(--accent-ink,var(--accent,#FF6B35));border-color:rgb(255 107 53 / .4);border-color:color-mix(in srgb,var(--cln-accent,#FF6B35) 40%,transparent)}.clnl-car-track{display:flex;gap:.85rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding-bottom:.35rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.clnl-car-track::-webkit-scrollbar{display:none}.clnl-car-card{flex:0 0 clamp(200px, 24%, 260px);scroll-snap-align:start;border-radius:var(--cln-radius);overflow:hidden;text-decoration:none;background:var(--cln-card-bg);border:var(--cln-border);transition:transform var(--cln-tr),box-shadow var(--cln-tr),border-color var(--cln-tr)}.clnl-car-card:hover{transform:translateY(var(--cln-lift));box-shadow:var(--cln-shadow);border-color:rgb(255 107 53 / .4);border-color:color-mix(in srgb,var(--cln-accent,#FF6B35) 40%,transparent)}.clnl-car-thumb{position:relative;height:140px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--accent,#FF6B35) 22%,var(--cln-d-canvas,#0b1020)),color-mix(in srgb,var(--accent-3,#7B2FBE) 30%,var(--cln-d-canvas,#0b1020)));display:flex;align-items:center;justify-content:center}.clnl-car-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.clnl-car-card:hover .clnl-car-thumb img{transform:scale(1.06)}.clnl-car-ph{font-size:1.6rem;color:var(--on-brand,#fff);opacity:.2}.clnl-car-body{padding:.75rem .85rem}.clnl-car-card-title{font-size:calc(.85rem * var(--cln-font-scale, 1));font-weight:700;color:var(--cln-title);line-height:1.5;margin:0 0 .4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--cln-tr);text-align:justify}.clnl-car-card:hover .clnl-car-card-title{color:var(--accent-ink,var(--accent,#FF6B35))}.clnl-car-excerpt{color:var(--cln-text);font-size:calc(.76rem * var(--cln-font-scale, 1));line-height:1.6;margin:0 0 .4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clnl-car-body .clnl-meta{color:var(--cln-muted)}.clnl-big-bg,.clnl-slide-bg{filter:brightness(.4)}.clnl-slider,.clnl-slide,.clnl-big-card,.clnl-car-card,.clnx-rail-card,.clnx-pick-link{border-color:#fff0;background-image:var(--grad-surface),var(--grad-border);background-origin:border-box;background-clip:padding-box,border-box}.clnl-big-card:hover,.clnl-car-card:hover,.clnx-rail-card:hover,.clnx-pick-link:hover{border-color:#fff0;background-image:var(--grad-surface),var(--grad-border-strong)}.clnx-rail-track{list-style:none;margin:0;padding:.5rem 0}.clnx-rail-item{flex:0 0 clamp(210px, 26%, 275px);scroll-snap-align:start}.clnx-rail-card{display:flex;align-items:center;gap:.6rem;height:100%;padding:.55rem .65rem;border-radius:var(--cln-radius);border:var(--cln-border);background-color:var(--cln-card-bg);text-decoration:none;transition:transform var(--cln-tr),box-shadow var(--cln-tr),border-color var(--cln-tr)}.clnx-rail-card:hover{transform:translateY(var(--cln-lift));box-shadow:var(--cln-shadow);border-color:color-mix(in srgb,var(--cln-pop-accent,var(--accent,#FF6B35)) 40%,transparent)}.clnx-rail-rank{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;background:var(--cln-pop-accent,var(--accent,#FF6B35));color:var(--cln-pop-ink,var(--on-accent,#fff));font-size:.68rem;font-weight:800;line-height:1}.clnx-rail-thumb{flex-shrink:0;width:46px;height:46px;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--cln-card-2);border:1px solid var(--cln-line);color:var(--cln-pop-text,var(--accent-ink,var(--accent,#FF6B35)));font-size:.85rem}.clnx-rail-thumb img{width:100%;height:100%;object-fit:cover;display:block}.clnx-rail-body{min-width:0;display:flex;flex-direction:column;gap:.2rem}.clnx-rail-title{font-size:calc(.78rem * var(--cln-font-scale, 1));font-weight:700;line-height:1.5;color:var(--cln-title);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--cln-tr)}.clnx-rail-card:hover .clnx-rail-title{color:var(--cln-pop-text,var(--accent-ink,var(--accent,#FF6B35)))}.clnx-rail-meta{font-size:calc(.66rem * var(--cln-font-scale, 1));color:var(--cln-muted)}.clnx-picks{display:flex;flex-direction:column;gap:.8rem}.clnx-picks-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.clnx-pick{min-width:0}.clnx-pick-link{display:flex;flex-direction:column;height:100%;border-radius:var(--cln-radius);overflow:hidden;background-color:var(--cln-card-bg);border:var(--cln-border);text-decoration:none;transition:transform var(--cln-tr),box-shadow var(--cln-tr),border-color var(--cln-tr)}.clnx-pick-link:hover{transform:translateY(var(--cln-lift));box-shadow:var(--cln-shadow);border-color:color-mix(in srgb,var(--cln-accent,#FF6B35) 40%,transparent)}.clnx-pick-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--cln-card-2);display:flex;align-items:center;justify-content:center;color:var(--accent-ink,var(--accent,#FF6B35));font-size:1.5rem}.clnx-pick-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.clnx-pick-link:hover .clnx-pick-thumb img{transform:scale(1.05)}.clnx-pick-badge{position:absolute;top:8px;inset-inline-start:8px;display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .55rem;border-radius:999px;background:var(--cln-accent,#FF6B35);color:var(--on-accent,#fff);font-size:.62rem;font-weight:800;line-height:1.6}.clnx-pick-body{display:flex;flex-direction:column;gap:.35rem;padding:.8rem .9rem 1rem}.clnx-pick-cat{font-size:calc(.66rem * var(--cln-font-scale, 1));font-weight:700;color:var(--accent-ink,var(--accent,#FF6B35));letter-spacing:.02em}.clnx-pick-title{font-size:calc(.95rem * var(--cln-font-scale, 1));font-weight:800;line-height:1.55;color:var(--cln-title);text-align:justify;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--cln-tr)}.clnx-pick-link:hover .clnx-pick-title{color:var(--accent-ink,var(--accent,#FF6B35))}.clnx-pick-excerpt{font-size:calc(.78rem * var(--cln-font-scale, 1));line-height:1.7;color:var(--cln-text);text-align:justify;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clnx-pick-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.15rem;font-size:calc(.68rem * var(--cln-font-scale, 1));color:var(--cln-muted)}.clnx-top{display:flex;flex-direction:column;gap:.8rem}.clnx-top-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem 1.25rem;grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.clnx-top-item{display:flex;align-items:center;gap:.7rem;padding:.55rem .2rem;border-bottom:1px solid var(--cln-line)}.clnx-top-num{flex-shrink:0;min-width:1.9em;font-size:calc(1.5rem * var(--cln-font-scale, 1));font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:var(--cln-pop-text,var(--accent-ink,var(--accent,#FF6B35)))}.clnx-top-thumb{flex-shrink:0;width:54px;height:54px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--cln-card-2);border:1px solid var(--cln-line)}.clnx-top-thumb img{width:100%;height:100%;object-fit:cover;display:block}.clnx-top-thumb-ph{color:var(--cln-muted);font-size:1rem}.clnx-top-body{min-width:0;display:flex;flex-direction:column;gap:.18rem}.clnx-top-cat{font-size:calc(.64rem * var(--cln-font-scale, 1));font-weight:700;color:var(--accent-ink,var(--accent,#FF6B35))}.clnx-top-link{font-size:calc(.85rem * var(--cln-font-scale, 1));font-weight:700;line-height:1.55;color:var(--cln-title);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--cln-tr)}.clnx-top-link:hover,.clnx-top-link:focus-visible{color:var(--cln-pop-text,var(--accent-ink,var(--accent,#FF6B35)))}.clnx-top-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;font-size:calc(.66rem * var(--cln-font-scale, 1));color:var(--cln-muted)}.clnx-nlband{display:block;margin-block:.5rem;padding:2rem}.clnx-nlband .cln-nl{width:fit-content;margin:auto}@media (prefers-reduced-motion:reduce){.clnx-rail-card,.clnx-rail-title,.clnx-pick-link,.clnx-pick-title,.clnx-pick-thumb img,.clnx-top-link{transition:none}.clnx-rail-card:hover,.clnx-pick-link:hover{transform:none}.clnx-pick-link:hover .clnx-pick-thumb img{transform:none}}