@import url('../fonts/fonts.css');
:root{--bg:#f1f4f8;--navy:#10253f;--navy2:#182c45;--blue:#2463ed;--ink:#172638;--muted:#596e85;--soft:#d8e1ed;--yellow:#ebaf14;--pale:#dce7f9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:1280px;margin:0 auto}.site-header{height:140px;display:flex;align-items:center;gap:24px;padding:32px 24px}.wordmark{font:800 23px/1 Manrope,sans-serif;color:var(--navy);white-space:nowrap}.nav{display:flex;gap:30px;flex:1;color:var(--muted);font-size:14px}.header-cta{font-weight:600;color:var(--blue);font-size:13px;white-space:pre}.hero{height:630px;position:relative}.hero-copy{position:absolute;left:0;top:26px}.eyebrow{display:block;color:#1f63c2;font-size:11px;font-weight:600;letter-spacing:.77px}.hero h1{margin:43px 0 0;font:700 92px/1.15 Oswald,sans-serif;letter-spacing:-1.84px;text-transform:uppercase;color:#142537}.hero h1 span{position:relative}.hero h1 span:after{content:'';position:absolute;width:66px;height:66px;background:url('../figma/headline-accent.svg') center/contain no-repeat;right:-86px;top:26px}.lede{margin:32px 0 0;width:590px;font-size:16px;line-height:26px;color:var(--muted)}.primary{display:inline-flex;height:56px;align-items:center;padding:0 22px;border-radius:12px;background:var(--blue);color:#fff;font-weight:600;font-size:14px;margin-top:36px}.method{margin-left:30px;color:#334f72;font-weight:600;font-size:14px}.micro{margin-top:28px;color:#60718b;font-size:11px;letter-spacing:.1em}.orb{position:absolute;left:668px;top:-10px;width:620px;height:460px;object-fit:contain}.hero-card{position:absolute;left:766px;top:306px;width:490px;height:236px;border:1px solid #d4dfec;border-radius:20px;background:#fff;box-shadow:0 18px 40px rgba(82,114,153,.12);padding:23px 27px}.card-kicker{font-size:11px;letter-spacing:.8px;color:#4d6685;font-weight:600}.hero-card h2{margin:14px 0 0;font:800 28px/1 Manrope;color:var(--navy)}.score-line{display:flex;align-items:baseline;margin-top:14px}.score{font-size:62px;line-height:1;font-weight:700;color:#172638}.outof{font-size:17px;color:#6e7d8f;margin-left:7px}.stars{color:var(--yellow);font-weight:700;letter-spacing:2px}.hero-card .stars{font-size:25px;margin-left:38px}.hero-card-bottom{display:flex;flex-direction:column;margin-left:176px;margin-top:-2px;color:var(--muted);font-size:12px;line-height:21px}.hero-card-bottom a{color:var(--blue)}.metric-strip{height:126px;border-radius:18px;background:var(--navy2);display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:25px 32px;color:white}.metric strong{display:block;font-size:16px;line-height:35px}.metric span{display:block;font-size:12px;line-height:35px;color:#a6bad5}.section{padding-top:61px}.section-title{margin:0;font:800 34px/1.45 Manrope;color:var(--navy)}.section-sub{margin:5px 0 0;color:#60718b;font-size:15px}.leader-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:32px}.rank-card{height:304px;border:1px solid var(--soft);border-radius:20px;background:#fff;padding:23px;position:relative}.rank-no{position:absolute;right:23px;top:31px;color:#8292a7;font-size:12px;font-weight:700}.brand{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.brand img{width:44px;height:44px;object-fit:contain}.rank-card h3{margin:20px 0 0;font:800 25px/1 Manrope;color:var(--navy)}.rank-score{display:flex;align-items:baseline;gap:12px;margin-top:25px}.rank-score strong{font-size:44px}.rank-score .stars{font-size:18px;letter-spacing:1px}.rank-note{margin-top:18px;color:#75849b;font-size:11px}.rank-desc{margin-top:19px;color:#60718b;font-size:13px}.divider{height:2px;margin-top:32px;background:url('../figma/card-divider.svg') center/100% 2px no-repeat}.read{display:block;margin-top:18px;color:var(--blue);font-size:13px;font-weight:600}.catalog-head{display:flex;justify-content:space-between;align-items:end}.catalog-tools{display:flex;gap:16px;margin-top:32px}.filters{display:flex;gap:8px;flex:1}.filter{height:42px;padding:0 14px;border:0;border-radius:10px;background:#dce7f9;color:#526f97;font-size:12px;cursor:pointer}.filter.active{background:var(--blue);color:#fff}.search{height:42px;width:352px;border:0;border-radius:10px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 14px;color:#7a8ba1;font-size:12px}.search img{width:20px;height:20px}.search input{width:100%;border:0;outline:0;color:var(--ink);background:transparent}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 28px;margin-top:18px}.small-card{height:240px;border:1px solid var(--soft);border-radius:16px;background:#fff;padding:23px;position:relative}.small-card h3{position:absolute;left:83px;top:23px;margin:0;font:800 20px/30px Manrope;color:var(--navy)}.small-card .rank-no{left:83px;right:auto;top:53px;font-weight:400;font-size:10px;color:#7a8ba1}.small-card .rank-score{margin-top:27px}.small-card .rank-score strong{font-size:34px}.small-card .rank-score .stars{font-size:18px}.bar{height:5px;border-radius:3px;background:#e7edf6;margin-top:21px;overflow:hidden}.bar i{display:block;height:100%;border-radius:3px;background:#6b9aee}.invite{background:var(--pale);border:0}.invite h3{position:static;margin:15px 0 0;font-size:24px;line-height:1.2}.invite p{color:#526f97;font-size:13px;line-height:1.35;margin:14px 0}.invite a{color:var(--blue);font-size:13px;font-weight:600}.criteria{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:32px}.criterion{height:176px;border:1px solid var(--soft);border-radius:16px;background:#fff;padding:22px;position:relative}.criterion small{color:#7a8ba1;font-size:10px;font-weight:700}.criterion strong{display:block;font-size:40px;margin-top:17px}.criterion b{display:block;margin-top:20px;color:#3e526e;font-size:14px}.criterion img{position:absolute;right:22px;top:34px;width:74px;height:74px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:32px}.review{height:264px;border:1px solid var(--soft);border-radius:18px;background:#fff;padding:23px;position:relative}.review img{width:48px;height:48px}.review h3{position:absolute;left:87px;top:27px;margin:0;font-size:14px}.review .stars{position:absolute;left:87px;top:54px;font-size:14px}.review p{font-size:14px;line-height:24px;color:#415670;margin:29px 0 0}.review small{position:absolute;bottom:30px;left:23px;color:#8392a7;font-size:10px;font-weight:600}.reviews-link{display:block;margin-top:18px;color:var(--blue);font-weight:600;font-size:14px}.footer{margin-top:82px;min-height:194px;background:var(--navy2);color:#fff;padding:30px 32px;border-radius:18px 18px 0 0;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:24px}.footer .wordmark{color:#fff}.footer p{margin:12px 0 0;color:#a6bad5;font-size:11px;line-height:1.5}.footer h4{margin:0 0 12px;font-size:11px;color:#a6bad5;font-weight:600}.footer a{display:block;margin-top:8px;font-size:12px}.detail-page{padding-bottom:80px}.detail-hero{padding-top:70px;display:flex;gap:70px;align-items:start}.detail-brand{width:92px;height:92px}.detail-title{font:800 56px/1.1 Manrope;color:var(--navy);margin:0}.detail-score{font-size:52px;font-weight:700;margin-top:18px}.detail-copy{max-width:620px;color:var(--muted);line-height:1.7}.detail-card{margin-top:42px;border:1px solid var(--soft);border-radius:20px;background:#fff;padding:30px}.detail-card h2{font:800 28px Manrope;margin:0;color:var(--navy)}@media(max-width:900px){.wrap{width:auto;margin:0 20px}.site-header{height:92px;padding:20px 0}.nav{display:none}.header-cta{margin-left:auto}.hero{height:auto;padding:20px 0 40px}.hero-copy{position:relative;left:auto;top:auto}.hero h1{font-size:64px}.hero h1 span:after{right:-60px;width:48px;height:48px}.lede{width:auto}.orb{position:relative;left:auto;top:auto;width:100%;height:auto;margin-top:25px}.hero-card{position:relative;left:auto;top:auto;width:100%;height:auto;margin-top:-12px}.metric-strip{height:auto;grid-template-columns:repeat(2,1fr);padding:20px}.leader-grid,.catalog-grid,.review-grid,.criteria{grid-template-columns:1fr}.catalog-tools{flex-direction:column}.filters{overflow:auto}.search{width:100%}.footer{grid-template-columns:1fr 1fr}.section{padding-top:48px}.detail-hero{display:block}.detail-title{font-size:40px;margin-top:24px}}

@media(max-width:1300px){.wrap{width:calc(100% - 48px)}.orb{left:auto;right:0;width:52%}.hero-card{left:auto;right:2%;width:40%}.hero-card-bottom{margin-left:0}.metric-strip{gap:14px}.catalog-tools{gap:10px}.filter{padding:0 10px}}

.brand{position:relative}.brand-initials{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;letter-spacing:-.03em;pointer-events:none}.small-card .brand{position:relative;left:auto;top:auto}.small-card .brand-initials{font-size:11px}

.detail-brand-wrap{width:92px;height:92px;display:flex;align-items:flex-start}.detail-brand{width:44px;height:44px}.detail-brand img{width:44px;height:44px}

.go-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:9px;background:#2463ed;color:#fff;font-size:12px;font-weight:700;transition:transform .2s ease,background .2s ease}.go-button:hover{background:#174fcf;transform:translateY(-1px)}.rank-card .go-button{position:absolute;right:23px;bottom:18px}.small-card .go-button{position:absolute;right:23px;bottom:17px}.detail-go{margin-top:24px}

.hero-card-bottom .go-button{margin-top:7px;align-self:flex-start;min-height:32px;padding:0 12px}

.hero-card-bottom .go-button{color:#fff!important;text-decoration:none}

.hero-card .hero-card-bottom a.go-button{color:#fff!important;background:#2463ed!important}

.hero-card-bottom .go-button{position:absolute;right:27px;bottom:23px;margin:0;align-self:auto}