mod: добавлена типографика и картинки

This commit is contained in:
2026-06-17 21:52:51 +03:00
parent f71dd3a475
commit 2f6294eab2

View File

@@ -1041,18 +1041,17 @@
<div style="overflow:hidden;"> <div style="overflow:hidden;">
<section class="hero"> <section class="hero">
<div class="hero-content"> <div class="hero-content">
<div class="hero-label">Organizational health intelligence</div> <div class="hero-label">Organiz&shy;ational health intelligence</div>
<h1>See what's building<br>beneath the <em>surface</em></h1> <h1>See what&apos;s building<br/>beneath the&nbsp;<em>surface</em></h1>
<p class="hero-sub">BurnAware gives HR leaders and organizational teams an early-warning system for chronic <p class="hero-sub">BurnAware gives HR leaders and organiz&shy;ational teams an&nbsp;early-warning system for&nbsp;chronic
overload, team pressure, and the conditions that quietly erode long-term performance.</p> overload, team pressure, and the&nbsp;conditions that&nbsp;quietly erode long-term performance.</p>
<div class="hero-actions"> <div class="hero-actions">
<a href="#cta" class="btn-primary" aria-label="Request a conversation with the BurnAware team">Request a <a aria-label="Request a conversation with the BurnAware team" class="btn-primary" href="#cta">Request a&nbsp;conversation</a>
conversation</a> <a aria-label="See how BurnAware works" class="btn-secondary" href="#how">See how it&nbsp;works <span
<a href="#how" class="btn-secondary" aria-label="See how BurnAware works">See how it works <span aria-hidden="true" class="btn-arrow"></span></a>
class="btn-arrow" aria-hidden="true"></span></a>
</div> </div>
</div> </div>
<div class="hero-visual" aria-label="A dashboard showing a team's sustainability index and overload risk."> <div aria-label="A dashboard showing a team's sustainability index and overload risk." class="hero-visual">
<div class="dashboard-card"> <div class="dashboard-card">
<div class="dash-header"> <div class="dash-header">
<div> <div>
@@ -1064,48 +1063,49 @@
<div class="dash-body"> <div class="dash-body">
<div class="dash-metrics"> <div class="dash-metrics">
<div class="metric-item"> <div class="metric-item">
<div class="metric-label">Sustainability index</div> <div class="metric-label">Sustain&shy;ability index</div>
<div class="metric-value warn">41<span style="font-size:.9rem;font-weight:400"> /100</span></div> <div class="metric-value warn">41<span style="font-size:.9rem;font-weight:400"> /100</span></div>
<div class="metric-sub">↓ 9 points since March</div> <div class="metric-sub">↓ 9 points since March</div>
</div> </div>
<div class="metric-item"> <div class="metric-item">
<div class="metric-label">Overload risk</div> <div class="metric-label">Overload risk</div>
<div class="metric-value warn">4 <span style="font-size:.9rem;font-weight:400">of 11</span></div> <div class="metric-value warn">4 <span style="font-size:.9rem;font-weight:400">of&nbsp;11</span></div>
<div class="metric-sub">Early-stage signals detected</div> <div class="metric-sub">Early-stage signals detected</div>
</div> </div>
<div class="metric-item"> <div class="metric-item">
<div class="metric-label">Clarity score</div> <div class="metric-label">Clarity score</div>
<div class="metric-value">52<span style="font-size:.9rem;font-weight:400"> /100</span></div> <div class="metric-value">52<span style="font-size:.9rem;font-weight:400"> /100</span></div>
<div class="metric-sub">Role clarity is the main driver</div> <div class="metric-sub">Role clarity is&nbsp;the&nbsp;main driver</div>
</div> </div>
<div class="metric-item"> <div class="metric-item">
<div class="metric-label">Psychological safety</div> <div class="metric-label">Psycho&shy;logical safety</div>
<div class="metric-value ok">67<span style="font-size:.9rem;font-weight:400"> /100</span></div> <div class="metric-value ok">67<span style="font-size:.9rem;font-weight:400"> /100</span></div>
<div class="metric-sub">Strong—above benchmark</div> <div class="metric-sub">Strong—above benchmark</div>
</div> </div>
</div> </div>
<div class="signal-list"> <div class="signal-list">
<div class="signal-item"> <div class="signal-item">
<span class="signal-dot red" aria-label="Red signal"></span> <span aria-label="Red signal" class="signal-dot red"></span>
<div> <div>
<div class="signal-text">3 people show sustained high demand with insufficient recovery time</div> <div class="signal-text">3 people show sustained high demand with&nbsp;insufficient recovery time
<a href="#" class="signal-action" aria-label="View recommended actions for high demand signal">→ View </div>
<a aria-label="View recommended actions for high demand signal" class="signal-action" href="#">→ View
recommended actions</a> recommended actions</a>
</div> </div>
</div> </div>
<div class="signal-item"> <div class="signal-item">
<span class="signal-dot amber" aria-label="Amber signal"></span> <span aria-label="Amber signal" class="signal-dot amber"></span>
<div> <div>
<div class="signal-text">Role ambiguity is risinglinked to recent structure change</div> <div class="signal-text">Role ambiguity is&nbsp;risinglinked to&nbsp;recent structure change</div>
<a href="#" class="signal-action" <a aria-label="View suggested leader conversation for role ambiguity signal" class="signal-action"
aria-label="View suggested leader conversation for role ambiguity signal">→ Suggested leader href="#">→ Suggested leader
conversation</a> conversation</a>
</div> </div>
</div> </div>
<div class="signal-item"> <div class="signal-item">
<span class="signal-dot green" aria-label="Green signal"></span> <span aria-label="Green signal" class="signal-dot green"></span>
<div> <div>
<div class="signal-text">Team cohesion remains stable despite the increased workload</div> <div class="signal-text">Team cohesion remains stable despite the&nbsp;increased workload</div>
</div> </div>
</div> </div>
</div> </div>
@@ -1128,27 +1128,29 @@
</div> </div>
<section aria-labelledby="problem-title"> <section aria-labelledby="problem-title">
<div class="section-label">The problem</div> <div class="section-label">The&nbsp;problem</div>
<h2 id="problem-title">By the time it's visible,<br>the cost is already <em>real</em></h2> <h2 id="problem-title">By&nbsp;the&nbsp;time it&apos;s visible,<br/>the&nbsp;cost is&nbsp;already <em>real</em></h2>
<div class="problem-grid"> <div class="problem-grid">
<div> <div>
<p class="section-body">Most organizations don't have a burnout problemthey have a visibility problem. The <p class="section-body">Most organi&shy;zations don&apos;t have a&nbsp;burnout problemthey&nbsp;have a&nbsp;visibility
early signals are there: people carrying more than they should, clarity eroding during change, pressure problem. The&nbsp;early signals are there: people carrying more than they&nbsp;should, clarity eroding during
accumulating in pockets that don't show up in engagement surveys or performance reviews.</p> change, pressure accumulating in&nbsp;pockets that&nbsp;don&apos;t show up in&nbsp;engagement surveys or&nbsp;performance
<br> reviews.</p>
<p class="section-body">Standard tools measure sentiment. BurnAware measures the structural and contextual <br/>
conditions that create risk — before it surfaces in turnover, underperformance, or a conversation that comes <p class="section-body">Standard tools measure sentiment. BurnAware measures the&nbsp;structural and contextual
too late.</p> conditions that&nbsp;create risk—before it&nbsp;surfaces in&nbsp;turnover, underper&shy;formance, or&nbsp;a&nbsp;conversation
that&nbsp;comes too late.</p>
</div> </div>
<ul class="problem-list"> <ul class="problem-list">
<li>Annual engagement surveys miss what's happening between cycles. By the time results are in, the situation <li>Annual engagement surveys miss what&apos;s happening between cycles. By&nbsp;the&nbsp;time results are in,
has already shifted. the&nbsp;situation has already shifted.
</li> </li>
<li>Pulse surveys tell you how people feel today. They rarely tell you why, or what's likely to happen next. <li>Pulse surveys tell you how people feel today. They&nbsp;rarely tell you why, or&nbsp;what&apos;s likely to&nbsp;happen
next.
</li> </li>
<li>High performers are often the least visible risk. They absorb pressure quietlyuntil they don't.</li> <li>High performers are often the&nbsp;least visible risk. They&nbsp;absorb pressure quietlyuntil they&nbsp;don&apos;t.</li>
<li>Leaders managing transformation face a specific challenge: change itself creates risk conditions that can <li>Leaders managing transfor&shy;mation face a&nbsp;specific challenge: change itself creates risk conditions
look like engagement, not dysfunction. that&nbsp;can look like engagement, not&nbsp;dysfunction.
</li> </li>
</ul> </ul>
</div> </div>
@@ -1156,31 +1158,31 @@
<div style="background:var(--surface-alt); padding:1px 0;" id="how"> <div style="background:var(--surface-alt); padding:1px 0;" id="how">
<section aria-labelledby="how-it-works-title"> <section aria-labelledby="how-it-works-title">
<div class="section-label">How it works</div> <div class="section-label">How it&nbsp;works</div>
<h2 id="how-it-works-title">Simple to run.<br><em>Meaningful</em> by design.</h2> <h2 id="how-it-works-title">Simple to&nbsp;run.<br/><em>Meaningful</em> by&nbsp;design.</h2>
<div class="steps"> <div class="steps">
<div class="step"> <div class="step">
<div class="step-num" aria-hidden="true">01</div> <div aria-hidden="true" class="step-num">01</div>
<div class="step-title">Assess</div> <div class="step-title">Assess</div>
<div class="step-desc">A structured diagnostic1215 minutes per person. Built on occupational psychology <div class="step-desc">A&nbsp;structured diagnostic1215 minutes per person. Built on&nbsp;occupational
research, calibrated across cultural backgrounds and team contexts. Not a survey. Not a self-report psychology research, calibrated across cultural backgrounds and team contexts. Not&nbsp;a&nbsp;survey. Not&nbsp;a&nbsp;self-report
questionnaire. question&shy;naire.
</div> </div>
</div> </div>
<div class="step"> <div class="step">
<div class="step-num" aria-hidden="true">02</div> <div aria-hidden="true" class="step-num">02</div>
<div class="step-title">Detect</div> <div class="step-title">Detect</div>
<div class="step-desc">BurnAware maps results across six dimensions: internal state, work context, recovery <div class="step-desc">BurnAware maps results across six dimensions: internal state, work context, recovery
capacity, clarity, cultural dynamics, and coping patterns. It surfaces the combinations that create real capacity, clarity, cultural dynamics, and coping patterns. It&nbsp;surfaces the&nbsp;combinations that&nbsp;create
risk — not just averages. real risk—not&nbsp;just averages.
</div> </div>
</div> </div>
<div class="step"> <div class="step">
<div class="step-num" aria-hidden="true">03</div> <div aria-hidden="true" class="step-num">03</div>
<div class="step-title">Act</div> <div class="step-title">Act</div>
<div class="step-desc">Each leader gets a prioritized action plan for their specific team — not a PDF of <div class="step-desc">Each leader gets a&nbsp;prioritized action plan for&nbsp;their specific team—not&nbsp;a&nbsp;PDF
generic recommendations. Written for this situation, updated as new diagnostics come in, and designed to be of&nbsp;generic recommen&shy;dations. Written for&nbsp;this&nbsp;situation, updated as&nbsp;new diagnostics
usable, not just readable. come in, and designed to&nbsp;be usable, not&nbsp;just readable.
</div> </div>
</div> </div>
</div> </div>
@@ -1188,85 +1190,92 @@
</div> </div>
<section aria-labelledby="features-title"> <section aria-labelledby="features-title">
<div class="section-label">What you get</div> <div class="section-label">What&nbsp;you get</div>
<h2 id="features-title">Built for leaders who need<br>to act, not just <em>understand</em></h2> <h2 id="features-title">Built for&nbsp;leaders who need<br/>to&nbsp;act, not&nbsp;just <em>understand</em></h2>
<div class="features-grid"> <div class="features-grid">
<div class="feature-card"> <div class="feature-card">
<div class="feature-icon" aria-hidden="true"> <div aria-hidden="true" class="feature-icon">
<svg viewBox="0 0 24 24"> <svg viewbox="0 0 24 24">
<path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7z"/> <path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7z"></path>
<circle cx="12" cy="12" r="3"/> <circle cx="12" cy="12" r="3"></circle>
</svg> </svg>
</div> </div>
<div class="feature-title">Early overload detection</div> <div class="feature-title">Early overload detection</div>
<div class="feature-desc">Identify sustained high-demand patterns before they compound. See which individuals <div class="feature-desc">Identify sustained high-demand patterns before they&nbsp;compound. See which&nbsp;individuals
and sub-teams are carrying structural overloadweeks before it becomes a retention or performance issue. and sub-teams are carrying structural overloadweeks before it&nbsp;becomes a&nbsp;retention or&nbsp;performance
issue.
</div> </div>
</div> </div>
<div class="feature-card"> <div class="feature-card">
<div class="feature-icon" aria-hidden="true"> <div aria-hidden="true" class="feature-icon">
<svg viewBox="0 0 24 24"> <svg viewbox="0 0 24 24">
<circle cx="12" cy="12" r="10"/> <circle cx="12" cy="12" r="10"></circle>
<polyline points="12 6 12 12 16 14"/> <polyline points="12 6 12 12 16 14"></polyline>
</svg> </svg>
</div> </div>
<div class="feature-title">Organizational pressure mapping</div> <div class="feature-title">Organiz&shy;ational pressure mapping</div>
<div class="feature-desc">During change and transformation, pressure concentrates in predictable places — but <div class="feature-desc">During change and transfor&shy;mation, pressure concentrates in&nbsp;predictable
most tools don't see it. BurnAware maps where pressure is building, why, and what the likely trajectory looks places—but&nbsp;most tools don&apos;t see it. BurnAware maps where pressure is&nbsp;building, why, and what&nbsp;the&nbsp;likely
trajectory looks
like. like.
</div> </div>
</div> </div>
<div class="feature-card"> <div class="feature-card">
<div class="feature-icon" aria-hidden="true"> <div aria-hidden="true" class="feature-icon">
<svg viewBox="0 0 24 24"> <svg viewbox="0 0 24 24">
<polygon <polygon
points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/> points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg> </svg>
</div> </div>
<div class="feature-title">Clarity and sustainability scoring</div> <div class="feature-title">Clarity and sustain&shy;ability scoring</div>
<div class="feature-desc">Lack of role clarity and unsustainable workload are two of the strongest predictors of <div class="feature-desc">Lack of&nbsp;role clarity and unsus&shy;tainable workload are two of&nbsp;the&nbsp;strongest
disengagement. BurnAware tracks bothand connects them to specific conditions in the team's context. predictors of&nbsp;disenga&shy;gement. BurnAware tracks bothand connects them to&nbsp;specific conditions in&nbsp;the&nbsp;team&apos;s
context.
</div> </div>
</div> </div>
<div class="feature-card"> <div class="feature-card">
<div class="feature-icon" aria-hidden="true"> <div aria-hidden="true" class="feature-icon">
<svg viewBox="0 0 24 24"> <svg viewbox="0 0 24 24">
<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/> <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
<circle cx="9" cy="7" r="4"/> <circle cx="9" cy="7" r="4"></circle>
<path d="M23 21v-2a4 4 0 0 0-3-3.87"/> <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
<path d="M16 3.13a4 4 0 0 1 0 7.75"/> <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
</svg> </svg>
</div> </div>
<div class="feature-title">Individual-level insight</div> <div class="feature-title">Individuallevel insight</div>
<div class="feature-desc">Team averages hide the people who matter most. BurnAware surfaces individual patterns <div class="feature-desc">Team averages hide the&nbsp;people who matter most. BurnAware surfaces individual
calibrated to cultural context and coping style — so support reaches the right person, not the median. patterns—calibrated to&nbsp;cultural context and coping style—so&nbsp;support reaches the&nbsp;right person,
not&nbsp;the&nbsp;median.
</div> </div>
</div> </div>
<div class="feature-card"> <div class="feature-card">
<div class="feature-icon" aria-hidden="true"> <div aria-hidden="true" class="feature-icon">
<svg viewBox="0 0 24 24"> <svg viewbox="0 0 24 24">
<line x1="8" y1="6" x2="21" y2="6"/> <line x1="8" x2="21" y1="6" y2="6"></line>
<line x1="8" y1="12" x2="21" y2="12"/> <line x1="8" x2="21" y1="12" y2="12"></line>
<line x1="8" y1="18" x2="21" y2="18"/> <line x1="8" x2="21" y1="18" y2="18"></line>
<line x1="3" y1="6" x2="3.01" y2="6"/> <line x1="3" x2="3.01" y1="6" y2="6"></line>
<line x1="3" y1="12" x2="3.01" y2="12"/> <line x1="3" x2="3.01" y1="12" y2="12"></line>
<line x1="3" y1="18" x2="3.01" y2="18"/> <line x1="3" x2="3.01" y1="18" y2="18"></line>
</svg> </svg>
</div> </div>
<div class="feature-title">Prioritized action plans</div> <div class="feature-title">Prioritized action plans</div>
<div class="feature-desc">Every diagnostic generates a ranked action map for that specific team — written for <div class="feature-desc">Every diagnostic generates a&nbsp;ranked action map for&nbsp;that&nbsp;specific
this situation, not adapted from a template. Concrete, leader-facing, and updated as new signals come in. team—written for&nbsp;this&nbsp;situation, not&nbsp;adapted from&nbsp;a&nbsp;template. Concrete,
leader-facing, and updated as&nbsp;new signals come in.
</div> </div>
</div> </div>
<div class="feature-card"> <div class="feature-card">
<div class="feature-icon" aria-hidden="true"> <div aria-hidden="true" class="feature-icon">
<svg viewBox="0 0 24 24"> <svg viewbox="0 0 24 24">
<polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/> <polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline>
</svg> </svg>
</div> </div>
<div class="feature-title">Longitudinal tracking</div> <div class="feature-title">Longitudinal tracking</div>
<div class="feature-desc">A single diagnostic is a snapshot. BurnAware tracks team health over time — showing <div class="feature-desc">A&nbsp;single diagnostic is&nbsp;a&nbsp;snapshot. BurnAware tracks team health over
whether interventions are working, whether risk is growing, and where to focus attention next quarter. time—showing
whether inter&shy;ventions are working, whether risk is&nbsp;growing, and where to&nbsp;focus attention next
quarter.
</div> </div>
</div> </div>
</div> </div>
@@ -1275,31 +1284,34 @@
<div class="diff-wrap"> <div class="diff-wrap">
<section aria-labelledby="why-burnaware-title"> <section aria-labelledby="why-burnaware-title">
<div class="section-label">Why BurnAware</div> <div class="section-label">Why BurnAware</div>
<h2 id="why-burnaware-title" style="color:#f5f3ef">Not another <em style="color:#6fb899">engagement tool</em></h2> <h2 id="why-burnaware-title" style="color:#f5f3ef">Not&nbsp;another <em style="color:#6fb899">engagement tool</em>
</h2>
<div class="diff-grid"> <div class="diff-grid">
<div> <div>
<div class="diff-item"> <div class="diff-item">
<div class="diff-tag">Structural, not sentiment</div> <div class="diff-tag">Structural, not&nbsp;sentiment</div>
<div class="diff-title">We measure conditions, not feelings</div> <div class="diff-title">We measure conditions, not&nbsp;feelings</div>
<div class="diff-desc">Sentiment tools ask how people feel. BurnAware maps the structural and contextual <div class="diff-desc">Sentiment tools ask how people feel. BurnAware maps the&nbsp;structural and
factors that create risk — workload distribution, clarity, recovery capacity, cultural context. These contextual
predict outcomes that sentiment scores don't catch. factors that&nbsp;create risk—workload distribution, clarity, recovery capacity, cultural context. These
predict outcomes that&nbsp;sentiment scores don&apos;t catch.
</div> </div>
</div> </div>
<div class="diff-item"> <div class="diff-item">
<div class="diff-tag">Predictive, not retrospective</div> <div class="diff-tag">Predictive, not&nbsp;retros&shy;pective</div>
<div class="diff-title">See what's coming, not what already happened</div> <div class="diff-title">See what&apos;s coming, not&nbsp;what&nbsp;already happened</div>
<div class="diff-desc">Most HR tools are designed for reporting. BurnAware is designed for foresight <div class="diff-desc">Most HR tools are designed for&nbsp;reporting. BurnAware is&nbsp;designed for&nbsp;foresight—identifying
identifying risk trajectories weeks and months before they become visible in turnover, sick leave, or risk trajectories weeks and months before they&nbsp;become visible in&nbsp;turnover, sick leave, or&nbsp;underper&shy;formance
underperformance data. data.
</div> </div>
</div> </div>
<div class="diff-item"> <div class="diff-item">
<div class="diff-tag">Culturally calibrated</div> <div class="diff-tag">Culturally calibrated</div>
<div class="diff-title">Built for diverse, international teams</div> <div class="diff-title">Built for&nbsp;diverse, inter&shy;national teams</div>
<div class="diff-desc">Stress and overload don't look the same across cultural contexts. BurnAware's model <div class="diff-desc">Stress and overload don&apos;t look the&nbsp;same across cultural contexts. BurnAware&apos;s
accounts for how different backgrounds affect the way people perceive, express, and absorb pressure — so model
assessments are accurate across your whole organization. accounts for&nbsp;how different backgrounds affect the&nbsp;way people perceive, express, and absorb
pressure—so&nbsp;assessments are accurate across your whole organization.
</div> </div>
</div> </div>
</div> </div>
@@ -1307,14 +1319,14 @@
<div class="diff-vs"> <div class="diff-vs">
<div class="diff-vs-title">How BurnAware compares</div> <div class="diff-vs-title">How BurnAware compares</div>
<div class="diff-compare-row"><span class="diff-compare-name">Annual engagement survey</span> <span <div class="diff-compare-row"><span class="diff-compare-name">Annual engagement survey</span> <span
class="diff-compare-them">Retrospective, annual</span><span class="diff-compare-us">Continuous</span> class="diff-compare-them">Retros&shy;pective, annual</span> <span class="diff-compare-us">Continuous</span>
</div> </div>
<div class="diff-compare-row"><span class="diff-compare-name">Pulse survey tools</span> <span <div class="diff-compare-row"><span class="diff-compare-name">Pulse survey tools</span> <span
class="diff-compare-them">Sentiment only</span> <span class="diff-compare-them">Sentiment only</span> <span
class="diff-compare-us">Structural + contextual</span></div> class="diff-compare-us">Structural + contextual</span></div>
<div class="diff-compare-row"><span class="diff-compare-name">EAP / wellbeing platforms</span> <span <div class="diff-compare-row"><span class="diff-compare-name">EAP / wellbeing platforms</span> <span
class="diff-compare-them">Individual, reactive</span> <span class="diff-compare-them">Individual, reactive</span> <span
class="diff-compare-us">Team-level, preventive</span></div> class="diff-compare-us">Teamlevel, preventive</span></div>
<div class="diff-compare-row"><span class="diff-compare-name">Manager check-ins</span> <span <div class="diff-compare-row"><span class="diff-compare-name">Manager check-ins</span> <span
class="diff-compare-them">Visibility gap</span> <span class="diff-compare-us">Data-backed clarity</span> class="diff-compare-them">Visibility gap</span> <span class="diff-compare-us">Data-backed clarity</span>
</div> </div>
@@ -1332,28 +1344,32 @@
<section id="for" aria-labelledby="who-its-for-title"> <section id="for" aria-labelledby="who-its-for-title">
<div class="section-label">Who it's for</div> <div class="section-label">Who it's for</div>
<h2 id="who-its-for-title">Designed for the people<br>responsible for <em>healthy organizations</em></h2> <h2 id="who-its-for-title">Designed for&nbsp;the&nbsp;people<br/>responsible for&nbsp;<em>healthy
organi&shy;zations</em></h2>
<div class="audience-grid"> <div class="audience-grid">
<div class="audience-card"> <div class="audience-card">
<div class="audience-role">HR leadership</div> <div class="audience-role">HR leadership</div>
<div class="audience-title">Move from reactive support to proactive organizational health</div> <div class="audience-title">Move from&nbsp;reactive support to&nbsp;proactive organiz&shy;ational health</div>
<div class="audience-desc">BurnAware gives HR leaders a continuous view of risk across the organization — so <div class="audience-desc">BurnAware gives HR leaders a&nbsp;continuous view of&nbsp;risk across the&nbsp;organization—so&nbsp;inter&shy;ventions
interventions can happen earlier, and at the right level, rather than after the damage is done. can happen earlier, and at&nbsp;the&nbsp;right level, rather than after the&nbsp;damage is&nbsp;done.
</div> </div>
</div> </div>
<div class="audience-card"> <div class="audience-card">
<div class="audience-role">Organizational development</div> <div class="audience-role">Organiz&shy;ational development</div>
<div class="audience-title">Data to back the work you're already doing</div> <div class="audience-title">Data to&nbsp;back the&nbsp;work you&apos;re already doing</div>
<div class="audience-desc">For OD professionals working on culture, change, or performanceBurnAware provides <div class="audience-desc">For&nbsp;OD profes&shy;sionals working on&nbsp;culture, change, or&nbsp;performanceBurnAware
the longitudinal data to show what's shifting, what's working, and where to focus next. provides
the&nbsp;longitudinal data to&nbsp;show what&apos;s shifting, what&apos;s working, and where to&nbsp;focus
next.
</div> </div>
</div> </div>
<div class="audience-card"> <div class="audience-card">
<div class="audience-role">Leaders managing change</div> <div class="audience-role">Leaders managing change</div>
<div class="audience-title">Understand what transformation is actually doing to your teams</div> <div class="audience-title">Understand what&nbsp;transfor&shy;mation is&nbsp;actually doing to&nbsp;your teams
<div class="audience-desc">Restructuring, scaling, and strategic pivots all create specific risk patterns. </div>
BurnAware helps leaders see those patterns early — and act before they compound into attrition or failure to <div class="audience-desc">Restruc&shy;turing, scaling, and strategic pivots all create specific risk patterns.
execute. BurnAware helps leaders see those patterns early—and act before they&nbsp;compound into&nbsp;attrition or&nbsp;failure
to&nbsp;execute.
</div> </div>
</div> </div>
</div> </div>
@@ -1366,25 +1382,26 @@
<div class="team-grid"> <div class="team-grid">
<div class="team-person"> <div class="team-person">
<div class="team-avatar" aria-label="Katerina Bashtavenko's initials">KB</div> <img src="/img/katerina-bashtavenko.webp" alt="Katerina Bashtavenko" class="team-avatar">
<div> <div>
<div class="team-name">Katerina Bashtavenko</div> <div class="team-name">Katerina Bashtavenko</div>
<div class="team-role">Co-founder &amp; CEO</div> <div class="team-role">Co-founder &amp; CEO</div>
<p class="team-bio">Over 15 years in organizational psychology and leadership development across <p class="team-bio">Over 15 years in&nbsp;organiz&shy;ational psychology and leadership development across
international companies. Katerina has worked with teams in Europe, Asia, and the Americasand built inter&shy;national companies. Katerina has worked with&nbsp;teams in&nbsp;Europe, Asia, and the&nbsp;Americasand built
BurnAware around the insight that cultural context fundamentally shapes how people experience and express BurnAware around the&nbsp;insight that&nbsp;cultural context fundam&shy;entally shapes how people experience and express
pressure at work.</p> pressure at&nbsp;work.</p>
</div> </div>
</div> </div>
<div class="team-person"> <div class="team-person">
<div class="team-avatar" aria-label="Irina Koksharova's initials">IK</div> <img src="/img/irina-koksharova.webp" alt="Irina Koksharova" class="team-avatar">
<div> <div>
<div class="team-name">Irina Koksharova</div> <div class="team-name">Irina Koksharova</div>
<div class="team-role">Co-founder &amp; Research Director</div> <div class="team-role">Co-founder &amp; Research Director</div>
<p class="team-bio">Researcher and practitioner in clinical and organizational psychology, with a focus on <p class="team-bio">Researcher and practitioner in&nbsp;clinical and organiz&shy;ational psychology,
resilience science, burnout prevention, and how cultural identity shapes responses to stress. Irina leads with&nbsp;a&nbsp;focus on&nbsp;resilience science, burnout prevention, and how cultural identity
the research methodology and model development behind BurnAware.</p> shapes responses to&nbsp;stress. Irina leads the&nbsp;research methodology and model development
behind BurnAware.</p>
</div> </div>
</div> </div>
@@ -1394,25 +1411,26 @@
<div class="quote-section"> <div class="quote-section">
<section> <section>
<blockquote class="quote-text">"We thought we had a good picture of our teams. BurnAware showed us the gapsand <blockquote class="quote-text">We thought we had a&nbsp;good picture of&nbsp;our teams. BurnAware showed us the&nbsp;gapsand
helped us act on them before they became something harder to fix." helped us act on&nbsp;them before they&nbsp;became something harder to&nbsp;fix.
</blockquote> </blockquote>
<cite class="quote-source">Head of People Operations, technology company · Early access participant</cite> <cite class="quote-source">Head of&nbsp;People Operations, technology company · Early access participant</cite>
</section> </section>
</div> </div>
<div class="cta-wrap"> <div class="cta-wrap">
<section class="cta-section" id="cta" aria-labelledby="cta-title"> <section class="cta-section" id="cta" aria-labelledby="cta-title">
<div class="section-label" style="justify-content:center">Early access</div> <div class="section-label" style="justify-content:center">Early access</div>
<h2 id="cta-title">Let's talk about what<br>you're trying to <em>solve</em></h2> <h2 id="cta-title">Let&apos;s talk about what<br/>you&apos;re trying to&nbsp;<em>solve</em></h2>
<p>We're working with a small number of HR leaders and OD teams. If you're navigating transformation, growth, or <p>We&apos;re working with&nbsp;a&nbsp;small number of&nbsp;HR leaders and OD teams. If&nbsp;you&apos;re
high-pressure environments — we'd like to learn about your situation.</p> navigating transfor&shy;mation, growth, or&nbsp;high-pressure environments—we&apos;d like to&nbsp;learn
about your situation.</p>
<div class="cta-form"> <div class="cta-form">
<input type="email" class="cta-input" placeholder="Your work email" aria-label="Your work email"> <input type="email" class="cta-input" placeholder="Your work email" aria-label="Your work email">
<a href="#" class="btn-primary" aria-label="Request a conversation with the BurnAware team">Request a <a href="#" class="btn-primary" aria-label="Request a conversation with the BurnAware team">Request
conversation →</a> a&nbsp;conversation →</a>
</div> </div>
<p class="cta-note">No sales process. A 30-minute conversation about what you're working onno commitment <p class="cta-note">No sales process. A&nbsp;30-minute conversation about what&nbsp;you&apos;re working onno commitment
required.</p> required.</p>
</section> </section>
</div> </div>