/* Overseer Index Proof of Concept 01 — concrete + restrained intelligence energy */
body.index-poc{
  --poc-ink:#16171b;
  --poc-muted:#62656d;
  --poc-concrete:#ecebe7;
  --poc-concrete-2:#f7f6f2;
  --poc-line:rgba(22,23,27,.14);
  --poc-purple:#6650c8;
  --poc-purple-dark:#30265f;
  --poc-purple-glow:rgba(110,87,225,.22);
  --poc-night:#17151d;
  color:var(--poc-ink);
  background:linear-gradient(180deg,#f0efeb 0,#f7f6f3 42%,#ecebe7 100%);
}
body.index-poc::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.32;
  background-image:
    linear-gradient(90deg,rgba(26,27,31,.028) 1px,transparent 1px),
    linear-gradient(180deg,rgba(26,27,31,.022) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg,#000,transparent 72%);
}
.index-poc .site-header{background:rgba(244,243,239,.86);border-bottom:1px solid rgba(18,18,22,.12);backdrop-filter:blur(18px)}
.index-poc .header-inner{min-height:98px}
.index-poc .brand-role{margin-top:12px;color:#555862;letter-spacing:.02em}
.index-poc .nav a{color:#45464d}
.index-poc .nav a:hover{color:#1d1d22}
.index-poc .nav a.active{color:var(--poc-purple-dark)}
.index-poc .nav a::after{background:var(--poc-purple)}
.index-poc main{padding-top:18px}
.index-poc .poc-hero{position:relative;height:min(68vw,700px);min-height:520px;overflow:hidden;border-radius:3px;background:#cfcfc9;box-shadow:0 24px 70px rgba(18,18,22,.14)}
.index-poc .poc-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.index-poc .poc-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,18,22,.78) 0%,rgba(19,18,22,.42) 31%,rgba(19,18,22,.08) 58%,rgba(20,18,30,.08) 100%)}
.index-poc .poc-hero::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.48);box-shadow:inset 0 0 0 1px rgba(30,30,34,.12);pointer-events:none}
.index-poc .poc-hero-copy{position:absolute;z-index:2;left:clamp(26px,5vw,78px);top:50%;width:min(620px,54%);transform:translateY(-47%);color:#fff}
.index-poc .poc-kicker{display:inline-block;margin-bottom:14px;color:#b7a8ff;font-size:12px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}
.index-poc .poc-hero h1{max-width:600px;margin:0 0 20px;font-size:clamp(46px,6.2vw,94px);line-height:.92;letter-spacing:-.055em;font-weight:650;text-wrap:balance}
.index-poc .poc-hero p{max-width:560px;margin:0;color:rgba(255,255,255,.87);font-size:clamp(17px,1.5vw,22px);line-height:1.52;font-weight:450}
.index-poc .poc-hero-link{display:inline-flex;align-items:center;gap:14px;margin-top:28px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.52);color:#fff;text-decoration:none;font-weight:760}
.index-poc .poc-hero-link span{color:#b8a8ff}
.index-poc .poc-energy-note{position:absolute;z-index:3;right:38px;bottom:34px;display:grid;grid-template-columns:12px auto;gap:2px 12px;align-items:center;padding:16px 18px;background:rgba(21,19,27,.76);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);color:#fff}
.index-poc .poc-energy-note strong{font-size:14px}.index-poc .poc-energy-note small{grid-column:2;color:#c9c4d6;font-size:11px}
.index-poc .poc-energy-dot{grid-row:1/3;width:10px;height:10px;border-radius:50%;background:#8d73ff;box-shadow:0 0 0 6px rgba(141,115,255,.12),0 0 24px rgba(141,115,255,.75)}
.index-poc .poc-editorial{display:grid;grid-template-columns:340px minmax(0,1fr);gap:clamp(40px,7vw,110px);padding-top:90px;padding-bottom:90px}
.index-poc .poc-era-rail{border-top:1px solid #202126;padding-top:18px}.index-poc .poc-era-label{color:#5d5f67;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.index-poc .poc-era-rail ol{list-style:none;margin:24px 0 0;padding:0}
.index-poc .poc-era-rail li{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(21,22,26,.12);color:#777981}
.index-poc .poc-era-rail li b{font-size:12px;letter-spacing:.08em}.index-poc .poc-era-rail li span{font-size:15px;font-weight:650}
.index-poc .poc-era-rail li.current{color:#25222e}.index-poc .poc-era-rail li.current b{color:var(--poc-purple)}.index-poc .poc-era-rail li.current span{font-weight:850}
.index-poc .poc-editorial-copy{max-width:890px}.index-poc .poc-editorial-copy p{margin:0 0 20px;color:#3e4047;font-size:17px;line-height:1.76}.index-poc .poc-editorial-copy .poc-lead{margin-bottom:30px;color:#191a1f;font-size:clamp(24px,2.6vw,38px);line-height:1.34;letter-spacing:-.025em;font-weight:520}
.index-poc .poc-growth{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:48px;padding:48px;background:var(--poc-night);color:#fff;box-shadow:0 26px 70px rgba(18,17,22,.17)}
.index-poc .poc-growth-copy{display:flex;flex-direction:column;justify-content:center}.index-poc .poc-growth h2{margin:0 0 18px;color:#fff;font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.045em;font-weight:600}.index-poc .poc-growth p{margin:0;color:#bbb7c5;font-size:16px;line-height:1.72}
.index-poc .poc-growth-metric{display:grid;grid-template-columns:12px 1fr;gap:2px 12px;align-items:center;margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16)}.index-poc .poc-growth-metric span{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:#8f75ff;box-shadow:0 0 18px rgba(143,117,255,.8)}.index-poc .poc-growth-metric strong{font-size:13px}.index-poc .poc-growth-metric small{grid-column:2;color:#928f9b;font-size:11px}
.index-poc .poc-chart-shell{align-self:stretch;min-height:390px;padding:18px;background:#211e29;border:1px solid rgba(255,255,255,.08)}
.index-poc .poc-chart-shell .chart-frame{height:100%;background:transparent;border-radius:0;box-shadow:none}.index-poc .poc-chart-shell svg{height:100%;min-height:350px}.index-poc #efficiency-chart>rect:first-of-type{fill:transparent!important}.index-poc #efficiency-chart text{fill:#d9d6e2!important}.index-poc #efficiency-chart>text:first-of-type{fill:#fff!important}.index-poc #efficiency-chart line{stroke:rgba(255,255,255,.13)!important}.index-poc #efficiency-chart .stage-point{fill:#201d28!important;stroke:#9880ff!important}.index-poc #curveGrad stop:first-child{stop-color:#8f78ff!important}.index-poc #curveGrad stop:last-child{stop-color:#c7bcff!important}.index-poc #areaGrad stop:first-child{stop-color:#8c72ff!important}.index-poc #areaGrad stop:nth-child(2){stop-color:#8c72ff!important}.index-poc #softShadow feDropShadow{flood-color:#8f78ff!important;flood-opacity:.24!important}
.index-poc .poc-value{padding-top:100px;padding-bottom:96px}.index-poc .poc-section-heading{max-width:900px;margin-bottom:48px}.index-poc .poc-section-heading h2{margin:0 0 18px;color:#18191e;font-size:clamp(38px,4.5vw,66px);line-height:1.02;letter-spacing:-.045em;font-weight:600}.index-poc .poc-section-heading p{max-width:760px;margin:0;color:#666870;font-size:17px;line-height:1.7}
.index-poc .poc-domain-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #202126}.index-poc .poc-domain{position:relative;display:grid;grid-template-columns:46px 58px 1fr;gap:18px;align-items:start;min-height:190px;padding:28px 28px 30px 0;border-bottom:1px solid rgba(25,26,30,.17)}.index-poc .poc-domain:nth-child(odd){padding-right:40px;border-right:1px solid rgba(25,26,30,.17)}.index-poc .poc-domain:nth-child(even){padding-left:40px}.index-poc .poc-domain-no{padding-top:11px;color:#7766c7;font-size:11px;font-weight:900;letter-spacing:.1em}.index-poc .poc-domain-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#e1dfd9;border:1px solid rgba(28,28,33,.10)}.index-poc .poc-domain-icon img{width:29px;height:29px;filter:saturate(.3) contrast(1.08)}.index-poc .poc-domain h3{margin:6px 0 8px;color:#1c1d22;font-size:19px;line-height:1.25}.index-poc .poc-domain p{margin:0;color:#5f6168;font-size:14.5px;line-height:1.65}
.index-poc .poc-inline-link{display:inline-flex;gap:12px;margin-top:34px;color:#30265f;text-decoration:none;font-weight:850;border-bottom:1px solid rgba(48,38,95,.25);padding-bottom:6px}.index-poc .poc-inline-link span{color:#7766c7}
.index-poc .poc-reflection{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:clamp(50px,7vw,100px);padding:64px;background:linear-gradient(135deg,#d9d7d1,#f1f0eb 74%);border:1px solid rgba(24,25,29,.12);box-shadow:0 20px 55px rgba(18,18,22,.09)}.index-poc .poc-reflection h2{margin:0;color:#1d1d22;font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-.04em;font-weight:600}.index-poc .poc-reflection blockquote{margin:48px 0 0;padding:24px 0 0;border-top:1px solid rgba(23,24,28,.22);color:#4b4b52;font-size:22px;line-height:1.5}.index-poc .poc-reflection blockquote strong{color:#3d326f}.index-poc .poc-reflection-copy{columns:2;column-gap:34px}.index-poc .poc-reflection-copy p{break-inside:avoid;margin:0 0 20px;color:#4b4d53;font-size:15px;line-height:1.72}.index-poc .poc-reflection-copy .poc-final{columns:1;column-span:all;margin-top:12px;padding-top:22px;border-top:1px solid rgba(23,24,28,.18);color:#24252a;font-size:17px}
.index-poc .poc-next{padding-top:26px}.index-poc .page-next-card{background:#1a1820;border-color:#1a1820}.index-poc .page-next-link{background:#6650c8}.index-poc .poc-footer{padding:28px 0 38px;color:#64666d;font-size:12px}
@media(max-width:1000px){.index-poc .poc-editorial{grid-template-columns:1fr}.index-poc .poc-era-rail{max-width:500px}.index-poc .poc-growth{grid-template-columns:1fr}.index-poc .poc-domain-grid{grid-template-columns:1fr}.index-poc .poc-domain:nth-child(odd){padding-right:0;border-right:0}.index-poc .poc-domain:nth-child(even){padding-left:0}.index-poc .poc-reflection{grid-template-columns:1fr}.index-poc .poc-reflection-copy{columns:1}.index-poc .poc-hero-copy{width:min(650px,76%)}}
@media(max-width:700px){.index-poc main{padding-top:8px}.index-poc .poc-hero{width:calc(100% - 24px);min-height:600px;height:78vh}.index-poc .poc-hero-image{object-position:62% center}.index-poc .poc-hero-shade{background:linear-gradient(0deg,rgba(17,16,20,.88),rgba(17,16,20,.14) 72%)}.index-poc .poc-hero-copy{left:24px;right:24px;top:auto;bottom:34px;width:auto;transform:none}.index-poc .poc-hero h1{font-size:46px}.index-poc .poc-energy-note{display:none}.index-poc .poc-editorial{padding-top:64px;padding-bottom:64px}.index-poc .poc-growth{padding:28px 20px}.index-poc .poc-chart-shell{min-height:300px;padding:8px;overflow-x:auto}.index-poc .poc-chart-shell svg{min-width:680px}.index-poc .poc-value{padding-top:70px;padding-bottom:70px}.index-poc .poc-domain{grid-template-columns:38px 50px 1fr;gap:13px;min-height:0;padding:22px 0}.index-poc .poc-domain-icon{width:46px;height:46px}.index-poc .poc-domain-icon img{width:25px;height:25px}.index-poc .poc-reflection{padding:34px 24px}.index-poc .poc-reflection blockquote{font-size:19px}.index-poc .header-inner{min-height:90px}.index-poc .brand-role{margin-top:10px}}


/* 2026-08-12 — Productivity evolution v2: warm concrete, compact eras, animated chart */
.index-poc .poc-editorial.poc-editorial-simple{display:block;padding-top:84px;padding-bottom:76px}
.index-poc .poc-editorial-simple .poc-editorial-copy{max-width:1080px;margin:0 auto}
.index-poc .poc-growth{display:block;padding:38px 40px 42px;background:linear-gradient(135deg,#c9c5bd 0%,#ddd9d1 48%,#d1cdc5 100%);color:#1b1d22;border:1px solid rgba(23,24,28,.12);border-radius:24px;box-shadow:0 22px 58px rgba(18,18,22,.11)}
.index-poc .poc-growth-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid rgba(32,33,37,.15)}
.index-poc .poc-growth-head h2{margin:0;color:#1c1d22;font-size:clamp(30px,3.2vw,46px);line-height:1.03;letter-spacing:-.04em;font-weight:610}
.index-poc .poc-growth-head p{max-width:620px;margin:0;color:#555860;font-size:14.5px;line-height:1.6;text-align:right}
.index-poc .poc-growth-body{display:grid;grid-template-columns:minmax(0,1.68fr) minmax(300px,.72fr);gap:30px;align-items:stretch}
.index-poc .poc-era-flow{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr);gap:0;align-items:stretch}
.index-poc .poc-era-card{min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:16px;border:1px solid rgba(31,32,36,.10);border-radius:18px;background:linear-gradient(180deg,rgba(237,234,228,.88),rgba(221,217,208,.92));box-shadow:0 10px 24px rgba(24,24,28,.055)}
.index-poc .poc-era-card-ai{background:linear-gradient(180deg,rgba(230,226,233,.92),rgba(214,207,222,.94));border-color:rgba(83,65,143,.17)}
.index-poc .poc-era-card-main{display:grid;grid-template-columns:72px minmax(0,1fr);gap:13px;align-items:center}
.index-poc .poc-era-card-main img{display:block;width:72px;height:60px;object-fit:cover;border-radius:12px;border:1px solid rgba(31,32,36,.10);filter:saturate(.74) contrast(.98);box-shadow:0 6px 14px rgba(22,23,27,.07)}
.index-poc .poc-era-card-ai .poc-era-card-main img{filter:saturate(.86) contrast(1.01)}
.index-poc .poc-era-card h3{margin:0 0 6px;color:#202126;font-size:16px;line-height:1.16;letter-spacing:-.018em;font-weight:760}
.index-poc .poc-era-card-ai h3{color:#40356c}
.index-poc .poc-era-card p{margin:0;color:#5c5f66;font-size:12.5px;line-height:1.48}
.index-poc .poc-era-metrics{display:grid;grid-template-columns:1.22fr .78fr;gap:8px;margin-top:15px;padding-top:11px;border-top:1px solid rgba(31,32,36,.10)}
.index-poc .poc-era-metrics span{display:block;min-width:0;padding:7px 8px;border-radius:10px;background:rgba(255,255,255,.34)}
.index-poc .poc-era-metrics small{display:block;margin-bottom:2px;color:#7a756d;font-size:8.5px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.index-poc .poc-era-metrics b{display:block;overflow:hidden;text-overflow:ellipsis;color:#303238;font-size:11px;line-height:1.2;white-space:nowrap;font-weight:760}
.index-poc .poc-era-card-ai .poc-era-metrics b:last-child{color:#59478f}
.index-poc .poc-era-arrow{display:flex;align-items:center;justify-content:center;color:#8a8175;font-size:23px;font-weight:400;opacity:.72}
.index-poc .poc-growth-chart{display:flex;align-items:center;justify-content:center;min-width:0;padding:14px;border-radius:18px;background:rgba(232,229,223,.72);border:1px solid rgba(31,32,36,.09)}
.index-poc .poc-growth-chart .poc-chart-shell{width:100%;min-height:0;padding:0;background:transparent;border:0}
.index-poc .poc-growth-chart .chart-frame{width:100%;height:auto;min-height:0;background:rgba(248,247,244,.80);border-radius:14px;overflow:hidden;border:1px solid rgba(31,32,36,.08);box-shadow:none}
.index-poc .poc-growth-chart svg{display:block;width:100%;height:auto;min-height:0;max-height:300px}
.index-poc #efficiency-chart>rect:first-of-type{fill:#f8f7f4!important}
.index-poc #efficiency-chart text{fill:#59616d!important}
.index-poc #efficiency-chart>text:first-of-type{fill:#202126!important}
.index-poc #efficiency-chart line{stroke:rgba(58,64,74,.13)!important}
.index-poc #efficiency-chart .stage-point{fill:#f8f7f4!important;stroke:#7764d8!important}
.index-poc #curveGrad stop:first-child{stop-color:#536ff1!important}
.index-poc #curveGrad stop:last-child{stop-color:#8069ef!important}
.index-poc #areaGrad stop:first-child{stop-color:#7669e8!important}
.index-poc #areaGrad stop:nth-child(2){stop-color:#7669e8!important}
.index-poc #softShadow feDropShadow{flood-color:#7669e8!important;flood-opacity:.16!important}
@media(max-width:1250px){
  .index-poc .poc-growth-body{grid-template-columns:1fr}
  .index-poc .poc-growth-chart{max-width:620px;justify-self:center;width:100%}
}
@media(max-width:980px){
  .index-poc .poc-era-flow{grid-template-columns:1fr 22px 1fr;row-gap:14px}
  .index-poc .poc-era-flow .poc-era-card:nth-of-type(3){grid-column:1}
  .index-poc .poc-era-flow .poc-era-card:nth-of-type(4){grid-column:3}
  .index-poc .poc-era-flow .poc-era-arrow:nth-of-type(3){display:none}
  .index-poc .poc-growth-head{display:block}
  .index-poc .poc-growth-head p{margin-top:10px;text-align:left}
}
@media(max-width:700px){
  .index-poc .poc-growth{padding:25px 18px 26px}
  .index-poc .poc-era-flow{display:grid;grid-template-columns:1fr;gap:10px}
  .index-poc .poc-era-arrow{transform:rotate(90deg);height:20px}
  .index-poc .poc-era-card-main{grid-template-columns:66px minmax(0,1fr)}
  .index-poc .poc-era-card-main img{width:66px;height:56px}
  .index-poc .poc-growth-chart{padding:8px}
  .index-poc .poc-growth-chart svg{max-height:none}
}


/* 2026-08-12 — Productivity evolution v3: square concrete layout, vertical era cards */
.index-poc .poc-growth{
  border-radius:0;
  background:linear-gradient(135deg,#c9c5bd 0%,#ddd9d1 48%,#d1cdc5 100%);
}
.index-poc .poc-era-card{
  justify-content:flex-start;
  padding:15px;
  border-radius:0;
  box-shadow:none;
  background:rgba(239,236,230,.66);
}
.index-poc .poc-era-card-ai{
  background:rgba(230,226,233,.66);
}
.index-poc .poc-era-card h3{
  margin:0 0 12px;
  text-align:left;
  font-size:17px;
  line-height:1.15;
}
.index-poc .poc-era-illustration{
  display:block;
  width:100%;
  height:118px;
  object-fit:cover;
  border-radius:0;
  border:0;
  filter:saturate(.76) contrast(.98);
  box-shadow:none;
}
.index-poc .poc-era-card-ai .poc-era-illustration{
  filter:saturate(.88) contrast(1.01);
}
.index-poc .poc-era-card p{
  min-height:58px;
  margin:12px 0 0;
  font-size:12.5px;
  line-height:1.5;
}
.index-poc .poc-era-metrics{
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid rgba(31,32,36,.10);
}
.index-poc .poc-era-performance,
.index-poc .poc-era-efficiency{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:24px;
}
.index-poc .poc-era-metrics small{
  flex:0 0 66px;
  margin:0;
  color:#6e6a63;
  font-size:9px;
  font-weight:850;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.index-poc .poc-era-dots{
  display:flex;
  align-items:center;
  gap:6px;
}
.index-poc .poc-era-dots i{
  display:block;
  width:10px;
  height:10px;
  border-radius:50%;
  background:rgba(50,51,55,.14);
  border:1px solid rgba(50,51,55,.06);
}
.index-poc .poc-era-dots i.on{
  background:#8a7bc7;
  border-color:#8a7bc7;
}
.index-poc .poc-era-card:not(.poc-era-card-ai) .poc-era-dots i.on{
  background:#9d9489;
  border-color:#9d9489;
}
.index-poc .poc-era-efficiency b{
  color:#303238;
  font-size:14px;
  font-weight:820;
}
.index-poc .poc-era-card-ai .poc-era-efficiency b{
  color:#59478f;
}
.index-poc .poc-growth-chart{
  align-items:flex-start;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.index-poc .poc-growth-chart .poc-chart-shell{
  padding:0;
  background:transparent;
  border:0;
}
.index-poc .poc-growth-chart .chart-frame{
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
}
.index-poc .poc-growth-chart svg{
  max-height:275px;
}
.index-poc #efficiency-chart>rect:first-of-type{
  fill:#efede8!important;
}
@media(max-width:700px){
  .index-poc .poc-era-illustration{height:150px}
  .index-poc .poc-era-card p{min-height:0}
  .index-poc .poc-growth-chart{padding:0}
}

/* PATCH 2026-08-12: graph block unified lilac surface + internal title */
.index-poc .poc-growth-chart{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  min-width:0;
  min-height:100%;
  padding:15px;
  background:rgba(230,226,233,.66);
  border:1px solid rgba(83,65,143,.17);
  border-radius:0;
  box-shadow:none;
}
.index-poc .poc-growth-chart h3{
  margin:0 0 12px;
  color:#40356c;
  text-align:left;
  font-size:17px;
  line-height:1.15;
  letter-spacing:-.018em;
  font-weight:760;
}
.index-poc .poc-growth-chart .poc-chart-shell{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:1;
  width:100%;
  min-height:250px;
  padding:0;
  background:transparent;
  border:0;
}
.index-poc .poc-growth-chart .chart-frame{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  min-height:250px;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
}
.index-poc .poc-growth-chart svg{
  display:block;
  width:100%;
  height:auto;
  max-height:250px;
  margin:0;
}
.index-poc #efficiency-chart>rect:first-of-type{
  fill:#e6e2e9!important;
}

/* PATCH 2026-08-12: force performance dots horizontal */
.index-poc .poc-era-performance{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  flex-wrap:nowrap !important;
}
.index-poc .poc-era-performance small{
  flex:0 0 66px !important;
}
.index-poc .poc-era-performance .poc-era-dots{
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
}
.index-poc .poc-era-performance .poc-era-dots i{
  display:inline-block !important;
  flex:0 0 10px !important;
  width:10px !important;
  height:10px !important;
}


/* PATCH 2026-08-12: remove domain numbering and align cards */
.index-poc .poc-domain-grid{grid-template-columns:1fr 1fr;}
.index-poc .poc-domain{grid-template-columns:58px 1fr !important;}
.index-poc .poc-domain-no{display:none !important;}


/* PATCH 2026-08-12: hero copy lower + full-width editorial intro */
.index-poc .poc-hero-copy{
  top:52% !important;
}
.index-poc .poc-editorial.poc-editorial-simple{
  width:min(1320px,calc(100% - 40px));
}
.index-poc .poc-editorial-simple .poc-editorial-copy{
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
}
@media(max-width:700px){
  .index-poc .poc-hero-copy{
    top:auto !important;
    bottom:28px !important;
  }
  .index-poc .poc-editorial.poc-editorial-simple{
    width:calc(100% - 24px);
  }
}

/* PATCH 2026-08-12: hero copy lower + editorial truly full wrap width */
.index-poc .poc-hero-copy{
  top:58% !important;
}
.index-poc .poc-editorial.poc-editorial-simple{
  width:calc(100% - 40px) !important;
  max-width:1500px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.index-poc .poc-editorial-simple .poc-editorial-copy{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}
@media(max-width:700px){
  .index-poc .poc-hero-copy{
    top:auto !important;
    bottom:24px !important;
  }
  .index-poc .poc-editorial.poc-editorial-simple{
    width:calc(100% - 24px) !important;
    max-width:1500px !important;
  }
}


/* PATCH 2026-08-12: bottom rabbit-hole / next block must be square like the others */
.index-poc .poc-next .page-next-card,
.index-poc .poc-next .page-next-link,
.index-poc .poc-next .panel{
  border-radius:0 !important;
}


/* PATCH 2026-08-12: light microcement texture on selected neutral surfaces */
.index-poc .poc-growth,
.index-poc .poc-reflection{
  background-color:#d8d5ce !important;
  background-image:
    radial-gradient(ellipse at 18% 24%, rgba(255,255,255,.32) 0%, rgba(255,255,255,0) 34%),
    radial-gradient(ellipse at 76% 68%, rgba(90,86,80,.055) 0%, rgba(90,86,80,0) 38%),
    radial-gradient(circle at 42% 72%, rgba(255,255,255,.20) 0 1px, transparent 1.5px),
    radial-gradient(circle at 68% 31%, rgba(73,70,66,.045) 0 1px, transparent 1.6px),
    linear-gradient(118deg, rgba(255,255,255,.18), rgba(105,101,94,.025) 46%, rgba(255,255,255,.14) 76%, rgba(83,80,75,.025)) !important;
  background-size:auto,auto,34px 34px,47px 47px,auto !important;
}

.index-poc .poc-era-card:not(.poc-era-card-ai){
  background-color:#e4e1da !important;
  background-image:
    radial-gradient(ellipse at 20% 18%, rgba(255,255,255,.30), transparent 38%),
    radial-gradient(ellipse at 78% 72%, rgba(90,86,80,.045), transparent 40%),
    radial-gradient(circle at 33% 56%, rgba(75,72,68,.035) 0 1px, transparent 1.5px),
    linear-gradient(120deg, rgba(255,255,255,.16), rgba(93,89,83,.018) 48%, rgba(255,255,255,.12)) !important;
  background-size:auto,auto,38px 38px,auto !important;
}

/* Keep the AI phase subtly violet, but with the same mineral/microcement feel. */
.index-poc .poc-era-card-ai,
.index-poc .poc-growth-chart{
  background-color:#e6e2e9 !important;
  background-image:
    radial-gradient(ellipse at 22% 20%, rgba(255,255,255,.28), transparent 38%),
    radial-gradient(ellipse at 76% 72%, rgba(91,75,132,.045), transparent 40%),
    radial-gradient(circle at 36% 62%, rgba(78,65,114,.03) 0 1px, transparent 1.6px),
    linear-gradient(120deg, rgba(255,255,255,.14), rgba(111,91,157,.02) 50%, rgba(255,255,255,.10)) !important;
  background-size:auto,auto,40px 40px,auto !important;
}

/* PATCH 2026-08-12: MICROcement v2 - visibly textured, still light */
.index-poc .poc-growth,
.index-poc .poc-reflection{
  background:#dedad2 url("../assets/microcement-neutral.svg") center/cover no-repeat !important;
}
.index-poc .poc-era-card:not(.poc-era-card-ai){
  background:#e3dfd7 url("../assets/microcement-neutral.svg") center/520px auto no-repeat !important;
}
.index-poc .poc-era-card-ai,
.index-poc .poc-growth-chart{
  background:#e5dfe9 url("../assets/microcement-violet.svg") center/520px auto no-repeat !important;
}


/* PATCH 2026-08-12: real microcement texture from user reference image */
.index-poc .poc-growth,
.index-poc .poc-reflection{
  background-color:#e2e3e1 !important;
  background-image:
    linear-gradient(rgba(248,248,246,.18),rgba(248,248,246,.18)),
    url("../assets/microcement-stucco.webp") !important;
  background-position:center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}

.index-poc .poc-era-card:not(.poc-era-card-ai){
  background-color:#e5e6e4 !important;
  background-image:
    linear-gradient(rgba(250,250,248,.20),rgba(250,250,248,.20)),
    url("../assets/microcement-stucco.webp") !important;
  background-position:center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}

.index-poc .poc-era-card-ai,
.index-poc .poc-growth-chart{
  background-color:#e8e3ec !important;
  background-image:
    linear-gradient(rgba(225,215,236,.33),rgba(225,215,236,.33)),
    url("../assets/microcement-stucco.webp") !important;
  background-position:center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}

/* PATCH 2026-08-12: native bitmap microcement only on main neutral blocks */
.index-poc .poc-growth,
.index-poc .poc-reflection{
  background-color:#e2e3e1 !important;
  background-image:url("../assets/microcement-stucco-seamless.webp") !important;
  background-position:0 0 !important;
  background-size:1334px 1124px !important;
  background-repeat:repeat !important;
}

/* Keep evolution subcards clean — no concrete texture. */
.index-poc .poc-era-card:not(.poc-era-card-ai){
  background:rgba(239,236,230,.66) !important;
  background-image:none !important;
}
.index-poc .poc-era-card-ai{
  background:rgba(230,226,233,.66) !important;
  background-image:none !important;
}
.index-poc .poc-growth-chart{
  background:#e6e2e9 !important;
  background-image:none !important;
}

/* PATCH 2026-08-12: unified homepage typography system for current and future pages */
.index-poc{
  --poc-font-ui: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --poc-ink-strong:#1c1d22;
  --poc-ink:#3f434b;
  --poc-ink-soft:#5d626c;
  --poc-accent:#40356c;
  --poc-overline-size:12px;
  --poc-body-size:16px;
  --poc-body-line:1.72;
  --poc-lead-size:18px;
  --poc-lead-line:1.62;
  --poc-h1-size:clamp(48px,6.1vw,78px);
  --poc-h2-size:clamp(30px,3.2vw,46px);
  --poc-h3-size:18px;
  --poc-h3-line:1.24;
}

.index-poc .poc-hero h1,
.index-poc .poc-growth-head h2,
.index-poc .poc-section-heading h2,
.index-poc .poc-reflection h2,
.index-poc .poc-growth-chart h3,
.index-poc .poc-era-card h3,
.index-poc .poc-domain h3,
.index-poc .page-next-link,
.index-poc .poc-editorial-copy .poc-lead,
.index-poc .poc-reflection blockquote,
.index-poc #efficiency-chart text{
  font-family:var(--poc-font-ui);
}

.index-poc .poc-hero h1{
  font-size:var(--poc-h1-size);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:620;
  color:#ffffff;
}
.index-poc .poc-hero p{
  font-size:var(--poc-lead-size);
  line-height:var(--poc-lead-line);
  font-weight:430;
}
.index-poc .poc-hero-link{
  font-size:15px;
  font-weight:700;
  letter-spacing:.01em;
}

.index-poc .poc-editorial-copy .poc-lead,
.index-poc .poc-growth-head h2,
.index-poc .poc-section-heading h2,
.index-poc .poc-reflection h2{
  color:var(--poc-ink-strong);
  font-size:var(--poc-h2-size);
  line-height:1.08;
  letter-spacing:-.04em;
  font-weight:620;
}
.index-poc .poc-editorial-copy .poc-lead{
  margin-bottom:26px;
}
.index-poc .poc-editorial-copy p,
.index-poc .poc-growth-head p,
.index-poc .poc-section-heading p,
.index-poc .poc-domain p,
.index-poc .poc-reflection-copy p{
  color:var(--poc-ink);
  font-size:var(--poc-body-size);
  line-height:var(--poc-body-line);
  font-weight:400;
}
.index-poc .poc-growth-head p,
.index-poc .poc-section-heading p{
  color:var(--poc-ink-soft);
}

.index-poc .poc-era-card h3,
.index-poc .poc-growth-chart h3,
.index-poc .poc-domain h3{
  font-size:var(--poc-h3-size);
  line-height:var(--poc-h3-line);
  letter-spacing:-.02em;
  font-weight:700;
}
.index-poc .poc-growth-chart h3,
.index-poc .poc-era-card-ai h3{
  color:var(--poc-accent);
}
.index-poc .poc-era-card p{
  min-height:0;
  color:var(--poc-ink);
  font-size:15px;
  line-height:1.62;
}
.index-poc .poc-era-metrics small{
  font-size:var(--poc-overline-size);
  letter-spacing:.12em;
  font-weight:800;
}
.index-poc .poc-era-efficiency b{
  font-size:15px;
  font-weight:800;
}

.index-poc .poc-domain-icon{
  align-self:start;
}
.index-poc .poc-reflection blockquote{
  color:var(--poc-ink);
  font-size:var(--poc-lead-size);
  line-height:1.6;
  font-weight:460;
}
.index-poc .poc-reflection-copy .poc-final{
  font-size:17px;
  line-height:1.7;
  font-weight:450;
}
.index-poc .page-next-link{
  font-size:clamp(22px,2.2vw,30px);
  line-height:1.15;
  letter-spacing:-.03em;
  font-weight:620;
}
.index-poc .poc-footer{
  font-size:13px;
  line-height:1.5;
}

@media(max-width:700px){
  .index-poc{
    --poc-body-size:15.5px;
    --poc-lead-size:17px;
    --poc-h2-size:clamp(28px,7vw,38px);
    --poc-h3-size:17px;
  }
  .index-poc .poc-hero h1{
    font-size:clamp(42px,12vw,56px);
  }
  .index-poc .poc-hero p,
  .index-poc .poc-editorial-copy p,
  .index-poc .poc-growth-head p,
  .index-poc .poc-section-heading p,
  .index-poc .poc-domain p,
  .index-poc .poc-reflection-copy p{
    line-height:1.68;
  }
  .index-poc .poc-reflection blockquote{
    font-size:17px;
  }
}

/* PATCH 2026-08-12: calmer global typography system */
.index-poc{
  --poc-body-size:16px;
  --poc-body-line:1.72;
  --poc-lead-size:clamp(22px,2.1vw,34px);
  --poc-lead-line:1.38;
  --poc-h1-size:clamp(46px,5.7vw,74px);
  --poc-h2-size:clamp(28px,2.8vw,40px);
  --poc-h3-size:17px;
  --poc-overline-size:11px;
}

/* H1 — strong, but not shouty */
.index-poc .poc-hero h1{
  font-size:var(--poc-h1-size);
  line-height:1.04;
  letter-spacing:-.04em;
  font-weight:580;
}

/* H2 — unified section headings */
.index-poc .poc-growth-head h2,
.index-poc .poc-section-heading h2,
.index-poc .poc-reflection h2{
  font-size:var(--poc-h2-size);
  line-height:1.12;
  letter-spacing:-.032em;
  font-weight:560;
}

/* Lead / editorial statement — its own reusable level */
.index-poc .poc-editorial-copy .poc-lead{
  color:#2d3036;
  font-size:var(--poc-lead-size);
  line-height:var(--poc-lead-line);
  letter-spacing:-.022em;
  font-weight:500;
}

/* H3 — cards, graph and domain titles */
.index-poc .poc-era-card h3,
.index-poc .poc-growth-chart h3,
.index-poc .poc-domain h3{
  font-size:var(--poc-h3-size);
  line-height:1.28;
  letter-spacing:-.014em;
  font-weight:650;
}

/* Body copy — one consistent reading style */
.index-poc .poc-hero p,
.index-poc .poc-editorial-copy p:not(.poc-lead),
.index-poc .poc-growth-head p,
.index-poc .poc-section-heading p,
.index-poc .poc-domain p,
.index-poc .poc-reflection-copy p{
  font-size:var(--poc-body-size);
  line-height:var(--poc-body-line);
  font-weight:400;
}
.index-poc .poc-hero p{
  font-size:18px;
  line-height:1.62;
  font-weight:400;
}
.index-poc .poc-era-card p{
  font-size:14.5px;
  line-height:1.62;
  font-weight:400;
}

/* Supporting emphasis */
.index-poc .poc-reflection blockquote{
  font-size:18px;
  line-height:1.62;
  letter-spacing:-.01em;
  font-weight:450;
}
.index-poc .poc-reflection-copy .poc-final{
  font-size:16.5px;
  line-height:1.72;
  font-weight:450;
}
.index-poc .poc-era-metrics small{
  font-size:var(--poc-overline-size);
  font-weight:750;
  letter-spacing:.1em;
}
.index-poc .poc-era-efficiency b{
  font-size:14.5px;
  font-weight:750;
}
.index-poc .poc-hero-link{
  font-size:15px;
  font-weight:650;
}
.index-poc .page-next-link{
  font-size:clamp(21px,2vw,28px);
  line-height:1.18;
  letter-spacing:-.025em;
  font-weight:560;
}

@media(max-width:700px){
  .index-poc{
    --poc-body-size:15.5px;
    --poc-lead-size:clamp(21px,6vw,29px);
    --poc-h2-size:clamp(27px,7vw,36px);
    --poc-h3-size:17px;
  }
  .index-poc .poc-hero h1{
    font-size:clamp(40px,11vw,54px);
  }
  .index-poc .poc-hero p{
    font-size:17px;
  }
}

/* PATCH 2026-08-12: calmer next-page button / softer CTA styling */
.index-poc .poc-next{
  padding-top:26px;
}
.index-poc .poc-next .page-next-card,
.index-poc .poc-next .panel{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
.index-poc .poc-next .page-next-link{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  padding:22px 28px !important;
  background:
    linear-gradient(135deg, rgba(124,92,252,.14), rgba(124,92,252,.20)) !important;
  color:#3d3565 !important;
  border:1px solid rgba(91,76,164,.22) !important;
  box-shadow:0 8px 22px rgba(84,69,140,.08) !important;
  font-size:clamp(19px,1.8vw,25px) !important;
  line-height:1.2 !important;
  letter-spacing:-.015em !important;
  font-weight:540 !important;
  text-decoration:none !important;
  transition:background .18s ease, box-shadow .18s ease, transform .18s ease, border-color .18s ease !important;
}
.index-poc .poc-next .page-next-link:hover{
  background:linear-gradient(135deg, rgba(124,92,252,.18), rgba(124,92,252,.25)) !important;
  border-color:rgba(91,76,164,.32) !important;
  box-shadow:0 12px 28px rgba(84,69,140,.12) !important;
  transform:translateY(-1px);
}
.index-poc .poc-next .page-next-link-arrow{
  color:#6a56c7 !important;
  font-size:1.15em !important;
  font-weight:500 !important;
  opacity:.92 !important;
}

/* PATCH 2026-08-12: one shared section-heading typography level.
   Reference style = editorial lead "Řeč rozšířila jednotlivce…". */
.index-poc .poc-editorial-copy .poc-lead,
.index-poc .poc-growth-head h2,
.index-poc .poc-section-heading h2,
.index-poc .poc-reflection h2{
  color:#2d3036 !important;
  font-size:var(--poc-lead-size) !important;
  line-height:var(--poc-lead-line) !important;
  letter-spacing:-.022em !important;
  font-weight:500 !important;
}

/* PATCH 2026-08-12: full-width value intro + vertically compact domain rows */
.index-poc .poc-value .poc-section-heading{
  width:100% !important;
  max-width:none !important;
  margin-bottom:36px !important;
}
.index-poc .poc-value .poc-section-heading p{
  width:100% !important;
  max-width:none !important;
}
.index-poc .poc-value .poc-domain{
  min-height:0 !important;
  padding-top:19px !important;
  padding-bottom:20px !important;
  gap:16px !important;
}
.index-poc .poc-value .poc-domain h3{
  margin-top:3px !important;
  margin-bottom:6px !important;
}
.index-poc .poc-value .poc-domain p{
  line-height:1.58 !important;
}
@media(max-width:1000px){
  .index-poc .poc-value .poc-domain{
    padding-top:18px !important;
    padding-bottom:18px !important;
  }
}

/* PATCH 2026-08-12: mobile/responsive refinement for evolution cards and hero crop. */
/* Below tablet width, evolution stages become a true vertical sequence. */
@media(max-width:1000px){
  .index-poc .poc-era-flow{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .index-poc .poc-era-flow .poc-era-card{
    grid-column:auto !important;
  }
  .index-poc .poc-era-flow .poc-era-arrow{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:20px !important;
    transform:rotate(90deg) !important;
  }
  .index-poc .poc-era-illustration{
    height:clamp(128px,24vw,180px) !important;
  }
}

/*
  Hero behavior:
  - desktop/tablet keeps the existing centered cover behavior, which naturally
    moves the bitmap left as the viewport narrows;
  - at 880 px the left crop reaches the first foreground person;
  - below that point the bitmap is locked in place and only the right side is
    progressively cropped away. 600 px matches the existing hero height at
    the transition, avoiding the previous object-position jump.
*/
@media(max-width:880px){
  .index-poc .poc-hero{
    height:600px !important;
    min-height:600px !important;
  }
  .index-poc .poc-hero-image{
    inset:auto !important;
    top:0 !important;
    right:auto !important;
    bottom:auto !important;
    left:-250px !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:600px !important;
    object-fit:fill !important;
    object-position:initial !important;
  }
}

@media(max-width:700px){
  .index-poc .poc-hero{
    height:600px !important;
    min-height:600px !important;
  }
  .index-poc .poc-hero-image{
    left:-250px !important;
    width:auto !important;
    max-width:none !important;
    height:600px !important;
  }
  .index-poc .poc-era-illustration{
    height:150px !important;
  }
}

/* PATCH 2026-08-12: responsive evolution layout v2 — 4 -> 2 -> 1 cards. */
/* Keep all four stage cards in one row while there is enough horizontal room. */
@media (min-width:1051px){
  .index-poc .poc-era-flow{
    grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr) !important;
  }
}

/* Tablet / narrow desktop: two cards per row, preserving the stage sequence. */
@media (max-width:1050px) and (min-width:621px){
  .index-poc .poc-era-flow{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) !important;
    grid-template-rows:auto 24px auto !important;
    column-gap:0 !important;
    row-gap:12px !important;
    align-items:stretch !important;
  }
  .index-poc .poc-era-flow .poc-era-card:nth-of-type(1){grid-column:1 !important;grid-row:1 !important;}
  .index-poc .poc-era-flow .poc-era-arrow:nth-of-type(1){grid-column:2 !important;grid-row:1 !important;}
  .index-poc .poc-era-flow .poc-era-card:nth-of-type(2){grid-column:3 !important;grid-row:1 !important;}
  .index-poc .poc-era-flow .poc-era-arrow:nth-of-type(2){
    grid-column:1 / 4 !important;
    grid-row:2 !important;
    width:24px !important;
    height:24px !important;
    justify-self:center !important;
    transform:rotate(90deg) !important;
  }
  .index-poc .poc-era-flow .poc-era-card:nth-of-type(3){grid-column:1 !important;grid-row:3 !important;}
  .index-poc .poc-era-flow .poc-era-arrow:nth-of-type(3){
    display:flex !important;
    grid-column:2 !important;
    grid-row:3 !important;
    transform:none !important;
  }
  .index-poc .poc-era-flow .poc-era-card:nth-of-type(4){grid-column:3 !important;grid-row:3 !important;}
  .index-poc .poc-era-flow .poc-era-arrow:nth-of-type(1),
  .index-poc .poc-era-flow .poc-era-arrow:nth-of-type(3){
    width:28px !important;
    height:auto !important;
  }
  .index-poc .poc-era-illustration{
    height:clamp(132px,18vw,178px) !important;
  }
}

/* Phone: one card per row, with the arrows becoming vertical connectors. */
@media (max-width:620px){
  .index-poc .poc-era-flow{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:none !important;
    gap:10px !important;
  }
  .index-poc .poc-era-flow .poc-era-card,
  .index-poc .poc-era-flow .poc-era-card:nth-of-type(1),
  .index-poc .poc-era-flow .poc-era-card:nth-of-type(2),
  .index-poc .poc-era-flow .poc-era-card:nth-of-type(3),
  .index-poc .poc-era-flow .poc-era-card:nth-of-type(4){
    grid-column:1 !important;
    grid-row:auto !important;
  }
  .index-poc .poc-era-flow .poc-era-arrow,
  .index-poc .poc-era-flow .poc-era-arrow:nth-of-type(1),
  .index-poc .poc-era-flow .poc-era-arrow:nth-of-type(2),
  .index-poc .poc-era-flow .poc-era-arrow:nth-of-type(3){
    display:flex !important;
    grid-column:1 !important;
    grid-row:auto !important;
    width:100% !important;
    height:20px !important;
    transform:rotate(90deg) !important;
  }
  .index-poc .poc-era-illustration{
    height:clamp(120px,38vw,165px) !important;
  }
}

/* Responsive performance meter: dots scale with the available card width. */
.index-poc .poc-era-performance{
  min-width:0 !important;
}
.index-poc .poc-era-performance .poc-era-dots{
  min-width:0 !important;
  gap:clamp(3px,.42vw,6px) !important;
}
.index-poc .poc-era-performance .poc-era-dots i{
  --poc-dot-size:clamp(6px,.78vw,10px);
  flex:0 1 var(--poc-dot-size) !important;
  width:var(--poc-dot-size) !important;
  height:var(--poc-dot-size) !important;
  min-width:6px !important;
  min-height:6px !important;
}

/* On very narrow cards the meter drops below its label instead of squeezing text. */
@media (max-width:430px){
  .index-poc .poc-era-performance{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:7px !important;
  }
  .index-poc .poc-era-performance small{
    flex:0 0 auto !important;
  }
  .index-poc .poc-era-performance .poc-era-dots{
    width:100% !important;
  }
  .index-poc .poc-era-performance .poc-era-dots i{
    --poc-dot-size:clamp(6px,2.35vw,9px);
  }
}

/* 2026-08-12 — Responsive evolution V3: performance meter reacts to CARD width, not viewport width. */
.index-poc .poc-era-card{
  container-type:inline-size;
}

@container (max-width:300px){
  .index-poc .poc-era-performance{
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:6px !important;
  }
  .index-poc .poc-era-performance small{
    flex:0 0 auto !important;
    width:100% !important;
  }
  .index-poc .poc-era-performance .poc-era-dots{
    width:auto !important;
    max-width:100% !important;
    padding:6px 7px !important;
    gap:clamp(3px,2cqi,6px) !important;
  }
  .index-poc .poc-era-performance .poc-era-dots i{
    --poc-dot-size:clamp(6px,4cqi,9px);
    flex:0 0 var(--poc-dot-size) !important;
    width:var(--poc-dot-size) !important;
    height:var(--poc-dot-size) !important;
    min-width:0 !important;
    min-height:0 !important;
  }
}

/* Fallback for browsers without container queries on extremely narrow viewports. */
@supports not (container-type:inline-size){
  @media (max-width:430px){
    .index-poc .poc-era-performance{
      flex-direction:column !important;
      align-items:flex-start !important;
      gap:6px !important;
    }
    .index-poc .poc-era-performance small{
      flex:0 0 auto !important;
      width:100% !important;
    }
    .index-poc .poc-era-performance .poc-era-dots{
      width:auto !important;
      max-width:100% !important;
      padding:6px 7px !important;
    }
  }
}


/* 2026-08-13 — Produktivita: precise anchor immediately before the "Řeč rozšířila…" lead. */
.index-poc .poc-meaning-anchor{
  display:block;
  height:0;
  scroll-margin-top:104px;
}
@media(max-width:700px){
  .index-poc .poc-meaning-anchor{scroll-margin-top:96px;}
}


/* PATCH28 2026-09-01: homepage manifesto in hero, positioned lower */
.index-poc .poc-hero-copy{
  top:64% !important;
  width:min(720px,58%);
  transform:translateY(-48%);
}
.index-poc .poc-hero .poc-hero-value{
  max-width:700px;
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(27px,2.55vw,42px);
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:650;
  text-wrap:balance;
}
@media(max-width:1000px){
  .index-poc .poc-hero-copy{width:min(720px,76%);}
}
@media(max-width:700px){
  .index-poc .poc-hero-copy{
    top:auto !important;
    bottom:22px !important;
    left:22px;
    right:22px;
    width:auto;
    transform:none;
  }
  .index-poc .poc-hero h1{font-size:41px;line-height:.95;margin-bottom:16px;}
  .index-poc .poc-hero .poc-hero-value{font-size:24px;line-height:1.12;margin-bottom:14px;}
  .index-poc .poc-hero p{font-size:16px;line-height:1.42;}
}