/* Vertex Konsol | Ev — quiet monochrome system, native CSS motion. */
#tab-home {
  max-width:1360px;
  margin:0 auto;
  padding-bottom:40px;
  color:var(--text-primary);
}
#tab-home .home-eyebrow {
  display:block;
  color:var(--text-muted);
  font-size:11px;
  font-weight:620;
  line-height:1.6;
  letter-spacing:.13em;
}
#tab-home .home-hero {
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(290px,.78fr);
  min-height:410px;
  overflow:hidden;
  border:1px solid var(--border-strong);
  border-radius:23px;
  background:var(--bg-surface);
}
#tab-home .home-hero-copy {
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-width:0;
  padding:clamp(30px,4.6vw,68px);
}
#tab-home .home-title {
  max-width:720px;
  margin:24px 0 21px;
  font-size:clamp(33px,3.75vw,56px);
  font-weight:650;
  letter-spacing:-.052em;
  line-height:1.1;
  overflow-wrap:anywhere;
}
#tab-home .home-lead {
  max-width:640px;
  margin:0;
  color:var(--text-secondary);
  font-size:clamp(14px,1.18vw,17px);
  line-height:1.85;
}
#tab-home .home-identity {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:26px 0 0;
}
#tab-home .home-identity:empty { display:none; }
#tab-home .home-identity-chip {
  display:inline-flex;
  align-items:center;
  gap:8px;
  max-width:100%;
  padding:8px 12px;
  border:1px solid var(--border-strong);
  border-radius:999px;
  color:var(--text-secondary);
  font-size:12px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
