/* plan card rating row */
.rate3{display:flex;align-items:center;gap:8px;width:100%;margin:10px 0 2px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--card2) 70%,transparent);color:inherit;font:inherit;cursor:pointer;transition:.25s}
.rate3:hover{border-color:rgba(224,165,38,.6);transform:translateY(-1px);box-shadow:0 10px 24px -14px rgba(184,134,11,.7)}
.rate3 b{font-size:15px}.rate3 small{font-size:12.5px;color:var(--mut);margin-left:auto}
.rate3.none{cursor:default;opacity:.75}.rate3.none:hover{transform:none;box-shadow:none;border-color:var(--line)}
.p3.t6 .rate3{background:rgba(255,255,255,.05);border-color:rgba(255,235,190,.15)}.p3.t6 .rate3 small{color:#b4ab98}
.hst{position:relative;display:inline-block;font-size:15px;letter-spacing:2px;line-height:1}
.hst .e{color:rgba(160,130,60,.25)}.hst .f{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:#e0a526;text-shadow:0 0 10px rgba(242,193,78,.45)}
.hst.lg{font-size:24px;letter-spacing:3px}.hst.sm{font-size:13px}

/* reviews window */
.hmrm{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;pointer-events:none}
.hmrm-bg{position:absolute;inset:0;background:rgba(10,8,4,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .35s}
.hmrm-box{position:relative;width:min(860px,100%);max-height:min(88vh,900px);overflow:auto;background:var(--card-s);border:1px solid rgba(224,165,38,.45);border-radius:28px;box-shadow:0 50px 120px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.04) inset;
  transform:translateY(40px) scale(.94);opacity:0;transition:transform .5s cubic-bezier(.2,.9,.2,1),opacity .35s;overscroll-behavior:contain}
.hmrm.on{pointer-events:auto}.hmrm.on .hmrm-bg{opacity:1}.hmrm.on .hmrm-box{transform:none;opacity:1}
.hmrm-box:before{content:"";position:absolute;left:0;right:0;top:0;height:220px;background:radial-gradient(600px 220px at 20% 0%,rgba(249,217,118,.3),transparent 70%);pointer-events:none;border-radius:28px 28px 0 0}
.hmrm-x{position:sticky;float:right;top:14px;margin:14px 14px 0 0;z-index:3;width:38px;height:38px;border-radius:50%;border:1px solid var(--line2);background:var(--card-s);color:var(--txt);cursor:pointer;font-size:15px;transition:.25s}
.hmrm-x:hover{transform:rotate(90deg);border-color:var(--acc)}
.hmrm-in{position:relative;padding:30px 30px 34px}
.hm-head{display:grid;grid-template-columns:190px 1fr;gap:28px;align-items:center}
.hm-score{text-align:center;padding:20px 10px;border-radius:22px;background:var(--grad);color:#2a1c00;box-shadow:0 24px 50px -20px rgba(184,134,11,.8)}
.hm-score .hst .e{color:rgba(42,28,0,.25)}.hm-score .hst .f{color:#2a1c00;text-shadow:none}
.hm-big{font-size:58px;font-weight:900;letter-spacing:-.04em;line-height:1;margin-bottom:6px}
.hm-cnt{font-size:12.5px;font-weight:700;margin-top:8px;opacity:.75}
.hm-ttl h3{margin:8px 0 14px;font-size:26px;letter-spacing:-.03em}
.hm-dist{display:grid;gap:6px}.hm-dist>div{display:grid;grid-template-columns:34px 1fr 28px;gap:10px;align-items:center;font-size:12.5px;color:var(--mut);font-weight:700}
.hm-dist .t{height:8px;border-radius:9px;background:var(--line);overflow:hidden}.hm-dist .t i{display:block;height:100%;border-radius:9px;background:#a8740a;animation:pbGrow2 .9s cubic-bezier(.2,.8,.2,1) both}
html[data-theme=dark] .hm-dist .t i{background:#c8901a}
@keyframes pbGrow2{from{width:0}}
.hm-dist em{font-style:normal;text-align:right}
.hm-chips{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 12px}
.hm-chips button,.hm-sort button{border:1px solid var(--line2);background:var(--card-s);color:var(--txt);border-radius:99px;padding:7px 14px;font:650 13px inherit;cursor:pointer;transition:.2s}
.hm-chips button i{font-style:normal;font-size:11px;color:var(--mut3);margin-left:3px}
.hm-chips button.on,.hm-sort button.on{background:var(--grad);border-color:transparent;color:#2a1c00}.hm-chips button.on i{color:#5a4100}
.hm-sort{display:flex;gap:6px;margin-bottom:16px}.hm-sort button{padding:5px 12px;font-size:12px}
.hm-list{display:grid;gap:12px}
.hm-r{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--card);animation:hmIn .55s cubic-bezier(.2,.9,.2,1) both;transition:border-color .25s,transform .25s}
.hm-r:hover{border-color:rgba(224,165,38,.5);transform:translateX(3px)}
@keyframes hmIn{from{opacity:0;transform:translateY(16px)}}
.hm-av{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:850;font-size:15px;color:#2a1c00;background:var(--grad);box-shadow:0 8px 20px -8px rgba(184,134,11,.8)}
.hm-top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:5px}.hm-top span{font-size:12.5px;color:var(--mut)}.hm-top time{margin-left:auto;font-size:12px;color:var(--mut3)}
.hm-b p{margin:8px 0 10px;color:var(--txt);font-size:14.5px;line-height:1.6}
.hm-tags{display:flex;gap:6px;flex-wrap:wrap}.hm-tags span{font-size:11.5px;font-weight:750;padding:3px 10px;border-radius:99px;background:var(--card2);color:var(--mut)}
.hm-tags .ok{color:var(--ok);background:rgba(15,159,110,.1)}.hm-tags .wk{color:#8a5a00;background:rgba(242,193,78,.2)}
html[data-theme=dark] .hm-tags .wk{color:#f2c14e}
.hm-empty{text-align:center;color:var(--mut);padding:40px 10px}
.rv-all{display:flex;justify-content:center;margin-top:22px}
@media(max-width:700px){.hmrm{padding:0;align-items:end}.hmrm-box{max-height:92vh;border-radius:26px 26px 0 0;transform:translateY(100%)}.hmrm-in{padding:22px 16px 28px}.hm-head{grid-template-columns:1fr;gap:16px}.hm-big{font-size:46px}.hm-top time{margin-left:0;width:100%}}

/* demo preview labels */
.demobar{position:fixed;left:0;right:0;bottom:0;z-index:260;padding:10px 16px;text-align:center;font-size:14px;color:#fff;background:linear-gradient(90deg,#b91c1c,#dc2626,#b91c1c);box-shadow:0 -6px 20px -8px rgba(185,28,28,.7)}
body:has(#demobar) .fx-top{bottom:64px}
.demobar b{letter-spacing:.08em}
.dtag{font-size:10.5px;font-weight:850;letter-spacing:.08em;color:#fff;background:#dc2626;border-radius:6px;padding:2px 6px}
.hm-tags .demo,.vb.demo{color:#fff!important;background:#dc2626!important}

.demo-big{margin:8px 0 4px;padding:10px 12px;border-radius:12px;background:#dc2626;color:#fff;text-align:center;box-shadow:0 10px 24px -12px rgba(220,38,38,.8);animation:dmPulse 2.4s ease-in-out infinite}
.demo-big b{display:block;font-size:17px;letter-spacing:.06em}
.demo-big span{display:block;font-size:12.5px;line-height:1.35;margin-top:2px;opacity:.95}
@keyframes dmPulse{50%{box-shadow:0 10px 30px -8px rgba(220,38,38,1)}}

.hmrm-box{margin-bottom:44px}
@media(max-width:700px){.hmrm-box{margin-bottom:64px}}

.demonote{display:inline-flex;align-items:center;gap:7px;margin-top:6px;padding:5px 13px;border-radius:99px;font-size:12.5px;font-weight:700;color:var(--mut);background:var(--card2);border:1px solid var(--line2)}
.demonote:before{content:"";width:7px;height:7px;border-radius:50%;background:#dc2626}
.demonote.sm{margin:-6px 0 12px;font-size:11.5px;padding:3px 11px}

/* rating row v2: DEMO tag explains itself on click / hover */
.rate3{position:relative;padding:0;gap:0;cursor:default}
.rate3:hover{transform:none}
.rate3-b{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:8px 12px;border:0;background:none;color:inherit;font:inherit;cursor:pointer;border-radius:12px}
.rate3-b b{font-size:15px}.rate3-b small{font-size:12.5px;color:var(--mut);margin-left:auto}
.p3.t6 .rate3-b small{color:#b4ab98}
.rate3 .dtag{order:2;margin:0 10px 0 0;border:0;cursor:pointer;font:850 10.5px/1 inherit;letter-spacing:.08em;color:#fff;background:#dc2626;border-radius:6px;padding:4px 7px;box-shadow:0 0 0 0 rgba(220,38,38,.5);animation:dtPulse 2.2s ease-out infinite}
@keyframes dtPulse{0%{box-shadow:0 0 0 0 rgba(220,38,38,.45)}100%{box-shadow:0 0 0 8px rgba(220,38,38,0)}}
.hm-tip{position:absolute;right:0;bottom:calc(100% + 10px);z-index:30;width:240px;padding:12px 14px;border-radius:14px;background:#16130c;color:#f7f3ea;font-size:12.5px;line-height:1.45;box-shadow:0 20px 40px -14px rgba(0,0,0,.55);opacity:0;transform:translateY(6px);pointer-events:none;transition:.25s}
.hm-tip b{display:block;color:#f2c14e;font-size:13px;margin-bottom:3px}
.hm-tip:after{content:"";position:absolute;right:22px;top:100%;border:7px solid transparent;border-top-color:#16130c}
.rate3.tip .hm-tip{opacity:1;transform:none;pointer-events:auto}
@media(hover:hover){.rate3 .dtag:hover+.hm-tip{opacity:1;transform:none}}
.hm-tip{bottom:auto;top:calc(100% + 10px);transform:translateY(-6px)}
.hm-tip:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#16130c}

.hm-tags .wk.dn{color:var(--red);background:rgba(224,52,79,.1)}

/* DEMO tag beside the plan name */
.hm-dwrap{position:relative;display:inline-block;vertical-align:middle;margin-left:9px;line-height:1}
.hm-dwrap .dtag{border:0;cursor:pointer;font:850 10.5px/1 -apple-system,Inter,sans-serif;letter-spacing:.08em;color:#fff;background:#dc2626;border-radius:6px;padding:4px 7px;animation:dtPulse 2.2s ease-out infinite;-webkit-text-fill-color:#fff}
.hm-dwrap .hm-tip{position:absolute;left:-10px;right:auto;top:calc(100% + 10px);bottom:auto;z-index:30;width:240px;padding:12px 14px;border-radius:14px;background:#16130c;color:#f7f3ea;-webkit-text-fill-color:#f7f3ea;font:500 12.5px/1.45 -apple-system,Inter,sans-serif;letter-spacing:0;text-transform:none;box-shadow:0 20px 40px -14px rgba(0,0,0,.55);opacity:0;transform:translateY(-6px);pointer-events:none;transition:.25s;white-space:normal}
.hm-dwrap .hm-tip b{display:block;color:#f2c14e;-webkit-text-fill-color:#f2c14e;font-size:13px;margin-bottom:3px}
.hm-dwrap .hm-tip:after{content:"";position:absolute;left:20px;bottom:100%;border:7px solid transparent;border-bottom-color:#16130c}
.hm-dwrap.tip .hm-tip{opacity:1;transform:none;pointer-events:auto}
@media(hover:hover){.hm-dwrap .dtag:hover+.hm-tip{opacity:1;transform:none}}

/* ===== reviews v3 ===== */
/* stars light up one by one */
.hsq{display:inline-flex;gap:2px;font-size:14px;line-height:1}
.hsq i{font-style:normal;color:rgba(160,130,60,.22);transform:scale(.6);transition:transform .4s cubic-bezier(.3,1.6,.4,1),color .3s;transition-delay:var(--d)}
.lit .hsq i{transform:none}
.lit .hsq i.on{color:#e0a526;text-shadow:0 0 10px rgba(242,193,78,.55)}
/* photo avatar */
.hm-av{overflow:hidden;flex:none}.hm-av img{width:100%;height:100%;object-fit:cover;display:block}
/* read more */
.hm-txt{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px!important}
.hm-txt.open{display:block;-webkit-line-clamp:unset}
.hm-rm{border:0;background:none;padding:0;margin:0 0 10px;color:var(--acc);font:700 12.5px inherit;cursor:pointer}
/* owner reply */
.hm-reply{margin:6px 0 12px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--card2) 80%,transparent);border-left:3px solid #e0a526}
.hm-reply b{display:flex;align-items:center;gap:8px;font-size:12.5px}
.hm-reply b i{font-style:normal;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:var(--grad);color:#2a1c00;font-size:9px;font-weight:900}
.hm-reply p{margin:6px 0 0!important;font-size:13.5px!important;color:var(--mut)!important}
/* featured */
.hm-r.pin{border:1.5px solid transparent;background:linear-gradient(var(--card-s),var(--card-s)) padding-box,linear-gradient(135deg,#f9d976,#c8901a,#f9d976) border-box;box-shadow:0 20px 50px -24px rgba(184,134,11,.7)}
.hm-feat{display:inline-block;font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:#2a1c00;background:var(--grad);border-radius:99px;padding:3px 10px;margin-bottom:8px}
/* search + sort bar */
.hm-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.hm-bar .hm-sort{margin:0}
.hm-search{flex:1;min-width:220px;position:relative;display:flex;align-items:center}
.hm-search svg{position:absolute;left:14px;width:16px;height:16px;fill:none;stroke:var(--mut3);stroke-width:2;stroke-linecap:round}
.hm-search input{width:100%;padding:11px 90px 11px 40px;border-radius:14px;border:1px solid var(--line2);background:var(--card);color:var(--txt);font:inherit;font-size:14.5px;outline:none;transition:.2s}
.hm-search input:focus{border-color:#e0a526;box-shadow:0 0 0 4px rgba(242,193,78,.18)}
.hm-found{position:absolute;right:14px;font-size:12px;font-weight:700;color:var(--acc)}
.hm-r{transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s;transform-style:preserve-3d}
.hm-r:hover{transform:none;box-shadow:0 22px 50px -26px rgba(120,80,0,.5)}
/* infinite-scroll loader */
.hm-sen{display:flex;justify-content:center;gap:6px;padding:22px 0 4px}
.hm-sen[hidden]{display:none}
.hm-sen span{width:8px;height:8px;border-radius:50%;background:#e0a526;animation:hmDot 1s ease-in-out infinite}
.hm-sen span:nth-child(2){animation-delay:.15s}.hm-sen span:nth-child(3){animation-delay:.3s}
@keyframes hmDot{50%{transform:translateY(-6px);opacity:.4}}

/* moving reviews strip */
.rstrip{position:relative;padding:34px 0 26px;overflow:hidden}
.rs-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.rs-score{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rs-n{font-size:38px;font-weight:900;letter-spacing:-.04em;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;min-width:2.1ch}
.rs-score .hst{font-size:20px}
.rs-c2{font-weight:700;color:var(--mut);font-size:14.5px}
.rs-track{position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.rs-move{display:flex;gap:16px;width:max-content;padding:10px 0 18px;animation:rsMove 70s linear infinite}
.rs-track:hover .rs-move{animation-play-state:paused}
@keyframes rsMove{to{transform:translateX(-50%)}}
.rs-c{width:330px;flex:none;padding:18px 20px;border-radius:22px;background:var(--card-s);border:1px solid var(--line);box-shadow:var(--shadow2);cursor:pointer;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s}
.rs-c:hover{border-color:rgba(224,165,38,.55);box-shadow:0 24px 50px -24px rgba(184,134,11,.6)}
.rs-h{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.rs-h .hm-av{width:40px;height:40px;font-size:13px}
.rs-h b{display:block;font-size:14.5px}.rs-h small{color:var(--mut);font-size:12px}
.rs-c p{margin:10px 0 0;font-size:14px;line-height:1.55;color:var(--txt);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rstrip .hm-dwrap .hm-tip{left:auto;right:-10px}.rstrip .hm-dwrap .hm-tip:after{left:auto;right:20px}
@media(max-width:700px){.rs-c{width:270px}.rs-n{font-size:30px}.hm-search{min-width:100%}}
@media(prefers-reduced-motion:reduce){.rs-move{animation:none}}
/* slim strip (2026-11-03) */
.rstrip{padding:18px 0 12px}
.rs-top{margin-bottom:8px}
.rs-n{font-size:28px}.rs-score .hst{font-size:16px}.rs-c2{font-size:13px}
.rs-move{gap:12px;padding:6px 0 10px}
.rs-c{width:270px;padding:10px 14px;border-radius:16px}
.rs-h{gap:9px;margin-bottom:4px}
.rs-h .hm-av{width:28px;height:28px;font-size:10.5px}
.rs-h b{font-size:13px}.rs-h small{font-size:11px}
.rs-c .hst{font-size:12px}
.rs-c p{margin:5px 0 0;font-size:12.5px;line-height:1.45;-webkit-line-clamp:2}
@media(max-width:700px){.rs-c{width:230px}.rs-n{font-size:24px}}

.rs-demo{text-align:center;margin:14px 0 4px}.rs-demo .hm-dwrap{margin-left:0}

/* DEMO tag in site gold theme */
#apDemo .hm-dwrap .dtag{background:var(--grad);color:#3a2a05;-webkit-text-fill-color:#3a2a05;animation:dtPulseG 2.2s ease-out infinite}
@keyframes dtPulseG{0%{box-shadow:0 0 0 0 rgba(212,160,23,.5)}100%{box-shadow:0 0 0 8px rgba(212,160,23,0)}}

/* ===== Reviews design v4 (2026-11-03): gold luxury cards ===== */
.hm-r,.rs-c{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--card-s) 0%,var(--card-s) 55%,var(--card2) 100%);border:1px solid rgba(224,165,38,.2)}
.hm-r{border-radius:22px;padding:20px 22px 18px 24px;box-shadow:0 14px 34px -26px rgba(120,80,0,.5)}
.hm-r::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--grad)}
.rs-c::before{content:"";position:absolute;left:18px;right:18px;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--grad);opacity:.9}
.hm-r::after,.rs-c::after{content:"\201C";position:absolute;right:14px;top:-18px;font:900 110px/1 Georgia,"Times New Roman",serif;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.16;pointer-events:none}
.rs-c::after{font-size:80px;top:-12px}
.hm-r:hover,.rs-c:hover{border-color:rgba(224,165,38,.6);box-shadow:0 26px 54px -26px rgba(184,134,11,.65)}
/* avatar: gold ring + 5 warm tones */
.hm-av{box-shadow:0 0 0 2px var(--card-s),0 0 0 3.5px rgba(224,165,38,.6),0 10px 22px -10px rgba(184,134,11,.9);letter-spacing:.02em}
.hm-av[data-c="0"]{background:linear-gradient(135deg,#f9d976,#e0a526)}
.hm-av[data-c="1"]{background:linear-gradient(135deg,#fde9b8,#d4a017);color:#3a2a05}
.hm-av[data-c="2"]{background:linear-gradient(135deg,#f3c98b,#b8742a);color:#fff}
.hm-av[data-c="3"]{background:linear-gradient(135deg,#2b2417,#4a3b1c);color:#f9d976}
.hm-av[data-c="4"]{background:linear-gradient(135deg,#f6dfa0,#a8740a);color:#fff}
/* text */
.hm-top b{font-size:15.5px;letter-spacing:-.01em}
.hm-top span{display:inline-flex;align-items:center;gap:5px}
.hm-top span::before{content:"";width:4px;height:4px;border-radius:50%;background:#e0a526}
.hm-b p{font-size:14.6px;line-height:1.65}
.hsq{font-size:15px;gap:3px}
.hm-rm{border-bottom:1px dashed currentColor;padding-bottom:1px}
.hm-tags span{background:rgba(242,193,78,.14);color:var(--acc);border:1px solid rgba(224,165,38,.28)}
html[data-theme=dark] .hm-tags span{color:#f2c14e}
.hm-reply{background:linear-gradient(135deg,rgba(249,217,118,.14),rgba(224,165,38,.05));border-left:0;box-shadow:inset 3px 0 0 #e0a526}
/* strip cards */
.rs-c{border-radius:20px}
.rs-h b{letter-spacing:-.01em}
.rs-h .hm-av{box-shadow:0 0 0 2px var(--card-s),0 0 0 3px rgba(224,165,38,.6)}
.rs-c .hsq{font-size:13px}

/* strip: score is a link to /reviews + Add review button */
.rs-link{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:inherit;text-decoration:none;border-radius:14px;transition:opacity .2s}
.rs-link:hover{opacity:.82}
.rs-add{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:99px;font-size:13.5px;font-weight:800;color:#3b2a03;background:var(--grad);box-shadow:0 8px 20px -8px rgba(184,134,11,.65);text-decoration:none;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}
.rs-add:hover{transform:translateY(-2px);box-shadow:0 12px 26px -8px rgba(184,134,11,.8);color:#3b2a03}
.rs-add:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);animation:rsAddShine 3.2s infinite}
@keyframes rsAddShine{60%,100%{transform:translateX(120%)}}
@media(max-width:620px){.rs-add{padding:6px 12px;font-size:12.5px}}