/* Homepage restructure (Nov 2026). Dark throughout, using the site tokens (--ink, --paper, --orange). */
.hr-page{overflow-x:clip;background:var(--ink,#0a0a09);color:var(--paper,#f2f0eb)}
.hr-page main{background:var(--ink,#0a0a09)}
.hr-announce{gap:18px}
.hr-announce a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.hr-live-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--orange,#f46a24);box-shadow:0 0 0 0 rgba(244,106,36,.6);animation:hr-pulse 1.8s infinite}
@keyframes hr-pulse{70%{box-shadow:0 0 0 8px rgba(244,106,36,0)}100%{box-shadow:0 0 0 0 rgba(244,106,36,0)}}
@media (prefers-reduced-motion:reduce){.hr-live-dot{animation:none}}
.hr-dot{color:var(--orange,#f46a24)}
.hr-eyebrow,.hr-kicker{margin:0 0 14px;color:var(--orange,#f46a24);font-size:12px;font-weight:700;letter-spacing:.18em}
.hr-kicker{margin-bottom:10px;font-size:11px}
.hr-h1,.hr-h2{margin:0 0 20px;font-family:var(--font-display,"Barlow Condensed","Arial Narrow",Impact,sans-serif);font-weight:700;line-height:.92;letter-spacing:-.01em;text-transform:uppercase}
.hr-h1{font-size:clamp(52px,7vw,104px)}.hr-h1-line{display:block}.hero.hr-hero h1.hr-h1{font-size:clamp(56px,8.6vw,136px);line-height:1;margin:0 0 24px}
.hr-h2{font-size:clamp(40px,5vw,76px);max-width:1000px}
.hr-sub,.hr-lede{margin:0 0 26px;max-width:620px;color:#d8d4cc;font-size:clamp(17px,1.5vw,20px);line-height:1.5}
.hr-note{margin:12px 0 0;max-width:560px;color:var(--soft,#b5b3ad);font-size:13px;line-height:1.5}
.hr-section{padding:clamp(72px,9vw,120px) 0;border-top:1px solid rgba(255,255,255,.08);background:var(--ink,#0a0a09);color:var(--paper,#f2f0eb)}
.hr-section h3{margin:0 0 10px;font-family:var(--font-display,"Barlow Condensed",sans-serif);font-size:28px;line-height:1;letter-spacing:.01em}
.hr-section p{color:#d8d4cc;line-height:1.55}
/* Hero */
.home-page .hero.hr-hero{height:auto;min-height:0;max-height:none;padding:clamp(48px,7vw,96px) 0 clamp(56px,7vw,96px);overflow:visible;background:radial-gradient(60% 70% at 78% 40%,rgba(244,106,36,.16),transparent 70%),linear-gradient(110deg,#090909,#1a1714 70%,#0b0b0a)}
.hr-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,72px);align-items:center}
.hr-spy-form{margin-top:8px;padding:22px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(20,19,17,.88);max-width:640px}
.hr-spy-inline{margin-top:18px;padding:18px}
.hr-form-title{margin:0 0 14px;font-family:var(--font-display,"Barlow Condensed",sans-serif);font-size:22px;font-weight:700;letter-spacing:.02em;color:var(--paper,#f2f0eb)!important}
.hr-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.hr-field{display:grid;gap:6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soft,#b5b3ad)}
.hr-field input{min-height:48px;width:100%;padding:0 14px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#0d0d0c;color:var(--paper,#f2f0eb);font:inherit;font-size:16px;font-weight:400;letter-spacing:0;text-transform:none}
.hr-field input:focus-visible{outline:2px solid var(--orange,#f46a24);outline-offset:1px}
.hr-field input[aria-invalid="true"]{border-color:#ff8a5c}
.hr-submit{width:100%;justify-content:center}
.hr-spy-form .scan-error{margin:10px 0 0;color:#ffb08a;font-size:14px}
.hr-talk{display:flex;flex-direction:column;align-items:center;text-align:center;scroll-margin-top:90px}
.home-page .hr-orb-slot{position:relative;width:min(420px,100%);height:var(--voice-slot-height,440px);--voice-slot-base:440px}
.home-page #hubbly-voice-assistant[data-placement="hero"]{--voice-size:min(420px,var(--voice-width,420px));width:var(--voice-width,420px)}
.home-page #hubbly-voice-assistant[data-placement="hero"] .hubbly-voice-invitation,.home-page #hubbly-voice-assistant[data-placement="hero"] .hubbly-voice-launch-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hr-talk-button{display:grid;gap:4px;width:min(420px,100%);margin-top:8px;padding:16px 22px;border:0;border-radius:12px;background:var(--orange,#f46a24);color:#0a0a09;font:inherit;text-align:center;cursor:pointer}
.hr-talk-button strong{font-family:var(--font-display,"Barlow Condensed",sans-serif);font-size:24px;letter-spacing:.03em}
.hr-talk-button span{font-size:14px}
.hr-talk-button:hover{filter:brightness(1.08)}.hr-talk-button:focus-visible{outline:3px solid var(--paper,#f2f0eb);outline-offset:3px}
.hr-live{margin:14px 0 0;color:var(--soft,#b5b3ad);font-size:12px;font-weight:700;letter-spacing:.14em}
/* Proof (preview-only until filled) */
.hr-proof{padding:28px 0;border-top:1px solid rgba(255,255,255,.08)}
.hr-stats,.hr-logos{display:flex;flex-wrap:wrap;gap:16px 40px;margin:0;padding:0;list-style:none}
.hr-stats li{display:flex;align-items:baseline;gap:10px;color:var(--soft,#b5b3ad);font-size:14px}
.hr-stats strong{color:var(--paper,#f2f0eb);font-family:var(--font-display,sans-serif);font-size:34px}
.hr-logos{margin-top:18px}
.hr-logos li{display:flex;align-items:center;justify-content:center;min-width:140px;height:48px;padding:0 14px;border:1px dashed rgba(255,255,255,.25);border-radius:8px;color:var(--soft,#b5b3ad);font-size:12px;letter-spacing:.1em}
[data-placeholder]{outline:1px dashed rgba(244,106,36,.55);outline-offset:3px}
/* Voice */
.hr-try-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:8px 0 26px}
.hr-try,.hr-engine{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#141311}
.hr-try-main{border-color:rgba(244,106,36,.6)}
.hr-phone{display:block;margin:4px 0 10px;color:var(--orange,#f46a24);font-family:var(--font-display,sans-serif);font-size:32px;font-weight:700;text-decoration:none}
.hr-samples{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.hr-samples li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-size:14px}
.hr-play{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--orange,#f46a24);color:#0a0a09;font-size:11px}
.hr-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px;padding:0;list-style:none}
.hr-chips li{padding:8px 14px;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:13px;font-weight:600}
.hr-compliance a{color:var(--soft,#b5b3ad);font-size:14px}
.hr-compliance a:hover{color:var(--paper,#f2f0eb)}
.hr-actions{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin-top:22px}
.hr-outline{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border:1px solid rgba(255,255,255,.45);border-radius:999px;color:var(--paper,#f2f0eb);font-weight:700;letter-spacing:.06em;text-decoration:none}
.hr-outline:hover{border-color:var(--orange,#f46a24)}
.hr-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;border:0;background:none;color:var(--orange,#f46a24);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.hr-link:hover{text-decoration:underline}
/* Rank */
.hr-rank-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.hr-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.hr-list li{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:14px 0;border-top:1px solid rgba(255,255,255,.12);font-size:17px;line-height:1.45}
.hr-list li span{color:var(--orange,#f46a24);font-weight:700}
.hr-report-card{padding:22px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#141311}
.hr-report-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0 0 10px;font-size:13px}
.hr-report-head strong{color:var(--orange,#f46a24);letter-spacing:.14em}
.hr-legend{display:flex;gap:16px;margin:0 0 16px;font-size:12px}
.hr-you::before,.hr-them::before{content:"";display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:2px;background:var(--orange,#f46a24)}
.hr-them::before{background:#6d6a64}
.hr-bar{margin:0 0 14px;font-size:13px;color:#d8d4cc}
.hr-bar i{display:block;height:22px;margin-top:6px;border-radius:4px;background:linear-gradient(var(--orange,#f46a24),var(--orange,#f46a24)) 0 0/var(--you) 9px no-repeat,linear-gradient(#6d6a64,#6d6a64) 0 13px/var(--them) 9px no-repeat}
.hr-blur{filter:blur(3px);opacity:.7}
/* System */
.hr-flow{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px;padding:0;list-style:none}
.hr-flow li{padding:8px 14px;border:1px solid rgba(255,255,255,.25);border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.12em}
.hr-flow li:not(:last-child)::after{content:"→";margin-left:12px;color:var(--soft,#b5b3ad)}
.hr-flow .hr-flow-end{border-color:var(--orange,#f46a24);background:var(--orange,#f46a24);color:#0a0a09}
.hr-engines{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hr-engine{display:flex;flex-direction:column}
.hr-engine p{font-size:15px}
.hr-engine .hr-link{margin-top:auto}
.hr-engine-voice{border:2px solid var(--orange,#f46a24)}
.hr-handoff{color:var(--soft,#b5b3ad)!important;font-size:13px!important;font-weight:700;letter-spacing:.04em}
.hr-agentweb{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:28px;padding:24px;border:1px dashed rgba(255,255,255,.35);border-radius:14px}
.hr-agentweb p{margin:0;max-width:620px}
/* Results */
.hr-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hr-result{margin:0;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#141311}
.hr-result-value{margin:0 0 10px;color:var(--orange,#f46a24)!important;font-family:var(--font-display,sans-serif);font-size:40px;font-weight:700}
.hr-result blockquote{margin:0 0 14px}
.hr-result figcaption{color:var(--soft,#b5b3ad);font-size:13px}
/* Final CTA */
.hr-doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:12px}
.hr-door{display:grid;gap:10px;padding:28px;border:1px solid rgba(255,255,255,.45);border-radius:14px;background:transparent;color:var(--paper,#f2f0eb);font:inherit;text-align:left;text-decoration:none;cursor:pointer}
.hr-door strong{font-family:var(--font-display,sans-serif);font-size:clamp(28px,3vw,40px);line-height:1}
.hr-door .hr-kicker{margin:0}
.hr-door-orange{border-color:var(--orange,#f46a24);background:var(--orange,#f46a24);color:#0a0a09}
.hr-door-orange .hr-kicker{color:#0a0a09}
.hr-door:hover{filter:brightness(1.06)}
.hr-door:focus-visible{outline:3px solid var(--paper,#f2f0eb);outline-offset:3px}
.hr-enterprise{margin-top:22px}.hr-enterprise a{color:var(--soft,#b5b3ad)}
.hr-faq{background:var(--ink,#0a0a09)}
.hr-footer .footer-address{display:inline}
@media (max-width:1060px){.hr-engines{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
  .hr-hero-grid,.hr-rank-grid,.hr-doors,.hr-result-grid{grid-template-columns:minmax(0,1fr)}
  .hr-hero .hr-hero-copy{display:contents}
  .hr-hero .hr-talk{order:1}
  .hr-hero .hr-spy-form{order:2}
  .hr-hero .hr-hero-grid{row-gap:0}
  .hr-hero .hr-eyebrow{margin-top:28px}
  .hero.hr-hero h1.hr-h1{font-size:clamp(40px,11vw,64px);margin-bottom:16px}
  .hr-hero .hr-talk{margin:20px 0 28px}
  .home-page .hr-orb-slot{width:min(260px,100%);height:var(--voice-slot-height,280px);--voice-slot-base:280px}
  .home-page #hubbly-voice-assistant[data-placement="hero"]{--voice-size:min(260px,var(--voice-width,260px));width:var(--voice-width,260px)}
}
@media (max-width:560px){.hr-fields,.hr-engines{grid-template-columns:minmax(0,1fr)}.hr-announce{font-size:9px}}
