/* The hero action and one integrated rating story. */
:root{--ratings-column-gap:72px;--rating-open-surface:var(--surface);--rating-soft-surface:var(--canvas);--rating-panel-radius:16px}
.hero-actions{gap:28px;margin-top:32px;align-items:flex-start}
.store-action{display:grid;justify-items:center;gap:10px}
.app-store-badge{display:block;padding:0;background:none;border:0;border-radius:12px;opacity:1;cursor:default;appearance:none}
.app-store-badge img{display:block;width:180px;height:60px}
.store-action #store-availability{font:400 12px/1.5 Inter,sans-serif;color:var(--gradient-ink);margin:0}
.hero-preview-link{font:600 14px/1.5 Inter,sans-serif;min-height:60px;display:flex;align-items:center;gap:14px;color:var(--blue);text-decoration:none}
.hero-preview-link:hover{text-decoration:underline}
.ratings.ratings-unified{display:block;padding-block:80px 40px;scroll-margin-top:32px}
.ratings-heading{max-width:750px;margin:0 auto 48px;text-align:center}
.ratings-heading h2{font-size:48px;line-height:1.14;margin:0 0 20px;letter-spacing:-.035em}
.ratings-heading h2>span{display:block}
.ratings-heading p{font-size:18px;line-height:1.7;max-width:630px;margin-inline:auto;color:var(--gradient-ink)}
.ratings-showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--ratings-column-gap);align-items:start}
.ratings-showcase .example-visual{margin:24px 0 0;gap:20px}
.ratings-showcase .example-device{width:310px;max-width:100%}
.ratings-showcase .example-visual figcaption{max-width:290px;color:var(--gradient-ink)}
.rating-analysis{min-width:0}
.ratings-showcase .example-product{margin:0 0 28px;gap:20px}
.ratings-showcase .example-product h3{font-size:23px;letter-spacing:-.025em}
.ratings-showcase .example-product p{font-size:13px;line-height:1.6;margin-top:6px}
.ratings-showcase .example-score{width:84px;min-height:84px;background:rgba(255,255,255,.7)}
.ratings-showcase .example-score strong{font-size:34px}
.ratings-showcase .factor-help,.ratings-showcase .rating-factors summary{display:grid;grid-template-columns:minmax(0,1fr) 66px 54px 12px;gap:14px;align-items:center}
.ratings-showcase .factor-help{margin:0;padding:0 20px 12px;font-size:13px}
.ratings-showcase .factor-help>span:nth-child(2),.ratings-showcase .factor-help>span:nth-child(3){text-align:right}
.ratings-showcase .rating-factors details{margin:0 0 10px;background:var(--surface);border-radius:var(--rating-panel-radius);box-shadow:none;padding:0}
.ratings-showcase .rating-factors summary{padding:18px 20px;border-radius:var(--rating-panel-radius)}
.ratings-showcase .rating-factors details[open]{background:var(--rating-open-surface)}
.ratings-showcase .rating-factors summary:hover{background:var(--rating-soft-surface)}
.ratings-showcase .factor-name{font-size:18px;line-height:1.4;letter-spacing:-.02em}
.ratings-showcase .factor-hint{font-size:13px;line-height:1.6;margin-top:4px;color:var(--gradient-ink)}
.factor-score{text-align:right;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums;color:var(--gradient-ink)}
.factor-score strong{font-size:20px;font-weight:600;color:var(--ink)}
.ratings-showcase .factor-weight{text-align:right;font-size:15px;color:var(--gradient-ink)}
.ratings-showcase .factor-toggle{margin:0}
.ratings-showcase .factor-detail{padding:0 20px 24px}
.ratings-showcase .factor-detail>p{font-size:15px;line-height:1.7}
.ratings-showcase .example-facts{padding:0;background:none;margin:18px 0 0;gap:16px}
.ratings-showcase .example-facts dt{font-size:15px;line-height:1.5}
.ratings-showcase .example-facts dd{font-size:13px;line-height:1.7}
.ratings-showcase .example-note{margin:20px 18px 0;font-size:12px;line-height:1.7;max-width:none}








