.home-symbols {
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
  pointer-events:none;
}
.home-dots {
  fill:url(#home-dots);
}
.home-tutorial {
  margin:18px 0 0;
  font-size:var(--small-size);
}
.home-badges {
  margin-bottom:0;
  margin-top:18px;
}
.home-hero .cell-main {
  padding-inline:36px;
}
.home-hero .cell-plat {
  padding-inline:36px;
}
.home-hero .plat-list {
  gap:8px 18px;
}
.home-hero .plat-list a {
  min-height:24px;
}
.home-hero .price-pill {
  width:fit-content;
}
.home-intro {
  max-width:900px;
  margin-bottom:32px;
  color:var(--muted);
  line-height:1.9;
}
.home-section-link {
  margin:32px 0 0;
}
.home-platform-title {
  color:var(--ink);
  text-decoration:none;
}
.home-platform-title:hover {
  color:var(--accent);
}
.home-facts {
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:64px;
  align-items:start;
  margin-top:40px;
}
.home-facts > * {
  min-width:0;
}
.home-facts .prose h3:first-child {
  margin-top:0;
}
.home-reading {
  border:1px solid var(--line);
  background:var(--bg);
  color:var(--ink);
}
.home-reading h3 {
  margin:0;
  padding:24px;
}
.home-reading a {
  display:block;
  min-width:0;
  padding:24px;
  border-top:1px solid var(--line);
  text-decoration:none;
  color:var(--ink);
}
.home-reading a:hover {
  background:var(--panel-2);
  color:var(--accent);
}
.home-reading a > span,
.home-reading a > strong {
  display:block;
}
.home-reading .mono {
  font-size:var(--small-size);
  color:var(--accent);
  margin-bottom:12px;
}
.home-reading strong {
  margin-bottom:10px;
}
.home-reading a > span:last-child {
  color:var(--muted);
  font-size:var(--small-size);
  line-height:1.8;
}
.home-questions {
  margin-top:64px;
}
@media (max-width:1100px) {
  .home-hero .bento {
    grid-template-areas:"main main" "plat plat" "dev dev" "ka kb" "kc kd";
  }
  .home-hero .cell-main {
    padding-top:32px;
    padding-bottom:32px;
  }
  .home-hero .cell-plat {
    padding-top:16px;
    padding-bottom:16px;
  }
  .home-facts {
    grid-template-columns:minmax(0,1fr);
    gap:32px;
  }
  .home-reading {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .home-reading h3 {
    grid-column:1 / -1;
  }
}
@media (max-width:640px) {
  .home-hero {
    padding-top:12px;
  }
  .home-hero .bento {
    grid-template-areas:"main" "plat" "dev" "ka" "kb" "kc" "kd";
  }
  .home-hero .cell-main {
    padding:24px 20px;
  }
  .home-hero .hero-title {
    margin-top:18px;
    margin-bottom:14px;
  }
  .home-hero .hero-lead {
    font-size:var(--body-size);
    line-height:1.65;
  }
  .home-hero .get-actions {
    gap:20px;
    margin-top:22px;
  }
  .home-hero .get-note {
    margin-top:16px;
    font-family:var(--font-body);
  }
  .home-tutorial {
    margin-top:12px;
  }
  .home-badges {
    justify-content:flex-start;
    margin-top:12px;
  }
  .home-hero .cell-plat {
    padding:14px 20px;
    gap:10px;
  }
  .home-hero .plat-list {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px 10px;
  }
  .home-hero .plat-list a {
    min-height:28px;
    font-size:var(--small-size);
    gap:5px;
  }
  .home-hero .plat-list svg {
    width:15px;
    height:17px;
  }
  .home-reading {
    grid-template-columns:minmax(0,1fr);
  }
  .home-questions {
    margin-top:40px;
  }
}