/* Hostmind / Etapa 5 / 5.0-pre / 2026-09-22
 * Tokens + component layer. Used verbatim by the specimen.
 * Integration into the full Stage 4 file still requires visual/regression review.
 * No font files, external imports, trackers, or transaction code.
 */
:root {
  --hm-canvas:#FBF8F3; --hm-surface:#FFFFFF; --hm-surface-muted:#F3EDE3;
  --hm-deep:#17362B; --hm-deepest:#0E241C;
  --hm-ink:#1B2620; --hm-body:#4A554F; --hm-muted:#5E6963;
  --hm-line:#E3DACC; --hm-input-border:#82745F;
  --hm-action:#A8432A; --hm-action-hover:#8F3A1E; --hm-action-active:#7A3119;
  --hm-on-action:#FFFFFF; --hm-on-dark-action:#F08A5D;
  --hm-on-dark-hover:#F5A57F; --hm-on-dark-active:#E57949;
  --hm-brand-asset:#3797D3; --hm-focus:#17362B;
  --hm-selected:#E8EFEA; --hm-disabled:#E3E5E1;
  --hm-success:#22603B; --hm-success-bg:#EAF4EC;
  --hm-error:#A32B22; --hm-error-bg:#FCF0ED;
  --hm-warning:#754D08; --hm-warning-bg:#FFF4DB;
  --hm-info:#23546B; --hm-info-bg:#EDF5F8;
  --hm-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --hm-mono:ui-monospace,SFMono-Regular,Consolas,monospace;
  --hm-weight-body:400; --hm-weight-ui:600; --hm-weight-heading:700;
  --hm-text-xs:.875rem; --hm-text-sm:1rem; --hm-text-body:1.125rem;
  --hm-text-lead:1.25rem; --hm-text-h3:1.5rem;
  --hm-text-h2:clamp(1.75rem,1.3rem + 1.6vw,2.375rem);
  --hm-text-h1:clamp(2.125rem,1.42rem + 2.45vw,3.625rem);
  --hm-leading-body:1.6; --hm-leading-heading:1.12;
  --hm-measure:65ch; --hm-measure-title:24ch;
  --hm-space-1:.25rem; --hm-space-2:.5rem; --hm-space-3:.75rem;
  --hm-space-4:1rem; --hm-space-6:1.5rem; --hm-space-8:2rem;
  --hm-space-10:2.5rem; --hm-space-12:3rem; --hm-space-16:4rem;
  --hm-space-20:5rem; --hm-space-24:6rem;
  --hm-container:74rem; --hm-form:42rem; --hm-gutter:1rem;
  --hm-section:clamp(3rem,5.4vw,5.5rem); --hm-gap:1.5rem;
  --hm-radius-button:.625rem; --hm-radius-card:1rem;
  --hm-radius-large:1.5rem; --hm-radius-pill:100rem;
  --hm-border:1px; --hm-input-stroke:1.5px;
  --hm-shadow:0 12px 36px rgba(14,36,28,.06);
  --hm-target:3.5rem; --hm-target-small:2.75rem;
  --hm-motion:140ms; --hm-ease:ease-out;
  /* Aliases of tokens used by the original V2 renderer. */
  --ink:var(--hm-ink); --muted:var(--hm-muted); --line:var(--hm-line);
  --paper:var(--hm-canvas); --soft:var(--hm-surface-muted); --white:var(--hm-surface);
  --radius:var(--hm-radius-card);
}
*{box-sizing:border-box}
html{scroll-behavior:auto;scroll-padding-top:1.5rem}
body{margin:0;background:var(--hm-canvas);color:var(--hm-ink);font:var(--hm-weight-body) var(--hm-text-body)/var(--hm-leading-body) var(--hm-font)}
[hidden]{display:none!important}
button,input,select,textarea{font:inherit}
a{color:var(--hm-deep);text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
button{cursor:pointer}
:where(a,button,input,select,textarea,summary,[tabindex="0"],.error-summary):focus-visible{outline:3px solid var(--hm-focus);outline-offset:4px;box-shadow:0 0 0 3px var(--hm-surface)}
:where(h1,h2,h3,p,li,td,th,button,a,label,summary){overflow-wrap:break-word}
h1,h2,h3{color:var(--hm-deep);font-weight:var(--hm-weight-heading);margin:0 0 var(--hm-space-6);letter-spacing:-.035em;line-height:var(--hm-leading-heading)}
h1{font-size:var(--hm-text-h1);max-width:var(--hm-measure-title)}
h2{font-size:var(--hm-text-h2);max-width:30ch}
h3{font-size:var(--hm-text-h3);line-height:1.25;letter-spacing:-.02em}
p{margin:0 0 var(--hm-space-6);max-width:var(--hm-measure)}
small,.hint,.micro{font-size:var(--hm-text-xs);line-height:1.5;color:var(--hm-muted)}
small{display:block}
.lead{font-size:var(--hm-text-lead);line-height:1.55;color:var(--hm-body)}
.eyebrow{font-size:var(--hm-text-xs);font-weight:var(--hm-weight-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--hm-muted);margin-bottom:var(--hm-space-6)}
.wrap,.site-header,.site-footer,.breadcrumb,.toolbelt,body>main{max-width:var(--hm-container);margin-inline:auto;padding-inline:var(--hm-gutter)}
.skip{position:absolute;top:-200px;left:16px;z-index:100;background:var(--hm-surface);padding:1rem}.skip:focus{top:12px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--hm-space-6);padding-block:var(--hm-space-6);border-bottom:1px solid var(--hm-line)}
.site-nav{display:flex;align-items:center;flex-wrap:wrap;gap:var(--hm-space-6);font-size:var(--hm-text-sm)}
.site-nav a{display:inline-flex;align-items:center;min-height:var(--hm-target-small)}
.brand{display:inline-flex;width:10.5rem;min-width:10.5rem;height:3.25rem;align-items:center;justify-content:center;text-decoration:none;font-weight:700;letter-spacing:-.05em;color:var(--hm-brand-asset)}
.brand img{display:block;width:100%;height:auto}
.breadcrumb{padding-block:var(--hm-space-4);font-size:var(--hm-text-xs);color:var(--hm-muted)}
.hero{padding-block:var(--hm-section)}
.hero.split{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--hm-space-10);align-items:start}
.hero-copy,.hero-actions{min-width:0}
.hero-actions{padding:var(--hm-space-8);border:1px solid var(--hm-line);background:var(--hm-surface);border-radius:var(--hm-radius-card)}
.content-section{padding-block:var(--hm-section);border-top:1px solid var(--hm-line)}
.cards{display:grid;grid-template-columns:1fr;gap:var(--hm-gap);margin-block:var(--hm-space-8)}
.card{min-width:0;border:1px solid var(--hm-line);background:var(--hm-surface);padding:var(--hm-space-8);border-radius:var(--hm-radius-card)}
.card>p{color:var(--hm-body)}
.card>:last-child{margin-bottom:0}
.card h3{margin-bottom:var(--hm-space-4)}
.card a{display:inline-flex;align-items:center;min-height:var(--hm-target-small)}
.actions{display:flex;flex-wrap:wrap;gap:var(--hm-space-4);align-items:center;margin-block:var(--hm-space-6)}
.button{max-width:100%;min-width:0;flex-wrap:wrap;display:inline-flex;align-items:center;justify-content:center;gap:var(--hm-space-3);min-height:var(--hm-target);padding:.875rem 1.5rem;border:1px solid transparent;border-radius:var(--hm-radius-button);font-size:var(--hm-text-sm);line-height:1.45;font-weight:var(--hm-weight-ui);text-decoration:none;text-align:center;white-space:normal;transition:background-color var(--hm-motion) var(--hm-ease),border-color var(--hm-motion) var(--hm-ease)}
.button.primary{background:var(--hm-action);color:var(--hm-on-action);border-color:var(--hm-action)}
.button.primary:hover{background:var(--hm-action-hover);border-color:var(--hm-action-hover);text-decoration:none}
.button.primary:active{background:var(--hm-action-active);border-color:var(--hm-action-active)}
.button.secondary{background:transparent;color:var(--hm-deep);border-color:var(--hm-input-border)}
.button.secondary:hover{background:var(--hm-surface-muted);border-color:var(--hm-deep)}
.button.secondary:active{background:var(--hm-selected)}
.button.tertiary{color:var(--hm-deep);background:transparent;text-decoration:underline;padding-inline:.5rem}
.button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--hm-deep);background:var(--hm-selected);color:var(--hm-deep);border-color:var(--hm-deep)}
button:disabled,.button:disabled{opacity:1;background:var(--hm-disabled);border-color:var(--hm-muted);color:var(--hm-body);cursor:not-allowed}
.cta-wrap{margin-block:var(--hm-space-6)}.cta-wrap small{margin-top:var(--hm-space-3)}
.dark-panel{background:var(--hm-deep);color:var(--hm-canvas);padding:var(--hm-space-8);border-radius:var(--hm-radius-large)}
.dark-panel :is(h2,h3,p,.eyebrow){color:inherit}.dark-panel a:not(.button){color:var(--hm-canvas)}
.dark-panel .button.primary{background:var(--hm-on-dark-action);color:var(--hm-deepest);border-color:var(--hm-on-dark-action)}
.dark-panel .button.primary:hover{background:var(--hm-on-dark-hover);border-color:var(--hm-on-dark-hover)}
.dark-panel .button.primary:active{background:var(--hm-on-dark-active);border-color:var(--hm-on-dark-active)}
.dark-panel :focus-visible{outline-color:var(--hm-on-dark-action);box-shadow:0 0 0 3px var(--hm-deep)}
.note,.status-card{padding:var(--hm-space-6);background:var(--hm-surface-muted);border:1px solid var(--hm-line);border-left:4px solid var(--hm-deep);border-radius:var(--hm-radius-button);margin-block:var(--hm-space-6)}
.note strong{display:block;margin-bottom:var(--hm-space-2)}.note p:last-child,.status-card p:last-child{margin-bottom:0}
.status-card{display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:var(--hm-space-4)}
.status-icon{display:flex;width:2.25rem;height:2.25rem;justify-content:center;align-items:center;border:2px solid currentColor;border-radius:50%;font-weight:700}
.status-card h3{color:inherit;font-size:1.25rem;margin-bottom:var(--hm-space-3)}
.status-card[data-status-kind=success]{background:var(--hm-success-bg);border-color:var(--hm-success);color:var(--hm-success)}
.status-card[data-status-kind=error]{background:var(--hm-error-bg);border-color:var(--hm-error);color:var(--hm-error)}
.status-card[data-status-kind=warning]{background:var(--hm-warning-bg);border-color:var(--hm-warning);color:var(--hm-warning)}
.status-card[data-status-kind=info]{background:var(--hm-info-bg);border-color:var(--hm-info);color:var(--hm-info)}
.field{margin-bottom:var(--hm-space-6);max-width:var(--hm-form)}
.field label{display:block;margin-bottom:var(--hm-space-2);font-size:var(--hm-text-sm);font-weight:var(--hm-weight-ui)}
.field .hint{margin-block:var(--hm-space-2)}
input:not([type=checkbox]):not([type=radio]),textarea,select{max-width:100%;width:100%;min-height:var(--hm-target);padding:.875rem 1rem;border:var(--hm-input-stroke) solid var(--hm-input-border);border-radius:var(--hm-radius-button);background:var(--hm-surface);color:var(--hm-ink);font-size:1rem;line-height:1.5}
textarea{min-height:9rem;resize:vertical}
input::placeholder,textarea::placeholder{color:var(--hm-muted);opacity:1}
input:not([type=checkbox]):not([type=radio]):hover,textarea:hover,select:hover{border-color:var(--hm-deep)}
input[type=checkbox],input[type=radio]{accent-color:var(--hm-deep);min-width:1.5rem;width:1.5rem;height:1.5rem;flex-shrink:0;margin:.125rem 0 0}
.check,.choice{display:flex!important;align-items:flex-start;gap:var(--hm-space-3);padding:var(--hm-space-3) 0;min-height:var(--hm-target-small);font-size:var(--hm-text-sm)}
.choice{padding:var(--hm-space-4);border:var(--hm-input-stroke) solid var(--hm-input-border);border-radius:var(--hm-radius-button);background:var(--hm-surface)}
.choice:has(input:checked){background:var(--hm-selected);border-color:var(--hm-deep);box-shadow:inset 0 0 0 1px var(--hm-deep)}
fieldset{border:0;padding:0;margin:0 0 var(--hm-space-6);min-width:0}legend{font-weight:600;margin-bottom:var(--hm-space-3)}
.form-group{max-width:var(--hm-form)}
.has-error input,.has-error textarea,[aria-invalid=true]{border:2px solid var(--hm-error)!important}
.field-error{color:var(--hm-error);font-size:var(--hm-text-xs);font-weight:600;margin-top:var(--hm-space-2)}
.error-summary{padding:var(--hm-space-6);border:2px solid var(--hm-error);background:var(--hm-error-bg);border-radius:var(--hm-radius-button);margin-bottom:var(--hm-space-8);color:var(--hm-error)}
.error-summary h3,.error-summary a{color:var(--hm-error)}
.table-wrap{overflow-x:auto;max-width:100%;margin-block:var(--hm-space-6);border:1px solid var(--hm-line);border-radius:var(--hm-radius-button)}
table{border-collapse:collapse;width:100%;font-size:var(--hm-text-sm)}
th,td{padding:var(--hm-space-4);text-align:left;vertical-align:top;border-bottom:1px solid var(--hm-line)}
th{background:var(--hm-surface-muted);font-weight:600;color:var(--hm-deep)}
tbody tr:last-child td{border-bottom:0}td{background:var(--hm-surface)}
.price{font-size:clamp(2.375rem,2rem + 1vw,3rem);line-height:1.15;font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--hm-deep)}
.price span{font-size:1rem;letter-spacing:0;margin-left:.25rem;font-weight:600}
.price-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--hm-space-2)}
summary{cursor:pointer;min-height:var(--hm-target);padding:var(--hm-space-4);font-weight:600;color:var(--hm-deep)}
details{border-block-end:1px solid var(--hm-line)}
details>div{padding:0 var(--hm-space-4) var(--hm-space-6)}
.page-toc{margin-bottom:var(--hm-space-8);border:1px solid var(--hm-line);border-radius:var(--hm-radius-button)}
.page-toc button{display:block;min-height:var(--hm-target-small);width:100%;text-align:left;background:transparent;border:0;padding:.5rem;color:var(--hm-deep)}
.review-only{display:none}.review-mode .review-only{display:block}
.sim-bar,.toolbelt{background:var(--hm-surface-muted);color:var(--hm-body);font-size:var(--hm-text-xs)}
.toolbelt{padding-block:var(--hm-space-4);display:flex;gap:var(--hm-space-3);flex-wrap:wrap}
.toolbelt button{min-height:var(--hm-target-small);padding:.5rem 1rem;border:1px solid var(--hm-input-border);border-radius:.5rem;background:var(--hm-surface);color:var(--hm-deep)}
.tool-controls{display:grid;gap:var(--hm-space-4);grid-template-columns:1fr}.tool-controls label{min-width:0}
.section-meta{padding:var(--hm-space-4);font-size:var(--hm-text-xs);border:1px dashed var(--hm-input-border);background:var(--hm-surface-muted);margin-bottom:var(--hm-space-6)}
.site-footer{padding-block:var(--hm-space-12);border-top:1px solid var(--hm-line);font-size:var(--hm-text-sm)}
.site-footer nav{display:flex;flex-wrap:wrap;gap:var(--hm-space-6);margin-block:var(--hm-space-6)}
.site-footer nav a{min-height:var(--hm-target-small);display:inline-flex;align-items:center}
dialog{max-width:min(60rem,calc(100% - 2rem));max-height:85vh;overflow:auto;border:1px solid var(--hm-input-border);border-radius:var(--hm-radius-card);padding:var(--hm-space-8);background:var(--hm-canvas);color:var(--hm-ink)}
dialog::backdrop{background:rgba(14,36,28,.5)}
@media(min-width:48rem){:root{--hm-gutter:1.5rem}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:64rem){:root{--hm-gutter:2rem}.hero.split{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:var(--hm-space-16)}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:47.99rem){.site-header{flex-wrap:wrap}.actions{align-items:stretch}.actions .button,.cta-wrap .button{width:100%}.card,.hero-actions,.dark-panel{padding:var(--hm-space-6)}.table-wrap th,.table-wrap td{padding:var(--hm-space-3)}.hero h1{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.button:disabled,.button:disabled:hover,.button:disabled:active,.dark-panel .button:disabled,.dark-panel .button:disabled:hover,.dark-panel .button:disabled:active{background:var(--hm-disabled);border-color:var(--hm-muted);color:var(--hm-body);cursor:not-allowed}
@media(forced-colors:active){.button,.choice,.status-card{border:2px solid ButtonText}input[type=checkbox],input[type=radio]{forced-color-adjust:auto}}

/* Fisa publica pentru participantii la webinar. */
.worksheet{max-width:58rem;margin:0 auto;padding:clamp(1.5rem,4vw,4rem) 0 5rem}
.worksheet-header{padding:clamp(1.5rem,4vw,3rem);background:var(--hm-surface);border:1px solid var(--hm-line);border-radius:var(--hm-radius-large)}
.worksheet-header h1{max-width:18ch}
.worksheet-print-note{color:var(--hm-muted);font-size:var(--hm-text-sm);margin-bottom:0}
.worksheet-section{padding:clamp(2rem,5vw,4rem) 0;border-top:1px solid var(--hm-line)}
.worksheet-header+.worksheet-section{border-top:0}
.worksheet-prompts{display:grid;gap:.75rem;margin:2rem 0}
.worksheet-prompts p{max-width:none;margin:0;padding:1rem 0}
.write-line{display:inline-block;min-width:min(100%,24rem);height:1.4em;border-bottom:1px dotted var(--hm-input-border);vertical-align:bottom}
.write-line.short{min-width:10rem}
.worksheet-method{display:grid;gap:1rem;margin-top:2rem}
.worksheet-method>div{padding:1.5rem;background:var(--hm-surface);border:1px solid var(--hm-line);border-radius:var(--hm-radius-card)}
.worksheet-method h3{font-size:1.15rem;margin-bottom:.75rem}
.write-area{display:block;height:4.5rem;margin-top:1rem;background:repeating-linear-gradient(to bottom,transparent 0,transparent 1.45rem,var(--hm-line) 1.45rem,var(--hm-line) calc(1.45rem + 1px))}
.worksheet-examples{display:grid;gap:1rem;margin-top:2rem}
.worksheet-examples .card{padding:clamp(1.25rem,3vw,2rem)}
.worksheet-examples .card p{font-size:1rem}
.worksheet-signoff{font-weight:700;color:var(--hm-deep);margin-top:2rem}
@media(min-width:64rem){.worksheet-method{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:47.99rem){.worksheet{padding-top:1rem}.worksheet-header{padding:1.25rem}.write-line,.write-line.short{display:block;min-width:100%;margin-top:.5rem}.worksheet .table-wrap{font-size:.9rem}}
@media print{body{background:#fff;font-size:11pt}.site-header,.breadcrumb,.site-footer,#consent-dialog,.draft-notice,.worksheet-print-note{display:none!important}body>main{max-width:none;padding:0}.worksheet{max-width:none;padding:0}.worksheet-header{border:0;padding:0 0 1rem}.worksheet-section{padding:1.2rem 0;break-inside:avoid}.worksheet-examples .card,.worksheet-method>div{break-inside:avoid;box-shadow:none}.table-wrap{overflow:visible}.table-wrap table{font-size:9pt}.write-line{border-bottom-color:#777}.note{break-inside:avoid}}

/* October 2026 identity. Shared by private flows and operator surfaces. */
:root{--hm-canvas:#F3F2EF;--hm-surface:#fff;--hm-surface-muted:#F7F6F3;--hm-deep:#0B0D10;--hm-deepest:#0B0D10;--hm-ink:#0D0F12;--hm-body:#2A2E35;--hm-muted:#6B7079;--hm-line:#E2E0DB;--hm-input-border:#BDB8AE;--hm-action:#2F6FE4;--hm-action-hover:#255BC0;--hm-action-active:#1E4FA8;--hm-on-dark-action:#A9C4F5;--hm-focus:#2F6FE4;--hm-selected:#EEF3FD;--hm-font:Geist,system-ui,-apple-system,sans-serif}