/* ==========================================================================
   Houzzer design system
   Ported from the Houzzer static export into reusable component classes.
   ========================================================================== */

:root{
  /* Surfaces */
  --hz-ink:#221D15;
  --hz-ink-deep:#1B1710;
  --hz-ink-soft:#2C2519;
  --hz-ink-raise:#3B3221;
  --hz-ink-warm:#4A3B20;
  --hz-paper:#F6F2EA;
  --hz-paper-soft:#FBF8F1;
  --hz-paper-warm:#F0EADB;
  --hz-paper-warmer:#F1E9D6;
  --hz-card:#FFFFFF;

  /* Lines */
  --hz-line:#E7DFCE;
  --hz-line-strong:#D9CFB8;
  --hz-line-soft:#EDE6D5;
  --hz-line-warm:#E7DEC9;

  /* Brand */
  --hz-gold:#C89B4C;
  --hz-gold-hi:#D8AC5E;
  --hz-gold-lite:#D8B36C;
  --hz-gold-pale:#E0B863;
  --hz-gold-wash:#F1E4C6;
  --hz-gold-ink:#8A6A2F;

  /* Text */
  --hz-text:#292217;
  --hz-text-2:#54493A;
  --hz-text-3:#7A6E5B;
  --hz-text-mute:#A79B84;
  --hz-on-dark:#EDE6D8;
  --hz-on-dark-2:#C9BFA9;
  --hz-on-dark-3:#8A7B60;
  --hz-on-dark-4:#6E6353;
  --hz-on-dark-5:#B8AC93;

  /* Status */
  --hz-good:#3E7A4E;
  --hz-good-bg:#E8F1E9;
  --hz-warn:#B0562F;
  --hz-warn-bg:#FBEDE7;
  --hz-warn-line:#E9CDBF;
  --hz-info-bg:#FBF3E4;
  --hz-pink:#B03A62;

  /* Type */
  --hz-sans:Archivo,"Helvetica Neue",Helvetica,Arial,sans-serif;
  --hz-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  /* Metrics */
  --hz-max:1320px;
  --hz-max-mid:1180px;
  --hz-max-text:880px;
  --hz-gutter:28px;
  --hz-r-sm:7px;
  --hz-r:9px;
  --hz-r-md:12px;
  --hz-r-lg:18px;
  --hz-r-pill:99px;
  --hz-shadow:0 12px 34px rgba(0,0,0,.3);
  --hz-shadow-soft:0 6px 20px rgba(41,34,23,.08);
  --hz-header-h:64px;
}

/* --------------------------------------------------------------- Reset */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.houzzer{
  margin:0;
  background:var(--hz-paper);
  color:var(--hz-text);
  font:400 15px/1.6 var(--hz-sans);
  -webkit-font-smoothing:antialiased;
  overflow-wrap:break-word;
}
img,svg,video,iframe{max-width:100%;height:auto;display:block}
a{color:var(--hz-gold-ink);text-decoration:none}
a:hover{text-decoration:underline}
button{font-family:inherit}
h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--hz-sans);letter-spacing:-.01em;color:var(--hz-text)}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
:focus-visible{outline:3px solid var(--hz-gold);outline-offset:2px;border-radius:4px}

.hz-skip{position:absolute;left:-9999px;top:0;background:var(--hz-gold);color:var(--hz-ink);
  font:700 13px var(--hz-sans);padding:12px 18px;z-index:999}
.hz-skip:focus{left:8px;top:8px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}

