/* A compact brand lockup and a clear comparison of three cash-out services. */
.header .brand{align-items:center;gap:5px}
.header .brand img{display:block;flex:none;width:46px;height:23px;object-fit:contain}
.header .brand>span{display:block;line-height:1;transform:translateY(1px)}
.rate-comparison{padding-bottom:44px}
.rate-comparison .section-heading{margin-bottom:36px}
.rate-comparison .section-heading p{margin-bottom:0}
.rate-table-head{display:grid;grid-template-columns:38% 23% 1fr;padding:0 26px 14px;color:#697d70;font-size:13px}
.rate-table-head>span:first-child{padding-left:47px}
.rate-row{width:100%;border:0;background:transparent;text-align:left;color:var(--ink);display:grid;grid-template-columns:28px minmax(185px,1.4fr) minmax(210px,.95fr) minmax(300px,1.35fr) 22px;align-items:center;gap:20px;padding:22px 26px;border-radius:16px;font-family:Line,sans-serif;cursor:pointer;transition:background .25s,color .25s}
.rate-row+.rate-row{margin-top:8px}
.rate-row.is-selected{background:#edf2e7}
.rate-row:hover{background:#f0f4eb}
.rate-row:focus-visible{outline:2px solid var(--forest);outline-offset:3px}
.rate-icon{width:26px;height:28px;color:#497151}
.rate-name{font-size:21px;font-weight:700;line-height:1.4;letter-spacing:-.045em}
.rate-name>small{display:block;margin-top:6px;font-size:13px;font-weight:400;letter-spacing:-.025em;color:#6a7d6a}
.rate-value{display:flex;align-items:baseline;gap:7px;white-space:nowrap}
.rate-limit{font-size:12px;color:#71816a}
.rate-value:not(.rate-variable)>strong{font-size:45px;letter-spacing:-.055em;line-height:1.1;font-weight:700}
.rate-value>strong>small{font-size:20px;letter-spacing:-.03em;margin-left:2px}
.rate-with-note{display:grid;grid-template-columns:max-content max-content;column-gap:7px;row-gap:4px;justify-content:start}
.rate-condition{grid-column:1/-1;font-size:12px;font-weight:400;color:#71816a;line-height:1.5}
.rate-variable{display:block;white-space:normal}
.rate-variable>strong{display:block;font-size:21px;letter-spacing:-.045em;line-height:1.5}
.rate-variable>small{display:block;margin-top:4px;font-size:12px;color:#71816a;line-height:1.5}
.rate-brands{display:flex;align-items:center;gap:18px;min-width:0}
.rate-brands>img{width:92px;height:44px;object-fit:contain;mix-blend-mode:multiply}
.rate-brands>.rate-google{width:112px;height:28px}
.rate-appstore{display:flex;align-items:center;gap:7px;font-size:13px;white-space:nowrap;color:#475c52}
.rate-appstore img{width:28px;height:28px;object-fit:contain}
.rate-vouchers{gap:15px}
.rate-vouchers>img{width:94px;height:32px}
.rate-happymoney{display:block;position:relative;overflow:hidden;width:96px;height:32px;flex:none}
.rate-happymoney img{position:absolute;left:0;top:50%;width:172px;height:53px;max-width:none;object-fit:none;object-position:left top;transform:translateY(-50%) scale(.558);transform-origin:left center;mix-blend-mode:multiply}
.rate-google-gift{display:flex;flex-direction:column;gap:2px;align-items:center;font-size:11px;color:#6a7d6a;white-space:nowrap}
.rate-google-gift img{width:98px;height:22px;object-fit:contain}
.rate-arrow{width:22px;height:22px;color:#849681;transition:transform .25s}
.rate-row:hover .rate-arrow{transform:translateX(4px);color:var(--forest)}
.rate-footnote{margin:20px 26px 0;font-size:13px;color:#6b7d69;line-height:1.6}
@media(max-width:1180px){
 .rate-row{grid-template-columns:26px minmax(145px,1.05fr) minmax(175px,.9fr) minmax(250px,1.35fr) 20px;gap:14px;padding-inline:20px}
 .rate-name{font-size:19px}.rate-variable>strong{font-size:19px}
 .rate-brands{gap:10px}.rate-brands>img{width:75px;height:38px}.rate-brands>.rate-google{width:97px}
 .rate-happymoney{width:84px}.rate-happymoney img{transform:translateY(-50%) scale(.488)}
 .rate-vouchers>img{width:80px}.rate-google-gift img{width:84px}.rate-appstore{font-size:12px}
}
@media(max-width:850px){
 .rate-table-head{grid-template-columns:52% 48%;padding-inline:20px}.rate-table-head>span:last-child{display:none}.rate-table-head>span:first-child{padding-left:0}
 .rate-row{grid-template-columns:26px minmax(0,1fr) minmax(155px,.85fr) 20px;gap:14px;padding:20px}
 .rate-brands{grid-column:2/4;grid-row:2;gap:20px;margin-top:2px;min-height:38px}
 .rate-value{grid-column:3;grid-row:1}.rate-arrow{grid-column:4;grid-row:1}.rate-icon{grid-column:1;grid-row:1}
 .rate-name{grid-column:2;grid-row:1}.rate-brands>img{width:82px;height:38px}
}
@media(max-width:700px){
 .header .brand{gap:3px}.header .brand img{width:40px;height:20px}.header .brand>span{line-height:1;transform:translateY(1px)}
 .rate-comparison{padding-bottom:28px}
 .rate-comparison .section-heading{margin-bottom:28px}
 .rate-table-head{padding:0 14px 12px;font-size:12px;grid-template-columns:55% 45%}
 .rate-row{grid-template-columns:22px minmax(0,1fr) 116px 15px;gap:9px;padding:19px 14px 17px;border-radius:14px}
 .rate-icon{width:22px;height:25px}.rate-name{font-size:17px;letter-spacing:-.055em}.rate-name>small{font-size:12px;margin-top:4px;letter-spacing:-.04em}
 .rate-value{justify-content:flex-end;gap:4px}.rate-value:not(.rate-variable)>strong{font-size:39px}.rate-value>strong>small{font-size:17px}.rate-limit{font-size:11px}
 .rate-condition{font-size:11px;text-align:right}
 .rate-variable{text-align:right}.rate-variable>strong{font-size:16px}.rate-variable>small{font-size:11px;max-width:100px;margin-left:auto;line-height:1.4}
 .rate-arrow{width:17px;height:17px}
 .rate-brands{grid-column:2/5;gap:16px;margin-top:1px;min-height:36px}
 .rate-brands>img{width:75px;height:36px}.rate-brands>.rate-google{width:96px;height:25px}
 .rate-appstore{font-size:12px}.rate-appstore img{width:25px;height:25px}
 .rate-vouchers{gap:12px}.rate-vouchers>img{width:76px;height:28px}.rate-happymoney{width:80px;height:28px}.rate-happymoney img{transform:translateY(-50%) scale(.465)}
 .rate-google-gift img{width:80px;height:18px}.rate-google-gift{font-size:10px}
 .rate-footnote{margin:17px 14px 0;font-size:12px}
}
@media(max-width:360px){
 .header .brand img{width:37px;height:18.5px}
 .rate-row{grid-template-columns:20px minmax(0,1fr) 100px 13px;gap:7px;padding-inline:11px}
 .rate-name{font-size:15px}.rate-name>small{font-size:11px}.rate-variable>strong{font-size:14px}.rate-value:not(.rate-variable)>strong{font-size:36px}
 .rate-brands{grid-column:1/5;justify-content:center;gap:16px}.rate-vouchers{gap:10px}.rate-vouchers>img{width:72px}
 .rate-happymoney{width:74px}.rate-happymoney img{transform:translateY(-50%) scale(.43)}.rate-google-gift img{width:76px}
}
@media(prefers-reduced-motion:reduce){.rate-row,.rate-arrow{transition:none}.rate-row:hover .rate-arrow{transform:none}}