/* PUBLIC SITE (B6, DECISIONS C-176) — rules ADDED next to app/home.css (which stays the approved Home's own stylesheet, unchanged). Same
   palette, type and components; everything scoped to #htc-hub. Two contexts:
   · html.htc-site — the public pages (/, /it/, /how-it-works/…): the Home laid out as a normal scrolling page instead of the app overlay;
   · the app's Home overlay (app/index.html) — only the small additions the updated markup needs (logo link, prompt chip, language link). */
html.htc-site, html.htc-site body { overflow: visible; margin: 0; background: #0c0d11; }
html.htc-site #htc-hub { position: static; inset: auto; z-index: auto; overflow: visible; min-height: 100vh; }
#htc-hub .hub-logo-link { display: block; line-height: 0; border-radius: 6px; }
#htc-hub .hub-logo-link:focus-visible { outline: 2px solid var(--hub-violet); outline-offset: 6px; }
/* skip link (keyboard): visible only when focused */
.htc-site .hub-skip { position: absolute; left: 12px; top: -60px; z-index: 10; padding: 10px 14px; border-radius: 6px; background: #FBE3B8; color: #1b130e; font: 700 13px/1 "Karla", system-ui, sans-serif; text-decoration: none; }
.htc-site .hub-skip:focus { top: 12px; }
/* top bar: section links + language between the status and the app link */
#htc-hub .hub-nav { display: flex; gap: 22px; }
#htc-hub .hub-nav a, #htc-hub .hub-lang { font: 700 11px/1 var(--hub-sans); letter-spacing: .08em; text-transform: uppercase; color: #cdbfc9; padding: 10px 0; }
#htc-hub .hub-nav a:hover, #htc-hub .hub-lang:hover, #htc-hub .hub-nav a[aria-current="page"] { color: var(--hub-orange); }
#htc-hub .hub-lang { min-width: 40px; min-height: 36px; display: inline-grid; place-items: center; border: 1px solid rgba(178,106,232,.45); border-radius: 999px; padding: 0 10px; color: var(--hub-cream); }
#htc-hub .hub-lang:hover { border-color: var(--hub-orange); }
@media (max-width: 1060px) { #htc-hub .hub-topnote { display: none; } }
@media (max-width: 760px) { #htc-hub .hub-nav { display: none; } #htc-hub .hub-topside { gap: 10px; } #htc-hub .hub-tophref { white-space: nowrap; padding-left: 4px; } #htc-hub .hub-lang { min-width: 36px; min-height: 36px; padding: 0 8px; } }
/* hero: the Set's request as the one brief chip (same look as the approved selected brief) */
#htc-hub .hub-brief.is-prompt { cursor: default; color: #251a15; background: var(--hub-cream); border-color: var(--hub-cream); font-style: normal; max-width: 100%; white-space: normal; text-align: left; line-height: 1.35; }
#htc-hub .hub-num-caption small #hub-lab-set { display: block; margin-top: 4px; color: #b5a6ab; font-family: var(--hub-mono); font-size: 10px; letter-spacing: .04em; }
/* track captions now carry interpretation · title · tempo (from the project): a wider label column, the caption wraps instead of
   running into the spectrum bars */
#htc-hub button.hub-track { grid-template-columns: minmax(0, 236px) minmax(0, 1fr); }
#htc-hub .hub-track-label { white-space: normal; min-width: 0; }
#htc-hub .hub-track-label > span:last-child { min-width: 0; }
#htc-hub .hub-track-label small { white-space: normal; line-height: 1.35; }
@media (max-width: 1060px) { #htc-hub button.hub-track { grid-template-columns: minmax(0, 210px) minmax(0, 1fr); } }
@media (max-width: 440px) { #htc-hub button.hub-track { grid-template-columns: minmax(0, 1fr) 72px; } }
#htc-hub .hub-track[aria-busy="true"] .hub-ico { animation: hub-live 1.2s ease-in-out infinite; }
#htc-hub .hub-track[disabled] { opacity: .45; cursor: default; }
/* until the visit's Set is chosen (JavaScript), the first Set's labels stay hidden — no visible swap */
html.js #htc-hub .hub-poster[data-demo="pending"] .hub-briefs, html.js #htc-hub .hub-poster[data-demo="pending"] .hub-track-label small, html.js #htc-hub .hub-poster[data-demo="pending"] #hub-lab-set { visibility: hidden; }
#htc-hub .hub-minor:hover { color: var(--hub-orange); }
#htc-hub .hub-faq-more { margin: 18px 0 0; } #htc-hub .hub-faq-more a { font: 700 12px/1 var(--hub-sans); letter-spacing: .06em; color: var(--hub-orange); }
#htc-hub .hub-faq-more a:hover { color: var(--hub-cream); }
/* footer: under the approved footer line — three short groups (explore · account · legal), then the project's attribution and the
   provisional-texts note on one base line */
#htc-hub .hub-footer-site { padding: 0 0 44px; margin-top: -10px; font: 500 12px/1.5 var(--hub-mono); color: #9c909b; }
#htc-hub .hub-fcols { display: grid; grid-template-columns: repeat(3, minmax(0, 220px)); gap: 28px clamp(28px, 6vw, 96px); padding: 4px 0 34px; }
#htc-hub .hub-fcol { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
#htc-hub .hub-fh { margin-bottom: 3px; font: 700 10.5px/1 var(--hub-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--hub-violet); }
#htc-hub .hub-fcol a, #htc-hub .hub-footer-note a { color: #cdbfc9; font: 500 14px/1.4 var(--hub-sans); }
#htc-hub .hub-fcol a:hover, #htc-hub .hub-footer-note a:hover { color: var(--hub-orange); }
#htc-hub .hub-footer-base { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 10px 32px; padding-top: 22px; border-top: 1px solid var(--hub-stroke); }
#htc-hub .hub-attr { margin: 0; font: 500 12px/1.6 var(--hub-mono); letter-spacing: .02em; color: #b7a9b4; }
#htc-hub .hub-attr b { font-weight: 700; color: var(--hub-cream); }
#htc-hub .hub-footer-note { margin: 0; color: #8c8190; font: 500 12px/1.6 var(--hub-mono); }
#htc-hub .hub-footer-note a { font: 700 12px/1.6 var(--hub-mono); }
@media (max-width: 760px) { #htc-hub .hub-fcols { grid-template-columns: repeat(2, minmax(0, 1fr)); } #htc-hub .hub-footer-base { flex-direction: column; gap: 6px; } }
/* inner pages */
#htc-hub .hub-page { padding-block: clamp(28px, 4vw, 56px) 0; }
#htc-hub .hub-page-head { max-width: 980px; padding-bottom: clamp(36px, 5vw, 64px); }
#htc-hub .hub-page-title { font-family: var(--hub-display); font-size: clamp(44px, 6vw, 92px); line-height: .95; letter-spacing: -.024em; font-weight: 700; margin: 18px 0 22px; color: var(--hub-ink); }
#htc-hub .hub-page-title em { font-style: normal; background: linear-gradient(95deg, var(--hub-cream) 0%, var(--hub-orange) 46%, var(--hub-violet) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#htc-hub .hub-page .hub-lede { max-width: 64ch; }
#htc-hub .hub-page-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(24px, 5vw, 70px); }
#htc-hub .hub-page-grid .hub-section-title { margin: 0; font-size: clamp(24px, 2.4vw, 36px); }
#htc-hub .hub-page-block .hub-faq-grid .hub-section-title { margin: 0; font-size: clamp(24px, 2.4vw, 36px); }
#htc-hub .hub-prose { color: #c9bfc8; font-size: 16px; line-height: 1.75; max-width: 70ch; }
#htc-hub .hub-prose p { margin: 0 0 14px; } #htc-hub .hub-prose ul { margin: 0 0 14px; padding-left: 20px; } #htc-hub .hub-prose li { margin: 0 0 8px; }
#htc-hub .hub-prose b { color: var(--hub-ink); } #htc-hub .hub-prose a { color: var(--hub-orange); text-decoration: underline; text-underline-offset: 3px; }
#htc-hub .hub-prose a:hover { color: var(--hub-cream); }
#htc-hub .hub-prose code { font: 500 13px/1 var(--hub-mono); color: var(--hub-cream); }
#htc-hub .hub-credit { color: #a99ba6; font-size: 14px; }
#htc-hub .hub-draft { max-width: 80ch; margin: 18px 0 0; padding: 14px 16px; border: 1px solid rgba(247,169,58,.45); border-radius: 8px; background: rgba(247,169,58,.07); color: #ead8ce; font-size: 14px; line-height: 1.6; }
#htc-hub .hub-draft b { color: var(--hub-orange); }
#htc-hub .hub-cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin: 24px 0 56px; padding: clamp(24px, 4vw, 44px); border: 1px solid rgba(178,106,232,.32); border-radius: 14px; background: linear-gradient(125deg, #201711 0%, #1b141b 72%, #19131e 100%); }
#htc-hub .hub-cta-note { margin: 10px 0 0; color: #c9bfc8; font-size: 16px; }
@media (max-width: 760px) { #htc-hub .hub-page-grid { grid-template-columns: 1fr; gap: 14px; } #htc-hub .hub-prose { font-size: 15px; } }
/* (C-181) Beta · three ways into the lab: a short staircase — each relationship one step further in; the one in preparation is drawn
   open (dashed), never as something you can already have */
#htc-hub .hub-tiers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: start; margin: 4px 0 10px; }
#htc-hub .hub-tier { padding: 16px 16px 6px; border: 1px solid rgba(251,227,184,.22); border-radius: 12px; background: rgba(255,255,255,.025); }
#htc-hub .hub-tier:nth-child(2) { margin-top: 18px; border-color: rgba(247,169,58,.45); }
#htc-hub .hub-tier:nth-child(3) { margin-top: 36px; border: 1px dashed rgba(178,106,232,.6); background: transparent; }
#htc-hub .hub-tier h3 { margin: 6px 0 4px; font: 700 20px/1.1 var(--hub-display); color: var(--hub-ink); }
#htc-hub .hub-prose .hub-tier p { margin: 0 0 8px; }
#htc-hub .hub-tier-state { font: 700 11px/1 var(--hub-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--hub-orange); }
#htc-hub .hub-tier[data-state="soon"] .hub-tier-state { color: #c89bf0; }
#htc-hub .hub-tier-line { color: var(--hub-cream); font-size: 15px; line-height: 1.45; }
#htc-hub .hub-prose .hub-tier ul { padding-left: 16px; font-size: 14px; line-height: 1.55; }
#htc-hub .hub-prose .hub-tier li { margin-bottom: 6px; }
#htc-hub .hub-tier-note { color: #a99ba6; font-size: 14px; }
#htc-hub .hub-creator-more { margin: 18px 0 0; }
@media (max-width: 1100px) { #htc-hub .hub-tiers { grid-template-columns: 1fr; } #htc-hub .hub-tier:nth-child(2), #htc-hub .hub-tier:nth-child(3) { margin-top: 0; } }
/* feedback on the public pages (B4 one-system: same API, same notice) */
.htc-site .hub-fb-tab { position: fixed; right: 0; top: 50%; z-index: 20; transform: translateY(-50%) rotate(-90deg) translateY(-100%); transform-origin: right top; padding: 9px 14px; border: 1px solid rgba(178,106,232,.45); border-bottom: 0; border-radius: 8px 8px 0 0; background: #131119; color: var(--hub-cream, #FBE3B8); font: 700 11px/1 "Karla", system-ui, sans-serif; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
.htc-site .hub-fb-tab:hover, .htc-site .hub-fb-tab:focus-visible { color: #F7A93A; outline: 2px solid #B26AE8; outline-offset: 2px; }
/* phones: the vertical edge tab would cover the FAQ toggles and section actions → a small pill in the bottom-right corner */
@media (max-width: 760px) { html.htc-site body { padding-bottom: 64px; } .htc-site .hub-fb-tab { top: auto; bottom: max(14px, env(safe-area-inset-bottom)); right: 12px; transform: none; border: 1px solid rgba(178,106,232,.45); border-radius: 999px; padding: 10px 14px; box-shadow: 0 10px 30px -10px #000c; } }
.htc-site .hub-fb { width: min(560px, calc(100vw - 32px)); padding: 0; border: 1px solid rgba(178,106,232,.4); border-radius: 12px; background: #131119; color: #f3efeb; font: 400 15px/1.55 "Karla", system-ui, sans-serif; }
.htc-site .hub-fb::backdrop { background: rgba(5, 5, 8, .7); }
.htc-site .hub-fb form { display: grid; gap: 12px; padding: 20px; }
.htc-site .hub-fb h2 { margin: 0; font: 700 22px/1.2 "League Spartan", Arial, sans-serif; color: #FBE3B8; }
.htc-site .hub-fb textarea { width: 100%; min-height: 120px; box-sizing: border-box; padding: 10px 12px; border: 1px solid rgba(226,194,185,.25); border-radius: 8px; background: #0c0b0f; color: #f3efeb; font: inherit; }
.htc-site .hub-fb textarea:focus-visible, .htc-site .hub-fb button:focus-visible { outline: 2px solid #B26AE8; outline-offset: 2px; }
.htc-site .hub-fb .kinds { display: flex; flex-wrap: wrap; gap: 6px; }
.htc-site .hub-fb .kinds button { padding: 7px 12px; border: 1px solid rgba(226,194,185,.25); border-radius: 999px; background: transparent; color: #cdbfc9; font: 600 13px/1 "Karla", sans-serif; cursor: pointer; min-height: 36px; }
.htc-site .hub-fb .kinds button[aria-checked="true"] { background: #FBE3B8; color: #251a15; border-color: #FBE3B8; }
.htc-site .hub-fb .notice, .htc-site .hub-fb details { color: #b5a6ab; font-size: 13px; }
.htc-site .hub-fb pre { white-space: pre-wrap; font: 500 11px/1.4 "JetBrains Mono", monospace; color: #cdbfc9; }
.htc-site .hub-fb .row { display: flex; gap: 10px; flex-wrap: wrap; }
.htc-site .hub-fb .row button { min-height: 44px; padding: 0 18px; border-radius: 6px; font: 700 13px/1 "Karla", sans-serif; letter-spacing: .05em; cursor: pointer; }
.htc-site .hub-fb .send { border: 1px solid #F7A93A; background: linear-gradient(105deg, #F7A93A, #FBE3B8); color: #251a15; }
.htc-site .hub-fb .cancel { border: 1px solid rgba(178,106,232,.58); background: transparent; color: #FBE3B8; }
.htc-site .hub-fb .msg { min-height: 1.2em; color: #f0a0b2; font-size: 14px; } .htc-site .hub-fb .msg.ok { color: #9fe0b8; }

/* ===== FINAL PUBLIC REFINEMENT — header account entries, "what HTC is", the shared account section, Hero visuals ===== */
/* header: Sign in (quiet) · Sign up (outlined) · CREATE → ; the section links give way to a two-row bar on phones */
#htc-hub .hub-topside { gap: 18px; }
#htc-hub .hub-acct { display: inline-flex; align-items: center; gap: 6px; }
#htc-hub .hub-signin, #htc-hub .hub-signup, #htc-hub .hub-me { font: 700 11px/1 var(--hub-sans); letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
#htc-hub .hub-signin { padding: 10px 8px; color: #cdbfc9; }
#htc-hub .hub-signin:hover { color: var(--hub-orange); }
#htc-hub .hub-signup, #htc-hub .hub-me { display: inline-grid; place-items: center; min-height: 36px; padding: 0 14px; border: 1px solid rgba(247,169,58,.62); border-radius: 999px; color: var(--hub-cream); transition: background .15s ease, border-color .15s ease; }
#htc-hub .hub-signup:hover, #htc-hub .hub-me:hover { background: rgba(247,169,58,.12); border-color: var(--hub-orange); }
#htc-hub .hub-acct [hidden] { display: none !important; }
@media (max-width: 1180px) { #htc-hub .hub-topside { gap: 14px; } #htc-hub .hub-nav { gap: 16px; } }
@media (max-width: 900px) { #htc-hub .hub-nav { display: none; } }
@media (max-width: 560px) {
  #htc-hub .hub-top { flex-wrap: wrap; row-gap: 4px; padding-block: 16px 6px; }
  #htc-hub .hub-topside { width: 100%; justify-content: space-between; gap: 6px; }
  #htc-hub .hub-signin { padding-inline: 2px; }
}
/* hero: one quiet account line under the approved subnote */
#htc-hub .hub-hero-acct { display: flex; flex-wrap: wrap; gap: 6px 24px; margin: 14px 0 0; font: 500 14px/1.5 var(--hub-sans); color: #a99ba6; }
#htc-hub .hub-hero-acct a { color: var(--hub-cream); font-weight: 700; text-decoration: underline; text-decoration-color: rgba(178,106,232,.7); text-underline-offset: 4px; }
#htc-hub .hub-hero-acct a:hover { color: var(--hub-orange); }
/* what HTC is: one statement, three short facts */
#htc-hub .hub-about { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(28px, 5vw, 84px); align-items: start; border-top: 1px solid var(--hub-stroke); padding-block: 56px 64px; }
#htc-hub .hub-about .hub-section-title em { font-style: normal; background: linear-gradient(95deg, var(--hub-cream) 0%, var(--hub-orange) 46%, var(--hub-violet) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#htc-hub .hub-about-lede { max-width: 44ch; margin: 21px 0 0; color: var(--hub-muted); font-size: 16px; line-height: 1.75; }
#htc-hub .hub-about-list { list-style: none; margin: 0; padding: 0; }
#htc-hub .hub-about-list li { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 20px; padding: 22px 0; border-top: 1px solid var(--hub-stroke); }
#htc-hub .hub-about-list li:first-child { border-top: 0; padding-top: 4px; }
#htc-hub .hub-about-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 10px; background: #ffffff08; border: 1px solid #ffffff12; color: var(--hub-orange); }
#htc-hub .hub-about-list li:nth-child(2) .hub-about-icon { color: var(--hub-cream); } #htc-hub .hub-about-list li:nth-child(3) .hub-about-icon { color: var(--hub-violet); }
#htc-hub .hub-about-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#htc-hub .hub-about-list h3 { margin: 2px 0 6px; font: 700 22px/1.2 var(--hub-display); letter-spacing: -.01em; color: var(--hub-cream); }
#htc-hub .hub-about-list p { margin: 0; max-width: 52ch; color: #ada4ae; font-size: 15px; line-height: 1.65; }
@media (max-width: 760px) { #htc-hub .hub-about { grid-template-columns: 1fr; gap: 26px; padding-block: 45px 40px; } #htc-hub .hub-about-list li { gap: 16px; padding-block: 18px; } }
/* the shared account section: persuasion left, the real form right */
/* sections that appear on scroll are only hidden while the script that reveals them runs (no JavaScript, print: always visible) */
html.htc-site:not(.js) #htc-hub .hub-reveal { opacity: 1; transform: none; }
@media print { #htc-hub .hub-reveal { opacity: 1 !important; transform: none !important; } }
#htc-hub .hub-anchor { display: block; height: 0; }
#htc-hub .hub-account { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 80px); align-items: center; margin: 8px 0 56px; padding: clamp(26px, 5vw, 60px); border: 1px solid rgba(178,106,232,.32); border-radius: 14px; background: linear-gradient(125deg, #201711 0%, #1b141b 72%, #19131e 100%); scroll-margin-top: 20px; }
#htc-hub .hub-account-lede { max-width: 46ch; margin: 18px 0 0; color: #c9bfc8; font-size: 16px; line-height: 1.75; }
#htc-hub .hub-account-anon { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin: 24px 0 0; color: #a99ba6; font-size: 14px; line-height: 1.6; }
#htc-hub .hub-account-anonlink { display: inline-flex; align-items: center; gap: 8px; color: var(--hub-orange); font: 700 12px/1.2 var(--hub-sans); letter-spacing: .07em; text-transform: uppercase; }
#htc-hub .hub-account-anonlink:hover { color: var(--hub-cream); }
#htc-hub .hub-account-card { min-width: 0; padding: clamp(20px, 3vw, 32px); border: 1px solid rgba(178,106,232,.28); border-radius: 12px; background: #131119; box-shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 30px 90px -30px #000c; }
#htc-hub .hub-tabs { display: inline-flex; gap: 2px; margin-bottom: 22px; padding: 4px; border: 1px solid var(--hub-stroke); border-radius: 999px; background: #0c0b0f; }
#htc-hub .hub-tabs button { appearance: none; min-height: 40px; padding: 0 18px; border: 0; border-radius: 999px; background: transparent; color: #b7aeb8; font: 700 12px/1 var(--hub-sans); letter-spacing: .07em; text-transform: uppercase; cursor: pointer; transition: background .15s ease, color .15s ease; }
#htc-hub .hub-tabs button:hover { color: var(--hub-cream); }
#htc-hub .hub-tabs button[aria-selected="true"] { background: var(--hub-cream); color: #251a15; }
#htc-hub .hub-tabs button:focus-visible, #htc-hub .hub-account-row button:focus-visible, #htc-hub .hub-account-form button:focus-visible { outline: 2px solid var(--hub-violet); outline-offset: 3px; }
#htc-hub .hub-account-h { margin: 0 0 16px; font: 700 24px/1.2 var(--hub-display); letter-spacing: -.01em; color: var(--hub-cream); }
#htc-hub .hub-field { display: block; margin-bottom: 8px; font: 700 11px/1.2 var(--hub-mono); letter-spacing: .14em; text-transform: uppercase; color: #b7a9b4; }
#htc-hub .hub-input { display: block; width: 100%; min-height: 52px; padding: 0 16px; border: 1px solid rgba(226,194,185,.28); border-radius: 8px; background: #0c0b0f; color: var(--hub-ink); font: 500 17px/1.2 var(--hub-sans); }
#htc-hub .hub-input::placeholder { color: #6f6672; }
#htc-hub .hub-input:focus-visible { outline: 2px solid var(--hub-violet); outline-offset: 2px; }
#htc-hub .hub-input-code { max-width: 260px; font: 600 24px/1.2 var(--hub-mono); letter-spacing: .32em; text-align: center; }
#htc-hub .hub-account-help { margin: 10px 0 0; color: #a99ba6; font-size: 14px; line-height: 1.6; }
#htc-hub .hub-account-error { min-height: 1.5em; margin: 10px 0 14px; color: #f0a0b2; font-size: 14px; line-height: 1.5; }
#htc-hub .hub-account-error.ok { color: #9fe0b8; }
#htc-hub .hub-account-form .hub-btn-main { width: 100%; min-width: 0; }
#htc-hub .hub-account-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
#htc-hub .hub-account-row .hub-btn { flex: 1 1 auto; min-width: 0; justify-content: center; }
#htc-hub .hub-account-row .hub-btn-main { min-width: 150px; justify-content: space-between; }
#htc-hub button.hub-btn { appearance: none; font-family: var(--hub-sans); cursor: pointer; background: transparent; }
#htc-hub button.hub-btn-main { background: linear-gradient(105deg, var(--hub-orange), var(--hub-cream)); }
#htc-hub .hub-btn-quiet { border: 1px solid transparent; color: #b7aeb8; }
#htc-hub .hub-btn-quiet:hover { color: var(--hub-cream); }
#htc-hub .hub-btn:disabled { opacity: .6; cursor: progress; transform: none; }
#htc-hub .hub-account-privacy { margin: 18px 0 0; color: #93898f; font-size: 13px; line-height: 1.6; }
#htc-hub .hub-account-privacy a { color: var(--hub-orange); text-decoration: underline; text-underline-offset: 3px; }
#htc-hub .hub-account.is-registered .hub-tabs, #htc-hub .hub-account.is-unavailable .hub-tabs, #htc-hub .hub-account.is-registered .hub-account-anon { display: none; }
/* (C-181b) "Sign up": the optional profile and the separate choices beside the e-mail (app/beta/profile-form.js) */
#htc-hub .hub-account-extra { display: grid; gap: 12px; margin: 18px 0 4px; }
#htc-hub .hub-account-sub { margin: 0; color: var(--hub-cream); font: 700 13px/1.4 var(--hub-sans); }
#htc-hub .hub-account-extra .prof-fields { display: grid; gap: 12px; }
#htc-hub .hub-account-extra .prof-set { min-width: 0; margin: 0; padding: 12px 14px 14px; border: 1px solid rgba(226,194,185,.18); border-radius: 10px; }
#htc-hub .hub-account-extra legend { padding: 0 6px; color: #b7a9b4; font: 700 11px/1.2 var(--hub-mono); letter-spacing: .1em; text-transform: uppercase; }
#htc-hub .hub-account-extra .prof-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 12px; }
#htc-hub .hub-pfield { margin: 0; font-size: 10.5px; }
#htc-hub .hub-input-s { min-height: 44px; margin-top: 6px; padding: 0 12px; font: 500 15px/1.2 var(--hub-sans); letter-spacing: 0; text-transform: none; }
#htc-hub select.hub-input-s { appearance: auto; }
#htc-hub .hub-account-extra .prof-help { margin: 8px 0 0; color: #a99ba6; font-size: 13px; line-height: 1.5; }
#htc-hub .hub-account-extra .prof-role-list { display: flex; flex-wrap: wrap; gap: 8px 16px; }
#htc-hub .prof-role, #htc-hub .hub-choice { display: inline-flex; align-items: flex-start; gap: 8px; color: #d6ccd4; font-size: 14px; line-height: 1.45; cursor: pointer; }
#htc-hub .prof-role { align-items: center; min-height: 32px; }
#htc-hub .prof-role input, #htc-hub .hub-choice input { flex: none; width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--hub-orange); }
#htc-hub .hub-account-extra .prof-choices { display: grid; gap: 8px; }
#htc-hub .hub-account-ok { color: #9fe0b8; }
@media (max-width: 440px) { #htc-hub .hub-account-extra .prof-grid { grid-template-columns: 1fr; } }
@media (max-width: 860px) { #htc-hub .hub-account { grid-template-columns: 1fr; gap: 28px; margin-bottom: 40px; } }
@media (max-width: 440px) { #htc-hub .hub-account { padding: 22px 16px; } #htc-hub .hub-account-card { padding: 20px 16px; } #htc-hub .hub-tabs { display: flex; } #htc-hub .hub-tabs button { flex: 1; padding: 0 8px; } #htc-hub .hub-account-row .hub-btn { flex: 1 1 100%; } }
/* secondary-page heroes: text left, a concept drawing right (SVG, no images); phones get their own compact drawing, not a shrunken one */
#htc-hub .hub-page-head { max-width: none; }
#htc-hub .hub-page-head.has-vis { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(28px, 5vw, 84px); align-items: center; }
#htc-hub .hub-page-head.has-vis .hub-page-title { font-size: clamp(40px, 4.7vw, 76px); }
#htc-hub .hub-vis-wrap { min-width: 0; }
#htc-hub .hub-vis { display: block; width: 100%; height: auto; }
#htc-hub .hub-vis-tall { display: none; }
#htc-hub .hub-vis-faq-wrap { opacity: .9; }
#htc-hub .hub-vis .v-mono { font: 700 10.5px/1 var(--hub-mono); letter-spacing: .12em; }
#htc-hub .hub-vis .v-sans { font-family: var(--hub-sans); font-weight: 700; }
#htc-hub .hub-vis .v-bar { transform-box: fill-box; transform-origin: center; transform: scaleY(var(--s, .5)); animation: hub-eq 1.2s var(--hub-ease) infinite; animation-delay: var(--d, 0s); }
#htc-hub .hub-vis .v-ring { transform-box: fill-box; transform-origin: center; animation: v-ripple 6s ease-in-out infinite; animation-delay: var(--d, 0s); }
@keyframes v-ripple { 0%, 100% { opacity: .65; transform: scale(1); } 50% { opacity: 1; transform: scale(1.03); } }
@media (max-width: 900px) {
  #htc-hub .hub-page-head.has-vis { grid-template-columns: 1fr; gap: 30px; }
  #htc-hub .hub-page-head.has-vis .hub-page-title { font-size: clamp(40px, 10vw, 64px); }
  #htc-hub .hub-vis-wide { display: none; }
  #htc-hub .hub-vis-tall { display: block; max-width: 440px; }
  #htc-hub .hub-vis-wrap.hub-vis-faq { display: none; }
}
@media (prefers-reduced-motion: reduce) { #htc-hub .hub-vis .v-bar, #htc-hub .hub-vis .v-ring { animation: none; } }