@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--paper:#FDF8F3;--paper2:#F7F1EA;--ink:#1A1A2E;--ink2:#2D2D44;--terracotta:#D76C4A;--terracotta2:#B85A3C;--gold:#E8C547;--sage:#6B8E7B;--slate:#5A5A72;--line:#E8DDD0;--white:#FFFFFF;--star:#E8C547;--star-empty:#D1C7BB}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
.wrap{max-width:1160px;margin:auto;padding:0 22px}
header{background:rgba(253,248,243,.96);border-bottom:1.5px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(8px)}
.hi{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font:700 22px/1.2 'Libre Baskerville',serif;display:flex;align-items:center;gap:10px;color:var(--ink)}
.brand-mark{color:var(--terracotta);font-size:26px}
.nav{display:flex;align-items:center;gap:22px;margin-left:auto}
.nav a{font-size:14px;font-weight:600;color:var(--slate);text-decoration:none;padding:6px 0}
.nav a:hover,.nav a.active{color:var(--terracotta);border-bottom:2px solid var(--terracotta)}
.lang{display:flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--slate)}
.lang a{padding:4px 8px;border-radius:99px}
.lang a.active{background:var(--ink);color:var(--paper)}
.hero{padding:72px 0 56px;border-bottom:1.5px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:56px;align-items:center}
.eyebrow{font:500 12px/1 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.14em;color:var(--terracotta);margin-bottom:16px}
.hero h1{font:700 clamp(40px,5vw,68px)/1.05 'Libre Baskerville',serif;margin:0 0 18px}
.hero p{font-size:18px;color:var(--slate);max-width:560px;margin:0}
.hero-card{background:var(--white);border:1.5px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 18px 40px rgba(26,26,46,.06)}
.featured-label{font:500 11px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--terracotta);margin-bottom:10px}
.hero-card h2{font:700 24px/1.2 'Libre Baskerville',serif;margin:0 0 10px}
.hero-card p{font-size:15px;color:var(--slate);margin:12px 0 20px}
.btn-primary{display:inline-block;background:var(--terracotta);color:var(--white);font-weight:600;padding:12px 22px;border-radius:99px;border:1.5px solid var(--terracotta2);transition:transform .15s,background .15s}
.btn-primary:hover{background:var(--terracotta2);transform:translateY(-1px)}
.section{padding:56px 0}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}
.section h2{font:700 28px/1.2 'Libre Baskerville',serif;margin:0}
.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.catalog-card{background:var(--white);border:1.5px solid var(--line);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:10px;transition:transform .15s,box-shadow .15s}
.catalog-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(26,26,46,.07)}
.card-top{display:flex;justify-content:space-between;align-items:center}
.cat{font:500 11px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--sage)}
.card-score{font:700 20px 'Libre Baskerville',serif;color:var(--ink)}
.catalog-card h3{font:700 17px/1.25 Inter,sans-serif;margin:0}
.starline{display:flex;align-items:center;gap:10px}
.stars{color:var(--star);font-size:17px;letter-spacing:1px}
.score-small{font-weight:700;color:var(--ink);font-family:'IBM Plex Mono',monospace}
.count{font-size:13px;color:var(--slate)}
.breadcrumb{font-size:13px;color:var(--slate);padding:22px 0 6px}
.breadcrumb a{color:var(--terracotta)}
.breadcrumb span{margin:0 8px;color:var(--line)}
.profile-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);gap:46px;padding:44px 0 56px;border-bottom:1.5px solid var(--line)}
.profile-title .eyebrow{margin-bottom:14px}
.profile-title h1{font:700 clamp(34px,4.5vw,54px)/1.1 'Libre Baskerville',serif;margin:0 0 18px}
.profile-title p{font-size:17px;color:var(--slate);margin:0 0 24px}
.rating-box{background:var(--white);border:1.5px solid var(--line);border-radius:18px;padding:28px}
.big-score{font:700 72px/1 'Libre Baskerville',serif;color:var(--ink)}
.stars.big{font-size:28px;margin:10px 0}
.rating-box .count{margin-bottom:6px}
.recommend{font-size:13px;color:var(--sage);font-weight:600;margin-bottom:22px}
.bars{display:flex;flex-direction:column;gap:8px}
.bar-row{display:flex;align-items:center;gap:10px;font-size:13px}
.bar-label{width:28px;color:var(--slate);font-family:'IBM Plex Mono',monospace}
.bar-track{flex:1;background:var(--paper2);height:8px;border-radius:99px;overflow:hidden}
.bar-fill{background:var(--terracotta);height:100%;border-radius:99px}
.bar-pct{width:32px;text-align:right;color:var(--slate)}
.cta-box{background:var(--paper2);border-left:4px solid var(--terracotta);padding:18px 20px;border-radius:0 12px 12px 0}
.cta-box p{font-size:14px;color:var(--slate);margin:0 0 14px}
.reviews-list{display:grid;gap:18px}
.review-card{background:var(--white);border:1.5px solid var(--line);border-radius:14px;padding:22px}
.review-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.avatar{width:42px;height:42px;border-radius:50%;background:var(--ink);color:var(--gold);display:grid;place-items:center;font:700 14px Inter,sans-serif}
.reviewer-name{font-weight:700;font-size:15px}
.verified{font-size:12px;color:var(--sage)}
.review-card p{margin:0;color:var(--ink2)}
.editorial{background:var(--paper2);border-radius:16px;padding:28px}
.editorial p{color:var(--slate);margin:0}
.static-page h1{font:700 38px/1.15 'Libre Baskerville',serif;margin-bottom:22px}
.static-page h2{font:700 20px/1.3 Inter,sans-serif;margin:28px 0 12px}
.static-page p{color:var(--ink2);max-width:720px}
footer{background:var(--ink);color:var(--paper);padding:48px 0 24px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;margin-bottom:32px}
.footer-grid a{display:block;color:var(--paper);opacity:.8;margin-bottom:8px;font-size:14px}
.footer-grid a:hover{opacity:1}
footer p{font-size:14px;opacity:.7;margin:8px 0 0}
.copy{text-align:center;font-size:13px;opacity:.5;border-top:1px solid rgba(253,248,243,.1);padding-top:20px}
@media(max-width:900px){.hero-grid,.profile-head{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.nav a:not(.active){display:none}.hero h1{font-size:40px}.big-score{font-size:56px}.footer-grid{grid-template-columns:1fr}}

.editorial-deep,.method-block,.app-review-deep,.finance-editorial,.invest-clarity,.digital-deep,.editorial-longform,.overview-editorial{margin-top:28px;padding-top:12px}
.editorial-deep h2,.method-block h2,.app-review-deep h2,.finance-editorial h2,.invest-clarity h2,.digital-deep h2,.editorial-longform h2,.overview-editorial h2{font-weight:700;margin:24px 0 10px}
.editorial-deep p,.method-block p,.app-review-deep p,.finance-editorial p,.invest-clarity p,.digital-deep p,.editorial-longform p,.overview-editorial p{margin-bottom:14px;line-height:1.65}
.editorial-longform h2{font-size:1.15rem}