#tab-home .home-identity-chip svg { flex-shrink:0; }
#tab-home .home-start-note {
  max-width:640px;
  margin:23px 0 0;
  color:var(--text-muted);
  font-size:12px;
  line-height:1.8;
}
#tab-home .home-hero-art {
  position:relative;
  display:grid;
  place-items:center;
  min-width:0;
  min-height:320px;
  overflow:hidden;
  color:var(--text-primary);
  opacity:.74;
  background:linear-gradient(90deg,transparent 0%,var(--bg-elevated) 160%);
}
#tab-home .home-hero-art::before {
  content:'';
  position:absolute;
  inset:12% 8%;
  border-radius:50%;
  background:radial-gradient(ellipse,var(--bg-elevated),transparent 72%);
  filter:blur(18px);
  opacity:.48;
  pointer-events:none;
}
#tab-home .home-flow-svg {
  position:relative;
  width:125%;
  max-width:none;
  height:100%;
  overflow:visible;
  transform:translateZ(0);
}
#tab-home .home-flow-layer {
  transform-origin:50% 50%;
  will-change:transform;
}
#tab-home .home-flow-layer-back {
  opacity:.47;
  animation:home-flow-back 13s ease-in-out infinite alternate;
}
#tab-home .home-flow-layer-front {
  opacity:.84;
  animation:home-flow-front 10s ease-in-out infinite alternate;
}
#tab-home .home-flow-highlight {
  animation:home-flow-trace 20s linear infinite;
  opacity:.76;
}
#tab-home .home-flow-highlight-secondary {
  opacity:.55;
  animation-duration:26s;
  animation-direction:reverse;
}
@keyframes home-flow-back {
  from { transform:translate3d(-15px,-9px,0) scale(1.02); }
  to { transform:translate3d(18px,11px,0) scale(.985); }
}
@keyframes home-flow-front {
  from { transform:translate3d(12px,12px,0) scale(.995); }
  to { transform:translate3d(-17px,-13px,0) scale(1.025); }
}
@keyframes home-flow-trace {
  to { stroke-dashoffset:-492; }
}
#tab-home .home-section { margin:clamp(68px,7vw,102px) 0 0; }
#tab-home .home-heading {
  max-width:1020px;
  margin:14px 0 18px;
  color:var(--text-primary);
  font-size:clamp(25px,2.55vw,39px);
  font-weight:640;
  letter-spacing:-.042em;
  line-height:1.2;
}
#tab-home .home-section-intro {
  max-width:820px;
  margin:0 0 30px;
  color:var(--text-secondary);
  font-size:15px;
  line-height:1.83;
}
#tab-home .home-product-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
#tab-home .home-product-card {
  min-width:0;
  min-height:258px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:clamp(19px,2.2vw,30px);
  border:1px solid var(--border-subtle);
  border-radius:16px;
  background:var(--bg-surface);
  transition:border-color var(--motion-normal) var(--ease-standard),background-color var(--motion-normal) var(--ease-standard);
}
#tab-home .home-product-card:hover {
  background:var(--bg-hover);
  border-color:var(--border-strong);
}
#tab-home .home-product-top {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  width:100%;
  margin-bottom:30px;
}
#tab-home .home-product-icon {
  display:grid;
  place-items:center;
  width:43px;
  height:43px;
  border:1px solid var(--border-strong);
  border-radius:12px;
  background:var(--bg-elevated);
  color:var(--text-primary);
}
#tab-home .home-product-index {
  color:var(--text-muted);
  font-family:var(--font-mono);
  font-size:11px;
}
#tab-home .home-product-title {
  margin:0 0 5px;
  color:var(--text-primary);
  font-size:21px;
  font-weight:650;
  letter-spacing:-.03em;
}
#tab-home .home-product-role {
  display:block;
  color:var(--text-secondary);
  font-size:12px;
  font-weight:560;
  line-height:1.6;
}
#tab-home .home-product-description {
  margin:18px 0 0;
  color:var(--text-muted);
  font-size:13px;
  line-height:1.75;
}
#tab-home .home-technology-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
#tab-home .home-tech-card {
  min-width:0;
  min-height:152px;
  padding:23px;
  border:1px solid var(--border-subtle);
  border-radius:15px;
  background:var(--bg-surface);
}
#tab-home .home-tech-brand {
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  margin-bottom:17px;
}
#tab-home .home-tech-logo {
  flex:0 0 39px;
  display:grid;
  place-items:center;
  width:39px;
  height:39px;
  background:var(--bg-elevated);
  border:1px solid var(--border-subtle);
  border-radius:10px;
}
#tab-home .home-tech-logo img {
  display:block;
  width:24px;
  height:24px;
  object-fit:contain;
}
#tab-home .home-tech-name {
  min-width:0;
  margin:0;
  color:var(--text-primary);
  font-size:14px;
  font-weight:620;
  line-height:1.35;
  overflow-wrap:anywhere;
}
#tab-home .home-tech-reason {
  margin:0;
  color:var(--text-secondary);
  font-size:12px;
  line-height:1.75;
}
#tab-home .home-technology-note {
  margin:25px 0 0;
  padding:17px 0 0;
  max-width:900px;
  border-top:1px solid var(--border-subtle);
  color:var(--text-muted);
  font-size:12px;
  line-height:1.85;
}
#tab-home .home-prose {
  display:grid;
  gap:20px;
  max-width:940px;
}
#tab-home .home-prose p,
#tab-home .home-culture-item p {
  margin:0;
  color:var(--text-secondary);
  font-size:15px;
  line-height:1.95;
}
#tab-home .home-module-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px;
}
#tab-home .home-module-card {
  position:relative;
  min-height:205px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:25px;
  border:1px solid var(--border-subtle);
  border-radius:16px;
  background:var(--bg-surface);
  color:var(--text-primary);
  text-align:left;
  transition:background-color var(--motion-normal) var(--ease-standard),border-color var(--motion-normal) var(--ease-standard);
}
#tab-home .home-module-card:hover {
  background:var(--bg-hover);
  border-color:var(--border-strong);
}
#tab-home .home-module-card:focus-visible {
  outline:2px solid var(--action-primary);
  outline-offset:3px;
}
#tab-home .home-module-icon {
  display:grid;
  place-items:center;
  width:41px;
  height:41px;
  margin-bottom:19px;
  border:1px solid var(--border-strong);
  background:var(--bg-elevated);
  border-radius:11px;
}
#tab-home .home-module-name {
  color:var(--text-primary);
  font-size:16px;
  font-weight:620;
  letter-spacing:-.02em;
}
#tab-home .home-module-description {
  margin:10px 24px 0 0;
  color:var(--text-secondary);
  font-size:13px;
  line-height:1.75;
}
#tab-home .home-module-arrow {
  position:absolute;
  right:21px;
  bottom:20px;
  color:var(--text-muted);
}
#tab-home .home-muted { color:var(--text-muted); font-size:14px; }
#tab-home .home-culture-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;
}
#tab-home .home-culture-item {
  padding:25px 0 5px;
  border-top:1px solid var(--border-strong);
}
#tab-home .home-culture-number {
  display:block;
  margin-bottom:15px;
  color:var(--text-muted);
  font-family:var(--font-mono);
  font-size:12px;
}
#tab-home .home-closing {
  margin-top:clamp(85px,9vw,122px);
  padding:clamp(28px,5vw,66px);
  border:1px solid var(--border-strong);
  border-radius:21px;
  background:var(--bg-surface);
}
#tab-home .home-closing p {
  max-width:900px;
  margin:0 0 24px;
  color:var(--text-secondary);
  font-size:clamp(16px,1.7vw,20px);
  line-height:1.8;
  letter-spacing:-.01em;
}
#tab-home .home-closing .home-final-line {
  color:var(--text-primary);
  font-size:clamp(24px,2.8vw,34px);
  font-weight:640;
  letter-spacing:-.035em;
}
#tab-home .home-signature {
  display:flex;
  align-items:center;
  gap:11px;
  margin-top:52px;
  padding-top:22px;
  border-top:1px solid var(--border-subtle);
  color:var(--text-muted);
  font-size:12px;
}
#tab-home .home-signature img {
  width:24px;
  height:24px;
  object-fit:contain;
}
html[data-theme="light"] #tab-home .home-signature img,
[data-theme="system"] #tab-home .home-signature img { filter:brightness(0); }
html[data-theme="light"] #tab-home .home-tech-logo img[src$="/cal.svg"],
[data-theme="system"] #tab-home .home-tech-logo img[src$="/cal.svg"] { filter:brightness(0); }
@media (prefers-color-scheme:dark) {
  [data-theme="system"] #tab-home .home-signature img,
  [data-theme="system"] #tab-home .home-tech-logo img[src$="/cal.svg"] { filter:none; }
}
@media (max-width:1250px) {
  #tab-home .home-product-grid,
  #tab-home .home-technology-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #tab-home .home-product-card { min-height:224px; }
}
@media (max-width:1023px) {
  #tab-home .home-hero { grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr); }
}
@media (max-width:760px) {
  #tab-home .home-hero { display:flex; flex-direction:column; }
  #tab-home .home-hero-copy { padding:33px 27px 23px; }
  #tab-home .home-hero-art { min-height:160px; max-height:195px; }
  #tab-home .home-flow-svg { width:100%; }
  #tab-home .home-module-grid,
  #tab-home .home-culture-grid { grid-template-columns:1fr; }
  #tab-home .home-section { margin-top:65px; }
}
@media (max-width:520px) {
  #tab-home .home-product-grid,
  #tab-home .home-technology-grid { grid-template-columns:1fr; }
  #tab-home .home-product-card { min-height:205px; }
  #tab-home .home-product-top { margin-bottom:23px; }
  #tab-home .home-tech-card { min-height:125px; }
  #tab-home .home-module-card { min-height:177px; }
  #tab-home .home-heading { font-size:clamp(26px,8vw,33px); }
}
@media (max-width:380px) {
  #tab-home .home-hero-copy { padding:28px 22px; }
  #tab-home .home-title { font-size:31px; }
  #tab-home .home-product-card,#tab-home .home-module-card,#tab-home .home-tech-card { padding:21px; }
  #tab-home .home-closing { padding:27px 22px; }
}
@media (prefers-reduced-motion:reduce) {
  #tab-home .home-flow-layer,
  #tab-home .home-flow-highlight { animation:none !important; will-change:auto; }
  #tab-home .home-module-card,
  #tab-home .home-product-card { transition:none; }
}