.ratings-unified+.faq{padding-top:96px}
.launch-proposal{padding-inline:0}
@media(max-width:1050px){:root{--ratings-column-gap:32px}.ratings-showcase{grid-template-columns:.75fr 1.25fr}.ratings-showcase .example-device{width:270px}.ratings-heading h2{font-size:42px}.ratings-showcase .rating-factors summary,.ratings-showcase .factor-help{gap:10px;grid-template-columns:minmax(0,1fr) 56px 46px 12px;padding-inline:12px}.ratings-showcase .factor-name{font-size:16px}.ratings-showcase .factor-hint{font-size:12px}.ratings-showcase .factor-detail{padding-inline:12px}}
@media(max-width:760px){.hero-actions{gap:24px;margin-top:28px}.app-store-badge img{width:165px;height:55px}.hero-preview-link{min-height:55px;font-size:13px;gap:10px}.ratings.ratings-unified{padding-block:56px 24px}.ratings-heading{margin-bottom:32px;text-align:left}.ratings-heading h2{font-size:34px;margin-bottom:18px}.ratings-heading h2 br{display:initial}.ratings-heading p{font-size:16px;max-width:none}.ratings-showcase{grid-template-columns:1fr;gap:36px}.ratings-showcase .example-visual{margin:0}.ratings-showcase .example-device{width:265px}.ratings-showcase .example-product{margin-bottom:24px}.ratings-showcase .example-product h3{font-size:21px}.ratings-showcase .factor-hint{font-size:12px;max-width:none}.ratings-showcase .rating-factors summary{padding-block:17px}.ratings-showcase .factor-help{font-size:11px}.ratings-showcase .example-note{margin-inline:12px}.ratings-unified+.faq{padding-top:64px}.launch-proposal{padding:24px 0}.ratings-showcase .example-facts .criterion-state{display:block;margin:0 0 4px}}
@media(max-width:380px){.hero-actions{gap:16px}.app-store-badge img{width:150px;height:50px}.hero-preview-link{font-size:12px;gap:8px;min-height:50px}.store-action #store-availability{font-size:11px}.ratings-heading h2{font-size:30px}.ratings-showcase .factor-help,.ratings-showcase .rating-factors summary{grid-template-columns:minmax(0,1fr) 47px 36px 10px;gap:8px;padding-inline:8px}.ratings-showcase .factor-name{font-size:15px}.factor-score strong{font-size:16px}.factor-score{font-size:10px}.ratings-showcase .factor-weight{font-size:12px}.ratings-showcase .example-score{width:72px;min-height:72px}.ratings-showcase .example-product{gap:16px}.ratings-showcase .example-product h3{font-size:19px}}

/* Compact score reference, integrated below the product's factor rows. */
.score-menu{margin-top:24px;padding:8px 20px 20px;background:var(--surface);border-radius:var(--rating-panel-radius)}
.score-menu-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding-block:4px}
.score-menu-tabs[hidden],.score-menu-panel[hidden]{display:none}
.score-menu-tabs button{min-width:0;min-height:44px;padding:10px 8px;border:0;border-radius:10px;background:transparent;color:var(--gradient-ink);font:600 14px/1.4 Inter,sans-serif;cursor:pointer}
.score-menu-tabs button:hover{background:var(--canvas);color:var(--blue)}
.score-menu-tabs button[aria-selected="true"]{background:var(--blue-soft);color:var(--blue)}
.score-menu-tabs button:focus-visible,.score-menu-panel:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.score-menu-panel{padding-top:18px;min-height:146px}
.score-menu-panel h3{font:700 17px/1.4 Manrope,sans-serif;letter-spacing:-.02em;margin:0 0 14px}
.score-menu-panel p{font:400 14px/1.7 Inter,sans-serif;color:var(--gradient-ink);margin:0;max-width:68ch}
.score-menu-panel dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0}
.score-menu-panel dl>div{min-width:0;display:flex;flex-direction:column;gap:6px}
.score-menu-panel dt{display:flex;align-items:center;gap:6px;font:600 13px/1.5 Inter,sans-serif}
.score-menu-panel dd{font:400 17px/1.5 Inter,sans-serif;font-variant-numeric:tabular-nums;color:var(--gradient-ink);margin:0}
.score-menu-panel .rating-mark{width:7px;height:7px;flex-shrink:0}
@media(max-width:1050px) and (min-width:761px){.score-menu{padding-inline:16px}.score-menu-tabs button{font-size:13px}.score-menu-panel dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.score-menu-panel{min-height:190px}}
@media(max-width:760px){.score-menu{margin-top:20px;padding:8px 16px 20px}.score-menu-tabs button{font-size:13px;padding-inline:4px}.score-menu-panel{padding-top:16px;min-height:212px}.score-menu-panel h3{font-size:16px;margin-bottom:12px}.score-menu-panel dl{grid-template-columns:1fr;gap:8px}.score-menu-panel dl>div{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.score-menu-panel dt{font-size:14px}.score-menu-panel dd{font-size:16px}}
@media(max-width:380px){.score-menu{padding-inline:12px}.score-menu-tabs button{font-size:12px}}