/* Helix in Vyoma orange: overrides the teal/violet Helix theme in vyoma.css to match the orange Helix icon (2026-10-18) */
.helix{background-image: radial-gradient(900px 480px at 85% -5%, rgba(255,122,46,.14), transparent 60%), radial-gradient(700px 460px at 0% 105%, rgba(255,194,77,.12), transparent 60%),
    radial-gradient(rgba(237,237,239,.05) 1px, transparent 1.3px)}
.helix .tag{background: rgba(255,122,46,.12);color: #FFB27A}
.hxm{color: #FF7A2E}
.hxv{color: #FFC24D}
.hxgrad{background: linear-gradient(100deg, #FF7A2E 10%, #FFC24D 90%);-webkit-background-clip: text;background-clip: text;color: transparent}
.hxbadge b{background: rgba(255,122,46,.14);color: #FF7A2E}
.hxbadge b.beta{background: rgba(255,194,77,.16);color: #FFD98A}
.hxbtn:hover{box-shadow: 0 16px 40px -18px rgba(255,122,46,.7)}
.hxbtn.alt:hover{border-color: #FF7A2E}
.hxwin{box-shadow: 0 50px 100px -50px rgba(0,0,0,.95), 0 0 80px -40px rgba(255,122,46,.45)}
.hxstep i{background: #FF7A2E;color: #1A0A00}
.hxrun-f{color: #FFB27A}
.hxcard:hover{border-color: rgba(255,122,46,.5);box-shadow: 0 26px 60px -34px rgba(255,122,46,.6)}
.hxcard::before{background: radial-gradient(420px 160px at 0% 0%, rgba(255,122,46,.08), transparent 70%)}
.hxcard .mono b{color: #FF7A2E}
.hxcard .mono b.beta{color: #FFD98A}
.hxico{background: rgba(255,122,46,.1);color: #FF7A2E}
.hxcard:nth-child(even) .hxico{background: rgba(255,194,77,.12);color: #FFC24D}
.hxhead .mono{color: #FF7A2E}
.hxsurf > div::after{background: linear-gradient(90deg, #FF7A2E, #FFC24D)}
.hxbeta{background: linear-gradient(135deg, rgba(255,194,77,.14), rgba(255,122,46,.08));border: 1px solid rgba(255,194,77,.35)}
.hxbeta code, .hxcode{color: #FFB27A}
.hxterm .p{color: #FF7A2E}
.hxterm .v{color: #FFC24D}
.hxlist li::before{background: linear-gradient(135deg, #FF7A2E, #FFC24D)}
.hxphone{box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 40px 80px -36px rgba(0,0,0,.9), 0 0 70px -30px rgba(255,194,77,.5)}