*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 45% 95%,#1c211b,#060a09 65%);color:#f5f5f4;font:16px/1.5 Arial,sans-serif}button,select{font:inherit}a{color:inherit;text-decoration:none}button,a,select{touch-action:manipulation}button{cursor:pointer}.reviews-board{max-width:1600px;margin:auto;padding:40px 36px 24px}.overview{display:grid;grid-template-columns:286fr 702fr 440fr;gap:18px}.panel,.review-card{border:1px solid #424139;border-radius:15px;background:linear-gradient(140deg,#111410b0,#050909);overflow:hidden;position:relative}.trust{padding:20px}.trust-title{display:flex;align-items:center;gap:13px;font-size:14px;letter-spacing:.8px}.trust-title strong:first-line{color:#ffda72}.round{border:1px solid #e8bc51;color:#f6ca60;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;font-size:28px;flex-shrink:0}.avatar-stack{display:flex;margin:15px 0}.avatar{width:42px;height:42px;object-fit:cover;border:1px solid #eec664;border-radius:50%;background:#27302b;display:grid;place-items:center;font-size:13px}.avatar-stack .avatar{margin-right:-7px}.stat{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #ffffff12}.stat:last-child{border:0}.stat strong{font-size:32px;line-height:1}.stat small{font-size:19px}.stat p{margin:3px 0;color:#bbb;font-size:14px}.stars{color:#ffd163;font-size:23px;letter-spacing:2px}.featured{padding:24px 28px;min-height:428px}.badge{display:inline-block;border:1px solid #dcae43;border-radius:30px;padding:8px 13px;font-size:12px}.quote-mark{position:absolute;right:30px;top:12px;font:bold 85px Georgia;color:#ffd37c}.featured h1{font-size:34px;line-height:1.2;max-width:490px;margin:25px 0 18px;position:relative;z-index:1}em{font-style:normal;color:#f2c566}.featured blockquote{font-size:17px;line-height:1.65;margin:0 0 20px;max-width:62%;position:relative;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.reviewer{display:flex;align-items:center;gap:12px;position:relative;font-size:14px}.reviewer .avatar{width:48px;height:48px}.reviewer small{display:block;color:#bbb;font-size:12px;margin-top:4px}.featured-stars{position:relative;margin-top:12px}.art{background-image:url('../img/community/reviews-reference49.png');background-repeat:no-repeat}.featured-art{position:absolute;right:0;bottom:0;width:47%;aspect-ratio:320/320;background-size:480% 320%;background-position:59.2% 20.5%;mask-image:linear-gradient(90deg,transparent,#000 16%)}.invitation{padding:24px 28px;isolation:isolate}.invitation h2{font-size:28px;margin:0 0 6px;line-height:1.2}.invitation>p{font-size:15px;color:#d0d0d0;max-width:260px;margin:10px 0 18px}.globe{position:absolute;right:0;top:60px;width:46%;height:235px;background-size:730% 430%;background-position:100% 12%;z-index:-1;opacity:.8;mask-image:linear-gradient(90deg,transparent,#000)}.review-button{display:inline-block;background:linear-gradient(130deg,#fff0ab,#e9b442);border:1px solid #efc86a;box-shadow:0 0 18px #f0bf432a;border-radius:11px;padding:11px 19px;color:#141710;font-weight:700}.services{position:absolute;bottom:22px;left:25px;right:25px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #fff2;padding-top:18px;text-align:center}.services>div+div{border-left:1px solid #fff1}.services b{display:block;color:#efbd4a;font-size:27px}.services strong,.services span{display:block;font-size:16px}.services span{font-size:12px;color:#ccc}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 18px}#filters{display:flex;gap:14px;flex-wrap:wrap}#filters button,#order{color:#ccc;border:1px solid #45473f;background:#0c100f;border-radius:28px;padding:9px 20px;font-size:13px}#filters button[aria-pressed=true]{border:1px solid #ffe39a;box-shadow:inset 0 0 20px #bd873833,0 0 9px #e9b54233;color:#ffdc81}#order{border-radius:9px}.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.review-card{display:flex;flex-direction:column;min-height:350px}.card-picture{height:126px;position:relative;background-size:440% 815%}.card-picture.hardware{background-position:3.1% 61.1%}.card-picture.hosting{background-position:34.4% 61.1%}.card-picture.support{background-position:65.6% 61.1%}.card-picture.repairs{background-position:96.8% 61.1%}.card-tag{position:absolute;left:17px;top:16px;background:#080b08eb;border:1px solid #bb9244;border-radius:9px;padding:7px 11px;font-size:12px}.card-content{padding:18px 20px;display:flex;flex-direction:column;flex:1}.card-content h3{font-size:19px;line-height:1.35;margin:0 0 10px}.card-content h3:before{content:'\201C';color:#f4c45c;font-size:29px;line-height:0;margin-right:4px}.card-content>p{font-size:15px;line-height:1.6;color:#ccc;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:auto}.card-bottom .stars{font-size:17px;letter-spacing:0}.read-review{border:0;padding:0;background:none;color:#efc667;font-size:12px;margin:10px 0 0;text-align:left}.pagination{display:flex;align-items:center;justify-content:center;gap:35px;margin-top:24px}.pagination>button{border-radius:50%;width:48px;height:48px;color:#ffe29a;border:1px solid #d3a13e;background:#151307;font-size:32px}#dots{display:flex;gap:14px}#dots button{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:#b29769}#dots button[aria-current=true]{width:15px;height:15px;background:#ffda7b;box-shadow:0 0 14px #eabb58}.source-note{font-size:11px;color:#879189;text-align:center;margin:15px 0 0}dialog{max-width:650px;width:90%;background:#101713;color:white;border:1px solid #bc963d;border-radius:18px;padding:28px}dialog::backdrop{background:#000b}dialog p{line-height:1.8}dialog a{color:#f0c661}#close-review{float:right;background:none;border:0;color:white;font-size:28px}@media(max-width:1100px){.overview{grid-template-columns:1fr 2fr}.invitation{grid-column:1/-1;min-height:280px}.invitation .services{left:50%;top:45px;bottom:auto;border-top:0}.review-grid{grid-template-columns:repeat(2,1fr)}.filter-row{align-items:flex-start}.featured h1{font-size:29px}}@media(max-width:650px){.reviews-board{padding:20px 15px}.overview{grid-template-columns:1fr}.trust{display:none}.featured{min-height:460px}.featured h1{font-size:29px}.featured blockquote{max-width:70%;font-size:15px}.invitation{min-height:390px}.invitation .services{left:25px;top:auto;bottom:22px;border-top:1px solid #fff2}.review-grid{grid-template-columns:1fr}.filter-row{display:block}#order{margin-top:12px}#filters{gap:8px}#filters button{padding:8px 11px}.card-picture{height:145px}.featured-art{width:50%}}
.featured-art{aspect-ratio:292/278;background-size:526% 368%;background-position:60.1% 25.47%;mask-image:linear-gradient(90deg,transparent,#000 13%)}
.globe{background-size:704% 455%;background-position:97.5% 13.8%}
.card-tag{left:14px;top:10px;width:140px;min-height:40px;display:flex;align-items:center;background:#090d0b}
.avatar{position:relative;flex-shrink:0;overflow:hidden}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.globe{width:34%;background-size:1097% 512%;background-position:97.4% 14.56%;mask-image:linear-gradient(90deg,transparent,#000 25%)}

/* Dedicated supplied HD artwork. No screenshot crops. */
:root{--gold:#f4d365;--client-gold:linear-gradient(155deg,#fff2b0 0%,#f9dc78 24%,#ebbd3f 60%,#f4d365 100%)}
body{background:radial-gradient(ellipse at 65% 100%,#25201570,transparent 55%),#060a09;-webkit-font-smoothing:antialiased}
.reviews-board{padding:40px 36px 26px;max-width:1600px}.overview{grid-template-columns:286fr 702fr 440fr;gap:18px}
.panel{min-height:428px}.featured{isolation:isolate;padding:24px 28px}
.featured-art{inset:0;width:100%;height:100%;aspect-ratio:auto;background-image:linear-gradient(90deg,#050807cc,transparent 72%),url('../img/community/reviews-miner52.webp');background-size:cover;background-position:center;mask-image:none;z-index:-1}
.featured h1{font-size:clamp(25px,2.35vw,38px);max-width:100%;margin:24px 0 18px;letter-spacing:-.6px}
.featured blockquote{max-width:56%;font-size:17px;line-height:1.6;-webkit-line-clamp:4;text-shadow:0 2px 8px #000}
.featured .reviewer,.featured-stars{z-index:1}.featured .reviewer{max-width:55%}
.globe{inset:0;width:100%;height:100%;background-image:linear-gradient(90deg,#060909e6,transparent 95%),url('../img/community/reviews-globe52.webp');background-size:cover;background-position:right center;mask-image:none;opacity:1;z-index:-1}
.invitation>p{max-width:265px;font-size:16px;line-height:1.4}.invitation h2{font-size:30px;letter-spacing:-.7px}.services{background:linear-gradient(0deg,#060909ee,#06090990);padding-top:18px}
.round svg,.services svg{width:27px;height:27px;fill:none;stroke:var(--gold);stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.services svg{width:31px;height:31px}.services b{height:39px;display:grid;place-items:center}
.stars,.quote-mark,em{background:var(--client-gold);background-clip:text;-webkit-background-clip:text;color:transparent}.stars{filter:drop-shadow(0 1px 2px #e8b72f44)}
.round,.badge{border-color:#ebc451}.review-button,.pagination>button{background:var(--client-gold);color:#171b19;border:1px solid #d7ad3e;box-shadow:inset 0 2px 2px #fffbd6,inset 0 -2px 3px #d2a53255,0 5px 18px #d0a13c26}
.review-button{font:700 14px/1.25 Arial,sans-serif;padding:15px 20px;border-radius:12px}.review-grid{margin-top:22px;gap:18px}.review-card{min-height:295px}.card-content{padding:23px 22px}.card-content h3{font-size:20px;line-height:1.35;min-height:54px}.card-content>p{font-size:16px;line-height:1.6;-webkit-line-clamp:4}.card-bottom{flex-wrap:wrap;gap:12px}.card-bottom .stars{font-size:21px;letter-spacing:1px}.read-review{font-size:12px;color:var(--gold)}.pagination>button{width:44px;height:44px;font-size:28px}.avatar{background:#262b26}
@media(max-width:1100px){.overview{grid-template-columns:1fr 2fr}.invitation{grid-column:1/-1;min-height:280px}.invitation .services{left:52%;top:90px}.review-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.reviews-board{padding:18px 14px}.overview{grid-template-columns:1fr}.trust{display:block;min-height:0}.trust .stat{padding:12px 0}.featured{min-height:465px;padding:23px 20px}.featured h1{font-size:29px}.featured blockquote{font-size:15px;max-width:62%}.featured-art{background-position:58% center}.invitation{min-height:385px}.invitation .services{left:20px;right:20px;top:auto;bottom:22px}.review-grid{grid-template-columns:1fr}.review-card{min-height:280px}.card-content h3{min-height:0}}

/* Desktop board uses the available screen height, not content-driven panel heights. */
@media(min-width:901px){
html,body{height:100%;min-height:0}
.reviews-board{height:100svh;max-width:1600px;padding:clamp(18px,3.9vh,40px) clamp(20px,2.35vw,36px) 16px;display:grid;grid-template-rows:minmax(0,1.32fr) minmax(0,1fr) 14px;gap:20px}
.overview{min-height:0;grid-template-columns:286fr 702fr 440fr;gap:18px}
.panel{min-height:0!important;height:100%}.trust{padding:clamp(12px,1.4vw,20px);display:flex;flex-direction:column}
.trust-title{font-size:clamp(10px,1vw,14px);gap:10px;line-height:1.35}.round{width:clamp(30px,3vw,46px);height:clamp(30px,3vw,46px)}
.round svg{width:24px;height:24px}.avatar-stack{margin:12px 0 6px}.avatar-stack .avatar{width:clamp(28px,2.8vw,42px);height:clamp(28px,2.8vw,42px)}
.stat{flex:1;min-height:0;align-items:center;gap:12px;padding:8px 0}.stat strong{font-size:clamp(24px,2.25vw,34px)}.stat p{font-size:clamp(11px,1vw,14px)}.stat .stars{font-size:19px;line-height:1.25}
.featured{padding:clamp(16px,1.8vw,28px);display:flex;flex-direction:column;align-items:flex-start}.badge{font-size:11px;padding:6px 12px}.quote-mark{font-size:72px;top:4px;right:22px}
.featured h1{font-size:clamp(23px,2.4vw,37px);line-height:1.17;margin:clamp(14px,2vh,25px) 0 14px}.featured blockquote{font-size:clamp(13px,1.15vw,17px);line-height:1.5;max-width:56%;margin:0 0 12px;-webkit-line-clamp:3}
.featured .reviewer{margin-top:auto;font-size:13px}.featured .avatar{width:42px;height:42px}.featured-stars{margin-top:8px;font-size:23px;line-height:1.1}
.featured-art{background-size:cover;background-position:center}
.invitation{grid-column:auto;padding:clamp(16px,1.9vw,28px)}.invitation h2{font-size:clamp(21px,2vw,30px);white-space:nowrap}.invitation>p{font-size:clamp(12px,1.05vw,16px);max-width:78%;line-height:1.4;margin:10px 0 16px}.review-button{font-size:14px;padding:12px 17px}
.invitation .services{left:20px;right:20px;top:auto;bottom:18px;padding-top:13px;border-top:1px solid #ffffff26}.services b{height:32px}.services svg{height:27px;width:27px}.services strong{font-size:18px}.services span{font-size:12px}.globe{background-size:cover;background-position:62% center}
.review-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;min-height:0;gap:18px}.review-card{height:100%;min-height:0}.card-content{padding:clamp(14px,1.5vw,22px);min-height:0}.card-content h3{font-size:clamp(15px,1.3vw,20px);line-height:1.3;min-height:0;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-content>p{font-size:clamp(12px,1.05vw,16px);line-height:1.5;-webkit-line-clamp:3;margin-bottom:12px}.card-bottom{gap:6px;flex-wrap:nowrap}.card-bottom .reviewer{font-size:12px;gap:8px;min-width:0}.reviewer small{font-size:10px}.card-bottom .avatar{width:36px;height:36px}.card-bottom .stars{font-size:clamp(14px,1.2vw,19px);letter-spacing:0;white-space:nowrap}.read-review{font-size:11px;margin-top:8px}.source-note{margin:0;font-size:10px;line-height:14px}
}
@media(min-width:901px) and (max-height:700px){.reviews-board{gap:14px;padding-top:18px}.featured h1{font-size:25px;margin:12px 0}.featured blockquote{-webkit-line-clamp:3;font-size:13px}.featured .avatar{width:32px;height:32px}.featured-stars{font-size:19px}.invitation>p{font-size:12px;margin:8px 0 12px}.services span{font-size:10px}.services strong{font-size:15px}.services svg{height:23px}.invitation .services{bottom:12px;padding-top:8px}.card-content h3{-webkit-line-clamp:2}.card-content>p{-webkit-line-clamp:3}.trust .avatar-stack{margin:8px 0 4px}}

@media(min-width:901px){.reviews-board{grid-template-rows:minmax(0,min(49svh,428px)) minmax(0,min(37svh,320px)) 14px;align-content:center}.avatar-stack{margin:10px 0 12px}.stat:has(#rating){flex:1.3}.stat{padding:5px 0}.stat p{line-height:1.3}.stat strong{display:block}.featured-art{background-size:cover;background-position:center}}
