/* The homepage decoration (2026-09-28), loaded only on / and only while HOMEPAGE_DECO is on.
   Deleting this file's <link> (or HOMEPAGE_DECO=false) removes every rule below; nothing else in
   the site depends on it. Nothing here moves. */

/* The karyogram skyline: the 24 chromosomes along the bottom of the hero, under the sample cards,
   clear of the price line and the file drop. Absolutely positioned, so the layout (and the phone
   fold) does not change at all. */
.hero{position:relative}
.hero .wrap{position:relative;z-index:1}
.deco-karyo{position:absolute;bottom:0;right:calc(50% - 560px);height:150px;width:auto;pointer-events:none;z-index:0;user-select:none}
@media (max-width:1180px){.deco-karyo{right:16px}}
@media (max-width:700px){.deco-karyo{height:70px;right:50%;transform:translateX(50%)}}

/* The mark's own chromosome, one band lit, before every section label. Section labels only:
   `.k` is also the kicker inside the hero card and the price cards, which stay bare. */
p.k::before,.sec__hd>.k::before{content:"";display:inline-block;width:.42em;height:1.3em;margin-right:.55em;vertical-align:-.32em;
  background:url("/static/img/ideo-tick.svg") no-repeat center/contain}
.band p.k::before{background-image:url("/static/img/ideo-tick-light.svg")}
@media print{.deco-karyo,p.k::before,.sec__hd>.k::before{display:none}}