.cc-vertical{--navy:var(--color-ccv-navy);--navy-2:var(--color-ccv-navy-2);--gold:var(--color-ccv-gold);--gold-soft:var(--color-ccv-gold-soft);--cc:var(--color-ccv-blue);--ink:var(--color-ccv-ink);--ink2:var(--color-ccv-ink2);--ink3:var(--color-ccv-ink3);--line:var(--color-ccv-line);--bg:#fff;--bg-cool:var(--color-ccv-bg-cool);--green:var(--color-ccv-green);--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:24px;--sh-sm:0 1px 2px #0f1f350f, 0 1px 3px #0f1f3514;--sh-md:0 4px 14px #0f1f3514, 0 2px 6px #0f1f350d;--sh-lg:0 18px 50px #0f1f3529;--sh-card:0 10px 26px #0f1f3538;background:var(--bg);color:var(--ink);font-family:var(--font-body)}.cc-vertical *,.cc-vertical :before,.cc-vertical :after{box-sizing:border-box}.cc-vertical .btn{letter-spacing:.01em;white-space:nowrap;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.cc-vertical .btn-primary{background:var(--gold);color:var(--navy);box-shadow:0 2px 8px #d4a01759}.cc-vertical .btn-primary:hover{filter:brightness(1.05);color:var(--navy);transform:translateY(-1px)}.cc-vertical .btn-primary:disabled{opacity:.4;cursor:not-allowed;filter:none;transform:none}.cc-vertical .btn-ghost{color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--line);background:0 0}.cc-vertical .btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--navy);color:var(--navy)}.cc-vertical .btn-sm{padding:7px 14px;font-size:12px}.cc-vertical .chip{background:var(--bg-cool);color:var(--ink2);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;cursor:pointer;border:none;border-radius:999px;padding:8px 15px;font-size:13px;font-weight:600;transition:all .15s}.cc-vertical .chip:hover{box-shadow:inset 0 0 0 1px var(--navy);color:var(--ink2)}.cc-vertical .chip-on{background:var(--navy);color:#fff;box-shadow:none}.cc-vertical .chip-link{text-decoration:none;display:inline-block}.cc-vertical .chiprow{flex-wrap:wrap;gap:8px;display:flex}.cc-vertical .stat{flex-direction:column;gap:2px;display:flex}.cc-vertical .stat-v{color:var(--ink);letter-spacing:-.01em;font-size:17px;font-weight:800;line-height:1.1}.cc-vertical .stat-accent{color:var(--gold)}.cc-vertical .stat-l{color:var(--ink3);letter-spacing:.02em;font-size:11px;font-weight:500}.cc-vertical .tag{letter-spacing:.04em;text-transform:uppercase;color:var(--cc);white-space:nowrap;background:#eaf1ff;border-radius:6px;padding:3px 9px;font-size:10.5px;font-weight:700}.cc-vertical .crumb{flex-wrap:wrap;margin-bottom:18px;font-size:12.5px;font-weight:500;display:flex}.cc-vertical .crumb-sep{opacity:.5;margin:0 8px}.cc-vertical .crumb-dark .crumb-link{color:#fff9}.cc-vertical .crumb-dark .crumb-cur{color:var(--gold)}.cc-vertical .crumb-dark .crumb-sep{color:#fff6}.cc-vertical .crumb-light .crumb-link{color:var(--ink3)}.cc-vertical .crumb-light .crumb-cur{color:var(--cc)}.cc-vertical .crumb-link:hover{text-decoration:underline}.cc-vertical .cardart{aspect-ratio:800/504;box-shadow:var(--sh-card);color:#fff;border-radius:14px;width:100%;display:block;position:relative;overflow:hidden;container-type:inline-size}.cc-vertical .cardart-img{object-fit:cover;width:100%;height:100%;display:block}.cc-vertical .cardart-mock{isolation:isolate;flex-direction:column;height:100%;padding:clamp(8px,5cqi,14px) clamp(9px,5.5cqi,16px);display:flex}.cc-vertical .cardart-sheen{z-index:-1;background:radial-gradient(120% 80% at 80% -10%,#ffffff38,#0000 55%);position:absolute;inset:0}.cc-vertical .cardart-top{justify-content:space-between;align-items:flex-start;display:flex}.cc-vertical .cardart-bank{letter-spacing:.02em;text-shadow:0 1px 2px #0000004d;text-overflow:ellipsis;white-space:nowrap;max-width:72%;font-size:clamp(9px,4.6cqi,12px);font-weight:700;overflow:hidden}.cc-vertical .cardart-net{letter-spacing:.1em;opacity:.9;text-transform:uppercase;font-size:10px;font-weight:800}.cc-vertical .cardart-chiprow{align-items:center;gap:8px;margin-top:auto;display:flex}.cc-vertical .cardart-chip{background:linear-gradient(135deg,#f6dd8f,#c69a3a);border-radius:5px;width:34px;height:25px;box-shadow:inset 0 0 0 1px #00000026}.cc-vertical .cardart-name{letter-spacing:.01em;text-shadow:0 1px 2px #0000004d;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:9px;font-size:clamp(9px,5.6cqi,13px);font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.cc-vertical .page{background:var(--bg);color:var(--ink)}.cc-vertical .section{padding:44px 0}.cc-vertical .section-inner{max-width:1120px;margin:0 auto;padding:0 34px}.cc-vertical .section-read{max-width:760px}.cc-vertical .section-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-size:12px;font-weight:700}.cc-vertical .section-title{letter-spacing:-.02em;color:var(--navy);margin:0 0 24px;font-size:27px;font-weight:800}.cc-vertical .sec-cool{background:var(--bg-cool)}.cc-vertical .hero-inner{grid-template-columns:1.2fr .8fr;align-items:center;gap:36px;max-width:1120px;margin:0 auto;padding:32px 34px 40px;display:grid}.cc-vertical .hero-dark{color:#fff;background:linear-gradient(160deg,#0f1f35 0%,#16324f 100%);position:relative;overflow:hidden}.cc-vertical .hero-dark:after{content:"";pointer-events:none;background:radial-gradient(70% 120% at 90% 0,#d4a0171f,#0000 60%);position:absolute;inset:0}.cc-vertical .hero-h1{letter-spacing:-.03em;margin:0;font-size:40px;font-weight:800;line-height:1.05}.cc-vertical .hero-sub{color:#ffffffb8;margin:10px 0 0;font-size:14.5px}.cc-vertical .hero-badge{color:var(--gold-soft);font-weight:600}.cc-vertical .hero-lockup{align-items:center;gap:18px;margin:18px 0 0;display:flex}.cc-vertical .hero-stats{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:22px;width:fit-content;margin-top:26px;padding:16px 22px;display:flex}.cc-vertical .hero-stats .stat-v{color:#fff}.cc-vertical .hero-stats .stat-accent{color:var(--gold)}.cc-vertical .hero-stats .stat-l{color:#ffffff8c}.cc-vertical .hero-stat-div{background:#ffffff24;width:1px;height:34px}.cc-vertical .hero-fan{height:230px;position:relative}.cc-vertical .hero-fan .fan{transform-origin:bottom;width:290px;position:absolute;top:50%;left:50%}.cc-vertical .hero-fan .fan-0{z-index:1;transform:translate(-50%,-46%)rotate(-13deg)translate(-72px)}.cc-vertical .hero-fan .fan-1{z-index:3;transform:translate(-50%,-54%)rotate(0)}.cc-vertical .hero-fan .fan-2{z-index:1;transform:translate(-50%,-46%)rotate(13deg)translate(72px)}.cc-vertical .hero-light{background:linear-gradient(180deg, #fff 0%, var(--bg-cool) 100%);border-bottom:1px solid var(--line);position:relative}.cc-vertical .hero-light:before{content:"";background:var(--cat,var(--cc));height:4px;position:absolute;top:0;left:0;right:0}.cc-vertical .h1-light{color:var(--navy)}.cc-vertical .cat-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--cat,var(--cc));background:color-mix(in srgb, var(--cat,var(--cc)) 12%, #fff);border-radius:7px;margin-bottom:14px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-block}.cc-vertical .hero-meta{color:var(--ink2);margin:12px 0 0;font-size:13.5px}.cc-vertical .hero-review{color:var(--navy);font-weight:600}.cc-vertical .hero-intro{color:var(--ink2);max-width:520px;margin:14px 0 0;font-size:14.5px;line-height:1.6}.cc-vertical .hero-topcard{justify-self:center;position:relative}.cc-vertical .ca-hero{width:330px;max-width:100%}.cc-vertical .hero-topcard-cap{text-align:center;flex-direction:column;gap:2px;margin-top:16px;display:flex}.cc-vertical .hero-topcard-cap strong{color:var(--navy);font-size:16px}.cc-vertical .hero-topcard-cap span{color:var(--ink3);font-size:12.5px}.cc-vertical .ribbon{z-index:5;background:var(--gold);color:var(--navy);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:6px 16px;font-size:12px;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #d4a01766}.cc-vertical .filterbar{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);box-shadow:var(--sh-sm);background:#fffffff0;position:sticky;top:0}.cc-vertical .filterbar-inner{flex-wrap:wrap;align-items:center;gap:18px;max-width:1120px;margin:0 auto;padding:13px 34px;display:flex}.cc-vertical .selrow{align-items:flex-end;gap:12px;margin-left:auto;display:flex}.cc-vertical .sel{flex-direction:column;gap:4px;display:flex}.cc-vertical .sel>span{color:var(--ink2);letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:700}.cc-vertical .sel select{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:600}.cc-vertical .results{color:var(--ink3);white-space:nowrap;font-size:13px;font-weight:600}.cc-vertical .filterbar-mobile{justify-content:space-between;align-items:center;width:100%;display:flex}.cc-vertical .filterbtn{border:1px solid var(--line);color:var(--navy);background:#fff;border-radius:10px;align-items:center;gap:7px;padding:9px 16px;font-size:13.5px;font-weight:700;display:flex;position:relative}.cc-vertical .filterbtn-ico{font-size:15px}.cc-vertical .filterbtn-dot{background:var(--gold);border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:-3px;right:-3px}.cc-vertical .filterbar-desktop{display:contents}.cc-vertical .filterbar-mobile{display:none}.cc-vertical .filterbar-desktop-count{margin-left:auto}.cc-vertical .filterbar .chiprow{flex:100%}.cc-vertical .filterbar .selrow{margin-left:0}.cc-vertical .sheet-scrim{z-index:60;background:#0f1f3580;align-items:flex-end;display:flex;position:fixed;inset:0}.cc-vertical .sheet{background:#fff;border-radius:22px 22px 0 0;flex-direction:column;gap:16px;width:100%;max-height:85vh;padding:8px 20px 22px;animation:.28s ccv-sheetup;display:flex;overflow-y:auto}@keyframes ccv-sheetup{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cc-vertical .sheet-grip{background:var(--line);border-radius:99px;width:40px;height:4px;margin:6px auto 4px}.cc-vertical .sheet-head{justify-content:space-between;align-items:center;display:flex}.cc-vertical .sheet-head h4{color:var(--navy);margin:0;font-size:17px}.cc-vertical .sheet-x{color:var(--ink3);cursor:pointer;background:0 0;border:none;font-size:26px;line-height:1}.cc-vertical .sheet .selrow{flex-direction:column;align-items:stretch;margin-left:0}.cc-vertical .sheet .sel select{width:100%}.cc-vertical .sheet-apply{width:100%;padding:14px}.cc-vertical .cardgrid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.cc-vertical .cardtile{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);background:#fff;gap:16px;padding:16px;transition:all .18s;display:flex}.cc-vertical .cardtile:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.cc-vertical .cardtile-on{box-shadow:0 0 0 2px var(--gold), var(--sh-md)}.cc-vertical .cardtile-art{flex:0 0 40%;align-self:flex-start}.cc-vertical .cardtile-body{flex-direction:column;flex:1;min-width:0;display:flex}.cc-vertical .cardtile-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.cc-vertical .cardtile-name{color:var(--navy);letter-spacing:-.01em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:800;line-height:1.2;display:-webkit-box;overflow:hidden}.cc-vertical .cardtile-name a{color:inherit}.cc-vertical .cardtile-name a:hover{color:var(--cc)}.cc-vertical .cardtile-stats{gap:16px;margin:13px 0;display:flex}.cc-vertical .cardtile-best{color:var(--ink2);margin:0 0 12px;font-size:12.5px}.cc-vertical .cardtile-best span{color:var(--ink3);font-weight:600}.cc-vertical .cardtile-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.cc-vertical .cardtile-ctas{gap:8px;display:flex}.cc-vertical .cmp-check{color:var(--ink2);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.cc-vertical .cmp-check input{width:16px;height:16px;accent-color:var(--gold)}.cc-vertical .skel .skel-img{aspect-ratio:800/504;background:linear-gradient(90deg,#eef1f5,#f6f8fa,#eef1f5);border-radius:12px;flex:0 0 40%;align-self:flex-start}.cc-vertical .skel-body{flex-direction:column;flex:1;gap:10px;padding-top:4px;display:flex}.cc-vertical .skel-line{background:linear-gradient(90deg,#eef1f5,#f6f8fa,#eef1f5) 0 0/200% 100%;border-radius:6px;height:12px;animation:1.3s infinite ccv-sh}.cc-vertical .skel-img,.cc-vertical .skel-rank{background-size:200% 100%;animation:1.3s infinite ccv-sh}.cc-vertical .w40{width:40%}.cc-vertical .w60{width:60%}.cc-vertical .w70{width:70%}.cc-vertical .w90{width:90%}@keyframes ccv-sh{0%{background-position:200% 0}to{background-position:-200% 0}}.cc-vertical .empty{text-align:center;color:var(--ink2);grid-column:1/-1;padding:56px 20px}.cc-vertical .empty-ico{margin-bottom:12px;font-size:38px}.cc-vertical .empty h3{color:var(--navy);margin:0 0 6px;font-size:19px}.cc-vertical .empty p{margin:0 0 18px;font-size:14px}.cc-vertical .cmptable-wrap{border-radius:var(--r-lg);border:1px solid var(--line);background:#fff;overflow-x:auto}.cc-vertical .cmptable{border-collapse:collapse;width:100%}.cc-vertical .cmptable th,.cc-vertical .cmptable td{text-align:center;border-bottom:1px solid var(--line);padding:14px 18px;font-size:14px}.cc-vertical .cmptable thead th{vertical-align:bottom;background:var(--bg-cool)}.cc-vertical .ca-th{width:130px;margin:0 auto 10px}.cc-vertical .cmptable-cname{color:var(--navy);font-size:14px;font-weight:800}.cc-vertical .cmptable-row-h{text-align:left;color:var(--ink2);background:var(--bg-cool);white-space:nowrap;font-size:13px;font-weight:600}.cc-vertical .cmptable-win{color:var(--navy);background:#d4a0171a;font-weight:800}.cc-vertical .win-tick{color:var(--gold)}.cc-vertical .prose p{color:var(--ink2);margin:0 0 16px;font-size:15.5px;line-height:1.72}.cc-vertical .prose strong{color:var(--navy);font-weight:700}.cc-vertical .acc{border-top:1px solid var(--line)}.cc-vertical .acc-item{border-bottom:1px solid var(--line)}.cc-vertical .acc-q{width:100%;color:var(--navy);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:19px 4px;font-size:15.5px;font-weight:700;display:flex}.cc-vertical .acc-ico{color:var(--gold);flex-shrink:0;font-size:22px;font-weight:400;line-height:1}.cc-vertical .acc-a{max-height:0;transition:max-height .3s;overflow:hidden}.cc-vertical .acc-open .acc-a{max-height:320px}.cc-vertical .acc-a-inner{color:var(--ink2);max-width:660px;padding:0 4px 20px;font-size:14.5px;line-height:1.65}.cc-vertical .banktiles{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.cc-vertical .banktiles-sm{grid-template-columns:repeat(6,1fr);margin-top:8px}.cc-vertical .banktile{border:1px solid var(--line);border-radius:var(--r-md);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;transition:all .15s;display:flex}.cc-vertical .banktile:hover{box-shadow:var(--sh-md);border-color:#0000;transform:translateY(-2px)}.cc-vertical .banktile-name{color:var(--navy);font-size:13.5px;font-weight:700}.cc-vertical .banktile-count{color:var(--ink3);font-size:12px}.cc-vertical .cross-cats{margin-top:26px}.cc-vertical .cross-cats-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:12px;font-size:12px;font-weight:700;display:block}.cc-vertical .sec-picks{padding-top:36px}.cc-vertical .picks{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.cc-vertical .pick{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);background:#fff;padding:16px 18px}.cc-vertical .pick-label{letter-spacing:.05em;text-transform:uppercase;color:var(--cc);margin-bottom:12px;font-size:12px;font-weight:800}.cc-vertical .pick-body{align-items:center;gap:14px;display:flex}.cc-vertical .ca-pick{flex-shrink:0;width:96px}.cc-vertical .pick-name{color:var(--navy);font-size:15px;font-weight:800;line-height:1.2}.cc-vertical .pick-stat{color:var(--ink2);margin-top:3px;font-size:13px;font-weight:600}.cc-vertical .ranklist{flex-direction:column;gap:18px;display:flex}.cc-vertical .rankrow{border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-sm);background:#fff;grid-template-columns:200px 1fr;align-items:start;gap:22px;padding:22px;transition:all .18s;display:grid}.cc-vertical .rankrow:hover{box-shadow:var(--sh-md)}.cc-vertical .rankrow-top{border-color:#d4a01766;box-shadow:0 6px 24px #d4a0171f}.cc-vertical .rankrow-art{align-self:start;position:relative}.cc-vertical .pick-badge{letter-spacing:.03em;text-transform:uppercase;color:var(--navy);background:var(--gold-soft);border:1px solid var(--gold);white-space:nowrap;border-radius:999px;margin-bottom:10px;padding:5px 11px;font-size:11px;font-weight:800;display:inline-block}.cc-vertical .pick-badge-lead{color:var(--navy);background:var(--gold);border-color:var(--gold)}.cc-vertical .rankrow-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.cc-vertical .rankrow-name{color:var(--navy);letter-spacing:-.01em;margin:0;font-size:19px;font-weight:800}.cc-vertical .rankrow-name a{color:inherit}.cc-vertical .rankrow-name a:hover{color:var(--cc)}.cc-vertical .rankrow-bank{color:var(--ink3);font-size:12.5px;font-weight:600}.cc-vertical .rankrow-hero{text-align:right;flex-shrink:0}.cc-vertical .rankrow-herostat{color:var(--cc);letter-spacing:-.02em;font-size:32px;font-weight:800;line-height:1;display:block}.cc-vertical .rankrow-herolabel{color:var(--ink3);font-size:11.5px;font-weight:600}.cc-vertical .rankrow-why{color:var(--ink2);margin:12px 0;font-size:14px;line-height:1.6}.cc-vertical .why-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--gold);margin-right:6px;font-size:10.5px;font-weight:800;display:inline-block}.cc-vertical .rankrow-proscons{gap:28px;margin:12px 0;display:flex}.cc-vertical .pros,.cc-vertical .cons{flex-direction:column;gap:5px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.cc-vertical .pros li,.cc-vertical .cons li{color:var(--ink2);padding-left:20px;position:relative}.cc-vertical .pros li:before{content:"✓";color:var(--green);font-weight:800;position:absolute;left:0}.cc-vertical .cons li:before{content:"–";color:var(--ink3);font-weight:800;position:absolute;left:2px}.cc-vertical .rankrow-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:4px;padding-top:14px;display:flex}.cc-vertical .rankrow-ministats{gap:22px;display:flex}.cc-vertical .rankrow-ctas{align-items:center;gap:9px;display:flex}.cc-vertical .scrolltable-wrap{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;overflow-x:auto}.cc-vertical .scrolltable{border-collapse:collapse;width:100%;min-width:640px}.cc-vertical .scrolltable th,.cc-vertical .scrolltable td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:13px 16px;font-size:13.5px}.cc-vertical .scrolltable thead th{background:var(--navy);color:#fff;letter-spacing:.04em;font-size:12px;font-weight:600;position:sticky;top:0}.cc-vertical .scrolltable .stick{box-shadow:1px 0 0 var(--line);z-index:1;background:#fff;position:sticky;left:0}.cc-vertical .scrolltable td.stick{align-items:center;gap:10px;display:flex}.cc-vertical .scrolltable thead .stick{background:var(--navy);z-index:3}.cc-vertical .st-name{color:var(--navy);font-weight:700}.cc-vertical .st-name a{color:inherit}.cc-vertical .st-name a:hover{color:var(--cc)}.cc-vertical .st-hero{color:var(--cc);font-size:15px;font-weight:800}.cc-vertical .st-muted{color:var(--ink3)}.cc-vertical .scrolltable tbody tr:nth-child(2n),.cc-vertical .scrolltable tbody tr:nth-child(2n) .stick{background:var(--bg-cool)}.cc-vertical .sec-method{padding:20px 0 44px}.cc-vertical .method{background:linear-gradient(135deg, #fff, var(--bg-cool));border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:var(--r-lg);max-width:1120px;box-shadow:var(--sh-sm);margin:0 auto;padding:26px 30px}.cc-vertical .method-head{align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.cc-vertical .method-ico{background:#d4a01724;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:26px;display:flex}.cc-vertical .method-head h3{color:var(--navy);margin:0 0 4px;font-size:19px}.cc-vertical .method-head p{color:var(--ink2);max-width:560px;margin:0;font-size:13.5px;line-height:1.55}.cc-vertical .method-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.cc-vertical .method-item{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:16px}.cc-vertical .method-crit{color:var(--navy);letter-spacing:-.01em;margin-bottom:4px;font-size:14px;font-weight:800}.cc-vertical .method-desc{color:var(--ink2);font-size:12.5px;line-height:1.5}.cc-vertical .sitefoot{background:var(--navy);color:#fff9;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:24px 34px;font-size:12.5px;display:flex}@media (max-width:720px){.cc-vertical .hero-inner{grid-template-columns:1fr;gap:24px;padding:24px 20px 30px}.cc-vertical .hero-h1{font-size:29px}.cc-vertical .hero-fan{order:-1;height:180px}.cc-vertical .hero-fan .fan{width:220px}.cc-vertical .hero-stats{justify-content:space-between;gap:8px;width:100%;padding:14px}.cc-vertical .ca-hero{width:250px}.cc-vertical .section-inner{padding:0 18px}.cc-vertical .section{padding:32px 0}.cc-vertical .section-title{font-size:22px}.cc-vertical .filterbar-inner{padding:11px 18px}.cc-vertical .filterbar-desktop,.cc-vertical .filterbar-desktop-count{display:none}.cc-vertical .filterbar-mobile{display:flex}.cc-vertical .cardgrid{grid-template-columns:1fr}.cc-vertical .cardtile{flex-direction:column}.cc-vertical .cardtile-art{flex:none;width:64%}.cc-vertical .picks{grid-template-columns:1fr}.cc-vertical .rankrow{grid-template-columns:1fr;gap:14px;padding:18px}.cc-vertical .rankrow-art{width:56%}.cc-vertical .rankrow-head{flex-direction:column;gap:8px}.cc-vertical .rankrow-hero{text-align:left}.cc-vertical .rankrow-proscons{flex-direction:column;gap:8px}.cc-vertical .rankrow-foot{flex-direction:column;align-items:flex-start}.cc-vertical .rankrow-ctas{flex-wrap:wrap;width:100%}.cc-vertical .rankrow-ctas .btn-primary{flex:1}.cc-vertical .banktiles{grid-template-columns:repeat(2,1fr)}.cc-vertical .banktiles-sm{grid-template-columns:repeat(3,1fr)}.cc-vertical .method-grid{grid-template-columns:repeat(2,1fr)}.cc-vertical .sitefoot{flex-direction:column;padding:20px}.cc-vertical .hero-lockup{gap:14px}}