/* --------------------------------------------------------------- Layout */
.hz-wrap{max-width:var(--hz-max);margin:0 auto;padding-inline:var(--hz-gutter)}
.hz-wrap--mid{max-width:var(--hz-max-mid)}
.hz-wrap--text{max-width:var(--hz-max-text)}
.hz-wrap--narrow{max-width:1100px;margin-inline:auto}
.hz-section{padding-block:44px}
.hz-section--tight{padding-block:28px}
.hz-section--dark{background:var(--hz-ink);color:var(--hz-on-dark-2)}
.hz-section--dark h1,.hz-section--dark h2,.hz-section--dark h3{color:#fff}
.hz-grid{display:grid;gap:18px}
.hz-grid--2{grid-template-columns:repeat(2,1fr)}
.hz-grid--3{grid-template-columns:repeat(3,1fr)}
.hz-grid--4{grid-template-columns:repeat(4,1fr)}
.hz-grid--auto{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.hz-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hz-spacer{flex:1}

/* --------------------------------------------------------------- Type */
.hz-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font:500 10.5px var(--hz-mono);letter-spacing:.14em;text-transform:uppercase;
  color:var(--hz-gold-ink);border:1px solid var(--hz-line);
  padding:6px 12px;border-radius:var(--hz-r-pill);
}
.hz-eyebrow--dark{border-color:rgba(200,155,76,.45);color:var(--hz-gold-lite);font-size:11px}
.hz-kicker{font:500 10.5px var(--hz-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hz-text-3)}
.hz-kicker--dark{color:var(--hz-on-dark-3)}
.hz-h1{font:800 52px/1.12 var(--hz-sans);letter-spacing:-.01em}
.hz-h2{font:800 28px/1.2 var(--hz-sans)}
.hz-h3{font:700 19px/1.3 var(--hz-sans)}
.hz-lede{color:var(--hz-text-2);font:400 16px/1.6 var(--hz-sans);max-width:62ch}
.hz-lede--dark{color:var(--hz-on-dark-2)}
.hz-meta{font:500 11.5px var(--hz-mono);color:var(--hz-text-3)}
.hz-gold{color:var(--hz-gold)}

/* --------------------------------------------------------------- Buttons */
.hz-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font:700 13.5px var(--hz-sans);padding:9px 16px;border-radius:var(--hz-r);
  border:1px solid transparent;cursor:pointer;text-decoration:none;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease;
}
.hz-btn:hover{text-decoration:none}
.hz-btn--gold{background:var(--hz-gold);color:var(--hz-ink)}
.hz-btn--gold:hover{background:var(--hz-gold-hi);color:var(--hz-ink)}
.hz-btn--ink{background:var(--hz-text);color:#fff}
.hz-btn--ink:hover{background:var(--hz-ink-raise);color:#fff}
.hz-btn--ghost{border-color:var(--hz-line-strong);color:var(--hz-text);background:transparent}
.hz-btn--ghost:hover{border-color:var(--hz-gold);color:var(--hz-gold-ink)}
.hz-btn--ghost-dark{border-color:rgba(255,255,255,.35);color:#fff;background:transparent}
.hz-btn--ghost-dark:hover{border-color:var(--hz-gold);color:var(--hz-gold)}
.hz-btn--lg{font-size:15px;padding:12px 22px}
.hz-btn--sm{font-size:12px;padding:6px 12px;border-radius:var(--hz-r-sm)}
.hz-btn--block{width:100%}
.hz-btn[disabled],.hz-btn[aria-disabled="true"]{opacity:.55;pointer-events:none}
.hz-btn.is-busy{opacity:.6;pointer-events:none}

/* --------------------------------------------------------------- Header */
.hz-header{background:var(--hz-ink);position:sticky;top:0;z-index:100}
.admin-bar .hz-header{top:32px}
.hz-header__inner{max-width:var(--hz-max);margin:0 auto;display:flex;align-items:center;gap:18px;padding:13px var(--hz-gutter)}
.hz-logo{display:flex;align-items:center;gap:9px;margin-right:6px;color:#fff;text-decoration:none}
.hz-logo:hover{text-decoration:none}
.hz-logo img{width:auto}
.hz-logo .custom-logo{height:19px}
.hz-logo__mark{display:block;width:auto}
.hz-logo__text{font:800 19px var(--hz-sans);color:#fff;letter-spacing:-.02em}
.hz-logo__text b{color:var(--hz-gold)}
.hz-nav{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.hz-nav__auth{display:none}

/* Hero headline: one line per row, accent on the last */
.hz-hero__line{display:block}
.hz-hero__line--accent{color:var(--hz-gold)}

/* Pro profile hero score */
.hz-hero__score{text-align:right;flex:none}
.hz-hero__score-num{font:800 40px var(--hz-sans);color:var(--hz-gold);line-height:1}
.hz-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.hz-nav li{position:relative}
.hz-nav a{
  color:var(--hz-on-dark);font:600 13.5px var(--hz-sans);
  padding:8px 12px;border-radius:8px;text-decoration:none;display:block;
  transition:background-color .15s ease,color .15s ease;
}
.hz-nav a:hover{background:rgba(255,255,255,.08);color:#fff;text-decoration:none}
.hz-nav .current-menu-item>a,.hz-nav .current_page_item>a,.hz-nav .current-menu-parent>a,
.hz-nav a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.12)}
.hz-nav .sub-menu{
  display:none;position:absolute;left:0;top:100%;min-width:200px;
  background:var(--hz-ink-soft);border:1px solid rgba(255,255,255,.12);
  border-radius:var(--hz-r-md);padding:6px;flex-direction:column;align-items:stretch;gap:0;z-index:20;
}
.hz-nav li:hover>.sub-menu,.hz-nav li:focus-within>.sub-menu{display:flex}
.hz-header__actions{display:flex;align-items:center;gap:8px}
.hz-burger{display:none;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;
  border-radius:8px;padding:8px 11px;cursor:pointer;font-size:15px;line-height:1}

/* --------------------------------------------------------------- Hero */
.hz-hero{
  background:var(--hz-ink);
  background-image:radial-gradient(700px 320px at 50% -80px,rgba(200,155,76,.22),transparent);
  padding:72px var(--hz-gutter) 64px;text-align:center;color:#fff;
}
.hz-hero h1{font:800 52px/1.12 var(--hz-sans);color:#fff;margin:22px auto 14px;max-width:20ch;letter-spacing:-.01em}
.hz-hero p{color:var(--hz-on-dark-2);font:400 16px/1.6 var(--hz-sans);margin:0 auto 28px;max-width:56ch}
.hz-hero--compact{padding:48px var(--hz-gutter) 40px;text-align:left}
.hz-hero--compact h1{margin-inline:0;text-align:left;font-size:38px}
.hz-hero--compact p{margin-inline:0;text-align:left}

/* Search bar */
.hz-search{
  display:flex;max-width:620px;margin:0 auto;background:#fff;
  border-radius:var(--hz-r-md);padding:6px;box-shadow:var(--hz-shadow);
}
.hz-search input[type="search"],.hz-search input[type="text"]{
  flex:1;border:none;outline:none;background:transparent;padding:10px 14px;
  font:500 14.5px var(--hz-sans);color:var(--hz-text);min-width:0;
}
.hz-search button{
  background:var(--hz-text);color:#fff;font:700 14px var(--hz-sans);
  padding:11px 24px;border:none;border-radius:var(--hz-r);cursor:pointer;
}
.hz-search button:hover{background:var(--hz-ink-raise)}
.hz-chips{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:16px;flex-wrap:wrap}
.hz-chip{
  border:1px solid rgba(255,255,255,.22);color:var(--hz-on-dark);
  font:600 12px var(--hz-sans);padding:6px 12px;border-radius:var(--hz-r-pill);text-decoration:none;
}
.hz-chip:hover{border-color:var(--hz-gold);color:var(--hz-gold);text-decoration:none}
.hz-chip--light{border-color:var(--hz-line-strong);color:var(--hz-text-2)}
.hz-chip--light:hover{border-color:var(--hz-gold);color:var(--hz-gold-ink)}

/* Stat row */
.hz-stats{display:flex;gap:56px;justify-content:center;margin-top:44px;flex-wrap:wrap}
.hz-stat__num{font:800 26px var(--hz-sans);color:#fff}
.hz-stat__num--gold{color:var(--hz-gold)}
.hz-stat__label{font:500 10.5px var(--hz-mono);color:var(--hz-on-dark-3);letter-spacing:.12em;margin-top:4px;text-transform:uppercase}
.hz-stats--light .hz-stat__num{color:var(--hz-text)}
.hz-stats--light .hz-stat__label{color:var(--hz-text-3)}

/* --------------------------------------------------------------- Cards */
.hz-card{background:var(--hz-card);border:1px solid var(--hz-line);border-radius:var(--hz-r-lg);padding:22px}
.hz-card--flat{border-radius:var(--hz-r-md);padding:16px}
.hz-card--pad{padding:28px}
.hz-card__head{display:flex;align-items:center;gap:12px;margin-bottom:14px}

/* Avatar / monogram */
.hz-mono{
  width:44px;height:44px;flex:none;border-radius:11px;
  background:var(--hz-ink);color:var(--hz-gold-wash);
  display:flex;align-items:center;justify-content:center;
  font:800 15px var(--hz-sans);letter-spacing:.02em;overflow:hidden;
}
.hz-mono img{width:100%;height:100%;object-fit:cover}
.hz-mono--xs{width:24px;height:24px;border-radius:7px;font-size:9.5px;
  background:var(--hz-paper-warm);color:var(--hz-gold-ink)}
.hz-mono--lg{width:74px;height:74px;border-radius:16px;font-size:24px}
.hz-mono--sm{width:32px;height:32px;border-radius:8px;font-size:11px}
.hz-mono--round{width:38px;height:38px;border-radius:50%;font-size:12px}

/* Pro card */
.hz-pro{
  background:var(--hz-card);border:1px solid var(--hz-line);border-radius:14px;
  padding:16px;display:flex;flex-direction:column;gap:12px;position:relative;
}
.hz-pro__media{
  height:132px;border-radius:11px;background:linear-gradient(135deg,var(--hz-paper-warm),var(--hz-line-warm));
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  font:500 11px var(--hz-mono);color:var(--hz-text-mute);letter-spacing:.1em;text-transform:uppercase;
}
.hz-pro__media img{width:100%;height:100%;object-fit:cover}
.hz-pro__trade{font:500 10.5px var(--hz-mono);letter-spacing:.12em;color:var(--hz-gold-ink);text-transform:uppercase}
.hz-pro__name{font:700 16px/1.3 var(--hz-sans);color:var(--hz-text)}
.hz-pro__name a{color:inherit}
.hz-pro__name a:hover{color:var(--hz-gold-ink);text-decoration:none}
.hz-pro__city{font:500 12px var(--hz-mono);color:var(--hz-text-3)}
.hz-pro__foot{display:flex;align-items:center;gap:10px;border-top:1px solid var(--hz-line-soft);padding-top:11px;margin-top:auto}
.hz-pro__rank{
  position:absolute;top:14px;left:14px;z-index:2;
  background:rgba(34,29,21,.86);color:var(--hz-gold-wash);
  font:700 11px var(--hz-mono);padding:4px 8px;border-radius:6px;
}

/* Badges */
.hz-badge{
  display:inline-flex;align-items:center;gap:5px;
  font:700 10.5px var(--hz-mono);letter-spacing:.08em;text-transform:uppercase;
  padding:4px 9px;border-radius:6px;border:1px solid var(--hz-line);color:var(--hz-text-3);background:var(--hz-paper-soft);
}
.hz-badge--gold{background:var(--hz-gold-wash);border-color:var(--hz-gold-pale);color:var(--hz-gold-ink)}
.hz-badge--good{background:var(--hz-good-bg);border-color:#CBE0CE;color:var(--hz-good)}
.hz-badge--warn{background:var(--hz-warn-bg);border-color:var(--hz-warn-line);color:var(--hz-warn)}
.hz-badge--ink{background:var(--hz-ink);border-color:var(--hz-ink);color:var(--hz-gold-wash)}

/* Score meter */
.hz-score{display:flex;align-items:center;gap:9px;min-width:0;flex:1}
.hz-score__bar{display:block;flex:1;height:6px;border-radius:99px;background:var(--hz-line-soft);overflow:hidden;min-width:48px}
.hz-score__fill{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--hz-gold),var(--hz-gold-pale))}
.hz-score__val{font:700 12px var(--hz-mono);color:var(--hz-text-2);flex:none}

/* Stars */
.hz-stars{display:inline-flex;align-items:center;gap:2px;line-height:1;color:var(--hz-gold);font-size:14px}
.hz-stars span{color:var(--hz-line-strong)}
.hz-rating{display:inline-flex;align-items:baseline;gap:6px}
.hz-rating__num{font:800 15px var(--hz-sans);color:var(--hz-text)}
.hz-rating__count{font:500 11.5px var(--hz-mono);color:var(--hz-text-3)}

/* --------------------------------------------------------------- Toolbar / filters */
.hz-toolbar{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  background:var(--hz-card);border:1px solid var(--hz-line);
  border-radius:var(--hz-r-md);padding:12px 14px;margin-bottom:20px;
}
.hz-toolbar__group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.hz-filter{
  border:1px solid var(--hz-line-strong);background:transparent;color:var(--hz-text-2);
  font:600 12.5px var(--hz-sans);padding:7px 13px;border-radius:var(--hz-r-pill);
  cursor:pointer;text-decoration:none;transition:all .15s ease;
}
.hz-filter:hover{border-color:var(--hz-gold);color:var(--hz-gold-ink);text-decoration:none}
.hz-filter.is-active,.hz-filter[aria-pressed="true"]{background:var(--hz-text);border-color:var(--hz-text);color:#fff}
.hz-select,.hz-input,.hz-textarea{
  border:1px solid var(--hz-line-strong);background:#fff;color:var(--hz-text);
  font:500 13.5px var(--hz-sans);padding:9px 12px;border-radius:var(--hz-r);width:100%;
}
.hz-select:focus,.hz-input:focus,.hz-textarea:focus{outline:none;border-color:var(--hz-gold);box-shadow:0 0 0 3px rgba(200,155,76,.18)}
.hz-textarea{min-height:130px;line-height:1.6;resize:vertical}
.hz-field{margin-bottom:16px}
.hz-label{display:block;font:600 12px var(--hz-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--hz-text-3);margin-bottom:6px}
.hz-help{font:400 12.5px var(--hz-sans);color:var(--hz-text-3);margin-top:6px}
.hz-req{color:var(--hz-warn)}

/* --------------------------------------------------------------- Board / thread */
.hz-board{background:var(--hz-card);border:1px solid var(--hz-line);border-radius:var(--hz-r-lg);padding:20px;display:flex;flex-direction:column;gap:14px}
.hz-thread{
  display:flex;gap:14px;align-items:flex-start;
  background:var(--hz-card);border:1px solid var(--hz-line);
  border-radius:var(--hz-r-md);padding:14px 16px;
}
.hz-thread__vote{
  display:flex;flex-direction:column;align-items:center;gap:2px;flex:none;min-width:44px;
  border:1px solid var(--hz-line);border-radius:var(--hz-r);padding:6px 4px;background:var(--hz-paper-soft);
}
.hz-thread__vote button{background:none;border:none;cursor:pointer;color:var(--hz-text-3);font-size:13px;line-height:1;padding:2px}
.hz-thread__vote button:hover,.hz-thread__vote button.is-on{color:var(--hz-gold-ink)}
.hz-thread__count{font:700 13px var(--hz-mono);color:var(--hz-text)}
.hz-thread__title{font:700 15px/1.35 var(--hz-sans);color:var(--hz-text);margin-bottom:5px}
.hz-thread__title a{color:inherit}
.hz-thread__title a:hover{color:var(--hz-gold-ink);text-decoration:none}

/* --------------------------------------------------------------- Reviews */
.hz-review{border-top:1px solid var(--hz-line);padding:20px 0}
.hz-review:first-child{border-top:none}
.hz-review__head{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.hz-review__author{font:700 14px var(--hz-sans);color:var(--hz-text)}
.hz-review__body{color:var(--hz-text-2);font-size:14.5px;line-height:1.7}
.hz-review__foot{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}
.hz-helpful{
  background:transparent;border:1px solid var(--hz-line-strong);color:var(--hz-text-3);
  font:600 12px var(--hz-sans);padding:5px 11px;border-radius:var(--hz-r-sm);cursor:pointer;
}
.hz-helpful:hover,.hz-helpful.is-on{border-color:var(--hz-gold);color:var(--hz-gold-ink)}
.hz-review__reply{
  margin:12px 0 0 0;padding:14px 16px;background:var(--hz-info-bg);
  border-left:3px solid var(--hz-gold);border-radius:0 var(--hz-r) var(--hz-r) 0;
}
.hz-review__reply-label{font:700 11px var(--hz-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--hz-gold-ink);margin-bottom:6px}

/* Rating input */
.hz-rate{display:inline-flex;flex-direction:row-reverse;gap:4px}
.hz-rate input{position:absolute;opacity:0;width:1px;height:1px}
.hz-rate label{font-size:26px;line-height:1;color:var(--hz-line-strong);cursor:pointer;transition:color .12s ease}
.hz-rate label:hover,.hz-rate label:hover~label,
.hz-rate input:checked~label{color:var(--hz-gold)}
.hz-rate input:focus-visible+label{outline:3px solid var(--hz-gold);outline-offset:2px}

/* Rating breakdown */
.hz-breakdown{display:flex;flex-direction:column;gap:7px}
.hz-breakdown__row{display:flex;align-items:center;gap:10px;font:500 12px var(--hz-mono);color:var(--hz-text-3)}
.hz-breakdown__bar{display:block;flex:1;height:7px;border-radius:99px;background:var(--hz-line-soft);overflow:hidden}
.hz-breakdown__fill{display:block;height:100%;background:var(--hz-gold);border-radius:99px}

/* --------------------------------------------------------------- Pricing */
.hz-plan{
  background:var(--hz-card);border:1px solid var(--hz-line);border-radius:var(--hz-r-lg);
  padding:26px;display:flex;flex-direction:column;gap:14px;
}
.hz-plan.is-featured{border-color:var(--hz-gold);box-shadow:0 10px 30px rgba(200,155,76,.16)}
.hz-plan__price{font:800 38px var(--hz-sans);color:var(--hz-text);line-height:1}
.hz-plan__price small{font:500 13px var(--hz-mono);color:var(--hz-text-3)}
.hz-plan__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.hz-plan__list li{position:relative;padding-left:22px;font-size:14px;color:var(--hz-text-2);line-height:1.5}
.hz-plan__list li::before{content:"✓";position:absolute;left:0;top:0;color:var(--hz-gold);font-weight:700}
.hz-plan__list li.is-off{color:var(--hz-text-mute)}
.hz-plan__list li.is-off::before{content:"—";color:var(--hz-line-strong)}

/* ------------------------------------------------------------ Leaderboard */
.hz-board-hero{background:var(--hz-ink);padding:36px var(--hz-gutter) 120px}
.hz-crumbs{font:500 12px var(--hz-sans);color:var(--hz-on-dark-3)}
.hz-crumbs a{color:var(--hz-on-dark-3);text-decoration:none}
.hz-crumbs a:hover{color:var(--hz-gold)}
.hz-crumbs__here{color:var(--hz-on-dark-2)}
.hz-board-hero__title{display:flex;align-items:baseline;gap:14px;margin-top:10px;flex-wrap:wrap}
.hz-board-hero__title h1{font:800 36px var(--hz-sans);color:#fff;margin:0}
.hz-board-hero__title span{font:500 13px var(--hz-sans);color:var(--hz-on-dark-2)}

.hz-pills{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}
.hz-pill{border:1px solid rgba(255,255,255,.25);background:transparent;color:var(--hz-on-dark);
  font:600 12.5px var(--hz-sans);padding:7px 14px;border-radius:99px;text-decoration:none;cursor:pointer}
.hz-pill span{opacity:.65}
.hz-pill:hover{border-color:var(--hz-gold);color:var(--hz-gold)}
.hz-pill.is-active{background:var(--hz-gold);border-color:var(--hz-gold);color:var(--hz-ink)}
.hz-pill.is-active:hover{color:var(--hz-ink)}

.hz-sortbar{display:flex;gap:10px;align-items:center;margin-top:14px;flex-wrap:wrap}
.hz-sortbtn{border:none;background:transparent;color:var(--hz-on-dark-3);font:600 12px var(--hz-sans);
  padding:6px 12px;border-radius:8px;cursor:pointer}
.hz-sortbtn:hover{color:#fff}
.hz-sortbtn.is-active{background:rgba(255,255,255,.14);color:#fff}
.hz-select--sm{padding:6px 10px;font-size:12px;height:auto;width:auto;flex:none;min-width:120px}

.hz-board-lift{margin-top:-84px;position:relative}
.hz-board{display:grid;grid-template-columns:1fr 300px;gap:18px;align-items:start}

/* Podium */
.hz-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}
.hz-pod{display:block;text-decoration:none;color:var(--hz-text);background:var(--hz-card);
  border:2px solid var(--hz-line);border-radius:14px;padding:18px;position:relative}
.hz-pod:hover{box-shadow:0 10px 26px rgba(41,34,23,.12)}
.hz-pod--first{border-color:var(--hz-gold)}
.hz-pod__tag{position:absolute;top:-12px;left:14px;background:var(--hz-text-2);color:#fff;
  font:800 10.5px var(--hz-mono);letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:99px}
.hz-pod--first .hz-pod__tag{background:var(--hz-gold);color:var(--hz-ink)}
.hz-pod__head{display:flex;gap:12px;align-items:center;margin-top:6px}
.hz-pod__head .hz-mono{width:40px;height:40px;border-radius:10px;font-size:13px;
  background:var(--hz-paper-warmer);color:var(--hz-gold-ink)}
.hz-pod__name{display:block;font:800 15px var(--hz-sans)}
.hz-pod__head .hz-kicker{display:block;margin-top:2px;color:var(--hz-gold-ink)}
.hz-pod__rating{display:flex;align-items:center;gap:6px;margin-top:12px}
.hz-pod__meter{display:flex;align-items:center;gap:10px;margin-top:10px}
.hz-pod__bar{display:block;flex:1;height:6px;background:var(--hz-line-soft);border-radius:99px;overflow:hidden}
.hz-pod__fill{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--hz-gold),var(--hz-gold-ink))}
.hz-pod__score{font:800 16px var(--hz-sans);color:var(--hz-gold-ink)}
.hz-pod__foot{display:block;font:500 11px var(--hz-mono);color:var(--hz-text-mute);margin-top:8px}

/* Ranked rows */
.hz-rows{background:var(--hz-card);border:1px solid var(--hz-line);border-radius:14px;overflow:hidden}
.hz-row-item{display:flex;align-items:center;gap:14px;padding:13px 18px;
  border-bottom:1px solid var(--hz-paper-warm);text-decoration:none;color:var(--hz-text)}
.hz-row-item:last-child{border-bottom:none}
.hz-row-item:hover{background:var(--hz-paper-soft)}
.hz-row-item__rank{font:700 13px var(--hz-sans);color:#B8AC93;width:22px;text-align:right;flex:none}
.hz-row-item .hz-mono{width:32px;height:32px;border-radius:8px;font-size:11px;
  background:var(--hz-paper-warmer);color:var(--hz-gold-ink)}
.hz-row-item__main{flex:1;min-width:0}
.hz-row-item__line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.hz-row-item__name{font:700 13.5px var(--hz-sans)}
.hz-tradechip{background:var(--hz-paper-warmer);color:var(--hz-gold-ink);font:600 9px var(--hz-mono);
  letter-spacing:.08em;text-transform:uppercase;padding:2.5px 8px;border-radius:5px}
.hz-row-item__meta{display:flex;gap:8px;align-items:center;margin-top:3px;
  font:500 11.5px var(--hz-sans);color:var(--hz-text-3)}
.hz-row-item__meta strong{color:var(--hz-text)}
.hz-row-item__bar{display:block;width:110px;height:5px;background:var(--hz-line-soft);border-radius:99px;flex:none;overflow:hidden}
.hz-row-item__fill{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--hz-gold),var(--hz-gold-ink))}
.hz-row-item__score{font:800 14px var(--hz-sans);color:var(--hz-text-2);width:26px;text-align:right;flex:none}

/* Sidebar */
.hz-board__side{display:flex;flex-direction:column;gap:14px;position:sticky;top:84px}
.hz-side__title{font:800 14px var(--hz-sans);margin-bottom:12px}
.hz-pulse{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hz-pulse__num{font:800 20px var(--hz-sans)}
.hz-pulse__num--gold{color:var(--hz-gold-ink)}
.hz-pulse__label{font:500 11px var(--hz-sans);color:var(--hz-text-3)}
.hz-side__note{font:400 11.5px/1.55 var(--hz-sans);color:var(--hz-text-mute);margin:12px 0 0}
.hz-side__claim{background:var(--hz-ink-soft);border-radius:14px;padding:18px;color:var(--hz-on-dark)}
.hz-side__claim-title{font:800 14px var(--hz-sans);color:#fff;margin-bottom:6px}
.hz-side__claim p{font:400 12.5px/1.6 var(--hz-sans);color:var(--hz-on-dark-2);margin:0 0 14px}

/* ------------------------------------------------------------- Pricing */
.hz-price-hero{background:var(--hz-ink);padding:56px var(--hz-gutter) 200px;text-align:center}
.hz-price-hero__title{font:800 46px/1.15 var(--hz-sans);color:#fff;margin:20px auto 14px;max-width:700px}
.hz-price-hero__lede{color:var(--hz-on-dark-2);font:400 15px/1.6 var(--hz-sans);margin:0 auto;max-width:620px}
.hz-price-lift{margin-top:-150px;position:relative}

.hz-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
.hz-plan{border-radius:16px;padding:24px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.hz-plan__ghost{position:absolute;top:-10px;right:8px;font:900 84px/1 var(--hz-sans);color:rgba(138,106,47,.06)}
.hz-plan__stamp{font:600 10.5px var(--hz-mono);color:var(--hz-text-mute);letter-spacing:.16em;text-transform:uppercase}
.hz-plan__name{font:800 21px var(--hz-sans);margin-top:10px;color:var(--hz-text)}
.hz-plan__tag{font:600 10.5px var(--hz-mono);color:var(--hz-gold-ink);letter-spacing:.14em;
  text-transform:uppercase;margin-top:4px}
.hz-plan__price{margin:16px 0 18px}
.hz-plan__amount{font:800 36px var(--hz-sans);color:var(--hz-text-2)}
.hz-plan__per{font:600 13px var(--hz-sans);color:var(--hz-text-3)}
.hz-plan__list{display:flex;flex-direction:column;gap:9px;font:500 12.5px var(--hz-sans);
  color:var(--hz-text-2);flex:1}
.hz-plan__list .is-off{color:var(--hz-text-mute)}
.hz-plan__cta{display:block;text-align:center;font:700 13.5px var(--hz-sans);padding:12px;
  border-radius:10px;text-decoration:none;margin-top:22px}

/* Free tier */
.hz-plan--free{background:var(--hz-paper-soft);border:1.5px dashed var(--hz-line-strong)}
.hz-plan--free .hz-plan__cta{border:1.5px solid var(--hz-line-strong);color:var(--hz-text-2)}
.hz-plan--free .hz-plan__cta:hover{border-color:var(--hz-gold-ink);color:var(--hz-gold-ink)}

/* Standard paid tier */
.hz-plan--std{background:var(--hz-card);border:1px solid var(--hz-line)}
.hz-plan--std .hz-plan__cta{border:1.5px solid var(--hz-gold-ink);color:var(--hz-gold-ink)}
.hz-plan--std .hz-plan__cta:hover{background:var(--hz-paper-warmer)}

/* Most popular */
.hz-plan--pop{background:linear-gradient(160deg,var(--hz-ink-raise),var(--hz-ink-soft));
  border:1.5px solid var(--hz-gold);box-shadow:0 18px 44px rgba(41,34,23,.25);padding:26px}
.hz-plan--pop .hz-plan__ghost{color:rgba(255,255,255,.05)}
.hz-plan--pop .hz-plan__name{color:#fff;font-size:22px;margin-top:14px}
.hz-plan--pop .hz-plan__tag{color:var(--hz-gold-lite)}
.hz-plan--pop .hz-plan__amount{color:#fff;font-size:38px}
.hz-plan--pop .hz-plan__per{color:var(--hz-on-dark-2)}
.hz-plan--pop .hz-plan__list{color:var(--hz-on-dark);font-size:13px}
.hz-plan--pop .hz-plan__cta{background:var(--hz-on-dark-2);color:var(--hz-ink);font-size:14px;padding:13px}
.hz-plan--pop .hz-plan__cta:hover{background:#fff}
.hz-plan__flag{position:absolute;top:14px;left:50%;transform:translateX(-50%);background:var(--hz-gold);
  color:var(--hz-ink);font:800 11px var(--hz-sans);padding:5px 14px;border-radius:99px;
  white-space:nowrap;text-transform:uppercase;z-index:1}
.hz-plan__note{background:rgba(255,255,255,.08);border-radius:9px;padding:8px 12px;
  font:600 11.5px var(--hz-sans);color:var(--hz-gold-lite);margin-top:32px}

/* Apex tier */
.hz-plan--apex{background:var(--hz-ink);border:1px solid var(--hz-ink-raise);padding:26px}
.hz-plan--apex .hz-plan__ghost{color:rgba(255,255,255,.04)}
.hz-plan--apex .hz-plan__stamp{color:var(--hz-gold)}
.hz-plan--apex .hz-plan__name{color:#fff;font-size:22px}
.hz-plan--apex .hz-plan__tag{color:var(--hz-gold-lite)}
.hz-plan--apex .hz-plan__amount{color:var(--hz-gold);font-size:38px}
.hz-plan--apex .hz-plan__per{color:var(--hz-on-dark-2)}
.hz-plan--apex .hz-plan__list{color:var(--hz-on-dark);font-size:13px}
.hz-plan--apex .hz-plan__cta{background:linear-gradient(90deg,var(--hz-gold),var(--hz-gold-pale));
  color:var(--hz-ink);font-size:14px;padding:13px}
.hz-plan--apex .hz-plan__cta:hover{background:var(--hz-gold-pale)}

.hz-plans__note{text-align:center;font:500 12.5px var(--hz-sans);color:var(--hz-text-3);margin:18px 0 0}

/* Value props */
.hz-prop{background:var(--hz-card);border:1px solid var(--hz-line);border-radius:14px;padding:22px;
  position:relative;overflow:hidden}
.hz-prop__ghost{position:absolute;top:-8px;right:6px;font:900 64px/1 var(--hz-sans);color:rgba(138,106,47,.08)}
.hz-prop__icon{width:38px;height:38px;border-radius:10px;background:var(--hz-ink-soft);color:var(--hz-gold);
  display:flex;align-items:center;justify-content:center;font-size:15px;position:relative}
.hz-prop__title{font:800 16px var(--hz-sans);margin:14px 0 8px;position:relative}
.hz-prop__body{font:400 13px/1.6 var(--hz-sans);color:var(--hz-text-3);margin:0;position:relative}

/* Awarded pros */
.hz-award{display:block;background:var(--hz-card);border:1px solid var(--hz-line);
  border-top:3px solid var(--hz-gold);border-radius:14px;padding:20px;text-decoration:none;color:inherit}
.hz-award:hover{box-shadow:0 10px 26px rgba(41,34,23,.10)}
.hz-award__badge{background:var(--hz-gold-wash);color:var(--hz-gold-ink);font:700 11px var(--hz-sans);
  padding:4px 11px;border-radius:99px}
.hz-award__head{display:flex;gap:12px;align-items:center;margin-top:14px}
.hz-award__head .hz-mono{width:40px;height:40px;border-radius:10px;font-size:13px;
  background:var(--hz-paper-warmer);color:var(--hz-gold-ink)}
.hz-award__name{display:block;font:800 15px var(--hz-sans);color:var(--hz-text)}
.hz-award__meta{display:block;font:500 12px var(--hz-sans);color:var(--hz-text-3);margin-top:2px}
.hz-award__rating{display:flex;align-items:center;gap:6px;margin-top:12px;font:500 12px var(--hz-sans)}

/* ------------------------------------------------------------ Pro profile */
.hz-pro-hero{background:var(--hz-ink);padding:36px var(--hz-gutter) 110px}
.hz-pro-wrap{max-width:1100px;margin:0 auto;padding-inline:var(--hz-gutter)}
.hz-pro-hero .hz-pro-wrap{padding-inline:0}
.hz-pro-lift{margin-top:-70px;position:relative}
.hz-profile{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start}
.hz-profile__main,.hz-profile__side{display:flex;flex-direction:column;gap:14px}

.hz-pro-head{display:flex;gap:18px;align-items:center;margin-top:18px;flex-wrap:wrap}
.hz-pro-head .hz-mono--xl{width:64px;height:64px;border-radius:16px;font:800 20px var(--hz-sans);
  background:var(--hz-paper-warmer);color:var(--hz-gold-ink);flex:none}
.hz-pro-head__id{flex:1;min-width:260px}
.hz-pro-head__name{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hz-pro-head__name h1{font:800 30px var(--hz-sans);color:#fff;margin:0}
.hz-pro-head__meta{display:flex;gap:10px;align-items:center;margin-top:6px;flex-wrap:wrap;
  font:500 13px var(--hz-sans);color:var(--hz-on-dark-2)}
.hz-pro-head__meta strong{font:800 14px var(--hz-sans);color:#fff}
.hz-pro-head__score{text-align:right;flex:none}
.hz-pro-head__num{font:800 40px var(--hz-sans);color:var(--hz-gold);line-height:1}

.hz-profile__bio{font:400 13.5px/1.7 var(--hz-sans);color:var(--hz-text-2)}
.hz-profile__bio p{margin:0 0 10px}
.hz-profile__bio p:last-child{margin-bottom:0}
.hz-services{margin-top:14px}
.hz-services__list{display:flex;gap:6px;flex-wrap:wrap}
.hz-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.hz-fact{background:var(--hz-paper-soft);border-radius:10px;padding:12px}
.hz-fact__num{font:800 17px var(--hz-sans);overflow-wrap:anywhere}
.hz-fact__num--sm{font-size:13.5px;letter-spacing:-.01em}
.hz-fact__label{font:500 10.5px var(--hz-sans);color:var(--hz-text-3)}

.hz-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hz-shot{aspect-ratio:4/3;border-radius:10px;position:relative;overflow:hidden;
  background:repeating-linear-gradient(45deg,var(--hz-paper-warm) 0 14px,var(--hz-line-warm) 14px 28px)}
.hz-shot img{width:100%;height:100%;object-fit:cover}
.hz-shot__cap{position:absolute;bottom:6px;left:9px;font:500 9.5px var(--hz-mono);color:var(--hz-on-dark-3)}

.hz-reviews__head{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.hz-reviews{display:flex;flex-direction:column;gap:14px}
.hz-rev{border-top:1px solid var(--hz-paper-warm);padding-top:14px}
.hz-rev__head{display:flex;gap:10px;align-items:center}
.hz-rev__who{display:block;font:700 12.5px var(--hz-sans);color:var(--hz-text)}
.hz-rev__when{display:block;font:500 11px var(--hz-sans);color:var(--hz-gold-ink);margin-top:1px}
.hz-rev__body{display:block;font:400 13px/1.6 var(--hz-sans);color:var(--hz-text-2);margin-top:9px}
.hz-rev__reply{background:var(--hz-paper-soft);border-radius:10px;padding:12px;margin:10px 0 0 42px}

.hz-contact{display:flex;flex-direction:column;gap:10px;font:500 13px var(--hz-sans);color:var(--hz-text-2);
  word-break:break-word}
.hz-contact a{color:inherit;text-decoration:none}
.hz-contact a:hover{color:var(--hz-gold-ink)}
.hz-contact__note{font:500 10.5px/1.55 var(--hz-mono);color:var(--hz-text-mute);margin-top:10px;text-align:center}

.hz-bd{display:flex;align-items:center;gap:10px;margin-bottom:7px}
.hz-bd__star{font:600 11.5px var(--hz-sans);color:var(--hz-text-2);width:22px;flex:none}
.hz-bd__bar{display:block;flex:1;height:6px;background:var(--hz-line-soft);border-radius:99px;overflow:hidden}
.hz-bd__fill{display:block;height:100%;background:var(--hz-gold);border-radius:99px}
.hz-bd__pct{font:600 11px var(--hz-sans);color:var(--hz-text-3);width:32px;text-align:right;flex:none}

/* ------------------------------------------------------- Request to join */
.hz-join-hero{background:var(--hz-ink);padding:44px var(--hz-gutter) 120px}
.hz-join-wrap{max-width:920px;margin:0 auto;padding-inline:var(--hz-gutter)}
.hz-join-hero .hz-join-wrap{padding-inline:0}
.hz-join-hero__title{font:800 38px var(--hz-sans);color:#fff;margin:16px 0 8px}
.hz-join-hero__lede{color:var(--hz-on-dark-2);font:400 14.5px/1.6 var(--hz-sans);margin:0;max-width:560px}
.hz-join-lift{margin-top:-84px;position:relative}
.hz-join{display:grid;grid-template-columns:1fr 280px;gap:18px;align-items:start}
.hz-join__side{display:flex;flex-direction:column;gap:14px}

.hz-joinform{background:var(--hz-card);border:1px solid var(--hz-line);border-radius:14px;padding:24px}
/* The design labels this form in sentence case, not the uppercase mono used elsewhere. */
.hz-joinform .hz-label,.hz-chipset .hz-label{font:700 12px var(--hz-sans);color:var(--hz-text-2);
  letter-spacing:0;text-transform:none}
.hz-joinform__foot{display:flex;align-items:center;gap:14px;margin-top:18px;flex-wrap:wrap}
.hz-joinform__note{font:500 12px var(--hz-sans);color:var(--hz-text-mute)}
.hz-hp{position:absolute;left:-9999px}

/* Multi-select trade chips */
.hz-chipset{border:0;padding:0;margin:16px 0 0}
.hz-chipset__hint{font-weight:500;color:var(--hz-text-mute)}
.hz-chipset__list{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.hz-chipcheck{position:absolute;opacity:0;width:1px;height:1px}
.hz-chiplabel{border:1.5px solid var(--hz-line-strong);background:var(--hz-card);color:var(--hz-text-2);
  font:600 12.5px var(--hz-sans);padding:7px 14px;border-radius:99px;cursor:pointer;display:inline-block}
.hz-chiplabel:hover{border-color:var(--hz-gold)}
.hz-chipcheck:checked + .hz-chiplabel{background:var(--hz-ink);border-color:var(--hz-ink);color:var(--hz-gold-wash)}
.hz-chipcheck:focus-visible + .hz-chiplabel{outline:2px solid var(--hz-gold);outline-offset:2px}

.hz-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;
  font:500 12.5px/1.5 var(--hz-sans);color:var(--hz-text-2)}
.hz-steps li{display:flex;gap:10px}
.hz-steps__n{color:var(--hz-gold-ink);font-weight:800;flex:none}
.hz-record--wide{background:var(--hz-paper);border:1px solid var(--hz-line);border-radius:14px;padding:16px;
  font:500 11.5px/1.6 var(--hz-mono);color:var(--hz-on-dark-3)}

/* ---------------------------------------------------------------- FAQ */
.hz-faq-hero{background:var(--hz-ink);padding:48px var(--hz-gutter) 120px}
.hz-faq-wrap{max-width:760px;margin:0 auto;padding-inline:var(--hz-gutter)}
.hz-faq-hero .hz-faq-wrap{padding-inline:0}
.hz-faq-hero__title{font:800 38px var(--hz-sans);color:#fff;margin:12px 0 10px}
.hz-faq-hero__lede{color:var(--hz-on-dark-2);font:400 14.5px/1.6 var(--hz-sans);margin:0}
.hz-faq-lift{margin-top:-84px;position:relative}

.hz-faqs{display:flex;flex-direction:column;gap:10px}
.hz-faq{background:var(--hz-card);border:1px solid var(--hz-line);border-radius:12px;overflow:hidden}
.hz-faq.is-open{border-color:var(--hz-gold)}
.hz-faq__btn{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;
  padding:16px 18px;border:none;background:transparent;cursor:pointer;text-align:left}
.hz-faq__q{font:700 14.5px var(--hz-sans);color:var(--hz-text)}
.hz-faq__chev{color:var(--hz-gold-ink);font-size:12px;flex:none;line-height:1}
.hz-faq__chev::before{content:"\25B8"}
.hz-faq__btn[aria-expanded="true"] .hz-faq__chev::before{content:"\25BE"}
.hz-faq__a{padding:0 18px 16px;font:400 13.5px/1.65 var(--hz-sans);color:var(--hz-text-2)}
.hz-faq__a p{margin:0 0 10px}
.hz-faq__a p:last-child{margin-bottom:0}

.hz-faq-help{background:var(--hz-card);border:1px solid var(--hz-line);border-radius:12px;padding:18px;
  margin-top:22px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hz-faq-help__text{flex:1;min-width:220px}
.hz-faq-help__title{font:800 15px var(--hz-sans)}
.hz-faq-help__sub{font:500 12.5px var(--hz-sans);color:var(--hz-text-3);margin-top:3px}

/* ---------------------------------------------------------- Houzzer TV */
.hz-tv-ticker{height:5px;background:repeating-linear-gradient(90deg,
  var(--hz-gold) 0 42px,var(--hz-ink) 42px 84px,var(--hz-warn) 84px 126px,var(--hz-ink) 126px 168px)}

.hz-tv-mast{margin-top:34px;text-align:center;position:relative;max-width:1240px}
.hz-tv-mast__ghost{position:absolute;inset:0;display:flex;justify-content:center;pointer-events:none;
  overflow:hidden;font:900 120px var(--hz-sans);letter-spacing:.04em;white-space:nowrap;text-transform:uppercase;
  color:transparent;-webkit-text-stroke:1px rgba(41,34,23,.08)}
.hz-tv-mast__inner{position:relative;display:inline-flex;align-items:center;gap:14px;padding:20px 0}
.hz-tv-mast__badge{width:52px;height:38px;background:var(--hz-gold-ink);border-radius:8px;
  display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:15px;flex:none}
.hz-tv-mast__badge--sm{width:38px;height:38px;border-radius:10px}
.hz-tv-mast__words{text-align:left}
.hz-tv-mast__name{display:block;font:900 30px var(--hz-sans);letter-spacing:.02em;color:var(--hz-text)}
.hz-tv-mast__name span{color:var(--hz-text-mute)}
.hz-tv-mast__tag{display:block;font:600 10px var(--hz-mono);color:var(--hz-gold-ink);
  letter-spacing:.3em;text-transform:uppercase;margin-top:2px}

.hz-tv-channels-wrap{margin-top:10px;max-width:1240px}
.hz-tv-channels{background:var(--hz-card);border:1px solid var(--hz-line);border-radius:12px;
  display:flex;gap:4px;padding:6px;overflow-x:auto}
.hz-tv-ch{border-radius:9px;padding:10px 18px;text-align:center;min-width:120px;text-decoration:none;flex:none}
.hz-tv-ch:hover{background:var(--hz-paper-soft)}
.hz-tv-ch.is-active{background:var(--hz-paper-warmer)}
.hz-tv-ch__no{display:block;font:600 9px var(--hz-mono);letter-spacing:.16em;color:var(--hz-text-mute)}
.hz-tv-ch.is-active .hz-tv-ch__no{color:var(--hz-warn)}
.hz-tv-ch__name{display:block;font:700 13px var(--hz-sans);color:var(--hz-text-3);margin-top:3px}
.hz-tv-ch.is-active .hz-tv-ch__name{color:var(--hz-text)}
.hz-tv-ch__count{display:block;font:500 10.5px var(--hz-sans);color:var(--hz-text-mute);margin-top:1px}

.hz-tv{margin-top:22px;max-width:1240px;display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start}
.hz-tv-player{background:linear-gradient(135deg,var(--hz-ink-soft),var(--hz-ink-warm));border-radius:14px;
  aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;
  position:relative;overflow:hidden}
.hz-tv-player iframe,.hz-tv-player video{position:absolute;inset:0;width:100%;height:100%;border:0}
.hz-tv-player__head{position:absolute;top:16px;left:18px;text-align:left}
.hz-tv-player__title{display:block;font:700 16px var(--hz-sans);color:#fff}
.hz-tv-player__sub{display:block;font:500 11.5px var(--hz-sans);color:var(--hz-on-dark-2);margin-top:2px}
.hz-tv-player__play{width:64px;height:64px;border-radius:50%;background:var(--hz-warn);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.hz-tv-player__note{color:var(--hz-on-dark-2);font:600 12px var(--hz-sans);text-align:center;padding-inline:20px}
.hz-tv-player__watch{position:absolute;bottom:14px;right:16px;font:600 11px var(--hz-sans);color:var(--hz-on-dark-2)}

.hz-tv__title{font:800 24px var(--hz-sans);margin:18px 0 10px}
.hz-tv-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hz-tv-actions__name{display:block;font:700 13.5px var(--hz-sans)}
.hz-tv-actions__sub{display:block;font:500 11.5px var(--hz-sans);color:var(--hz-text-3)}
.hz-chippill{border:1px solid var(--hz-line-strong);background:var(--hz-card);font:700 12.5px var(--hz-sans);
  color:var(--hz-text);padding:9px 14px;border-radius:99px;text-decoration:none}
.hz-chippill:hover{border-color:var(--hz-gold);color:var(--hz-gold-ink)}

.hz-tv-meta{margin-top:14px;padding:14px 16px}
.hz-tv-meta__line{font:600 11px var(--hz-mono);color:var(--hz-gold-ink);letter-spacing:.06em}
.hz-tv-meta__desc{font:500 13.5px var(--hz-sans);color:var(--hz-text-2);margin-top:8px}

.hz-tv-comments{margin-top:16px;padding:18px}
.hz-tv-comments__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hz-tv-comments__title{font:800 15px var(--hz-sans)}
.hz-countpill{background:var(--hz-paper-warmer);color:var(--hz-gold-ink);font:700 11px var(--hz-sans);
  padding:2px 9px;border-radius:99px}
.hz-tv-comments__note{font:500 11.5px var(--hz-sans);color:var(--hz-text-mute)}
.hz-tv-comments__add{display:flex;gap:10px;margin-top:14px;align-items:center;text-decoration:none}
.hz-tv-comments__field{flex:1;border:1px solid var(--hz-line);border-radius:99px;padding:10px 16px;
  font:500 13px var(--hz-sans);color:var(--hz-text-mute);background:var(--hz-card)}
.hz-avatar{width:32px;height:32px;border-radius:50%;background:var(--hz-gold-ink);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;font:700 12px var(--hz-sans);flex:none}
.hz-tvcomment{display:flex;gap:10px;margin-top:16px}
.hz-tvcomment--reply{margin-left:34px}
.hz-tvcomment__who{display:block;font:700 12.5px var(--hz-sans);color:var(--hz-text)}
.hz-tvcomment__when{font:500 11px var(--hz-sans);color:var(--hz-text-mute)}
.hz-tvcomment__body{display:block;font:400 13px/1.55 var(--hz-sans);color:var(--hz-text-2);margin-top:3px}

.hz-tv-up__head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.hz-tv-up__title{font:800 16px var(--hz-sans)}
.hz-tv-up__count{font:500 11.5px var(--hz-sans);color:var(--hz-text-3)}
.hz-tv-up{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.hz-tv-item{display:flex;gap:10px;align-items:flex-start;background:var(--hz-card);
  border:1px solid var(--hz-line);border-radius:11px;padding:9px;text-decoration:none;width:100%}
.hz-tv-item:hover{border-color:var(--hz-gold)}
.hz-tv-item.is-playing{background:var(--hz-paper-warmer);border-color:var(--hz-gold)}
.hz-tv-item__thumb{width:108px;height:62px;border-radius:8px;position:relative;flex:none;overflow:hidden;
  background:repeating-linear-gradient(45deg,var(--hz-paper-warm) 0 12px,var(--hz-line-warm) 12px 24px)}
.hz-tv-item__thumb img{width:100%;height:100%;object-fit:cover}
.hz-tv-item__now{position:absolute;top:5px;left:6px;background:var(--hz-warn);color:#fff;
  font:700 8px var(--hz-mono);letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border-radius:4px}
.hz-tv-item__src{position:absolute;bottom:4px;right:6px;background:var(--hz-warn);color:#fff;
  font:800 8px var(--hz-sans);padding:2px 5px;border-radius:3px}
.hz-tv-item__title{display:block;font:700 12.5px/1.35 var(--hz-sans);color:var(--hz-text)}
.hz-tv-item__chan{display:block;font:500 11px var(--hz-sans);color:var(--hz-text-3);margin-top:3px}
.hz-tv-item__stats{display:block;font:500 10.5px var(--hz-sans);color:var(--hz-text-mute);margin-top:2px}

/* ---------------------------------------------------------- Communities */
.hz-board-hero--boards{padding:44px var(--hz-gutter) 100px}
.hz-boards__title{font:800 38px var(--hz-sans);color:#fff;margin:16px 0 8px}
.hz-boards__lede{color:var(--hz-on-dark-2);font:400 15px/1.6 var(--hz-sans);margin:0;max-width:560px}
.hz-boards-lift{margin-top:-64px;position:relative}
.hz-boards__list{display:flex;flex-direction:column;gap:14px}

.hz-boardcard{background:var(--hz-card);border:1px solid var(--hz-line);border-radius:14px;padding:18px}
.hz-boardcard__head{display:flex;align-items:center;gap:12px}
.hz-boardcard__head .hz-mono{background:var(--hz-paper-warmer);color:var(--hz-gold-ink)}
.hz-boardcard__id{flex:1;min-width:0}
.hz-boardcard__name{font:800 15px var(--hz-sans);color:var(--hz-text);text-decoration:none}
.hz-boardcard__name:hover{color:var(--hz-gold-ink)}
.hz-boardcard__meta{font:500 12px var(--hz-sans);color:var(--hz-text-3);margin-top:2px}
.hz-joinbtn{border:1.5px solid var(--hz-line-strong);background:transparent;color:var(--hz-text);
  font:700 12.5px var(--hz-sans);padding:8px 16px;border-radius:9px;cursor:pointer;flex:none}
.hz-joinbtn:hover{border-color:var(--hz-gold)}
.hz-joinbtn.is-on{background:var(--hz-ink-soft);border-color:var(--hz-ink-soft);color:var(--hz-gold-wash)}

.hz-boardcard__threads{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.hz-threadrow{display:flex;gap:12px;align-items:center;background:var(--hz-paper-soft);
  border:1px solid var(--hz-paper-warm);border-radius:10px;padding:11px 14px;text-decoration:none}
.hz-threadrow:hover{border-color:var(--hz-gold)}
.hz-threadrow__title{flex:1;min-width:0;font:600 13px/1.45 var(--hz-sans);color:var(--hz-text)}
.hz-threadrow__stat{font:600 11.5px var(--hz-sans);color:var(--hz-text-3);flex:none}
.hz-threadrow__age{font:500 11px var(--hz-mono);color:var(--hz-text-mute);flex:none}

.hz-rules{display:flex;flex-direction:column;gap:10px;font:400 12.5px/1.55 var(--hz-sans);color:var(--hz-text-2)}

/* --------------------------------------------------------- How it works */
.hz-hiw-hero{background:var(--hz-ink);padding:64px var(--hz-gutter) 190px;text-align:center;position:relative;overflow:hidden}
.hz-hiw-hero__ghost{
  position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;
  pointer-events:none;margin-top:8px;
  font:900 150px var(--hz-sans);letter-spacing:.02em;white-space:nowrap;text-transform:uppercase;
  color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.06);
}
.hz-hiw-hero__inner{position:relative}
.hz-hiw-hero__title{font:800 44px/1.15 var(--hz-sans);color:#fff;margin:20px auto 14px;max-width:760px}
.hz-hiw-hero__lede{color:var(--hz-on-dark-2);font:400 15px/1.6 var(--hz-sans);margin:0 auto;max-width:600px}
.hz-hiw-lift{margin-top:-120px;position:relative}

/* Labelled rules */
.hz-rule{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hz-rule__line{flex:1;height:1px;background:var(--hz-line-strong);min-width:40px}
.hz-rule--on-dark .hz-rule__line{background:rgba(255,255,255,.25)}
.hz-rule__note{font:500 12px var(--hz-sans);color:var(--hz-text-3)}
.hz-tag{font:700 10.5px var(--hz-mono);letter-spacing:.12em;text-transform:uppercase;padding:7px 14px;border-radius:99px}
.hz-tag--gold{background:var(--hz-gold);color:var(--hz-ink)}
.hz-tag--ink{background:var(--hz-ink-soft);color:var(--hz-gold-wash)}

/* Homeowner step cards */
.hz-step{overflow:hidden}
.hz-step__num{position:absolute;top:-8px;right:6px;font:900 64px/1 var(--hz-sans);color:rgba(138,106,47,.1);letter-spacing:0;margin:0}
.hz-step__title{font:800 17px var(--hz-sans);margin:0 0 10px;position:relative}
.hz-step__body{font:400 13.5px/1.65 var(--hz-sans);color:var(--hz-text-3);margin:0}

/* Pro punch list */
.hz-punch{background:var(--hz-card);border:1px solid var(--hz-line);border-radius:16px;padding:28px;margin-top:16px;display:flex;flex-direction:column;gap:30px}
.hz-punch__row{display:grid;grid-template-columns:170px 1fr 250px;gap:24px;align-items:start}
.hz-punch__mark{display:flex;align-items:center;gap:12px}
.hz-punch__dot{width:14px;height:14px;border:2.5px solid currentColor;border-radius:50%;flex:none}
.hz-punch__stamp{border:1.5px solid currentColor;font:700 10px var(--hz-mono);letter-spacing:.1em;
  text-transform:uppercase;padding:5px 10px;border-radius:6px;transform:rotate(-2deg)}
.hz-punch__mark--gold{color:var(--hz-gold-ink)}
.hz-punch__mark--good{color:var(--hz-good)}
.hz-record{background:var(--hz-paper);border-radius:10px;padding:14px}
.hz-record__label{font:600 9.5px var(--hz-mono);color:var(--hz-text-mute);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.hz-record__body{font:500 12px/1.55 var(--hz-sans);color:var(--hz-text-2)}

/* Closing call to action */
.hz-cta{background:linear-gradient(120deg,var(--hz-ink-soft),var(--hz-ink-warm));border-radius:16px;padding:32px;
  display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.hz-cta__text{flex:1;min-width:300px}
.hz-cta__title{font:800 24px var(--hz-sans);color:#fff;margin:0 0 8px}

/* --------------------------------------------------------------- Steps / FAQ / Legal */
.hz-steps{counter-reset:hzstep;display:grid;gap:18px}
.hz-step{background:var(--hz-card);border:1px solid var(--hz-line);border-radius:var(--hz-r-lg);padding:22px;position:relative}

.hz-accordion{background:var(--hz-card);border:1px solid var(--hz-line);border-radius:var(--hz-r-md);overflow:hidden;margin-bottom:10px}
.hz-accordion__btn{
  width:100%;text-align:left;background:transparent;border:none;cursor:pointer;
  font:700 15px/1.4 var(--hz-sans);color:var(--hz-text);padding:17px 46px 17px 18px;position:relative;
}
.hz-accordion__btn::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);
  font:400 20px var(--hz-sans);color:var(--hz-gold-ink);transition:transform .18s ease}
.hz-accordion__btn[aria-expanded="true"]::after{content:"−"}

/* The FAQ template reuses the accordion behaviour but draws its own chevron. */
.hz-faq .hz-accordion__btn{padding:16px 18px;position:static}
.hz-faq .hz-accordion__btn::after{content:none}
.hz-accordion__panel{padding:0 18px 18px;color:var(--hz-text-2);font-size:14.5px;line-height:1.7}
.hz-accordion__panel[hidden]{display:none}

.hz-legal-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.hz-legal h2{font:800 20px var(--hz-sans);margin:34px 0 10px;scroll-margin-top:90px}
.hz-legal h2 .hz-legal__num{font:500 13px var(--hz-mono);color:var(--hz-gold-ink);margin-right:10px}
.hz-legal p,.hz-legal li{color:var(--hz-text-2);font-size:14.5px;line-height:1.75}

/* --------------------------------------------------------------- Video */
.hz-video{background:var(--hz-card);border:1px solid var(--hz-line);border-radius:14px;overflow:hidden}
.hz-video__frame{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,var(--hz-ink-soft),var(--hz-ink-warm));display:flex;align-items:center;justify-content:center}
.hz-video__frame iframe,.hz-video__frame video,.hz-video__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.hz-video__play{width:54px;height:54px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--hz-text);position:relative;z-index:2}
.hz-video__body{padding:14px 16px}
.hz-video__dur{position:absolute;right:10px;bottom:10px;z-index:2;background:rgba(27,23,16,.85);color:#fff;font:600 11px var(--hz-mono);padding:3px 7px;border-radius:5px}

/* --------------------------------------------------------------- Dashboard */
.hz-dash{display:grid;grid-template-columns:236px 1fr;gap:26px;align-items:start}
.hz-dash__nav{background:var(--hz-card);border:1px solid var(--hz-line);border-radius:var(--hz-r-md);padding:8px;position:sticky;top:88px}
.hz-dash__nav a{
  display:block;padding:10px 12px;border-radius:8px;color:var(--hz-text-2);
  font:600 13.5px var(--hz-sans);text-decoration:none;
}
.hz-dash__nav a:hover{background:var(--hz-paper-warm);color:var(--hz-text);text-decoration:none}
.hz-dash__nav a.is-active{background:var(--hz-text);color:#fff}
.hz-panel{background:var(--hz-card);border:1px solid var(--hz-line);border-radius:var(--hz-r-lg);padding:26px;margin-bottom:22px}
.hz-panel__title{font:800 20px var(--hz-sans);margin-bottom:6px}
.hz-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
.hz-kpi__box{background:var(--hz-card);border:1px solid var(--hz-line);border-radius:var(--hz-r-md);padding:16px}
.hz-kpi__num{font:800 24px var(--hz-sans);color:var(--hz-text)}
.hz-kpi__num--gold{color:var(--hz-gold)}

/* Tables */
.hz-table{width:100%;border-collapse:collapse;font-size:13.5px}
.hz-table th{
  text-align:left;font:600 11px var(--hz-mono);letter-spacing:.08em;text-transform:uppercase;
  color:var(--hz-text-3);padding:10px 12px;border-bottom:1px solid var(--hz-line);
}
.hz-table td{padding:12px;border-bottom:1px solid var(--hz-line-soft);color:var(--hz-text-2);vertical-align:middle}
.hz-table tr:last-child td{border-bottom:none}
.hz-table__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* --------------------------------------------------------------- Notices */
.hz-notice{
  border-radius:var(--hz-r-md);padding:14px 16px;font-size:14px;line-height:1.6;
  border:1px solid var(--hz-line);background:var(--hz-paper-soft);color:var(--hz-text-2);margin-bottom:18px;
}
.hz-notice--ok{background:var(--hz-good-bg);border-color:#CBE0CE;color:#2E5B3A}
.hz-notice--err{background:var(--hz-warn-bg);border-color:var(--hz-warn-line);color:#8A3A1B}
.hz-notice--info{background:var(--hz-info-bg);border-color:var(--hz-gold-pale);color:var(--hz-gold-ink)}

/* --------------------------------------------------------------- Trust strip */
/* Section headers: kicker + heading + trailing link */
.hz-sechead{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.hz-sechead .hz-h3{margin:0}
.hz-morelink{font:700 13px var(--hz-sans);color:var(--hz-gold-ink);text-decoration:none;white-space:nowrap}
.hz-morelink:hover{color:var(--hz-gold)}

/* Trade tiles */
.hz-tradecard{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.hz-tradecard:hover{border-color:var(--hz-gold);box-shadow:0 6px 18px rgba(41,34,23,.07)}
.hz-tradecard__name{display:block;font:700 14px var(--hz-sans);color:var(--hz-text)}
.hz-tradecard .hz-mono{background:var(--hz-paper-warm);color:var(--hz-gold-ink);width:38px;height:38px;border-radius:9px;font-size:12px}

/* Featured pro block + about band */
.hz-feature{display:grid;grid-template-columns:1fr 1.15fr;gap:32px;align-items:center}
.hz-about{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.hz-video__frame--promo{border-radius:14px;text-decoration:none;flex-direction:column;gap:10px;padding:18px}
.hz-video__caption{font:600 12px var(--hz-sans);color:var(--hz-on-dark-2);position:relative;z-index:1}

/* Home roster card */
.hz-roster{display:block;background:var(--hz-card);border:1px solid var(--hz-line);border-radius:var(--hz-r-md);overflow:hidden;text-decoration:none;color:inherit}
.hz-roster:hover{border-color:var(--hz-gold);box-shadow:0 8px 22px rgba(41,34,23,.08)}
.hz-roster__media{display:block;position:relative;height:96px;
  background:repeating-linear-gradient(45deg,var(--hz-paper-warm) 0 14px,var(--hz-line-warm) 14px 28px)}
.hz-roster__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hz-roster__caption{position:absolute;top:8px;right:10px;font:500 9.5px var(--hz-mono);color:var(--hz-text-mute)}
.hz-roster__num{position:absolute;bottom:2px;left:10px;font:900 34px var(--hz-sans);color:rgba(138,106,47,.18);line-height:1}
.hz-roster__body{display:block;padding:12px 14px 14px}
.hz-roster__tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.hz-roster__name{display:block;font:700 14.5px var(--hz-sans);color:var(--hz-text);margin-top:5px}
.hz-roster__rating{display:flex;align-items:center;gap:6px;margin-top:6px}
.hz-roster__city{font:500 12px var(--hz-sans);color:var(--hz-text-2);white-space:nowrap}
.hz-roster__foot{display:flex;align-items:center;gap:9px;margin-top:9px}
.hz-roster__foot .hz-score{flex:0 1 auto;max-width:110px}
.hz-roster__foot .hz-score__bar{min-width:38px}

/* Trust strip brand row */
.hz-tcard{background:var(--hz-card);border:1px solid var(--hz-line);border-radius:var(--hz-r-md);padding:13px 14px 12px;display:flex;flex-direction:column;gap:8px}
.hz-tcard:hover{border-color:var(--hz-gold)}
.hz-tcard__head{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.hz-tcard__board{font:500 11.5px var(--hz-mono);color:var(--hz-gold-ink);text-decoration:none}
.hz-tcard__title{margin:0;font:700 13.5px/1.4 var(--hz-sans)}
.hz-tcard__title a{color:var(--hz-text);text-decoration:none}
.hz-tcard__title a:hover{color:var(--hz-gold-ink)}
.hz-tcard__foot{display:flex;align-items:center;gap:10px;margin-top:auto}
.hz-tcard__votes{font:700 11.5px var(--hz-mono);color:var(--hz-text-2)}

.hz-trust__brands{display:flex;gap:36px;justify-content:center;align-items:center;flex-wrap:wrap}
.hz-trust__brand{font:800 17px var(--hz-sans)}

.hz-trust{background:var(--hz-paper-warm);border-block:1px solid var(--hz-line);padding:30px var(--hz-gutter)}
.hz-trust__heading{display:block;text-align:center;margin:22px 0 14px;font:900 26px var(--hz-sans);color:var(--hz-text);letter-spacing:.06em;text-transform:uppercase}
.hz-trust__heading-accent{text-decoration:underline;text-decoration-color:var(--hz-gold);text-underline-offset:3px}
.hz-trust__logos{display:flex;gap:26px;justify-content:center;align-items:center;flex-wrap:wrap}
.hz-trust__logo{font:800 13px var(--hz-sans);color:var(--hz-text-3);letter-spacing:.08em;text-transform:uppercase}

/* --------------------------------------------------------------- Footer */
.hz-footer{background:var(--hz-ink-deep);padding:26px var(--hz-gutter);margin-top:56px}
.hz-footer__top{max-width:var(--hz-max);margin:0 auto;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.hz-footer nav ul{list-style:none;margin:0;padding:0;display:flex;gap:18px;flex-wrap:wrap}
.hz-footer nav a{color:var(--hz-on-dark-2);font:600 12.5px var(--hz-sans);text-decoration:none}
.hz-footer nav a:hover{color:var(--hz-gold);text-decoration:none}
.hz-footer__bottom{
  max-width:var(--hz-max);margin:14px auto 0;border-top:1px solid rgba(255,255,255,.08);
  padding-top:12px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;
  font:500 11.5px var(--hz-mono);color:var(--hz-on-dark-4);
}
.hz-footer__widgets{max-width:var(--hz-max);margin:0 auto 22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:26px}
.hz-footer__widgets .widget-title{font:700 12px var(--hz-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--hz-gold-lite);margin-bottom:10px}
.hz-footer__widgets,.hz-footer__widgets a{color:var(--hz-on-dark-2)}
.hz-footer__widgets ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;font-size:13.5px}

/* --------------------------------------------------------------- Pagination */
.hz-pagination{display:flex;gap:6px;justify-content:center;margin-top:34px;flex-wrap:wrap}
.hz-pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;
  border:1px solid var(--hz-line-strong);border-radius:var(--hz-r);
  font:600 13.5px var(--hz-sans);color:var(--hz-text-2);text-decoration:none;background:#fff;
}
.hz-pagination .page-numbers:hover{border-color:var(--hz-gold);color:var(--hz-gold-ink);text-decoration:none}
.hz-pagination .page-numbers.current{background:var(--hz-text);border-color:var(--hz-text);color:#fff}
.hz-pagination .dots{border-color:transparent;background:transparent}

/* --------------------------------------------------------------- Entry content (posts/pages) */
.hz-entry{background:var(--hz-card);border:1px solid var(--hz-line);border-radius:var(--hz-r-lg);padding:36px}
.hz-content{color:var(--hz-text-2);font-size:15.5px;line-height:1.75;max-width:72ch}
.hz-content h2{font:800 26px var(--hz-sans);margin:34px 0 12px}
.hz-content h3{font:700 20px var(--hz-sans);margin:26px 0 10px}
.hz-content h4{font:700 16px var(--hz-sans);margin:22px 0 8px}
.hz-content ul,.hz-content ol{padding-left:22px;margin:0 0 1em}
.hz-content li{margin-bottom:7px}
.hz-content blockquote{
  margin:22px 0;padding:16px 20px;background:var(--hz-paper-warm);
  border-left:3px solid var(--hz-gold);border-radius:0 var(--hz-r) var(--hz-r) 0;font-style:normal;color:var(--hz-text-2);
}
.hz-content img{border-radius:var(--hz-r-md);margin-block:18px}
.hz-content table{width:100%;border-collapse:collapse;margin-block:20px;font-size:14px}
.hz-content th,.hz-content td{border:1px solid var(--hz-line);padding:10px 12px;text-align:left}
.hz-content th{background:var(--hz-paper-warm);font-weight:700}
.hz-content pre{background:var(--hz-ink);color:var(--hz-on-dark);padding:18px;border-radius:var(--hz-r-md);overflow:auto;font:400 13px/1.6 var(--hz-mono)}
.hz-content code{font:400 13.5px var(--hz-mono);background:var(--hz-paper-warm);padding:2px 6px;border-radius:5px}
.hz-content pre code{background:none;padding:0}
.hz-content a{text-decoration:underline;text-underline-offset:2px}
.hz-content figure{margin:22px 0}
.hz-content figcaption{font:500 12px var(--hz-mono);color:var(--hz-text-3);margin-top:8px;text-align:center}
.alignwide{max-width:none}
.alignfull{max-width:none;margin-inline:calc(var(--hz-gutter) * -1)}
.alignleft{float:left;margin:6px 22px 12px 0}
.alignright{float:right;margin:6px 0 12px 22px}
.aligncenter{margin-inline:auto;display:block}
.wp-caption{max-width:100%}
.sticky .hz-entry{border-color:var(--hz-gold)}

/* --------------------------------------------------------------- Comments */
.hz-comments{margin-top:32px}
.hz-comments ol{list-style:none;margin:0;padding:0}
.hz-comments .children{list-style:none;margin:0 0 0 34px;padding:0}
.hz-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.comment-form-cookies-consent{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--hz-text-3)}
.comment-form-cookies-consent input{margin-top:3px}

/* --------------------------------------------------------------- Utilities */
.hz-mt-0{margin-top:0}.hz-mt-1{margin-top:8px}.hz-mt-2{margin-top:16px}.hz-mt-3{margin-top:24px}.hz-mt-4{margin-top:36px}
.hz-mb-1{margin-bottom:8px}.hz-mb-2{margin-bottom:16px}.hz-mb-3{margin-bottom:24px}.hz-mb-4{margin-bottom:36px}
.hz-center{text-align:center}
.hz-hide{display:none!important}
.hz-empty{text-align:center;padding:56px 20px;color:var(--hz-text-3)}
.hz-empty__icon{font-size:34px;margin-bottom:12px}
.hz-loading{opacity:.5;transition:opacity .2s ease}
.hz-spin{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:hz-spin .7s linear infinite}
@keyframes hz-spin{to{transform:rotate(360deg)}}

/* --------------------------------------------------------------- Responsive */
@media (max-width:1080px){
  .hz-grid--4{grid-template-columns:repeat(2,1fr)}
  .hz-kpi{grid-template-columns:repeat(2,1fr)}
  .hz-dash{grid-template-columns:1fr}
  .hz-dash__nav{position:static;display:flex;gap:4px;overflow-x:auto}
  .hz-dash__nav a{white-space:nowrap}
}
@media (max-width:900px){
  :root{--hz-gutter:20px}
  .hz-burger{display:block}
  .hz-nav{
    display:none;position:absolute;left:0;right:0;top:100%;
    background:var(--hz-ink-soft);border-top:1px solid rgba(255,255,255,.12);
    padding:12px var(--hz-gutter);
  }
  .hz-nav.is-open{display:block}
  .hz-nav__auth{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}
  .hz-nav ul{flex-direction:column;align-items:stretch;gap:2px}
  .hz-nav .sub-menu{position:static;display:flex;background:transparent;border:none;padding-left:14px}
  .hz-header__inner{position:relative;flex-wrap:wrap}
  .hz-header__actions .hz-btn--ghost-dark{display:none}
  .hz-grid--3{grid-template-columns:repeat(2,1fr)}
  .hz-feature,.hz-about{grid-template-columns:1fr}
  .hz-board{grid-template-columns:1fr}
  .hz-board__side{position:static;flex-direction:row;flex-wrap:wrap}
  .hz-board__side > *{flex:1;min-width:260px}
  .hz-podium{grid-template-columns:1fr}
  .hz-boards__title{font-size:28px}
  .hz-plans{grid-template-columns:repeat(2,1fr)}
  .hz-join{grid-template-columns:1fr}
  .hz-profile{grid-template-columns:1fr}
  .hz-facts{grid-template-columns:repeat(2,1fr)}
  .hz-price-hero__title{font-size:34px}
  .hz-tv{grid-template-columns:1fr}
  .hz-tv-mast__ghost{font-size:72px}
  .hz-punch__row{grid-template-columns:1fr;gap:12px}
  .hz-hiw-hero__title{font-size:32px}
  .hz-hiw-hero__ghost{font-size:88px}
  .hz-hero h1,.hz-h1{font-size:38px}
  .hz-hero{padding:52px var(--hz-gutter) 44px}
  .hz-stats{gap:28px}
}
@media (max-width:640px){
  .hz-grid--2,.hz-grid--3,.hz-grid--4,.hz-kpi{grid-template-columns:1fr}
  .hz-hero h1,.hz-h1{font-size:30px}
  .hz-h2{font-size:23px}
  .hz-entry,.hz-panel,.hz-card--pad{padding:20px}
  .hz-search{flex-wrap:wrap}
  .hz-search input{width:100%;flex-basis:100%}
  .hz-search button{width:100%;margin-top:6px}
  .hz-form-row{grid-template-columns:1fr}
  .hz-hiw-hero{padding-bottom:150px}
  .hz-hiw-hero__title{font-size:26px}
  .hz-hiw-hero__ghost{font-size:56px}
  .hz-cta{padding:22px}
  .hz-board-hero__title h1{font-size:26px}
  .hz-row-item__bar{display:none}
  .hz-board__side{flex-direction:column}
  .hz-threadrow{flex-wrap:wrap;gap:8px}
  .hz-threadrow__title{flex-basis:100%}
  .hz-boardcard__head{flex-wrap:wrap}
  .hz-tv-mast__ghost{display:none}
  .hz-tv-mast__name{font-size:24px}
  .hz-faq-hero__title{font-size:26px}
  .hz-join-hero__title{font-size:26px}
  .hz-joinform{padding:18px}
  .hz-pro-head__name h1{font-size:22px}
  .hz-pro-head__score{text-align:left;width:100%}
  .hz-shots{grid-template-columns:repeat(2,1fr)}
  .hz-plans{grid-template-columns:1fr}
  .hz-price-hero__title{font-size:28px}
  .hz-price-hero{padding-bottom:150px}
  .hz-price-lift{margin-top:-120px}
  .hz-sechead{gap:8px}
  .hz-tcard{background:var(--hz-card);border:1px solid var(--hz-line);border-radius:var(--hz-r-md);padding:13px 14px 12px;display:flex;flex-direction:column;gap:8px}
.hz-tcard:hover{border-color:var(--hz-gold)}
.hz-tcard__head{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.hz-tcard__board{font:500 11.5px var(--hz-mono);color:var(--hz-gold-ink);text-decoration:none}
.hz-tcard__title{margin:0;font:700 13.5px/1.4 var(--hz-sans)}
.hz-tcard__title a{color:var(--hz-text);text-decoration:none}
.hz-tcard__title a:hover{color:var(--hz-gold-ink)}
.hz-tcard__foot{display:flex;align-items:center;gap:10px;margin-top:auto}
.hz-tcard__votes{font:700 11.5px var(--hz-mono);color:var(--hz-text-2)}

.hz-trust__brands{gap:22px}
  .hz-footer__top{flex-direction:column;align-items:flex-start}
  .hz-stats{gap:22px 28px;justify-content:center;text-align:center}
  .hz-hero__score{text-align:left}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

@media print{
  .hz-header,.hz-footer,.hz-toolbar,.hz-burger{display:none!important}
  body.houzzer{background:#fff}
}