/* Finishing pass: balanced technology catalogue and soft fog at both artwork edges. */
#tab-home .home-hero-art {
  isolation:isolate;
}
#tab-home .home-flow-svg {
  z-index:1;
}
#tab-home .home-hero-art::before {
  z-index:2;
  content:'';
  position:absolute;
  inset:-8px;
  border-radius:0;
  background:linear-gradient(90deg,
    var(--bg-surface) 0%,
    var(--bg-surface) 4%,
    transparent 28%,
    transparent 72%,
    var(--bg-surface) 96%,
    var(--bg-surface) 100%);
  filter:blur(13px);
  opacity:.90;
  pointer-events:none;
}
#tab-home .home-hero-art::after {
  z-index:2;
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 21% 72% at 0% 50%,var(--bg-surface),transparent 100%),
    radial-gradient(ellipse 21% 72% at 100% 50%,var(--bg-surface),transparent 100%);
  opacity:.70;
  pointer-events:none;
}
#tab-home .home-technology {
  margin-top:clamp(76px,8vw,108px);
}
#tab-home .home-technology-grid {
  grid-template-columns:repeat(4,minmax(0,1fr));
  column-gap:17px;
  row-gap:17px;
}
#tab-home .home-tech-card {
  min-height:170px;
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
#tab-home .home-tech-brand {
  margin-bottom:20px;
  gap:14px;
}
#tab-home .home-tech-logo {
  flex-basis:46px;
  width:46px;
  height:46px;
  border-radius:11px;
}
#tab-home .home-tech-logo img {
  width:27px;
  height:27px;
}
#tab-home .home-tech-logo img[src$="/elevenlabs.svg"] {
  width:20px;
  height:31px;
}
#tab-home .home-tech-fallback {
  color:var(--text-primary);
  font-size:20px;
  font-weight:680;
  line-height:1;
}
#tab-home .home-tech-name {
  font-size:14px;
  letter-spacing:-.01em;
}
#tab-home .home-tech-reason {
  font-size:13px;
  line-height:1.75;
  text-wrap:pretty;
}
#tab-home .home-technology-note {
  margin-top:32px;
  padding-top:24px;
  max-width:990px;
}
#tab-home .home-tech-logo img[src$="/cal.svg"],
#tab-home .home-tech-logo img[src$="/github.svg"],
#tab-home .home-tech-logo img[src$="/elevenlabs.svg"] {
  filter:brightness(0) invert(1);
}
html[data-theme="light"] #tab-home .home-tech-logo img[src$="/cal.svg"],
html[data-theme="light"] #tab-home .home-tech-logo img[src$="/github.svg"],
html[data-theme="light"] #tab-home .home-tech-logo img[src$="/elevenlabs.svg"],
html[data-theme="system"] #tab-home .home-tech-logo img[src$="/cal.svg"],
html[data-theme="system"] #tab-home .home-tech-logo img[src$="/github.svg"],
html[data-theme="system"] #tab-home .home-tech-logo img[src$="/elevenlabs.svg"] {
  filter:none;
}
@media (prefers-color-scheme:dark) {
  html[data-theme="system"] #tab-home .home-tech-logo img[src$="/cal.svg"],
  html[data-theme="system"] #tab-home .home-tech-logo img[src$="/github.svg"],
  html[data-theme="system"] #tab-home .home-tech-logo img[src$="/elevenlabs.svg"] {
    filter:brightness(0) invert(1);
  }
}
@media (max-width:1310px) {
  #tab-home .home-technology-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:880px) {
  #tab-home .home-technology-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:520px) {
  #tab-home .home-technology-grid {grid-template-columns:minmax(0,1fr);}
  #tab-home .home-tech-card {min-height:135px;padding:22px;}
  #tab-home .home-tech-brand {margin-bottom:13px;}
  #tab-home .home-hero-art::before {filter:blur(10px);}
}