button.dre-how-we-rate-trigger{
display:inline-flex;
align-items:center;
margin:0;
padding:0;
border:0;
background:transparent;
color:#777;
font-family:"Raleway",Arial,sans-serif;
font-size:11px;
font-weight:600;
line-height:1.3;
text-decoration:underline;
text-decoration-thickness:1px;
text-underline-offset:2px;
text-decoration-color:#bdbdbd;
cursor:pointer;
white-space:nowrap;
}
button.dre-how-we-rate-trigger:hover,
button.dre-how-we-rate-trigger:focus{
color:#e85554;
text-decoration-color:#e85554;
}
.dre-rating-lockup button.dre-how-we-rate-trigger{margin-left:2px}
body.dre-rating-methodology-open{overflow:hidden}
.dre-rating-methodology-overlay[hidden]{display:none!important}
.dre-rating-methodology-overlay{
position:fixed;
inset:0;
z-index:999999;
display:flex;
align-items:center;
justify-content:center;
padding:24px;
background:rgba(0,0,0,.48);
opacity:0;
transition:opacity .18s ease;
}
.dre-rating-methodology-overlay.is-open{opacity:1}
.dre-rating-methodology-modal{
position:relative;
width:min(720px,100%);
max-height:min(82vh,820px);
overflow:auto;
border-radius:10px;
background:#fff;
box-shadow:0 24px 70px rgba(0,0,0,.22);
outline:0;
transform:translateY(8px);
transition:transform .18s ease;
}
.dre-rating-methodology-overlay.is-open .dre-rating-methodology-modal{transform:translateY(0)}
.dre-rating-methodology-inner{padding:38px 42px 40px}
.dre-rating-methodology-close{
position:absolute;
top:15px;
right:17px;
dis:grid;
place-items:center;
width:34px;
height:34px;
padding:0;
border:0;
border-radius:50%;
background:#f4f4f4;
color:#111;
font:400 25px/1 Arial,sans-serif;
cursor:pointer;
}
.dre-rating-methodology-close:hover{background:#eaeaea}
.dre-rating-methodology-modal h2{
margin:0 42px 22px 0;
font-family:"PT Serif",Georgia,serif!important;
font-size:34px;
line-height:1.15;
color:#111;
}
.dre-rating-methodology-content{
color:#333;
font-family:"Raleway",Arial,sans-serif;
font-size:15px;
line-height:1.72;
}
.dre-rating-methodology-content p{margin:0 0 17px}
.dre-rating-methodology-content h3{
margin:25px 0 6px;
font-family:"Raleway",Arial,sans-serif!important;
font-size:15px;
font-weight:800;
line-height:1.45;
color:#111;
}
.dre-rating-methodology-content strong{font-weight:700}
.dre-rating-methodology-content>*:last-child{margin-bottom:0}
@media(max-width:600px){
.dre-rating-methodology-overlay{align-items:flex-end;padding:12px}
.dre-rating-methodology-modal{max-height:88vh;border-radius:10px 10px 6px 6px}
.dre-rating-methodology-inner{padding:30px 24px 30px}
.dre-rating-methodology-modal h2{font-size:29px}
.dre-rating-methodology-content{font-size:14px}
}.dre-editorial-hero .section-head{
text-align:center;
}
.dre-editorial-hero .entry-category{
margin-bottom:18px;
}
.dre-editorial-hero .entry-title{
margin:0;
}
.dre-editorial-hero .entry-meta{
justify-content:center;
}
.dre-editorial-featured-image{
position:relative;
overflow:hidden;
}
.dre-editorial-featured-image img{
display:block;
width:100%;
aspect-ratio:1104 / 484;
height:auto;
object-fit:cover;
}
.dre-editorial-body,
.dre-editorial-body button,
.dre-editorial-body input,
.dre-editorial-body select,
.dre-editorial-body textarea,
.dre-editorial-hero .entry-category,
.dre-editorial-hero .entry-meta{
font-family:"Raleway",Arial,sans-serif;
}
.dre-editorial-hero .entry-title,
.dre-editorial-body h1,
.dre-editorial-body h2,
.dre-editorial-body h3,
.dre-editorial-body h4,
.dre-editorial-body h5,
.dre-editorial-body h6{
font-family:"PT Serif",Georgia,serif!important;
}
.dre-editorial-body .dre-editorial-main-column{
min-width:0;
}
.dre-editorial-body article{
margin:0;
}
.dre-editorial-body .comments-area{
margin-top:56px;
}
@media(max-width:767px){
.dre-editorial-hero .section-head{
text-align:left;
}
.dre-editorial-hero .entry-meta{
justify-content:flex-start;
}
.dre-editorial-hero .entry-category{
margin-bottom:12px;
}
.dre-editorial-featured-image img{
aspect-ratio:16 / 9;
}
} .dre-tools-related-fallback{padding:48px 0;background:#f7f7f7}
.dre-tools-related-fallback h2{margin:0 0 24px}
.dre-tools-related-fallback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.dre-tools-related-fallback-grid article{min-width:0}
.dre-tools-related-fallback-grid img{display:block;width:100%;height:auto;margin-bottom:12px}
.dre-tools-related-fallback-grid h3{margin:0;font-size:22px;line-height:1.25}
.dre-tools-related-fallback-grid a{text-decoration:none}
@media (max-width:767px){.dre-tools-related-fallback-grid{grid-template-columns:1fr}} .dre-tools-radar-brand{display:inline;white-space:nowrap;font-style:normal}
.dre-tools-radar-brand .dre-tools-radar-tools{color:#111!important}
.dre-tools-radar-brand .dre-tools-radar-radar{color:#e85554!important}
.dre-rating-stars{
position:relative;
display:inline-block;
color:#d9d9d9!important;
font-size:24px!important;
line-height:1!important;
letter-spacing:1px;
white-space:nowrap;
}
.dre-rating-stars::before{
content:"★★★★★";
position:absolute;
inset:0 auto 0 0;
width:var(--dre-rating-percent,0%);
overflow:hidden;
color:#e85554;
white-space:nowrap;
pointer-events:none;
} .dre-editorial-body .dre-rating-lockup{
display:inline-flex;
align-items:center;
gap:9px;
white-space:nowrap;
}
.dre-editorial-body .dre-rating-text{
color:#666;
font-family:"Raleway",Arial,sans-serif;
font-size:13px;
font-weight:600;
line-height:1.2;
letter-spacing:0;
} .dre-editorial-body .dre-rating-text{
font-size:16px!important;
font-weight:500!important;
} .dre-editorial-body .dre-rating-stars{
position:relative!important;
display:inline-block!important;
color:#d9d9d9!important;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
font-size:24px!important;
font-weight:400!important;
font-style:normal!important;
line-height:1!important;
letter-spacing:1px!important;
white-space:nowrap!important;
background:none!important;
-webkit-text-fill-color:initial!important;
}
.dre-editorial-body .dre-rating-stars::before{
content:"★★★★★"!important;
position:absolute!important;
inset:0 auto 0 0!important;
width:var(--dre-rating-percent,0%)!important;
overflow:hidden!important;
color:#e85554!important;
font:inherit!important;
line-height:1!important;
letter-spacing:1px!important;
white-space:nowrap!important;
pointer-events:none!important;
} .dre-editorial-hero .dre-editorial-context-nav{
display:grid;
grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
align-items:center;
gap:18px;
margin-bottom:18px;
}
.dre-editorial-hero .dre-editorial-context-nav .entry-category{
margin:0;
justify-self:center;
}
.dre-editorial-hero .dre-editorial-back-link{
justify-self:start;
color:#777!important;
font-family:"Raleway",Arial,sans-serif;
font-size:12px;
font-weight:600;
line-height:1.35;
text-decoration:none!important;
white-space:nowrap;
}
.dre-editorial-hero .dre-editorial-back-link:hover,
.dre-editorial-hero .dre-editorial-back-link:focus{
color:#e85554!important;
text-decoration:none!important;
}
.dre-editorial-hero .dre-editorial-context-spacer{
display:block;
min-width:1px;
}
@media(max-width:767px){
.dre-editorial-hero .dre-editorial-context-nav{
grid-template-columns:1fr auto;
gap:12px;
margin-bottom:14px;
}
.dre-editorial-hero .dre-editorial-context-nav .entry-category{
justify-self:end;
}
.dre-editorial-hero .dre-editorial-context-spacer{display:none}
.dre-editorial-hero .dre-editorial-back-link{
font-size:11px;
white-space:normal;
}
} .dre-editorial-hero .dre-editorial-back-link,
.dre-tool-review-post .dre-editorial-back-link{
color:#555!important;
font-family:"Raleway",Arial,sans-serif;
font-size:14px!important;
font-weight:700!important;
line-height:1.35;
text-decoration:none!important;
white-space:nowrap;
}
.dre-editorial-hero .dre-editorial-back-link .dre-tools-radar-brand,
.dre-tool-review-post .dre-editorial-back-link .dre-tools-radar-brand{
font-weight:800;
letter-spacing:.02em;
}
.dre-editorial-hero .dre-editorial-back-link:hover,
.dre-editorial-hero .dre-editorial-back-link:focus,
.dre-tool-review-post .dre-editorial-back-link:hover,
.dre-tool-review-post .dre-editorial-back-link:focus{
color:#e85554!important;
text-decoration:none!important;
}
.dre-tool-review-post .dre-tool-review-context-nav{
display:grid;
grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
align-items:center;
gap:18px;
margin-bottom:18px;
}
.dre-tool-review-post .dre-tool-review-context-nav .entry-category{
margin:0!important;
justify-self:center;
}
.dre-tool-review-post .dre-tool-review-context-nav .dre-editorial-back-link{
justify-self:start;
}
.dre-tool-review-post .dre-tool-review-context-nav .dre-editorial-context-spacer{
display:block;
min-width:1px;
}
@media(max-width:767px){
.dre-editorial-hero .dre-editorial-back-link,
.dre-tool-review-post .dre-editorial-back-link{
font-size:13px!important;
white-space:normal;
}
.dre-tool-review-post .dre-tool-review-context-nav{
grid-template-columns:1fr auto;
gap:12px;
margin-bottom:14px;
}
.dre-tool-review-post .dre-tool-review-context-nav .entry-category{
justify-self:end;
}
.dre-tool-review-post .dre-tool-review-context-nav .dre-editorial-context-spacer{
display:none;
}
}#dw-sw-overlay {
display: none;
position: fixed;
inset: 0;
z-index: 99998;
background: rgba(0, 0, 0, 0.55);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
animation: dw-sw-fade-in 0.4s ease forwards;
}
#dw-sw-overlay.dw-sw-active {
display: block;
}
@keyframes dw-sw-fade-in {
from { opacity: 0; }
to   { opacity: 1; }
} #dw-sw-wall {
display: none;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 99999;
width: 100%;
max-height: 92vh;
max-height: 92dvh;
overflow-y: auto;
background: #fff;
box-shadow: 0 -6px 44px rgba(0, 0, 0, 0.20);
border-top: 1px solid rgba(17, 17, 17, 0.07);
border-radius: 18px 18px 0 0;
padding: 40px 40px calc(38px + env(safe-area-inset-bottom));
box-sizing: border-box;
animation: dw-sw-slide-up 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
#dw-sw-wall.dw-sw-active {
display: block;
}
@keyframes dw-sw-slide-up {
from { transform: translateY(100%); opacity: 0; }
to   { transform: translateY(0); opacity: 1; }
} .dw-sw-inner {
max-width: 680px;
margin: 0 auto;
text-align: center;
}
#dw-sw-form-wrap {
max-width: 560px;
margin-left: auto;
margin-right: auto;
} .dw-sw-wordmark {
display: inline-block;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #1a1a1a;
margin-bottom: 28px;
opacity: 0.55;
font-family: Georgia, 'Times New Roman', serif;
} .dw-sw-divider {
width: 40px;
height: 2px;
background: #1a1a1a;
margin: 0 auto 28px;
opacity: 0.15;
} .dw-sw-headline {
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: clamp(28px, 3.6vw, 36px);
font-weight: 700;
line-height: 1.25;
color: #111;
margin: 0 0 14px;
letter-spacing: -0.3px;
} .dw-sw-social-proof-row {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
max-width: 620px;
margin: 0 auto 14px;
}
.dw-sw-proof-avatars {
display: flex;
align-items: center;
flex: 0 0 auto;
}
.dw-sw-proof-avatars-image {
display: block;
width: 116px;
height: auto;
}
.dw-sw-social-proof-text {
margin: 0;
color: #222;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 1.35;
text-align: left;
}
.dw-sw-body {
max-width: 620px;
margin: 0 auto 26px;
color: #555;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
font-size: 16px;
line-height: 1.5;
text-align: center;
}
.dw-sw-body-no-proof {
margin-top: 0;
} .dw-sw-form {
display: flex;
flex-direction: column;
gap: 12px;
align-items: center;
}
.dw-sw-email-wrap {
display: flex;
width: 100%;
max-width: 500px;
border: 1.5px solid #d4d4d4;
border-radius: 6px;
overflow: hidden;
transition: border-color 0.2s ease;
background: #fff;
}
.dw-sw-email-wrap:focus-within {
border-color: #111;
}
.dw-sw-email-input {
flex: 1;
border: none;
outline: none;
padding: 15px 17px;
font-size: 16px;
color: #111;
background: transparent;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
min-width: 0;
}
.dw-sw-email-input::placeholder {
color: #aaa;
}
.dw-sw-submit-btn {
border: none;
outline: none;
cursor: pointer;
background: #111;
color: #fff;
padding: 15px 24px;
font-size: 15px;
font-weight: 600;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
letter-spacing: 0.02em;
transition: background 0.2s ease, opacity 0.2s ease;
white-space: nowrap;
flex-shrink: 0;
}
.dw-sw-submit-btn:hover {
background: #333;
}
.dw-sw-submit-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
} #dw-sw-wall.dw-sw-community-notice {
width: calc(100% - 48px);
max-width: 760px;
left: 0;
right: 0;
bottom: 20px;
margin-left: auto;
margin-right: auto;
padding: 28px 28px calc(28px + env(safe-area-inset-bottom));
max-height: none;
overflow: visible;
background: rgba(255, 255, 255, 0.96);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(17, 17, 17, 0.08);
border-radius: 18px;
box-shadow: 0 10px 38px rgba(0, 0, 0, 0.16);
}
#dw-sw-wall.dw-sw-community-notice .dw-sw-branding-area,
#dw-sw-wall.dw-sw-community-notice .dw-sw-divider {
display: none;
}
#dw-sw-wall.dw-sw-community-closing {
animation: dw-sw-community-out 0.32s ease forwards;
}
@keyframes dw-sw-community-out {
from { transform: translateY(0); opacity: 1; }
to   { transform: translateY(36px); opacity: 0; }
}
#dw-sw-community-wrap {
position: relative;
max-width: 620px;
margin-left: auto;
margin-right: auto;
padding: 0 48px;
}
.dw-sw-community-kicker {
margin: 0 0 12px;
color: #777;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.dw-sw-community-close {
position: absolute;
top: 0;
right: 0;
width: 34px;
height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #e8e8e8;
border-radius: 999px;
background: #f7f7f7;
color: #666;
cursor: pointer;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 1;
}
.dw-sw-community-close:hover {
background: #f4f4f4;
color: #111;
}
.dw-sw-community-close:focus-visible {
outline: 2px solid #111;
outline-offset: 2px;
}
#dw-sw-community-wrap .dw-sw-body {
margin-bottom: 0;
}
#dw-sw-community-body .dw-sw-community-paragraph {
margin: 0 0 12px;
color: inherit;
font: inherit;
line-height: inherit;
white-space: pre-line;
}
#dw-sw-community-body .dw-sw-community-paragraph:last-child {
margin-bottom: 0;
}
@media (prefers-reduced-motion: reduce) {
#dw-sw-wall.dw-sw-community-closing {
animation: none;
}
} .dw-sw-helper {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
font-size: 13px;
color: #929292;
letter-spacing: 0.01em;
}
.dw-sw-message {
font-size: 14px;
padding: 12px 20px;
border-radius: 6px;
display: none;
max-width: 420px;
width: 100%;
text-align: center;
}
.dw-sw-message.success {
background: #f0faf4;
color: #1a7a3c;
border: 1px solid #b7e6ca;
display: block;
}
.dw-sw-message.error {
background: #fff5f5;
color: #c0392b;
border: 1px solid #f5c6c6;
display: block;
} .dw-sw-label {
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #555;
background: #f4f1eb;
padding: 5px 10px;
border-radius: 3px;
margin-bottom: 12px;
} body.dw-sw-locked {
overflow: hidden !important;
touch-action: none;
} @media (max-width: 600px) {
#dw-sw-wall {
width: 100%;
left: 0;
right: 0;
bottom: 0;
top: auto;
max-height: 92vh;
max-height: 92dvh;
padding: 30px 20px calc(28px + env(safe-area-inset-bottom));
border-radius: 16px 16px 0 0;
}
.dw-sw-inner {
max-width: none;
}
.dw-sw-wordmark {
margin-bottom: 20px;
}
.dw-sw-divider {
margin-bottom: 22px;
}
.dw-sw-headline {
font-size: 26px;
margin-bottom: 14px;
}
.dw-sw-social-proof-row {
gap: 9px;
margin-bottom: 12px;
}
.dw-sw-proof-avatars-image {
width: 98px;
}
.dw-sw-social-proof-text {
font-size: 14px;
line-height: 1.35;
}
.dw-sw-body {
margin-bottom: 20px;
font-size: 15px;
line-height: 1.5;
}
.dw-sw-email-wrap {
flex-direction: column;
border-radius: 6px;
}
.dw-sw-submit-btn {
width: 100%;
padding: 14px;
font-size: 15px;
}
.dw-sw-email-input {
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
.dw-sw-helper {
line-height: 1.45;
}
#dw-sw-wall.dw-sw-community-notice {
width: calc(100% - 24px);
bottom: 12px;
padding: 24px 18px calc(24px + env(safe-area-inset-bottom));
border-radius: 16px;
}
#dw-sw-community-wrap {
padding-left: 38px;
padding-right: 38px;
}
.dw-sw-community-close {
top: 0;
right: 0;
width: 32px;
height: 32px;
font-size: 21px;
}
}