/* — Onda Kelara · fresh tide (teal on mint, very round, airy) — */
::selection{background:#126e64;color:#f0f8f5}
/* Bubble status dots with a soft halo, as the homepage pulse. */
.status-dot{width:9px;height:9px;box-shadow:0 0 0 4px color-mix(in srgb,#126e64 14%,transparent)}
/* Circular icon tiles continue the homepage's rounded geometry. */
.icon-badge,.hero-value-icon{border-radius:50%}
.step-card .num{border-radius:50%}
/* Lime accent for wayfinding, mirroring the homepage accent tone. */
.hero-market{color:#a4ca69}
.footer-contact{color:#a4ca69}
.hero-risk{border-left:2px solid color-mix(in srgb,#a4ca69 55%,transparent);padding-left:12px}
.hero-proof a:hover{border-color:color-mix(in srgb,#a4ca69 55%,var(--line))}
.clarity-card--cta{background:color-mix(in srgb,#a4ca69 10%,var(--bg));border-color:color-mix(in srgb,#a4ca69 40%,var(--line))}
.clarity-card--cta h3{color:#126e64}
.journey-card:hover{border-color:color-mix(in srgb,#a4ca69 50%,var(--line))}
/* Light-as-air section bands keep long pages breathing. */
.section--band{background:linear-gradient(180deg,#e4f0eb,color-mix(in srgb,#e4f0eb 55%,#f0f8f5))}