.hi{background:#292824;color:#292824;font-family:Inter Tight,sans-serif}.hi .hi-wrap{width:min(1280px,calc(100% - 80px));margin:auto}.hi .hi-hero{padding:36px 0 104px;color:#faf4ea}.hi .hi-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:0 0 54px;font-size:12px;color:#c4bdae}.hi .hi-breadcrumbs li+li:before{content:"/";margin-right:12px;opacity:.5}.hi .hi-breadcrumbs a:hover{color:#a9e3cf}.hi .hi-ranking-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:80px;align-items:center}.hi .hi-intro h1{font-family:Sora,sans-serif;font-weight:600;font-size:clamp(42px,4.5vw,68px);line-height:1.06;letter-spacing:-.04em;color:#faf4ea;margin:0 0 24px;max-width:820px}.hi .hi-intro>p:not(.hi-eyebrow){font-size:18px;line-height:1.65;color:#766d60;max-width:650px;margin:0 0 28px}.hi .hi-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:#a9e3cf;margin:0 0 20px}.hi .hi-button{display:inline-flex;align-items:center;gap:18px;background:#a9e3cf;color:#292824;padding:15px 22px;border-radius:8px;font-weight:600;font-size:14px}.hi .hi-method-link{display:inline-block;font-size:13px;margin:16px 0 0 22px;border-bottom:1px solid #77798e}.hi .hi-snapshot{background:#161747;border:1px solid #373862;border-radius:24px;padding:32px;box-shadow:0 24px 70px #0002}.hi .hi-snapshot-stats{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px}.hi .hi-snapshot-stats strong{font-family:Sora,sans-serif;display:block;font-size:66px;line-height:1.1;font-weight:600}.hi .hi-snapshot-stats span{display:block;font-size:13px;color:#766d60;margin-top:8px}.hi .hi-model-strip{display:flex;flex-wrap:wrap;gap:8px;padding:22px 0;border-top:1px solid #373862;border-bottom:1px solid #373862}.hi .hi-model-strip span{font-size:11px;background:#252653;padding:7px 10px;border-radius:6px;color:#a9e3cf}.hi .hi-snapshot-note{font-size:12px;color:#766d60;margin:20px 0 0}.hi .hi-sheet{position:relative;background:#faf4ea;border-radius:40px 40px 0 0;margin-top:-40px;padding:64px 0 100px}.hi .hi-columns{display:grid;grid-template-columns:210px minmax(0,1fr);gap:48px}.hi .hi-columns>div{min-width:0}.hi .hi-sidebar{align-self:start;position:sticky;top:110px;font-size:13px}.hi .hi-navigation>summary{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:22px;cursor:pointer}.hi .hi-sidebar nav a{line-height:1.5;border-radius:8px;padding:12px;color:#766d60}.hi .hi-sidebar nav a[aria-current]{background:#dcebe2;color:#1d5a52}.hi .hi-rankings{display:grid;gap:24px;margin-bottom:56px;scroll-margin-top:110px}.hi .hi-tool{background:#fffaf2;border:1px solid #e3dacb;border-radius:20px;padding:28px;box-shadow:none;scroll-margin-top:110px}.hi .hi-tool-name{font-family:Sora,sans-serif;font-weight:600;font-size:28px;line-height:1.2;color:#292824;overflow-wrap:anywhere}.hi .hi-tool p{font-size:14px;line-height:1.7;color:#766d60}.hi .hi-tool-row>div:first-child>div{border-color:#e6e6df;background:#fff;border-radius:14px}.hi .hi-features{background:#faf4ea;border-radius:12px}.hi .hi-editor-take{background:#edf4ee;border-color:#a9e3cf}.hi .hi-run{background:#e5ece4;border:0;border-radius:16px;padding:24px}.hi .hi-run h2{font-family:Inter Tight,sans-serif;color:#1d5a52;font-size:12px;letter-spacing:.08em}.hi .hi-run p{font-size:13px;line-height:1.7;color:#4b5e55}.hi .hi-consensus{background:#efe6d5;border:0;border-radius:16px;padding:24px}.hi .hi-consensus p:last-child{font-size:15px;line-height:1.7;color:#625440}.hi .hi-sheet h2:not(.hi-run h2){font-family:Sora,sans-serif;font-size:30px;line-height:1.2;font-weight:600;letter-spacing:-.02em;color:#292824}.hi .hi-sheet section>h2{margin-bottom:24px}.hi .hi-cta{background:#292824;border:0;border-radius:20px;padding:30px}.hi .hi-cta h2{color:#faf4ea!important;font-size:30px}.hi .hi-cta p{color:#c4bdae;line-height:1.7}.hi .hi-cta>a{background:#a9e3cf;color:#292824;border-radius:8px;box-shadow:none}.hi .hi-faq{border:0;border-radius:0}.hi .hi-faq details{border-bottom:1px solid #d9d9d0}.hi .hi-faq summary{padding:22px 0;font-size:16px;color:#292824}.hi .hi-faq summary:hover{background:transparent}.hi .hi-faq details>p{padding:0 0 24px;font-size:14px;line-height:1.8;color:#766d60}.hi .hi-category{background:#fffaf2;border:1px solid #e3dacb;border-radius:20px;padding:30px;box-shadow:none}.hi .hi-category:hover{border-color:#1d5a52;transform:translateY(-3px)}.hi .hi-category h2{font-size:28px}.hi .hi-category p{line-height:1.7}.hi .hi-sheet pre{overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.8}.hi .hi-sheet .prose{color:#766d60;line-height:1.8}.hi .hi-sheet .prose>h1{display:none}.hi .hi-sheet .prose li{margin:10px 0}.hi .hi-sheet .prose table{display:block;overflow:auto;max-width:100%}.hi .hi-tool [data-vote]{color:#757589}.hi .hi-tool [data-score]{color:#292824}.hi .hi-tool [data-comments-wrap]{flex-basis:100%;min-width:0}.hi .hi-tool [data-comments-panel] textarea{background:#fffaf2;color:#292824}.hi .hi-tool [data-hub-social]>div:first-child:not([data-comments-wrap]){background:#edf4ee;border-color:#dcebe2}.hi .hi-tool [data-comment-form] button{background:#1d5a52}.hi .hi-sheet a:focus-visible,.hi .hi-hero a:focus-visible,.hi .hi-sheet summary:focus-visible{outline:2px solid #1d5a52;outline-offset:4px}.hi .hi-hero a:focus-visible{outline-color:#a9e3cf}@media(max-width:1000px){.hi .hi-wrap{width:calc(100% - 48px)}.hi .hi-ranking-hero{gap:32px}.hi .hi-columns{grid-template-columns:175px minmax(0,1fr);gap:24px}.hi .hi-tool{padding:22px}.hi .hi-snapshot{padding:24px}}@media(max-width:767px){.hi .hi-wrap{width:calc(100% - 40px)}.hi .hi-hero{padding:24px 0 80px}.hi .hi-breadcrumbs ol{gap:8px;margin-bottom:36px;font-size:10px}.hi .hi-breadcrumbs li+li:before{margin-right:8px}.hi .hi-ranking-hero{grid-template-columns:1fr;gap:36px}.hi .hi-intro h1{font-size:43px}.hi .hi-intro>p:not(.hi-eyebrow){font-size:16px}.hi .hi-method-link{margin-left:0;display:block;width:max-content;margin-top:20px}.hi .hi-snapshot-stats strong{font-size:54px}.hi .hi-sheet{padding:32px 0 60px;border-radius:28px 28px 0 0;margin-top:-28px}.hi .hi-columns{display:block}.hi .hi-sidebar{position:static;margin-bottom:28px;background:#efe8dc;border-radius:12px;padding:18px}.hi .hi-navigation>summary{margin-bottom:0}.hi .hi-navigation[open]>summary{margin-bottom:16px}.hi .hi-sidebar nav{display:flex;flex-wrap:wrap;gap:6px}.hi .hi-sidebar nav a{font-size:12px;padding:8px;flex:1 1 130px}.hi .hi-tool{padding:20px;border-radius:16px}.hi .hi-tool-name{font-size:28px}.hi .hi-tool-row>div:first-child>div{width:56px;height:56px}.hi .hi-run,.hi .hi-consensus{padding:20px}.hi .hi-sheet h2:not(.hi-run h2){font-size:27px}.hi .hi-cta{padding:24px}.hi .hi-faq summary{font-size:15px}.hi .hi-category{padding:24px}}@media(prefers-reduced-motion:no-preference){.hi .hi-category{transition:transform .2s,border-color .2s}}body:has(.hi){background:#faf4ea}body:has(.hi) #site-header,body:has(.hi) #site-header:not([data-scrolled=true]){background:#faf4ea;--logo-ink:#1a1815;--color-primary:#bd954b}body:has(.hi) #site-header[data-scrolled=true]{background:transparent!important}body:has(.hi) #site-header[data-scrolled=true] nav{background:#fcf6ede6;border-color:#1a181514;box-shadow:0 8px 28px #1a181512}body:has(.hi) #site-header circle[fill="#12BFA0"]{fill:#ceac6a}body:has(.hi) #site-header .notranslate>span:last-child{color:#bd954b}body:has(.hi) #site-header nav>div>.hidden.md\:flex>a,body:has(.hi) #site-header nav>div>.hidden.md\:flex>div>button{color:#45413c}body:has(.hi) #site-header .header-primary-cta{background:#292824!important;color:#fffaf2!important;border-color:#292824}body:has(.hi) #mobile-menu-button svg{color:#292824}body:has(.hi) #mobile-menu-button:hover{background:#eae4d8}body:has(.hi) #mobile-menu-panel{background:#faf4ea;border-color:#dfd5c4;--color-text:#292824;--color-text-muted:#766d60;--color-background:#f1e9db;--color-primary:#8b6a32}body:has(.hi) #mobile-menu-panel a,body:has(.hi) #mobile-menu-panel button{color:#45413c}body:has(.hi) #mobile-menu-panel a.bg-primary{color:#fffaf2;background:#292824}body:has(.hi) #mobile-menu-backdrop{background:#292824aa}body:has(.hi) footer{background:#292824;box-shadow:0 -18px 50px #29282414;--color-text-muted:#c4bdae;color:#c4bdae}body:has(.hi) footer a{color:#c4bdae}body:has(.hi) footer img[src="/images/icons/x-logo.png"]{filter:brightness(0) invert(1)}.hi{background:#faf4ea;color:#292824;overflow:clip}.hi .hi-hero{position:relative;isolation:isolate;color:#292824;background:#faf4ea}.hi .hi-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 25% 20%,#efcf8e30,transparent 55%),url(/images/hero-collage/white-waves.svg) center top / max(100%,1000px) auto;opacity:.65;pointer-events:none}.hi .hi-intro h1{color:#292824;font-size:clamp(36px,4.5vw,64px);line-height:1.12}.hi .hi-breadcrumbs ol{color:#766d60}.hi .hi-breadcrumbs a:hover,.hi .hi-eyebrow{color:#8b6a32}.hi .hi-button{background:#292824;color:#fffaf2;border-radius:12px}.hi .hi-button img{filter:brightness(0) invert(1)}.hi .hi-method-link{color:#6d542b;border-color:#bd954b80}.hi .hi-snapshot{position:relative;background:linear-gradient(120deg,#e5d57b,#f4e88c 40%,#f6eb9b 75%,#e9da85);color:#302a1a;border:1px solid #d9c966;border-radius:3px;transform:rotate(1deg);box-shadow:0 20px 30px -18px #29282466;padding:36px 30px}.hi .hi-snapshot:before{content:"";position:absolute;width:100px;height:30px;top:-15px;left:calc(50% - 50px);background:#e9e1b4a6;border:1px solid #fff5;transform:rotate(-5deg);pointer-events:none}.hi .hi-snapshot:after{content:"";position:absolute;bottom:0;right:0;width:26px;height:26px;background:linear-gradient(135deg,#b7a44f44 50%,#faf4ea 51%);pointer-events:none}.hi .hi-snapshot-stats span,.hi .hi-snapshot-note{color:#6b5b2d}.hi .hi-model-strip{border-color:#9a863d40}.hi .hi-model-strip span{background:#fff5;color:#514624}.hi .hi-sheet{margin-top:0;border-radius:0;border-top:1px solid #e3dacb}.hi .hi-consensus{background:#efe6d5}.hi .hi-cta{background:#35332e}.hi .hi-hero a:focus-visible{outline-color:#8b6a32}.hi .hi-tool-name,.hi .hi-sheet h2:not(.hi-run h2){letter-spacing:-.03em}@media(max-width:767px){.hi .hi-ranking-hero{gap:48px}.hi .hi-snapshot{transform:rotate(.5deg);padding:30px 24px}.hi .hi-sheet{margin-top:0;border-radius:0}.hi .hi-intro h1{font-size:clamp(34px,9vw,43px)}}.hi .hi-sheet .prose :is(strong,th,h3,h4){color:#292824}.hi .hi-sheet .prose a{color:#80602b}.hi .hi-sheet .prose :is(td,th){border-color:#dfd5c4}.hi .hi-sheet h3{font-family:Sora,sans-serif;font-weight:600}.hi .hi-category p{color:#766d60}
